feat: enhance functionality with reset button, better defaults and gunicorn

.gitignore

@@ -0,0 +1,5 @@
+__pycache__/
+*.pyc
+.DS_Store
+.env
+venv/

Dockerfile

@@ -16,4 +16,4 @@ ENV HOME=/home/user \
 
 EXPOSE 7860
 
-CMD ["python", "app.py"]
+CMD ["gunicorn", "-b", "0.0.0.0:7860", "app:app"]

static/js/app.js

@@ -12,7 +12,7 @@ const app = createApp({
             { id: 'performance', name: '性能优化', icon: 'fa-solid fa-gauge-high' }
         ];
 
-        const config = ref({
+        const defaultConfig = {
             port: 80,
             serverName: 'example.com',
             root: '/var/www/html',
@@ -29,7 +29,15 @@ const app = createApp({
                 { path: '/', proxyPass: '', websocket: false, tryFiles: '$uri $uri/ /index.html' },
                 { path: '/api', proxyPass: 'http://localhost:3000', websocket: false, tryFiles: '' }
             ]
-        });
+        };
+
+        const config = ref(JSON.parse(JSON.stringify(defaultConfig)));
+
+        const resetConfig = () => {
+             if(confirm('确定要重置配置吗？')) {
+                config.value = JSON.parse(JSON.stringify(defaultConfig));
+            }
+        };
 
         const addLocation = () => {
             config.value.locations.push({ path: '/new-path', proxyPass: 'http://localhost:8080', websocket: false, tryFiles: '' });
@@ -151,7 +159,8 @@ const app = createApp({
             removeLocation,
             generatedConfig,
             copyConfig,
-            downloadConfig
+            downloadConfig,
+            resetConfig
         };
     }
 });

templates/index.html

@@ -4,12 +4,12 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Nginx 配置大师 | Nginx Config Studio</title>
-    <script src="https://lib.baomitu.com/vue/3.3.4/vue.global.prod.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/vue@3/dist/vue.global.prod.js"></script>
     <script src="https://cdn.tailwindcss.com"></script>
-    <link href="https://lib.baomitu.com/prism/1.29.0/themes/prism-tomorrow.min.css" rel="stylesheet" />
-    <script src="https://lib.baomitu.com/prism/1.29.0/prism.min.js"></script>
-    <script src="https://lib.baomitu.com/prism/1.29.0/components/prism-nginx.min.js"></script>
-    <link href="https://lib.baomitu.com/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/themes/prism-tomorrow.min.css" rel="stylesheet" />
+    <script src="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/prism.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-nginx.min.js"></script>
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
     <style>
         body { font-family: 'Inter', system-ui, -apple-system, sans-serif; }
         .code-preview { max-height: calc(100vh - 200px); overflow-y: auto; }
@@ -25,6 +25,9 @@
                 <h1 class="text-xl font-bold tracking-wide">Nginx Config Studio <span class="text-xs bg-green-900 text-green-300 px-2 py-0.5 rounded ml-2">v1.0</span></h1>
             </div>
             <div class="flex items-center gap-4">
+                <button @click="resetConfig" class="bg-red-600 hover:bg-red-500 text-white px-4 py-2 rounded-lg text-sm transition flex items-center gap-2">
+                    <i class="fa-solid fa-rotate-left"></i> 重置
+                </button>
                 <button @click="copyConfig" class="bg-gray-700 hover:bg-gray-600 text-white px-4 py-2 rounded-lg text-sm transition flex items-center gap-2">
                     <i class="fa-solid fa-copy"></i> 复制配置
                 </button>