zerostart-cli 0.0.42 → 0.0.43

package/out/cli.js

@@ -568,6 +568,10 @@ const shortcuts = [
     { cmd: 'dsa-java', lang: types_1.ProjectLanguage.Java, type: types_1.ProjectType.DSAPractice },
     { cmd: 'dsa-cpp', lang: types_1.ProjectLanguage.CPP, type: types_1.ProjectType.DSAPractice },
     { cmd: 'web-react', lang: types_1.ProjectLanguage.React, type: types_1.ProjectType.WebApp },
+    { cmd: 'web-next', lang: types_1.ProjectLanguage.Nextjs, type: types_1.ProjectType.WebApp },
+    { cmd: 'web-vue', lang: types_1.ProjectLanguage.Vue, type: types_1.ProjectType.WebApp },
+    { cmd: 'web-svelte', lang: types_1.ProjectLanguage.Svelte, type: types_1.ProjectType.WebApp },
+    { cmd: 'web-express', lang: types_1.ProjectLanguage.Express, type: types_1.ProjectType.WebApp },
     { cmd: 'web-html', lang: types_1.ProjectLanguage.HTMLCSS, type: types_1.ProjectType.WebApp },
     { cmd: 'web-py', lang: types_1.ProjectLanguage.Python, type: types_1.ProjectType.WebApp },
     { cmd: 'web-java', lang: types_1.ProjectLanguage.Java, type: types_1.ProjectType.WebApp },
@@ -618,7 +622,17 @@ async function startWizard(initialName) {
         }
         else if (step === 2) {
             const langChoices = category === CAT_WEB
-                ? [types_1.ProjectLanguage.React, types_1.ProjectLanguage.TypeScript, types_1.ProjectLanguage.HTMLCSS, new inquirer_1.default.Separator(), BACK]
+                ? [
+                    types_1.ProjectLanguage.React,
+                    types_1.ProjectLanguage.Nextjs,
+                    types_1.ProjectLanguage.Vue,
+                    types_1.ProjectLanguage.Svelte,
+                    types_1.ProjectLanguage.Express,
+                    types_1.ProjectLanguage.TypeScript,
+                    types_1.ProjectLanguage.HTMLCSS,
+                    new inquirer_1.default.Separator(),
+                    BACK
+                ]
                 : [types_1.ProjectLanguage.CPP, types_1.ProjectLanguage.Java, types_1.ProjectLanguage.Python, new inquirer_1.default.Separator(), BACK];
             const langAns = await inquirer_1.default.prompt([{
                     type: 'list',
@@ -793,11 +807,18 @@ async function startWizard(initialName) {
         else if (category === CAT_WEB && deployChoice === 'local') {
             console.log();
             console.log(chalk_1.default.bold.cyan('  💻 Run your project locally:'));
-            if (language === types_1.ProjectLanguage.React || language === types_1.ProjectLanguage.TypeScript) {
+            if ([types_1.ProjectLanguage.React, types_1.ProjectLanguage.Nextjs, types_1.ProjectLanguage.Vue, types_1.ProjectLanguage.Svelte, types_1.ProjectLanguage.TypeScript].includes(language)) {
                 console.log(chalk_1.default.gray('  - ') + chalk_1.default.cyan(`cd ${name}`));
                 console.log(chalk_1.default.gray('  - ') + chalk_1.default.cyan('npm install'));
                 console.log(chalk_1.default.gray('  - ') + chalk_1.default.cyan('npm run dev'));
-                console.log(chalk_1.default.gray('\n  Then open: ') + chalk_1.default.cyan('http://localhost:5173'));
+                const port = language === types_1.ProjectLanguage.Nextjs ? '3000' : '5173';
+                console.log(chalk_1.default.gray('\n  Then open: ') + chalk_1.default.cyan(`http://localhost:${port}`));
+            }
+            else if (language === types_1.ProjectLanguage.Express) {
+                console.log(chalk_1.default.gray('  - ') + chalk_1.default.cyan(`cd ${name}`));
+                console.log(chalk_1.default.gray('  - ') + chalk_1.default.cyan('npm install'));
+                console.log(chalk_1.default.gray('  - ') + chalk_1.default.cyan('npm run dev'));
+                console.log(chalk_1.default.gray('\n  Server running on: ') + chalk_1.default.cyan('http://localhost:3000'));
             }
             else if (language === types_1.ProjectLanguage.HTMLCSS) {
                 console.log(chalk_1.default.gray('  - ') + chalk_1.default.cyan(`cd ${name}`));

package/out/managers/TemplateManager.js

@@ -63,6 +63,18 @@ class TemplateManager {
             case types_1.ProjectLanguage.React:
                 await this.createReactStructure(config);
                 break;
+            case types_1.ProjectLanguage.Nextjs:
+                await this.createNextjsStructure(config);
+                break;
+            case types_1.ProjectLanguage.Vue:
+                await this.createVueStructure(config);
+                break;
+            case types_1.ProjectLanguage.Svelte:
+                await this.createSvelteStructure(config);
+                break;
+            case types_1.ProjectLanguage.Express:
+                await this.createExpressStructure(config);
+                break;
             case types_1.ProjectLanguage.TypeScript:
                 await this.createTypeScriptStructure(config);
                 break;
@@ -181,8 +193,12 @@ npm start # or python main.py / java -jar target/app.jar
         let content = '';
         switch (config.language) {
             case types_1.ProjectLanguage.React:
+            case types_1.ProjectLanguage.Nextjs:
+            case types_1.ProjectLanguage.Vue:
+            case types_1.ProjectLanguage.Svelte:
+            case types_1.ProjectLanguage.Express:
             case types_1.ProjectLanguage.TypeScript:
-                content = 'node_modules/\n.env\ndist/\nbuild/';
+                content = 'node_modules/\n.env\ndist/\nbuild/\n.next/\n.svelte-kit/';
                 break;
             case types_1.ProjectLanguage.Python:
                 content = '__pycache__/\n*.pyc\nvenv/\n.env';
@@ -400,6 +416,303 @@ console.log("${config.name} initialized!");
 `;
         fs.writeFileSync(path.join(config.path, 'netlify.toml'), netlifyContent);
     }
+    async createNextjsStructure(config) {
+        const packageJson = {
+            name: config.name,
+            version: "0.1.0",
+            private: true,
+            scripts: {
+                dev: "next dev",
+                build: "next build",
+                start: "next start",
+                lint: "next lint"
+            },
+            dependencies: {
+                "next": "14.1.0",
+                "react": "^18",
+                "react-dom": "^18"
+            },
+            devDependencies: {
+                "typescript": "^5",
+                "@types/node": "^20",
+                "@types/react": "^18",
+                "@types/react-dom": "^18",
+                "autoprefixer": "^10.0.1",
+                "postcss": "^8",
+                "tailwindcss": "^3.3.0",
+                "eslint": "^8",
+                "eslint-config-next": "14.1.0"
+            }
+        };
+        fs.writeFileSync(path.join(config.path, 'package.json'), JSON.stringify(packageJson, null, 2));
+        const app = path.join(config.path, 'app');
+        if (!fs.existsSync(app))
+            fs.mkdirSync(app);
+        fs.writeFileSync(path.join(app, 'layout.tsx'), `
+import type { Metadata } from "next";
+import "./globals.css";
+
+export const metadata: Metadata = {
+  title: "${config.name}",
+  description: "${config.description}",
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  );
+}
+`);
+        fs.writeFileSync(path.join(app, 'page.tsx'), `
+export default function Home() {
+  return (
+    <main className="flex min-h-screen flex-col items-center justify-between p-24">
+      <h1 className="text-4xl font-bold">Welcome to ${config.name} (Next.js)</h1>
+    </main>
+  );
+}
+`);
+        fs.writeFileSync(path.join(app, 'globals.css'), `
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+`);
+        fs.writeFileSync(path.join(config.path, 'tailwind.config.ts'), `
+import type { Config } from "tailwindcss";
+
+const config: Config = {
+  content: [
+    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
+    "./components/**/*.{js,ts,jsx,tsx,mdx}",
+    "./app/**/*.{js,ts,jsx,tsx,mdx}",
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};
+export default config;
+`);
+        fs.writeFileSync(path.join(config.path, 'next.config.mjs'), `
+/** @type {import('next').NextConfig} */
+const nextConfig = {};
+
+export default nextConfig;
+`);
+        fs.writeFileSync(path.join(config.path, 'tsconfig.json'), `
+{
+  "compilerOptions": {
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}
+`);
+        this.createNetlifyConfig(config);
+    }
+    async createVueStructure(config) {
+        const packageJson = {
+            name: config.name,
+            version: "0.0.0",
+            private: true,
+            type: "module",
+            scripts: {
+                dev: "vite",
+                build: "vue-tsc && vite build",
+                preview: "vite preview"
+            },
+            dependencies: {
+                "vue": "^3.4.15"
+            },
+            devDependencies: {
+                "@vitejs/plugin-vue": "^5.0.3",
+                "typescript": "^5.3.3",
+                "vite": "^5.0.12",
+                "vue-tsc": "^1.8.27"
+            }
+        };
+        fs.writeFileSync(path.join(config.path, 'package.json'), JSON.stringify(packageJson, null, 2));
+        const src = path.join(config.path, 'src');
+        if (!fs.existsSync(src))
+            fs.mkdirSync(src);
+        fs.writeFileSync(path.join(src, 'App.vue'), `
+<template>
+  <div>
+    <h1>Hello Vue 3 + Vite!</h1>
+  </div>
+</template>
+`);
+        fs.writeFileSync(path.join(src, 'main.ts'), `
+import { createApp } from 'vue'
+import App from './App.vue'
+
+createApp(App).mount('#app')
+`);
+        fs.writeFileSync(path.join(config.path, 'index.html'), `
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>${config.name}</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
+`);
+        fs.writeFileSync(path.join(config.path, 'vite.config.ts'), `
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+export default defineConfig({
+  plugins: [vue()],
+})
+`);
+        this.createNetlifyConfig(config);
+    }
+    async createSvelteStructure(config) {
+        const packageJson = {
+            name: config.name,
+            version: "0.0.1",
+            private: true,
+            type: "module",
+            scripts: {
+                dev: "vite",
+                build: "vite build",
+                preview: "vite preview",
+                check: "svelte-check --tsconfig ./tsconfig.json"
+            },
+            devDependencies: {
+                "@sveltejs/vite-plugin-svelte": "^3.0.1",
+                "@tsconfig/svelte": "^5.0.2",
+                "svelte": "^4.2.9",
+                "svelte-check": "^3.6.3",
+                "tslib": "^2.6.2",
+                "typescript": "^5.3.3",
+                "vite": "^5.0.12"
+            }
+        };
+        fs.writeFileSync(path.join(config.path, 'package.json'), JSON.stringify(packageJson, null, 2));
+        const src = path.join(config.path, 'src');
+        if (!fs.existsSync(src))
+            fs.mkdirSync(src);
+        fs.writeFileSync(path.join(src, 'App.svelte'), `
+<script lang="ts">
+  let name = "${config.name}";
+</script>
+
+<main>
+  <h1>Hello {name} (Svelte)</h1>
+</main>
+`);
+        fs.writeFileSync(path.join(src, 'main.ts'), `
+import './app.css'
+import App from './App.svelte'
+
+const app = new App({
+  target: document.getElementById('app')!,
+})
+
+export default app
+`);
+        fs.writeFileSync(path.join(src, 'app.css'), `
+:root {
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+}
+`);
+        fs.writeFileSync(path.join(config.path, 'index.html'), `
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>${config.name}</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
+`);
+        fs.writeFileSync(path.join(config.path, 'vite.config.ts'), `
+import { defineConfig } from 'vite'
+import { svelte } from '@sveltejs/vite-plugin-svelte'
+
+export default defineConfig({
+  plugins: [svelte()],
+})
+`);
+        this.createNetlifyConfig(config);
+    }
+    async createExpressStructure(config) {
+        const packageJson = {
+            name: config.name,
+            version: "1.0.0",
+            description: config.description,
+            main: "src/index.js",
+            scripts: {
+                start: "node src/index.js",
+                dev: "nodemon src/index.js"
+            },
+            dependencies: {
+                "express": "^4.18.2",
+                "cors": "^2.8.5",
+                "dotenv": "^16.3.1"
+            },
+            devDependencies: {
+                "nodemon": "^3.0.2"
+            }
+        };
+        fs.writeFileSync(path.join(config.path, 'package.json'), JSON.stringify(packageJson, null, 2));
+        const src = path.join(config.path, 'src');
+        if (!fs.existsSync(src))
+            fs.mkdirSync(src);
+        fs.writeFileSync(path.join(src, 'index.js'), `
+const express = require('express');
+const cors = require('cors');
+require('dotenv').config();
+
+const app = express();
+const PORT = process.env.PORT || 3000;
+
+app.use(cors());
+app.use(express.json());
+
+app.get('/', (req, res) => {
+  res.json({ message: 'Welcome to ${config.name} API' });
+});
+
+app.listen(PORT, () => {
+  console.log(\`Server is running on http://localhost:\${PORT}\`);
+});
+`);
+        fs.writeFileSync(path.join(config.path, '.env'), "PORT=3000\n");
+    }
     createNetlifyConfig(config) {
         const content = `[build]
   command = "npm run build"

package/out/types.js

@@ -4,6 +4,10 @@ exports.ProjectType = exports.ProjectLanguage = void 0;
 var ProjectLanguage;
 (function (ProjectLanguage) {
     ProjectLanguage["React"] = "React";
+    ProjectLanguage["Nextjs"] = "Next.js";
+    ProjectLanguage["Vue"] = "Vue";
+    ProjectLanguage["Svelte"] = "Svelte";
+    ProjectLanguage["Express"] = "Express";
     ProjectLanguage["TypeScript"] = "TypeScript";
     ProjectLanguage["HTMLCSS"] = "HTML/CSS";
     ProjectLanguage["Python"] = "Python";

package/package.json

@@ -5,7 +5,7 @@
         "zerostart": "./out/cli.js"
     },
     "description": "Create and deploy a complete project with one command.",
-    "version": "0.0.42",
+    "version": "0.0.43",
     "engines": {
         "vscode": "^1.85.0"
     },