升级优化

Dockerfile

@@ -3,7 +3,8 @@ FROM python:3.9-slim
 WORKDIR /app
 
 # Install dependencies
-RUN pip install flask
+COPY requirements.txt .
+RUN pip install --no-cache-dir -r requirements.txt
 
 # Copy application files
 COPY . .
@@ -15,5 +16,5 @@ USER user
 # Expose the port (Hugging Face Spaces uses 7860)
 EXPOSE 7860
 
-# Run the application
-CMD ["python", "app.py"]
+# Run the application with Gunicorn
+CMD ["gunicorn", "-b", "0.0.0.0:7860", "app:app"]

README.md

@@ -19,11 +19,11 @@ short_description: ZenFlow - 禅意专注流
 - **极简设计**：深色模式 UI，呼吸灯视觉引导，无干扰。
 - **番茄钟**：内置 25 分钟专注 / 5 分钟休息循环，带有柔和的提示音。
 - **沉浸体验**：支持全屏模式，隐藏所有多余元素。
-- **单任务流**：一次只专注于一件事，提供输入框记录当前任务。
+- **单任务流**：一次只专注于一件事，提供输入框记录当前任务，并提供智能预设任务建议。
 
 ## 🛠️ 技术栈
 
-- **后端**：Flask (Python) - 极简静态文件服务
+- **后端**：Flask (Python) + Gunicorn - 生产级 Web 服务
 - **前端**：Vue 3 (Composition API) + Tailwind CSS
 - **音频**：Web Audio API (ScriptProcessor/BufferSource)
 - **部署**：Docker + Hugging Face Spaces
@@ -32,15 +32,19 @@ short_description: ZenFlow - 禅意专注流
 
 ### 本地运行
 
-1. 安装依赖（其实只需要 Flask）：
+1. 安装依赖：
    ```bash
-   pip install flask
+   pip install -r requirements.txt
    ```
 
-2. 运行应用：
+2. 运行应用（开发模式）：
    ```bash
    python app.py
    ```
+   或者使用 Gunicorn（生产模式，推荐）：
+   ```bash
+   gunicorn -b 0.0.0.0:7860 app:app
+   ```
 
 3. 访问 `http://localhost:7860`
 

app.py

@@ -1,5 +1,10 @@
-from flask import Flask, render_template, send_from_directory
+import logging
 import os
+from flask import Flask, render_template, send_from_directory, jsonify
+
+# Configure logging
+logging.basicConfig(level=logging.INFO)
+logger = logging.getLogger(__name__)
 
 app = Flask(__name__)
 
@@ -9,11 +14,20 @@ app.jinja_env.variable_end_string = ']]'
 
 @app.route('/')
 def index():
-    return render_template('index.html')
+    try:
+        return render_template('index.html')
+    except Exception as e:
+        logger.error(f"Error rendering index: {e}")
+        return "Internal Server Error", 500
+
+@app.route('/health')
+def health():
+    return jsonify({"status": "healthy"})
 
 @app.route('/static/<path:path>')
 def send_static(path):
     return send_from_directory('static', path)
 
 if __name__ == '__main__':
-    app.run(host='0.0.0.0', port=7860)
+    port = int(os.environ.get('PORT', 7860))
+    app.run(host='0.0.0.0', port=port)

requirements.txt

@@ -0,0 +1,2 @@
+flask>=2.0.0
+gunicorn>=20.1.0

templates/index.html

@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>ZenFlow - 禅意专注流</title>
+    <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🧘</text></svg>">
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
     <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
@@ -282,6 +283,15 @@
                 const showControls = ref(true);
                 const isFullscreen = ref(false);
                 const currentTask = ref('');
+                
+                // Default Data / Suggested Tasks
+                const suggestedTasks = [
+                    '深度阅读 25 分钟',
+                    '完成代码重构',
+                    '撰写项目文档',
+                    '冥想休息',
+                    '整理今日待办'
+                ];
 
                 const noiseTypes = [
                     { id: 'pink', name: '粉红噪音 (雨声)', icon: 'fas fa-cloud-rain' },
@@ -459,7 +469,8 @@
                     // UI
                     showControls,
                     isFullscreen,
-                    toggleFullscreen
+                    toggleFullscreen,
+                    suggestedTasks
                 };
             }
         }).mount('#app');