monorepotime 1.1.14 → 1.1.15

package/dist/index.js

@@ -57302,6 +57302,62 @@ var import_express17 = __toESM(require_express2());
 var import_fs_extra12 = __toESM(require_lib4());
 var import_path14 = __toESM(require("path"));
 var router15 = (0, import_express17.Router)();
+var defaultmonrepotime = {
+  notes: "",
+  crudtest: [
+    {
+      category: "Internal CRUD Test",
+      devurl: "",
+      produrl: "",
+      items: [
+        {
+          label: "Ping the Tool Server",
+          route: "/ping",
+          methods: "GET",
+          description: "Ping the tool server to check if it is running.",
+          sampleInput: "{}",
+          suggested: [],
+          expectedOutcome: '# You should see the word "pong" as a message \n\n{\n  "message": "pong"\n}'
+        },
+        {
+          label: "Check Post",
+          route: "/post",
+          methods: "POST",
+          description: "Send a POST request to check if it sending correctly",
+          sampleInput: '{\n "data": "test",\n "message": "test"\n}',
+          suggested: [
+            {
+              name: "Customer Data",
+              urlparams: "",
+              content: '{\n "name": "Demo Customer",\n "email": "demo@test.com",\n "phone": "123456789",\n "icon": "test icon"\n}'
+            }
+          ],
+          expectedOutcome: "# Note \nYou should see the mirror of your inputs"
+        },
+        {
+          label: "Check Stream",
+          route: "/stream",
+          methods: "STREAM",
+          description: "Send a stream request to check if it sending correctly",
+          sampleInput: "{ }",
+          suggested: [
+            {
+              name: "I Wandered Lonely as a Cloud",
+              "urlparams": "poem=I Wandered Lonely as a Cloud",
+              "content": "{}"
+            },
+            {
+              name: "The Sun Has Long Been Set",
+              urlparams: "poem=The Sun Has Long Been Set",
+              content: "{}"
+            }
+          ],
+          expectedOutcome: "# Note \nYou should see the stream of words"
+        }
+      ]
+    }
+  ]
+};
 router15.get("/", async (req, res) => {
   try {
     const sourcePath = import_path14.default.join(__dirname, "scaffold", "monorepotime.json");
@@ -57311,7 +57367,7 @@ router15.get("/", async (req, res) => {
       return;
     }
     if (!import_fs_extra12.default.existsSync(sourcePath)) {
-      await import_fs_extra12.default.writeJson(destPath, { notes: "", crudtest: [] }, { spaces: 4 });
+      await import_fs_extra12.default.writeJson(destPath, defaultmonrepotime, { spaces: 4 });
       res.json({ success: true, message: "Created monorepotime.json with default content (scaffold missing)" });
       return;
     }
@@ -57704,7 +57760,7 @@ const EDITOR_URL = 'http://localhost/phpmyadmin'; // Change this to your preferr
 var PostgreSQL = {
   name: "PostgreSQL",
   description: "PostgreSQL Database (Docker Compose)",
-  notes: "Requires Docker installed.",
+  notes: "Requires Docker installed. Data stored in ./postgres-data folder.",
   templating: [
     {
       action: "file",
@@ -57722,7 +57778,7 @@ services:
     ports:
       - "0:5432"
     volumes:
-      - postgres-data:/var/lib/postgresql/data
+      - ./postgres-data:/var/lib/postgresql/data
     healthcheck:
       test: ["CMD-SHELL", "pg_isready -U user -d mydatabase"]
       interval: 5s
@@ -57737,10 +57793,17 @@ services:
     ports:
       - "0:80"
     depends_on:
-      - postgres
+      - postgres`
+    },
+    {
+      action: "file",
+      file: ".gitignore",
+      filecontent: `# Database data folder
+postgres-data/
 
-volumes:
-  postgres-data:`
+# Runtime file
+.runtime.json
+`
     },
     {
       action: "file",
@@ -57940,7 +58003,7 @@ var Supabase = {
 var Redis = {
   name: "Redis",
   description: "Redis (Docker Compose)",
-  notes: "Requires Docker installed.",
+  notes: "Requires Docker installed. Data stored in ./redis-data folder.",
   templating: [
     {
       action: "file",
@@ -57954,7 +58017,7 @@ services:
     ports:
       - "0:6379"
     volumes:
-      - redis-data:/data
+      - ./redis-data:/data
     command: >
       redis-server
       --appendonly yes
@@ -57964,10 +58027,17 @@ services:
       test: ["CMD", "redis-cli", "ping"]
       interval: 5s
       timeout: 3s
-      retries: 5
+      retries: 5`
+    },
+    {
+      action: "file",
+      file: ".gitignore",
+      filecontent: `# Database data folder
+redis-data/
 
-volumes:
-  redis-data:`
+# Runtime file
+.runtime.json
+`
     },
     {
       action: "file",
@@ -58100,7 +58170,7 @@ process.on('SIGTERM', cleanup);`
 var MongoDB = {
   name: "MongoDB",
   description: "MongoDB (Docker Compose)",
-  notes: "Requires Docker installed.",
+  notes: "Requires Docker installed. Data stored in ./mongo-data folder.",
   templating: [
     {
       action: "file",
@@ -58115,7 +58185,7 @@ var MongoDB = {
     ports:
       - "0:27017"
     volumes:
-      - mongo-data:/data/db
+      - ./mongo-data:/data/db
     command: ["mongod", "--quiet"]
     logging:
       driver: "none"
@@ -58123,10 +58193,17 @@ var MongoDB = {
       test: echo "db.runCommand('ping').ok" | mongosh localhost:27017/test --quiet
       interval: 10s
       timeout: 10s
-      retries: 5
+      retries: 5`
+    },
+    {
+      action: "file",
+      file: ".gitignore",
+      filecontent: `# Database data folder
+mongo-data/
 
-volumes:
-  mongo-data:`
+# Runtime file
+.runtime.json
+`
     },
     {
       action: "file",
@@ -58263,7 +58340,7 @@ process.on('SIGTERM', cleanup);`
 var Meilisearch = {
   name: "Meilisearch",
   description: "Meilisearch (Docker Compose)",
-  notes: "Requires Docker installed. Fast, open-source search engine.",
+  notes: "Requires Docker installed. Data stored in ./meili-data folder.",
   templating: [
     {
       action: "file",
@@ -58278,15 +58355,22 @@ var Meilisearch = {
     ports:
       - "0:7700"
     volumes:
-      - meili-data:/meili_data
+      - ./meili-data:/meili_data
     healthcheck:
       test: ["CMD", "curl", "-f", "http://localhost:7700/health"]
       interval: 10s
       timeout: 5s
-      retries: 5
+      retries: 5`
+    },
+    {
+      action: "file",
+      file: ".gitignore",
+      filecontent: `# Search engine data folder
+meili-data/
 
-volumes:
-  meili-data:`
+# Runtime file
+.runtime.json
+`
     },
     {
       action: "file",
@@ -58425,7 +58509,7 @@ process.on('SIGTERM', cleanup);`
 var MinIO = {
   name: "MinIO",
   description: "MinIO Object Storage (S3 Compatible)",
-  notes: "Requires Docker installed. S3-compatible object storage.",
+  notes: "Requires Docker installed. Data stored in ./minio-data folder.",
   templating: [
     {
       action: "file",
@@ -58442,15 +58526,22 @@ var MinIO = {
       - "0:9000"
       - "0:9001"
     volumes:
-      - minio-data:/data
+      - ./minio-data:/data
     healthcheck:
       test: ["CMD", "curl", "-f", "http://localhost:9000/minio/health/live"]
       interval: 30s
       timeout: 20s
-      retries: 3
+      retries: 3`
+    },
+    {
+      action: "file",
+      file: ".gitignore",
+      filecontent: `# Object storage data folder
+minio-data/
 
-volumes:
-  minio-data:`
+# Runtime file
+.runtime.json
+`
     },
     {
       action: "file",
@@ -60370,46 +60461,173 @@ var templates3 = [
 ];
 var projecttemplate_default = templates3;
 
+// ../../packages/template/services_list/n8n/dockerCompose.ts
+var dockerCompose = `services:
+  n8n:
+    image: n8nio/n8n:latest
+    restart: unless-stopped
+    environment:
+      - N8N_BASIC_AUTH_ACTIVE=true
+      - N8N_BASIC_AUTH_USER=admin
+      - N8N_BASIC_AUTH_PASSWORD=admin
+      - N8N_HOST=localhost
+      - N8N_PORT=5678
+      - N8N_PROTOCOL=http
+      - WEBHOOK_URL=http://localhost:5678/
+    ports:
+      - "5678:5678"
+    volumes:
+      - ./n8n-data:/home/node/.n8n
+    healthcheck:
+      test: ["CMD-SHELL", "wget --spider -q http://localhost:5678/healthz || exit 1"]
+      interval: 10s
+      timeout: 5s
+      retries: 5`;
+
+// ../../packages/template/services_list/n8n/gitignore.ts
+var gitignoreContent = `# N8N data folder (contains credentials and workflows)
+n8n-data/
+
+# Runtime file
+.runtime.json
+`;
+
+// ../../packages/template/services_list/n8n/server.ts
+var serverJs = `const http = require('http');
+const { spawn, exec } = require('child_process');
+const fs = require('fs');
+const path = require('path');
+
+const RUNTIME_FILE = path.join(__dirname, '.runtime.json');
+
+console.log('Starting N8N...');
+
+// Start Docker Compose
+const child = spawn('docker', ['compose', 'up'], { stdio: 'inherit' });
+
+child.on('close', (code) => {
+    process.exit(code || 0);
+});
+
+// Setup Control Server
+const server = http.createServer((req, res) => {
+    if (req.url === '/stop') {
+        res.writeHead(200);
+        res.end('Stopping...');
+        cleanup();
+    } else {
+        res.writeHead(404);
+        res.end();
+    }
+});
+
+server.listen(0, () => {
+    const port = server.address().port;
+    // We update runtime file later when we get the container ID
+});
+
+// Check status loop
+const checkStatus = () => {
+    exec('docker compose port n8n 5678', (err, stdout, stderr) => {
+        if (err || stderr || !stdout) {
+            setTimeout(checkStatus, 2000);
+            return;
+        }
+        const n8nPort = stdout.trim().split(':')[1];
+        if (!n8nPort) {
+            setTimeout(checkStatus, 2000);
+            return;
+        }
+
+        // Verify N8N is actually responding to HTTP
+        http.get(\`http://localhost:\${n8nPort}/healthz\`, (res) => {
+            // Capture Container IDs
+            exec('docker compose ps -q', (err2, stdout2) => {
+                const containerIds = stdout2 ? stdout2.trim().split('\\n') : [];
+                
+                try {
+                    fs.writeFileSync(RUNTIME_FILE, JSON.stringify({ 
+                        port: server.address().port, 
+                        pid: process.pid,
+                        containerIds: containerIds
+                    }));
+                } catch(e) {
+                    console.error('Failed to write runtime file:', e);
+                }
+                console.clear();
+            });
+        }).on('error', (e) => {
+            // Connection failed (ECONNREFUSED usually), retry
+            setTimeout(checkStatus, 2000);
+        });
+    });
+};
+
+setTimeout(checkStatus, 3000);
+
+const cleanup = () => {
+    console.log('Stopping N8N...');
+    try { 
+        const runtime = JSON.parse(fs.readFileSync(RUNTIME_FILE));
+        if (runtime.containerIds) {
+            console.log(\`Stopping \${runtime.containerIds.length} containers...\`);
+            runtime.containerIds.forEach(id => {
+                exec(\`docker stop \${id}\`, () => {
+                    exec(\`docker rm -f \${id}\`);
+                });
+            });
+        }
+    } catch(e) {}
+    try { fs.unlinkSync(RUNTIME_FILE); } catch(e) {}
+    
+    exec('docker compose stop', () => {
+        process.exit(0);
+    });
+};
+
+process.on('SIGINT', cleanup);
+process.on('SIGTERM', cleanup);`;
+
 // ../../packages/template/services_list/n8n.ts
 var N8NLocal = {
-  name: "N8N Local",
-  description: "N8N (Local)",
-  notes: "Requires Node.js installed in your system.",
+  name: "N8N Local Dockerized",
+  description: "N8N Workflow Automation",
+  notes: "Requires Docker installed. Data is stored in ./n8n-data folder.",
   templating: [
     {
-      action: "command",
-      cmd: "npm",
-      args: ["install", "n8n"]
+      action: "file",
+      file: "docker-compose.yml",
+      filecontent: dockerCompose
     },
     {
-      action: "command",
-      cmd: "npm",
-      args: ["pkg", "set", "scripts.dev=npx n8n"]
+      action: "file",
+      file: ".gitignore",
+      filecontent: gitignoreContent
     },
     {
-      action: "command",
-      cmd: "npm",
-      args: ["pkg", "set", "scripts.start=npx n8n"]
+      action: "file",
+      file: "index.js",
+      filecontent: serverJs
     },
     {
       action: "command",
       cmd: "npm",
-      args: ["pkg", "set", "scripts.stop=npx kill-port 5678"]
+      args: ["pkg", "set", "scripts.start=node index.js"]
     },
     {
       action: "command",
       cmd: "npm",
-      args: ["pkg", "set", "fontawesomeIcon=fas fa-project-diagram text-red-500"]
+      args: ["pkg", "set", `scripts.stop=node -e 'const fs=require("fs"); try{const p=JSON.parse(fs.readFileSync(".runtime.json")).port; fetch("http://localhost:"+p+"/stop").catch(e=>{})}catch(e){}'`]
     },
     {
       action: "command",
       cmd: "npm",
-      args: ["pkg", "set", "description=N8N (Local)"]
+      args: ["pkg", "set", "description=N8N Workflow Automation (Docker)"]
     },
     {
       action: "command",
       cmd: "npm",
-      args: ["pkg", "set", "name=$(basename $PWD)"]
+      args: ["pkg", "set", "fontawesomeIcon=fas fa-project-diagram text-red-500"]
     }
   ]
 };
@@ -60593,7 +60811,7 @@ module.exports = {
 };`;
 
 // ../../packages/template/services_list/aws/dockerCompose.ts
-var dockerCompose = `services:
+var dockerCompose2 = `services:
   localstack:
     image: localstack/localstack
     ports:
@@ -60605,7 +60823,7 @@ var dockerCompose = `services:
       - DOCKER_HOST=unix:///var/run/docker.sock
       - AWS_DEFAULT_REGION=us-east-1
     volumes:
-      - localstack-data:/var/lib/localstack
+      - ./localstack-data:/var/lib/localstack
       - /var/run/docker.sock:/var/run/docker.sock
     networks:
       - cloud-net
@@ -60639,13 +60857,18 @@ var dockerCompose = `services:
     networks:
       - cloud-net
 
-volumes:
-  localstack-data: {}
-
 networks:
   cloud-net:
     driver: bridge`;
 
+// ../../packages/template/services_list/aws/gitignore.ts
+var gitignoreContent2 = `# LocalStack data folder
+localstack-data/
+
+# Runtime file
+.runtime.json
+`;
+
 // ../../packages/template/services_list/aws/indexHtml.ts
 var indexHtml2 = `<!DOCTYPE html>
 <html lang="en" class="dark">
@@ -60856,7 +61079,7 @@ dynamodb.createTable(params, function(err, data) {
 </html>`;
 
 // ../../packages/template/services_list/aws/server.ts
-var serverJs = `const http = require('http');
+var serverJs2 = `const http = require('http');
 const fs = require('fs');
 const path = require('path');
 const { spawn, exec } = require('child_process');
@@ -60985,12 +61208,17 @@ spawn('docker', ['compose', 'down'], { stdio: 'inherit' });`;
 var AWSTemplate = {
   name: "Localstack (Experimental)",
   description: "AWS LocalStack Environment with Manager",
-  notes: "Requires Docker, Node.js, and AWS CLI installed.",
+  notes: "Requires Docker, Node.js, and AWS CLI. Data stored in ./localstack-data folder.",
   templating: [
     {
       action: "file",
       file: "docker-compose.yml",
-      filecontent: dockerCompose
+      filecontent: dockerCompose2
+    },
+    {
+      action: "file",
+      file: ".gitignore",
+      filecontent: gitignoreContent2
     },
     {
       action: "file",
@@ -61000,7 +61228,7 @@ var AWSTemplate = {
     {
       action: "file",
       file: "server.js",
-      filecontent: serverJs
+      filecontent: serverJs2
     },
     {
       action: "file",
@@ -61027,6 +61255,11 @@ var AWSTemplate = {
       file: "examples/nodeserver/index.js",
       filecontent: 'exports.handler = async (event) => { return { statusCode: 200, body: JSON.stringify("Hello from Lambda!") }; };'
     },
+    {
+      action: "command",
+      cmd: "npm",
+      args: ["pkg", "set", "scripts.start=node server.js"]
+    },
     {
       action: "command",
       cmd: "npm",
@@ -61055,8 +61288,8 @@ var AWSTemplate = {
   ]
 };
 
-// ../../packages/template/services_list/stripe.ts
-var dockerCompose2 = `services:
+// ../../packages/template/services_list/stripe/dockerCompose.ts
+var dockerCompose3 = `services:
   stripe-mock:
     image: stripe/stripe-mock:latest
     container_name: stripe-mock
@@ -61069,7 +61302,14 @@ var dockerCompose2 = `services:
       timeout: 5s
       retries: 5
 `;
-var serverJs2 = `const http = require('http');
+
+// ../../packages/template/services_list/stripe/gitignore.ts
+var gitignoreContent3 = `# Runtime file
+.runtime.json
+`;
+
+// ../../packages/template/services_list/stripe/server.ts
+var serverJs3 = `const http = require('http');
 const fs = require('fs');
 const path = require('path');
 const { spawn, exec } = require('child_process');
@@ -61149,9 +61389,9 @@ const cleanup = () => {
     try {
         const runtime = JSON.parse(fs.readFileSync(RUNTIME_FILE));
         if (runtime.containerIds) {
-            console.log(\\\`Stopping \\\${runtime.containerIds.length} containers...\\\`);
+            console.log(\`Stopping \${runtime.containerIds.length} containers...\`);
             runtime.containerIds.forEach(id => {
-                exec(\\\`docker stop \\\${id}\\\`);
+                exec(\`docker stop \${id}\`);
             });
         }
     } catch(e) {}
@@ -61164,6 +61404,8 @@ const cleanup = () => {
 // Handle cleanup
 process.on('SIGINT', cleanup);
 process.on('SIGTERM', cleanup);`;
+
+// ../../packages/template/services_list/stripe/test.ts
 var testJs = `const Stripe = require('stripe');
 
 // Initialize with a fake key and point to the mock server
@@ -61225,6 +61467,8 @@ const stripe = new Stripe('sk_test_mock_123', {
     }
 })();
 `;
+
+// ../../packages/template/services_list/stripe.ts
 var StripeTemplate = {
   name: "Stripe Mock (Experimental)",
   description: "Stripe API Mock Server",
@@ -61233,12 +61477,17 @@ var StripeTemplate = {
     {
       action: "file",
       file: "docker-compose.yml",
-      filecontent: dockerCompose2
+      filecontent: dockerCompose3
+    },
+    {
+      action: "file",
+      file: ".gitignore",
+      filecontent: gitignoreContent3
     },
     {
       action: "file",
       file: "server.js",
-      filecontent: serverJs2
+      filecontent: serverJs3
     },
     {
       action: "file",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "monorepotime",
-  "version": "1.1.14",
+  "version": "1.1.15",
   "description": "monorepo gui tool",
   "main": "dist/index.js",
   "scripts": {

package/public/assets/{index-E4KP24S5.js → index-BLMIZzXp.js}

@@ -98,7 +98,7 @@ WARNING: This link could potentially be dangerous`)){const d=window.open();if(d)
                     `,children:W.name}),B.jsx("span",{className:`
                         text-[12px] font-mono truncate block w-full transition-opacity duration-300
                         ${W.disabled?"text-gray-600":W.bg?"text-white/70":"text-gray-500 group-hover:text-gray-400"}
-                    `,style:{lineHeight:1},children:W.description})]})]})]},W.name)}function t0({onClose:W}){return B.jsxs(er,{width:"900px",children:[B.jsx(Jn,{title:"CI/CD Tutorial with Vercel",description:"Mastering Continuous Integration & Deployment",icon:"fas fa-infinity",close:W}),B.jsxs("div",{className:"flex flex-col h-[70vh] overflow-hidden text-sm",children:[B.jsxs("div",{className:"flex-1 overflow-y-auto p-8 space-y-12 text-gray-300 custom-scrollbar",children:[B.jsxs("section",{id:"intro",className:"space-y-4",children:[B.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[B.jsx("div",{className:"w-12 h-12 rounded-xl bg-gradient-to-br from-blue-500 to-indigo-600 flex items-center justify-center shadow-lg shadow-blue-500/20",children:B.jsx("i",{className:"fas fa-infinity text-2xl text-white"})}),B.jsxs("div",{children:[B.jsx("h2",{className:"text-2xl font-bold text-white",children:"What is CI/CD?"}),B.jsx("p",{className:"text-blue-400 text-sm",children:"Continuous Integration & Continuous Delivery"})]})]}),B.jsx("div",{className:"bg-white/5 p-6 rounded-xl border border-white/10",children:B.jsxs("p",{className:"leading-relaxed",children:[B.jsx("strong",{className:"text-white",children:"CI (Continuous Integration)"})," is the practice of automating the integration of code changes from multiple contributors into a single software project.",B.jsx("br",{}),B.jsx("br",{}),B.jsx("strong",{className:"text-white",children:"CD (Continuous Delivery/Deployment)"})," ensures that your code is always in a deployable state and automatically releases it to production when ready."]})})]}),B.jsxs("section",{id:"why",className:"space-y-6",children:[B.jsxs("h2",{className:"text-xl font-bold text-white flex items-center gap-3",children:[B.jsx("i",{className:"fas fa-lightbulb text-yellow-500"}),"Why use CI/CD?"]}),B.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[{title:"Speed",desc:"Ship code faster with automated testing and building.",icon:"fa-rocket",color:"text-green-400"},{title:"Reliability",desc:"Catch bugs early before they reach production.",icon:"fa-shield-alt",color:"text-blue-400"},{title:"Efficiency",desc:"Stop wasting time on manual deployments.",icon:"fa-clock",color:"text-orange-400"},{title:"Consistency",desc:"Ensure every environment matches production.",icon:"fa-sync",color:"text-purple-400"}].map(G=>B.jsxs("div",{className:"p-4 rounded-xl bg-white/5 border border-white/10 hover:border-white/20 transition-colors",children:[B.jsx("i",{className:`fas ${G.icon} ${G.color} text-xl mb-3`}),B.jsx("h3",{className:"text-white font-bold mb-1",children:G.title}),B.jsx("p",{className:"text-sm text-gray-400",children:G.desc})]},G.title))})]}),B.jsxs("section",{id:"turbo-vercel",className:"space-y-6",children:[B.jsx("div",{className:"flex items-center justify-between border-b border-white/10 pb-4",children:B.jsxs("h2",{className:"text-xl font-bold text-white flex items-center gap-3",children:[B.jsx("i",{className:"fas fa-layer-group text-pink-500"}),"Turborepo + Vercel"]})}),B.jsxs("div",{className:"flex items-center gap-8 justify-center py-8",children:[B.jsxs("div",{className:"text-center",children:[B.jsx("div",{className:"w-16 h-16 mx-auto rounded-full bg-[#1e1e1e] flex items-center justify-center border border-white/20 mb-3",children:B.jsx("i",{className:"fas fa-cube text-3xl text-transparent bg-clip-text bg-gradient-to-r from-red-500 to-orange-500"})}),B.jsx("span",{className:"font-bold text-white",children:"Turborepo"})]}),B.jsxs("div",{className:"flex flex-col items-center gap-1",children:[B.jsx("span",{className:"text-xs text-green-400 font-bold",children:"CACHE HIT!"}),B.jsx("div",{className:"h-[2px] w-24 bg-gradient-to-r from-red-500 to-white"}),B.jsx("i",{className:"fas fa-arrow-right text-white"})]}),B.jsxs("div",{className:"text-center",children:[B.jsx("div",{className:"w-16 h-16 mx-auto rounded-full bg-black flex items-center justify-center border border-white/20 mb-3",children:B.jsx("i",{className:"fas fa-triangle text-3xl text-white"})}),B.jsx("span",{className:"font-bold text-white",children:"Vercel"})]})]}),B.jsxs("p",{className:"bg-blue-500/10 border-l-4 border-blue-500 p-4 rounded text-sm",children:["Combining ",B.jsx("strong",{children:"Turborepo's"})," intelligent caching with ",B.jsx("strong",{children:"Vercel's"})," global edge network gives you the fastest build times and deployments possible. Vercel automatically understands your Turborepo structure."]})]}),B.jsxs("section",{id:"guide",className:"space-y-8",children:[B.jsxs("h2",{className:"text-xl font-bold text-white flex items-center gap-3",children:[B.jsx("i",{className:"fas fa-tasks text-green-500"}),"Step-by-Step Setup"]}),B.jsx("div",{className:"space-y-6",children:[{step:1,title:"Login with Vercel",desc:"Ensure you have a Vercel account and are logged in via the CLI or Dashboard to authorize deployments.",icon:"fa-sign-in-alt"},{step:2,title:"Connect to GitHub",desc:"Link your Monorepo to a GitHub repository. Vercel uses this to trigger automatic deployments on push.",icon:"fa-code-branch"},{step:3,title:"Add Projects in Vercel",desc:"In the Vercel Dashboard, import your repository. Vercel detects Turborepo and asks which workspace (app) you want to deploy. Add each app (e.g., 'web', 'docs') as a separate Vercel project linked to the same repo.",icon:"fa-plus-circle"},{step:4,title:"Deployment",desc:"Push to 'main' to deploy. Vercel will build only what has changed.",icon:"fa-cloud-upload-alt"}].map(G=>B.jsxs("div",{className:"flex gap-4",children:[B.jsx("div",{className:"flex-none w-8 h-8 rounded-full bg-white/10 flex items-center justify-center font-bold text-white border border-white/20",children:G.step}),B.jsxs("div",{className:"space-y-2",children:[B.jsxs("h3",{className:"text-white font-bold flex items-center gap-2",children:[G.title,B.jsx("i",{className:`fas ${G.icon} text-gray-500 text-sm`})]}),B.jsx("p",{className:"text-sm text-gray-400",children:G.desc})]})]},G.step))}),B.jsxs("div",{className:"mt-8 p-5 bg-gradient-to-r from-purple-900/30 to-blue-900/30 rounded-xl border border-purple-500/30",children:[B.jsxs("h3",{className:"text-lg font-bold text-white mb-2 flex items-center gap-2",children:[B.jsx("i",{className:"fas fa-magic text-purple-400"}),'Pro Tip: The "Turbo Build" Button']}),B.jsxs("p",{className:"text-sm text-gray-300",children:["When you use the ",B.jsx("span",{className:"px-2 py-0.5 rounded bg-white/10 text-white font-mono text-xs",children:"turbo build"})," command or button in this dashboard, it can be configured to upload your ",B.jsx("strong",{children:"pre-compiled dist/build artifacts"})," directly to Vercel's cache."]}),B.jsxs("div",{className:"mt-3 flex items-start gap-3 text-xs text-purple-200 bg-purple-500/10 p-3 rounded-lg",children:[B.jsx("i",{className:"fas fa-info-circle mt-0.5"}),B.jsxs("span",{children:["This means Vercel ",B.jsx("strong",{children:"doesn't have to rebuild"})," everything from scratch. It pulls the artifacts you just built locally (or in CI), saving massive amounts of build minutes and time!"]})]})]})]})]}),B.jsxs("div",{className:"p-4 border-t border-white/10 bg-black/40 flex justify-between items-center text-xs text-gray-500",children:[B.jsx("span",{children:"Learn more at:"}),B.jsxs("div",{className:"flex gap-4",children:[B.jsxs("a",{href:"https://vercel.com/docs",target:"_blank",rel:"noopener noreferrer",className:"flex items-center gap-2 hover:text-white transition-colors",children:[B.jsx("i",{className:"fas fa-triangle text-white"})," Vercel Docs"]}),B.jsxs("a",{href:"https://turbo.build/repo/docs",target:"_blank",rel:"noopener noreferrer",className:"flex items-center gap-2 hover:text-white transition-colors",children:[B.jsx("i",{className:"fas fa-cube text-red-500"})," Turborepo Docs"]})]})]})]})]})}const i0=[{label:"Install",cmd:"npm install",icon:"fa-download",color:"blueIndigo"},{label:"Build",cmd:"turbo build",icon:"fa-hammer",color:"emeraldTeal"},{label:"Lint",cmd:"turbo lint",icon:"fa-check-double",color:"yellowOrange"},{label:"Test",cmd:"turbo test",icon:"fa-vial",color:"pinkRose"},{label:"Clean",cmd:"turbo clean",icon:"fa-broom",color:"gray"},{label:"Summary",cmd:"turbo run build --dry-run",icon:"fa-list-alt"},{label:"Prune",cmd:"turbo prune",icon:"fa-scissors",color:"red"},{label:"Docker",cmd:"turbo prune --docker",icon:"fa-docker",color:"skyBlue"},{label:"Remote",cmd:"npx turbo link",icon:"fa-cloud",color:"cyanBlue"},{label:"Cache",cmd:"rm -rf node_modules/.cache/turbo .turbo",icon:"fa-trash-alt",color:"darkRed"}];function n0(W){const G=_e.useRef(null),$=Et.use.rootDir(),[D,V]=_e.useState(!1),[R,x]=_e.useState(!1);_e.useEffect(()=>()=>{G.current&&G.current.disconnect()},[]);const p=Xn.use.showModal(),c=Fe.use.workspace();function h(r){G.current&&(G.current.clear(),G.current.disconnect(),G.current.connect($,r),G.current.fit(),G.current.onClose(()=>{V(!1)}),G.current.onCrash(()=>{V(!1)}),V(!0))}function a(r){if(r==="turbo prune"||r==="turbo prune --docker"){p("selection","Select Workspace","Choose a workspace to prune / dockerize",null,o=>{if(o){const s=r.includes("--docker"),l=`turbo prune ${o.info.name}${s?" --docker":""}`;h(l)}},c);return}h(r)}function i(){G.current&&(G.current.disconnect(),V(!1))}return B.jsxs("div",{className:`h-[92%] w-full p-4 gap-4 ${W.isVisible?"flex":"hidden"}`,children:[B.jsxs("div",{className:"w-[500px] flex-none h-full flex flex-col align-center",children:[B.jsxs("button",{onClick:()=>x(!0),className:"mb-6 text-sm w-full text-blue-200 flex items-center justify-center gap-2 transition-all group",children:[B.jsx("div",{className:"w-8 h-8 rounded-lg bg-blue-500/20 flex items-center justify-center group-hover:scale-110 transition-transform",children:B.jsx("i",{className:"fas fa-book-reader text-blue-400 text-sm"})}),"CI/CD Tutorial with Vercel"]}),B.jsx("div",{className:"grid grid-cols-2 gap-3",children:i0.map(r=>B.jsx(Jv,{onClick:()=>a(r.cmd),name:r.label,description:r.cmd,color:r.color,icon:r.icon,disabled:D},r.label))})]}),B.jsx("div",{className:"relative flex-1 h-full min-h-0 min-w-0 flex flex-col p-[1px] rounded overflow-hidden shadow-[0_0_100px_-20px_rgba(168,85,247,0.3)]",children:B.jsxs("div",{className:"relative flex-1 h-full flex flex-col rounded-xl overflow-hidden",children:[B.jsxs("header",{className:"px-4 py-2 border-b border-white/10 flex justify-between items-center bg-black/20 flex-none backdrop-blur-sm",children:[B.jsxs("div",{className:"text-md font-bold text-white flex items-center gap-4",children:[B.jsx("div",{className:"w-8 h-8 rounded-lg bg-gradient-to-br from-red-500 to-orange-600 flex items-center justify-center shadow-lg shadow-orange-500/20",children:B.jsx("i",{className:"fas fa-rocket text-white text-sm"})}),B.jsxs("div",{className:"flex flex-col",children:[B.jsx("span",{className:"text-xl bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-400 font-bold",children:"Non Interactive Terminal"}),B.jsxs("span",{className:"text-gray-400 font-normal text-sm truncate w-full text-xs",children:["Execute",B.jsx("a",{href:"https://turborepo.org/",target:"_blank",rel:"noopener noreferrer",className:"p-1 text-blue-500 hover:underline",children:"Turborepo.js"}),"commands"]})]})]}),B.jsxs("button",{onClick:i,className:`text-gray-400 transition-colors flex items-center gap-2 ${D?"text-red-500":"text-gray-400"}`,children:[B.jsx("li",{className:"fas fa-stop text-lg"}),"STOP"]})]}),B.jsx("div",{className:"w-full flex-1 min-h-0 p-1",children:B.jsx(co,{ref:G,isInteractive:!1,className:"h-full w-full",socketUrl:Ke.serverPath,onExit:()=>{V(!1)},onCrash:()=>{V(!1)}})})]})}),R&&B.jsx(t0,{onClose:()=>x(!1)})]})}const r0=qn()((W,G)=>({noData:!0,crudData:[],currentCategoryIndex:-1,currentCrudIndex:-1,useDevURL:!0,devURL:"",prodURL:"",params:"",method:"GET",requestStartTime:0,isFetching:!1,executionTime:0,header:`{
+                    `,style:{lineHeight:1},children:W.description})]})]})]},W.name)}function t0({onClose:W}){return B.jsxs(er,{width:"900px",children:[B.jsx(Jn,{title:"CI/CD Tutorial with Vercel",description:"Mastering Continuous Integration & Deployment",icon:"fas fa-infinity",close:W}),B.jsxs("div",{className:"flex flex-col h-[70vh] overflow-hidden text-sm",children:[B.jsxs("div",{className:"flex-1 overflow-y-auto p-8 space-y-12 text-gray-300 custom-scrollbar",children:[B.jsxs("section",{id:"intro",className:"space-y-4",children:[B.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[B.jsx("div",{className:"w-12 h-12 rounded-xl bg-gradient-to-br from-blue-500 to-indigo-600 flex items-center justify-center shadow-lg shadow-blue-500/20",children:B.jsx("i",{className:"fas fa-infinity text-2xl text-white"})}),B.jsxs("div",{children:[B.jsx("h2",{className:"text-2xl font-bold text-white",children:"What is CI/CD?"}),B.jsx("p",{className:"text-blue-400 text-sm",children:"Continuous Integration & Continuous Delivery"})]})]}),B.jsx("div",{className:"bg-white/5 p-6 rounded-xl border border-white/10",children:B.jsxs("p",{className:"leading-relaxed",children:[B.jsx("strong",{className:"text-white",children:"CI (Continuous Integration)"})," is the practice of automating the integration of code changes from multiple contributors into a single software project.",B.jsx("br",{}),B.jsx("br",{}),B.jsx("strong",{className:"text-white",children:"CD (Continuous Delivery/Deployment)"})," ensures that your code is always in a deployable state and automatically releases it to production when ready."]})})]}),B.jsxs("section",{id:"why",className:"space-y-6",children:[B.jsxs("h2",{className:"text-xl font-bold text-white flex items-center gap-3",children:[B.jsx("i",{className:"fas fa-lightbulb text-yellow-500"}),"Why use CI/CD?"]}),B.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[{title:"Speed",desc:"Ship code faster with automated testing and building.",icon:"fa-rocket",color:"text-green-400"},{title:"Reliability",desc:"Catch bugs early before they reach production.",icon:"fa-shield-alt",color:"text-blue-400"},{title:"Efficiency",desc:"Stop wasting time on manual deployments.",icon:"fa-clock",color:"text-orange-400"},{title:"Consistency",desc:"Ensure every environment matches production.",icon:"fa-sync",color:"text-purple-400"}].map(G=>B.jsxs("div",{className:"p-4 rounded-xl bg-white/5 border border-white/10 hover:border-white/20 transition-colors",children:[B.jsx("i",{className:`fas ${G.icon} ${G.color} text-xl mb-3`}),B.jsx("h3",{className:"text-white font-bold mb-1",children:G.title}),B.jsx("p",{className:"text-sm text-gray-400",children:G.desc})]},G.title))})]}),B.jsxs("section",{id:"turbo-vercel",className:"space-y-6",children:[B.jsx("div",{className:"flex items-center justify-between border-b border-white/10 pb-4",children:B.jsxs("h2",{className:"text-xl font-bold text-white flex items-center gap-3",children:[B.jsx("i",{className:"fas fa-layer-group text-pink-500"}),"Turborepo + Vercel"]})}),B.jsxs("div",{className:"flex items-center gap-8 justify-center py-8",children:[B.jsxs("div",{className:"text-center",children:[B.jsx("div",{className:"w-16 h-16 mx-auto rounded-full bg-[#1e1e1e] flex items-center justify-center border border-white/20 mb-3",children:B.jsx("i",{className:"fas fa-cube text-3xl text-transparent bg-clip-text bg-gradient-to-r from-red-500 to-orange-500"})}),B.jsx("span",{className:"font-bold text-white",children:"Turborepo"})]}),B.jsxs("div",{className:"flex flex-col items-center gap-1",children:[B.jsx("span",{className:"text-xs text-green-400 font-bold",children:"CACHE HIT!"}),B.jsx("div",{className:"h-[2px] w-24 bg-gradient-to-r from-red-500 to-white"}),B.jsx("i",{className:"fas fa-arrow-right text-white"})]}),B.jsxs("div",{className:"text-center",children:[B.jsx("div",{className:"w-16 h-16 mx-auto rounded-full bg-black flex items-center justify-center border border-white/20 mb-3",children:B.jsx("i",{className:"fas fa-triangle text-3xl text-white"})}),B.jsx("span",{className:"font-bold text-white",children:"Vercel"})]})]}),B.jsxs("p",{className:"bg-blue-500/10 border-l-4 border-blue-500 p-4 rounded text-sm",children:["Combining ",B.jsx("strong",{children:"Turborepo's"})," intelligent caching with ",B.jsx("strong",{children:"Vercel's"})," global edge network gives you the fastest build times and deployments possible. Vercel automatically understands your Turborepo structure."]})]}),B.jsxs("section",{id:"guide",className:"space-y-8",children:[B.jsxs("h2",{className:"text-xl font-bold text-white flex items-center gap-3",children:[B.jsx("i",{className:"fas fa-tasks text-green-500"}),"Step-by-Step Setup"]}),B.jsx("div",{className:"space-y-6",children:[{step:1,title:"Login with Vercel",desc:"Ensure you have a Vercel account and are logged in via the CLI or Dashboard to authorize deployments.",icon:"fa-sign-in-alt"},{step:2,title:"Connect to GitHub",desc:"Link your Monorepo to a GitHub repository. Vercel uses this to trigger automatic deployments on push.",icon:"fa-code-branch"},{step:3,title:"Add Projects in Vercel",desc:"In the Vercel Dashboard, import your repository. Vercel detects Turborepo and asks which workspace (app) you want to deploy. Add each app (e.g., 'web', 'docs') as a separate Vercel project linked to the same repo.",icon:"fa-plus-circle"},{step:4,title:"Deployment",desc:"Push to 'main' to deploy. Vercel will build only what has changed.",icon:"fa-cloud-upload-alt"}].map(G=>B.jsxs("div",{className:"flex gap-4",children:[B.jsx("div",{className:"flex-none w-8 h-8 rounded-full bg-white/10 flex items-center justify-center font-bold text-white border border-white/20",children:G.step}),B.jsxs("div",{className:"space-y-2",children:[B.jsxs("h3",{className:"text-white font-bold flex items-center gap-2",children:[G.title,B.jsx("i",{className:`fas ${G.icon} text-gray-500 text-sm`})]}),B.jsx("p",{className:"text-sm text-gray-400",children:G.desc})]})]},G.step))}),B.jsxs("div",{className:"mt-8 p-5 bg-gradient-to-r from-purple-900/30 to-blue-900/30 rounded-xl border border-purple-500/30",children:[B.jsxs("h3",{className:"text-lg font-bold text-white mb-2 flex items-center gap-2",children:[B.jsx("i",{className:"fas fa-magic text-purple-400"}),'Pro Tip: The "Turbo Build" Button']}),B.jsxs("p",{className:"text-sm text-gray-300",children:["When you use the ",B.jsx("span",{className:"px-2 py-0.5 rounded bg-white/10 text-white font-mono text-xs",children:"turbo build"})," command or button in this dashboard, it can be configured to upload your ",B.jsx("strong",{children:"pre-compiled dist/build artifacts"})," directly to Vercel's cache."]}),B.jsxs("div",{className:"mt-3 flex items-start gap-3 text-xs text-purple-200 bg-purple-500/10 p-3 rounded-lg",children:[B.jsx("i",{className:"fas fa-info-circle mt-0.5"}),B.jsxs("span",{children:["This means Vercel ",B.jsx("strong",{children:"doesn't have to rebuild"})," everything from scratch. It pulls the artifacts you just built locally (or in CI), saving massive amounts of build minutes and time!"]})]})]})]})]}),B.jsxs("div",{className:"p-4 border-t border-white/10 bg-black/40 flex justify-between items-center text-xs text-gray-500",children:[B.jsx("span",{children:"Learn more at:"}),B.jsxs("div",{className:"flex gap-4",children:[B.jsxs("a",{href:"https://vercel.com/docs",target:"_blank",rel:"noopener noreferrer",className:"flex items-center gap-2 hover:text-white transition-colors",children:[B.jsx("i",{className:"fas fa-triangle text-white"})," Vercel Docs"]}),B.jsxs("a",{href:"https://turbo.build/repo/docs",target:"_blank",rel:"noopener noreferrer",className:"flex items-center gap-2 hover:text-white transition-colors",children:[B.jsx("i",{className:"fas fa-cube text-red-500"})," Turborepo Docs"]})]})]})]})]})}const i0=[{label:"Install",cmd:"npm install",icon:"fa-download",color:"blueIndigo"},{label:"Build",cmd:"turbo build",icon:"fa-hammer",color:"emeraldTeal"},{label:"Lint",cmd:"turbo lint",icon:"fa-check-double",color:"yellowOrange"},{label:"Test",cmd:"turbo test",icon:"fa-vial",color:"pinkRose"},{label:"Clean",cmd:"turbo clean",icon:"fa-broom",color:"gray"},{label:"Summary",cmd:"turbo run build --dry-run",icon:"fa-list-alt"},{label:"Prune",cmd:"turbo prune",icon:"fa-scissors",color:"red"},{label:"Docker",cmd:"turbo prune --docker",icon:"fa-docker",color:"skyBlue"},{label:"Remote",cmd:"npx turbo link",icon:"fa-cloud",color:"cyanBlue"},{label:"Cache",cmd:"rm -rf node_modules/.cache/turbo .turbo",icon:"fa-trash-alt",color:"darkRed"}];function n0(W){const G=_e.useRef(null),$=Et.use.rootDir(),[D,V]=_e.useState(!1),[R,x]=_e.useState(!1);_e.useEffect(()=>()=>{G.current&&G.current.disconnect()},[]);const p=Xn.use.showModal(),c=Fe.use.workspace();function h(r){G.current&&(G.current.clear(),G.current.disconnect(),G.current.onClose(()=>{V(!1)}),G.current.onCrash(()=>{V(!1)}),V(!0),G.current.connect($,r),G.current.fit())}function a(r){if(r==="turbo prune"||r==="turbo prune --docker"){p("selection","Select Workspace","Choose a workspace to prune / dockerize",null,o=>{if(o){const s=r.includes("--docker"),l=`turbo prune ${o.info.name}${s?" --docker":""}`;h(l)}},c);return}h(r)}function i(){G.current&&(G.current.disconnect(),V(!1))}return B.jsxs("div",{className:`h-[92%] w-full p-4 gap-4 ${W.isVisible?"flex":"hidden"}`,children:[B.jsxs("div",{className:"w-[500px] flex-none h-full flex flex-col align-center",children:[B.jsxs("button",{onClick:()=>x(!0),className:"mb-6 text-sm w-full text-blue-200 flex items-center justify-center gap-2 transition-all group",children:[B.jsx("div",{className:"w-8 h-8 rounded-lg bg-blue-500/20 flex items-center justify-center group-hover:scale-110 transition-transform",children:B.jsx("i",{className:"fas fa-book-reader text-blue-400 text-sm"})}),"CI/CD Tutorial with Vercel"]}),B.jsx("div",{className:"grid grid-cols-2 gap-3",children:i0.map(r=>B.jsx(Jv,{onClick:()=>a(r.cmd),name:r.label,description:r.cmd,color:r.color,icon:r.icon,disabled:D},r.label))})]}),B.jsx("div",{className:"relative flex-1 h-full min-h-0 min-w-0 flex flex-col p-[1px] rounded overflow-hidden shadow-[0_0_100px_-20px_rgba(168,85,247,0.3)]",children:B.jsxs("div",{className:"relative flex-1 h-full flex flex-col rounded-xl overflow-hidden",children:[B.jsxs("header",{className:"px-4 py-2 border-b border-white/10 flex justify-between items-center bg-black/20 flex-none backdrop-blur-sm",children:[B.jsxs("div",{className:"text-md font-bold text-white flex items-center gap-4",children:[B.jsx("div",{className:"w-8 h-8 rounded-lg bg-gradient-to-br from-red-500 to-orange-600 flex items-center justify-center shadow-lg shadow-orange-500/20",children:B.jsx("i",{className:"fas fa-rocket text-white text-sm"})}),B.jsxs("div",{className:"flex flex-col",children:[B.jsx("span",{className:"text-xl bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-400 font-bold",children:"Non Interactive Terminal"}),B.jsxs("span",{className:"text-gray-400 font-normal text-sm truncate w-full text-xs",children:["Execute",B.jsx("a",{href:"https://turborepo.org/",target:"_blank",rel:"noopener noreferrer",className:"p-1 text-blue-500 hover:underline",children:"Turborepo.js"}),"commands"]})]})]}),B.jsxs("button",{onClick:i,className:`text-gray-400 transition-colors flex items-center gap-2 ${D?"text-red-500":"text-gray-400"}`,children:[B.jsx("li",{className:"fas fa-stop text-lg"}),"STOP"]})]}),B.jsx("div",{className:"w-full flex-1 min-h-0 p-1",children:B.jsx(co,{ref:G,isInteractive:!1,className:"h-full w-full",socketUrl:Ke.serverPath,onExit:()=>{V(!1)},onCrash:()=>{V(!1)}})})]})}),R&&B.jsx(t0,{onClose:()=>x(!1)})]})}const r0=qn()((W,G)=>({noData:!0,crudData:[],currentCategoryIndex:-1,currentCrudIndex:-1,useDevURL:!0,devURL:"",prodURL:"",params:"",method:"GET",requestStartTime:0,isFetching:!1,executionTime:0,header:`{
   "Content-Type": "application/json",
   "Accept": "application/json",
   "Authorization": "Bearer token",

package/public/index.html

@@ -21,7 +21,7 @@
     <meta property="twitter:image" content="/og-image.png" />
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
-    <script type="module" crossorigin src="/assets/index-E4KP24S5.js"></script>
+    <script type="module" crossorigin src="/assets/index-BLMIZzXp.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-BQZjOvwC.css">
   </head>
   <body class="bg-gray-900 text-gray-100 font-sans overflow-hidden">