Spaces:

Taf2023
/

Share-YouTube

Running

App Files Files Community

Taf2023 commited on 5 days ago

Commit

f93593b

verified ·

1 Parent(s): a2dc0ea

Upload production-app.py

Browse files

Files changed (1) hide show

production-app.py +978 -0

production-app.py ADDED Viewed

	@@ -0,0 +1,978 @@

+import os
+from datetime import datetime
+from flask import Flask, request, jsonify, render_template_string
+from flask_sqlalchemy import SQLAlchemy
+from flask_cors import CORS
+from werkzeug.serving import WSGIRequestHandler
+import logging
+# Configure logging
+logging.basicConfig(level=logging.INFO)
+logger = logging.getLogger(__name__)
+app = Flask(__name__)
+app.config['SECRET_KEY'] = 'asdf#FGSgvasgf$5$WGT'
+# Enable CORS for all routes
+CORS(app)
+# Database configuration
+app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///app.db'
+app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False
+db = SQLAlchemy(app)
+# Database Models
+class Post(db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    name = db.Column(db.String(100), nullable=False)
+    note = db.Column(db.Text, nullable=False)
+    youtube_link = db.Column(db.String(500), nullable=True)
+    likes = db.Column(db.Integer, default=0)
+    created_at = db.Column(db.DateTime, default=datetime.utcnow)
+    def to_dict(self):
+        return {
+            'id': self.id,
+            'name': self.name,
+            'note': self.note,
+            'youtube_link': self.youtube_link,
+            'likes': self.likes,
+            'created_at': self.created_at.isoformat() if self.created_at else None
+        }
+class Comment(db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    post_id = db.Column(db.Integer, db.ForeignKey('post.id'), nullable=False)
+    name = db.Column(db.String(100), nullable=False)
+    comment = db.Column(db.Text, nullable=False)
+    created_at = db.Column(db.DateTime, default=datetime.utcnow)
+    def to_dict(self):
+        return {
+            'id': self.id,
+            'post_id': self.post_id,
+            'name': self.name,
+            'comment': self.comment,
+            'created_at': self.created_at.isoformat() if self.created_at else None
+        }
+# Create database tables
+with app.app_context():
+    db.create_all()
+# HTML Template (English Version)
+HTML_TEMPLATE = '''
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Share YouTube - Share Videos and Notes with Friends</title>
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        body {
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            min-height: 100vh;
+            color: #333;
+        }
+        .container {
+            max-width: 800px;
+            margin: 0 auto;
+            padding: 20px;
+        }
+        .header {
+            text-align: center;
+            margin-bottom: 30px;
+            background: rgba(255, 255, 255, 0.95);
+            padding: 30px;
+            border-radius: 15px;
+            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
+            backdrop-filter: blur(10px);
+        }
+        .header h1 {
+            font-size: 2.5rem;
+            color: #FF0000;
+            margin-bottom: 10px;
+            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
+        }
+        .header p {
+            font-size: 1.1rem;
+            color: #666;
+        }
+        .share-section {
+            margin-bottom: 30px;
+        }
+        .share-card {
+            background: rgba(255, 255, 255, 0.95);
+            padding: 30px;
+            border-radius: 15px;
+            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
+            backdrop-filter: blur(10px);
+        }
+        .share-card h2 {
+            color: #333;
+            margin-bottom: 25px;
+            font-size: 1.5rem;
+            text-align: center;
+        }
+        .form-group {
+            margin-bottom: 20px;
+        }
+        .form-group label {
+            display: block;
+            margin-bottom: 8px;
+            font-weight: 600;
+            color: #555;
+        }
+        .form-group input,
+        .form-group textarea {
+            width: 100%;
+            padding: 12px 15px;
+            border: 2px solid #e1e5e9;
+            border-radius: 10px;
+            font-size: 1rem;
+            transition: all 0.3s ease;
+            background: rgba(255, 255, 255, 0.9);
+        }
+        .form-group input:focus,
+        .form-group textarea:focus {
+            outline: none;
+            border-color: #FF0000;
+            box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.1);
+            transform: translateY(-2px);
+        }
+        .form-group textarea {
+            resize: vertical;
+            min-height: 80px;
+        }
+        .btn-share {
+            width: 100%;
+            padding: 15px;
+            background: linear-gradient(45deg, #FF0000, #CC0000);
+            color: white;
+            border: none;
+            border-radius: 10px;
+            font-size: 1.1rem;
+            font-weight: 600;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            text-transform: uppercase;
+            letter-spacing: 1px;
+        }
+        .btn-share:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 8px 25px rgba(255, 0, 0, 0.3);
+        }
+        .feed-section {
+            background: rgba(255, 255, 255, 0.95);
+            padding: 30px;
+            border-radius: 15px;
+            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
+            backdrop-filter: blur(10px);
+        }
+        .feed-section h2 {
+            color: #333;
+            margin-bottom: 25px;
+            font-size: 1.5rem;
+            text-align: center;
+        }
+        .link-card {
+            background: #fff;
+            border: 1px solid #e1e5e9;
+            border-radius: 12px;
+            padding: 20px;
+            margin-bottom: 20px;
+            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
+            transition: all 0.3s ease;
+        }
+        .link-card:hover {
+            transform: translateY(-3px);
+            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
+        }
+        .link-header {
+            display: flex;
+            align-items: center;
+            margin-bottom: 15px;
+        }
+        .link-header .user-name {
+            font-weight: 600;
+            color: #333;
+            margin-right: 10px;
+        }
+        .link-header .timestamp {
+            color: #888;
+            font-size: 0.9rem;
+        }
+        .link-note {
+            margin-bottom: 15px;
+            color: #555;
+            line-height: 1.5;
+        }
+        .youtube-embed {
+            margin-bottom: 15px;
+            border-radius: 8px;
+            overflow: hidden;
+        }
+        .youtube-embed iframe {
+            width: 100%;
+            height: 315px;
+            border: none;
+        }
+        .link-actions {
+            display: flex;
+            gap: 15px;
+            padding-top: 15px;
+            border-top: 1px solid #e1e5e9;
+        }
+        .action-btn {
+            background: none;
+            border: none;
+            padding: 8px 15px;
+            border-radius: 20px;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            font-size: 0.9rem;
+            display: flex;
+            align-items: center;
+            gap: 5px;
+        }
+        .like-btn {
+            color: #666;
+        }
+        .like-btn:hover,
+        .like-btn.liked {
+            background: rgba(255, 0, 0, 0.1);
+            color: #FF0000;
+        }
+        .comment-btn {
+            color: #666;
+        }
+        .comment-btn:hover {
+            background: rgba(0, 123, 255, 0.1);
+            color: #007bff;
+        }
+        .comments-section {
+            margin-top: 15px;
+            padding-top: 15px;
+            border-top: 1px solid #e1e5e9;
+        }
+        .comment-form {
+            display: flex;
+            gap: 10px;
+            margin-bottom: 15px;
+        }
+        .comment-form input {
+            flex: 1;
+            padding: 8px 12px;
+            border: 1px solid #ddd;
+            border-radius: 20px;
+            font-size: 0.9rem;
+        }
+        .comment-form button {
+            padding: 8px 15px;
+            background: #007bff;
+            color: white;
+            border: none;
+            border-radius: 20px;
+            cursor: pointer;
+            font-size: 0.9rem;
+        }
+        .comment-form button:hover {
+            background: #0056b3;
+        }
+        .comment {
+            background: #f8f9fa;
+            padding: 10px 15px;
+            border-radius: 10px;
+            margin-bottom: 10px;
+        }
+        .comment-author {
+            font-weight: 600;
+            color: #333;
+            margin-bottom: 5px;
+        }
+        .comment-text {
+            color: #555;
+            font-size: 0.9rem;
+        }
+        .loading-spinner {
+            position: fixed;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            background: rgba(255, 255, 255, 0.95);
+            padding: 30px;
+            border-radius: 15px;
+            text-align: center;
+            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
+            display: none;
+        }
+        .loading-spinner i {
+            font-size: 2rem;
+            color: #FF0000;
+            margin-bottom: 10px;
+        }
+        .success-message {
+            position: fixed;
+            top: 20px;
+            right: 20px;
+            background: #28a745;
+            color: white;
+            padding: 15px 20px;
+            border-radius: 10px;
+            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
+            display: none;
+            align-items: center;
+            gap: 10px;
+            z-index: 1000;
+        }
+        .success-message i {
+            font-size: 1.2rem;
+        }
+        @media (max-width: 768px) {
+            .container {
+                padding: 15px;
+            }
+            .header h1 {
+                font-size: 2rem;
+            }
+            .share-card,
+            .feed-section {
+                padding: 20px;
+            }
+            .youtube-embed iframe {
+                height: 200px;
+            }
+            .link-actions {
+                flex-wrap: wrap;
+            }
+        }
+        @keyframes fadeInUp {
+            from {
+                opacity: 0;
+                transform: translateY(30px);
+            }
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
+        .link-card {
+            animation: fadeInUp 0.5s ease;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <!-- Header -->
+        <header class="header">
+            <div class="header-content">
+                <h1><i class="fab fa-youtube"></i> Share YouTube</h1>
+                <p>Share videos and notes with friends</p>
+            </div>
+        </header>
+        <!-- Share Form -->
+        <div class="share-section">
+            <div class="share-card">
+                <h2><i class="fas fa-share"></i> Share YouTube Link</h2>
+                <form id="shareForm">
+                    <div class="form-group">
+                        <label for="name"><i class="fas fa-user"></i> Your Name:</label>
+                        <input type="text" id="name" name="name" required placeholder="Enter your name">
+                    </div>
+                    <div class="form-group">
+                        <label for="youtube_link"><i class="fab fa-youtube"></i> YouTube Link:</label>
+                        <input type="url" id="youtube_link" name="youtube_link" required placeholder="https://www.youtube.com/watch?v=...">
+                    </div>
+                    <div class="form-group">
+                        <label for="note"><i class="fas fa-sticky-note"></i> Short Note:</label>
+                        <textarea id="note" name="note" required placeholder="Write a short note about this video..."></textarea>
+                    </div>
+                    <button type="submit" class="btn-share">
+                        <i class="fas fa-share"></i> Share
+                    </button>
+                </form>
+            </div>
+        </div>
+        <!-- Shared Links Feed -->
+        <div class="feed-section">
+            <h2><i class="fas fa-list"></i> Shared Links</h2>
+            <div id="linksContainer">
+                <!-- Shared links will be loaded here -->
+            </div>
+        </div>
+    </div>
+    <!-- Loading Spinner -->
+    <div id="loadingSpinner" class="loading-spinner">
+        <i class="fas fa-spinner fa-spin"></i>
+        <p>Loading...</p>
+    </div>
+    <!-- Success Message -->
+    <div id="successMessage" class="success-message">
+        <i class="fas fa-check-circle"></i>
+        <span id="successText">Shared successfully!</span>
+    </div>
+    <script>
+        // API Base URL
+        const API_BASE_URL = '/api';
+        // DOM Elements
+        const shareForm = document.getElementById('shareForm');
+        const linksContainer = document.getElementById('linksContainer');
+        const loadingSpinner = document.getElementById('loadingSpinner');
+        const successMessage = document.getElementById('successMessage');
+        const successText = document.getElementById('successText');
+        // Initialize app
+        document.addEventListener('DOMContentLoaded', function() {
+            loadLinks();
+            // Handle form submission
+            shareForm.addEventListener('submit', handleShareSubmit);
+        });
+        // Handle share form submission
+        async function handleShareSubmit(e) {
+            e.preventDefault();
+            const formData = new FormData(shareForm);
+            const data = {
+                name: formData.get('name'),
+                note: formData.get('note'),
+                youtube_link: formData.get('youtube_link')
+            };
+            // Validate YouTube URL
+            if (!isValidYouTubeURL(data.youtube_link)) {
+                alert('Please enter a valid YouTube URL');
+                return;
+            }
+            try {
+                showLoading(true);
+                const response = await fetch(`${API_BASE_URL}/posts`, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify(data)
+                });
+                if (!response.ok) {
+                    throw new Error('Failed to share link');
+                }
+                const result = await response.json();
+                // Show success message
+                showSuccessMessage('Shared successfully!');
+                // Clear form
+                shareForm.reset();
+                // Reload links
+                await loadLinks();
+            } catch (error) {
+                console.error('Error sharing link:', error);
+                alert('Error sharing link: ' + error.message);
+            } finally {
+                showLoading(false);
+            }
+        }
+        // Load all shared links
+        async function loadLinks() {
+            try {
+                showLoading(true);
+                const response = await fetch(`${API_BASE_URL}/posts`);
+                if (!response.ok) {
+                    throw new Error('Failed to load links');
+                }
+                const links = await response.json();
+                displayLinks(links);
+            } catch (error) {
+                console.error('Error loading links:', error);
+                linksContainer.innerHTML = `
+                    <div style="text-align: center; color: #666; padding: 20px;">
+                        <i class="fas fa-exclamation-triangle"></i>
+                        <p>Failed to load links: ${error.message}</p>
+                    </div>
+                `;
+            } finally {
+                showLoading(false);
+            }
+        }
+        // Display links in the container
+        function displayLinks(links) {
+            if (links.length === 0) {
+                linksContainer.innerHTML = `
+                    <div style="text-align: center; color: #666; padding: 40px;">
+                        <i class="fab fa-youtube" style="font-size: 3rem; margin-bottom: 15px;"></i>
+                        <p>No shared links yet</p>
+                        <p>Be the first to share a YouTube link!</p>
+                    </div>
+                `;
+                return;
+            }
+            linksContainer.innerHTML = links.map(link => createLinkCard(link)).join('');
+            // Add event listeners for like and comment buttons
+            addLinkEventListeners();
+        }
+        // Create HTML for a single link card
+        function createLinkCard(link) {
+            const videoId = extractYouTubeVideoId(link.youtube_link);
+            const embedUrl = videoId ? `https://www.youtube.com/embed/${videoId}` : '';
+            const timeAgo = getTimeAgo(new Date(link.created_at));
+            return `
+                <div class="link-card" data-link-id="${link.id}">
+                    <div class="link-header">
+                        <span class="user-name">
+                            <i class="fas fa-user"></i> ${escapeHtml(link.name)}
+                        </span>
+                        <span class="timestamp">${timeAgo}</span>
+                    </div>
+                    <div class="link-note">
+                        ${escapeHtml(link.note)}
+                    </div>
+                    ${embedUrl ? `
+                        <div class="youtube-embed">
+                            <iframe src="${embedUrl}"
+                                    title="YouTube video player"
+                                    frameborder="0"
+                                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+                                    allowfullscreen>
+                            </iframe>
+                        </div>
+                    ` : `
+                        <div class="youtube-link">
+                            <a href="${link.youtube_link}" target="_blank" rel="noopener noreferrer">
+                                <i class="fab fa-youtube"></i> Watch on YouTube
+                            </a>
+                        </div>
+                    `}
+                    <div class="link-actions">
+                        <button class="action-btn like-btn" data-link-id="${link.id}">
+                            <i class="fas fa-heart"></i>
+                            <span class="like-count">${link.likes}</span>
+                        </button>
+                        <button class="action-btn comment-btn" data-link-id="${link.id}">
+                            <i class="fas fa-comment"></i>
+                            Comment
+                        </button>
+                    </div>
+                    <div class="comments-section" id="comments-${link.id}" style="display: none;">
+                        <div class="comment-form">
+                            <input type="text" placeholder="Write a comment..." class="comment-input">
+                            <button type="button" class="add-comment-btn" data-link-id="${link.id}">
+                                <i class="fas fa-paper-plane"></i>
+                            </button>
+                        </div>
+                        <div class="comments-list" id="comments-list-${link.id}">
+                            <!-- Comments will be loaded here -->
+                        </div>
+                    </div>
+                </div>
+            `;
+        }
+        // Add event listeners for link interactions
+        function addLinkEventListeners() {
+            // Like buttons
+            document.querySelectorAll('.like-btn').forEach(btn => {
+                btn.addEventListener('click', handleLike);
+            });
+            // Comment buttons
+            document.querySelectorAll('.comment-btn').forEach(btn => {
+                btn.addEventListener('click', toggleComments);
+            });
+            // Add comment buttons
+            document.querySelectorAll('.add-comment-btn').forEach(btn => {
+                btn.addEventListener('click', handleAddComment);
+            });
+            // Enter key for comment input
+            document.querySelectorAll('.comment-input').forEach(input => {
+                input.addEventListener('keypress', function(e) {
+                    if (e.key === 'Enter') {
+                        const linkId = this.closest('.comments-section').id.split('-')[1];
+                        const btn = document.querySelector(`.add-comment-btn[data-link-id="${linkId}"]`);
+                        btn.click();
+                    }
+                });
+            });
+        }
+        // Handle like button click
+        async function handleLike(e) {
+            const linkId = e.currentTarget.dataset.linkId;
+            const likeBtn = e.currentTarget;
+            const likeCount = likeBtn.querySelector('.like-count');
+            try {
+                const response = await fetch(`${API_BASE_URL}/posts/${linkId}/like`, {
+                    method: 'POST'
+                });
+                if (!response.ok) {
+                    throw new Error('Failed to like post');
+                }
+                const result = await response.json();
+                likeCount.textContent = result.likes;
+                // Add visual feedback
+                likeBtn.classList.add('liked');
+                setTimeout(() => likeBtn.classList.remove('liked'), 1000);
+            } catch (error) {
+                console.error('Error liking post:', error);
+                alert('Error liking post');
+            }
+        }
+        // Toggle comments section
+        async function toggleComments(e) {
+            const linkId = e.currentTarget.dataset.linkId;
+            const commentsSection = document.getElementById(`comments-${linkId}`);
+            if (commentsSection.style.display === 'none') {
+                commentsSection.style.display = 'block';
+                await loadComments(linkId);
+            } else {
+                commentsSection.style.display = 'none';
+            }
+        }
+        // Load comments for a specific link
+        async function loadComments(linkId) {
+            try {
+                const response = await fetch(`${API_BASE_URL}/posts/${linkId}/comments`);
+                if (!response.ok) {
+                    throw new Error('Failed to load comments');
+                }
+                const comments = await response.json();
+                const commentsList = document.getElementById(`comments-list-${linkId}`);
+                if (comments.length === 0) {
+                    commentsList.innerHTML = '<p style="text-align: center; color: #666; padding: 10px;">No comments yet</p>';
+                } else {
+                    commentsList.innerHTML = comments.map(comment => `
+                        <div class="comment">
+                            <div class="comment-author">
+                                <i class="fas fa-user"></i> ${escapeHtml(comment.name)}
+                            </div>
+                            <div class="comment-text">${escapeHtml(comment.comment)}</div>
+                        </div>
+                    `).join('');
+                }
+            } catch (error) {
+                console.error('Error loading comments:', error);
+            }
+        }
+        // Handle add comment
+        async function handleAddComment(e) {
+            const linkId = e.currentTarget.dataset.linkId;
+            const commentsSection = document.getElementById(`comments-${linkId}`);
+            const commentInput = commentsSection.querySelector('.comment-input');
+            const commentText = commentInput.value.trim();
+            if (!commentText) {
+                alert('Please write a comment');
+                return;
+            }
+            // Simple name prompt (in real app, you'd have user authentication)
+            const name = prompt('Please enter your name:');
+            if (!name) return;
+            try {
+                const response = await fetch(`${API_BASE_URL}/posts/${linkId}/comments`, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({
+                        name: name,
+                        comment: commentText
+                    })
+                });
+                if (!response.ok) {
+                    throw new Error('Failed to add comment');
+                }
+                // Clear input
+                commentInput.value = '';
+                // Reload comments
+                await loadComments(linkId);
+                showSuccessMessage('Comment added successfully!');
+            } catch (error) {
+                console.error('Error adding comment:', error);
+                alert('Error adding comment');
+            }
+        }
+        // Utility functions
+        function isValidYouTubeURL(url) {
+            const youtubeRegex = /^(https?:\/\/)?(www\.)?(youtube\.com\/watch\?v=|youtu\.be\/|youtube\.com\/embed\/)[a-zA-Z0-9_-]{11}/;
+            return youtubeRegex.test(url);
+        }
+        function extractYouTubeVideoId(url) {
+            const regex = /(?:youtube\.com\/watch\?v=|youtu\.be\/|youtube\.com\/embed\/)([a-zA-Z0-9_-]{11})/;
+            const match = url.match(regex);
+            return match ? match[1] : null;
+        }
+        function escapeHtml(text) {
+            const div = document.createElement('div');
+            div.textContent = text;
+            return div.innerHTML;
+        }
+        function getTimeAgo(date) {
+            const now = new Date();
+            const diffInSeconds = Math.floor((now - date) / 1000);
+            if (diffInSeconds < 60) return 'just now';
+            if (diffInSeconds < 3600) return `${Math.floor(diffInSeconds / 60)} minutes ago`;
+            if (diffInSeconds < 86400) return `${Math.floor(diffInSeconds / 3600)} hours ago`;
+            return `${Math.floor(diffInSeconds / 86400)} days ago`;
+        }
+        function showLoading(show) {
+            loadingSpinner.style.display = show ? 'block' : 'none';
+        }
+        function showSuccessMessage(message) {
+            successText.textContent = message;
+            successMessage.style.display = 'flex';
+            setTimeout(() => {
+                successMessage.style.display = 'none';
+            }, 3000);
+        }
+    </script>
+</body>
+</html>
+'''
+# API Routes
+@app.route('/api/posts', methods=['GET'])
+def get_posts():
+    """Get all posts"""
+    try:
+        posts = Post.query.order_by(Post.created_at.desc()).all()
+        return jsonify([post.to_dict() for post in posts])
+    except Exception as e:
+        logger.error(f"Error getting posts: {str(e)}")
+        return jsonify({'error': 'Failed to get posts'}), 500
+@app.route('/api/posts', methods=['POST'])
+def create_post():
+    """Create a new post"""
+    try:
+        data = request.get_json()
+        if not data or not data.get('name') or not data.get('note'):
+            return jsonify({'error': 'Name and note are required'}), 400
+        post = Post(
+            name=data['name'],
+            note=data['note'],
+            youtube_link=data.get('youtube_link', '')
+        )
+        db.session.add(post)
+        db.session.commit()
+        logger.info(f"New post created: {post.id}")
+        return jsonify(post.to_dict()), 201
+    except Exception as e:
+        logger.error(f"Error creating post: {str(e)}")
+        db.session.rollback()
+        return jsonify({'error': 'Failed to create post'}), 500
+@app.route('/api/posts/<int:post_id>/like', methods=['POST'])
+def like_post(post_id):
+    """Like a post"""
+    try:
+        post = Post.query.get_or_404(post_id)
+        post.likes += 1
+        db.session.commit()
+        logger.info(f"Post {post_id} liked, total likes: {post.likes}")
+        return jsonify({'likes': post.likes})
+    except Exception as e:
+        logger.error(f"Error liking post {post_id}: {str(e)}")
+        db.session.rollback()
+        return jsonify({'error': 'Failed to like post'}), 500
+@app.route('/api/posts/<int:post_id>/comments', methods=['GET'])
+def get_comments(post_id):
+    """Get comments for a post"""
+    try:
+        comments = Comment.query.filter_by(post_id=post_id).order_by(Comment.created_at.asc()).all()
+        return jsonify([comment.to_dict() for comment in comments])
+    except Exception as e:
+        logger.error(f"Error getting comments for post {post_id}: {str(e)}")
+        return jsonify({'error': 'Failed to get comments'}), 500
+@app.route('/api/posts/<int:post_id>/comments', methods=['POST'])
+def add_comment(post_id):
+    """Add a comment to a post"""
+    try:
+        data = request.get_json()
+        if not data or not data.get('name') or not data.get('comment'):
+            return jsonify({'error': 'Name and comment are required'}), 400
+        # Check if post exists
+        post = Post.query.get_or_404(post_id)
+        comment = Comment(
+            post_id=post_id,
+            name=data['name'],
+            comment=data['comment']
+        )
+        db.session.add(comment)
+        db.session.commit()
+        logger.info(f"New comment added to post {post_id}")
+        return jsonify(comment.to_dict()), 201
+    except Exception as e:
+        logger.error(f"Error adding comment to post {post_id}: {str(e)}")
+        db.session.rollback()
+        return jsonify({'error': 'Failed to add comment'}), 500
+# Health check endpoint
+@app.route('/health')
+def health_check():
+    """Health check endpoint"""
+    return jsonify({'status': 'healthy', 'timestamp': datetime.utcnow().isoformat()})
+# Main route
+@app.route('/')
+def index():
+    return render_template_string(HTML_TEMPLATE)
+# Error handlers
+@app.errorhandler(404)
+def not_found(error):
+    return jsonify({'error': 'Not found'}), 404
+@app.errorhandler(500)
+def internal_error(error):
+    db.session.rollback()
+    return jsonify({'error': 'Internal server error'}), 500
+if __name__ == '__main__':
+    port = int(os.environ.get('PORT', 7860))
+    # Use Werkzeug's built-in WSGI server with threading enabled for better production performance
+    from werkzeug.serving import run_simple
+    logger.info(f"===== Application Startup at {datetime.utcnow().strftime('%Y-%m-%d %H:%M:%S')} =====")
+    logger.info(f"Starting production server on port {port}")
+    # Run with threading enabled and proper error handling
+    run_simple(
+        hostname='0.0.0.0',
+        port=port,
+        application=app,
+        use_reloader=False,
+        use_debugger=False,
+        threaded=True,
+        processes=1
+    )