npm - gotodev - Versions diffs - 2.0.1 → 2.0.3 - Mend

gotodev 2.0.1 → 2.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/cli.js CHANGED Viewed

@@ -15,91 +15,12 @@ const { getViteTemplate } = require('./template-fetcher');
 const program = new Command();
-// -------------------------------------------------------------------------
-//  OFFICIAL TEMPLATE REGISTRY
-// -------------------------------------------------------------------------
-// Mapping from user-friendly name → GitHub repo (owner/repo).  The repo must
-// contain a `create-<framework>` directory with the scaffold files we need.
-// Example:  "next" → "vercel/next.js" (the repo that contains the `create-vite`
-//           template used by `create-next-app`).
-// -------------------------------------------------------------------------
-const TEMPLATE_REGISTRY = {
-  next:      'vercel/next.js',
-  nextjs:    'vercel/next.js',
-  shadcn:    'shadcn/ui',
-  tailwind:  'shadcn/ui',
-  'react-router': 'tanstack/react-router',
-  'tanstack-query': 'tanstack/query',
-  'tanstack-query-core': 'tanstack/query',
-  // add more as you like …
-};
-// Simple downloader that fetches from GitHub raw URLs
-async function downloadTemplate(name) {
-  if (!TEMPLATE_REGISTRY[name]) {
-    console.error(`Unknown template: ${name}`);
-    process.exit(1);
-  }
-  const repo = TEMPLATE_REGISTRY[name];
-  // Use axios to fetch the repository's raw files
-  const axios = require('axios');
-  // For now, let's use a simple approach: fetch the create-vite template
-  // This is a placeholder - in a real implementation, you'd fetch the actual template files
-  console.log(`Downloading template: ${name} from ${repo}`);
-  // Create a temporary directory
-  const tmpDir = path.join(process.cwd(), `tmp/_gotodev-${Date.now()}`);
-  await fs.ensureDir(tmpDir);
-  // For demonstration, create a simple package.json
-  const packageJson = {
-    name: 'template-app',
-    version: '1.0.0',
-    type: 'module',
-    scripts: {
-      dev: 'vite',
-      build: 'vite build',
-      preview: 'vite preview'
-    },
-    dependencies: {
-      'react': '^18.2.0',
-      'react-dom': '^18.2.0'
-    },
-    devDependencies: {
-      'vite': '^5.0.0',
-      '@vitejs/plugin-react': '^4.2.1'
-    }
-  };
-  await fs.writeFile(path.join(tmpDir, 'package.json'), JSON.stringify(packageJson, null, 2));
-  await fs.writeFile(path.join(tmpDir, 'index.html'), '<!DOCTYPE html><html><head><title>Template</title></head><body><div id="root"></div><script type="module" src="/src/main.jsx"></script></body></html>');
-  await fs.ensureDir(path.join(tmpDir, 'src'));
-  await fs.writeFile(path.join(tmpDir, 'src/main.jsx'), `import React from 'react';
-import ReactDOM from 'react-dom/client';
-import App from './App.jsx';
-ReactDOM.createRoot(document.getElementById('root')).render(<App />);`);
-  await fs.writeFile(path.join(tmpDir, 'src/App.jsx'), `export default function App() {
-  return <h1>Hello from ${name} template!</h1>;
-}`);
-  await fs.writeFile(path.join(tmpDir, 'vite.config.js'), `import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
-export default defineConfig({
-  plugins: [react()],
-});`);
-  return tmpDir;
-}
-// Feature options
+// Feature options - UPDATED with Tailwind
 const FEATURE_OPTIONS = [
   { value: 'typescript', label: 'TypeScript' },
-  { value: 'router', label: 'Vue Router' },
-  { value: 'pinia', label: 'Pinia (State Management)' },
-  { value: 'jsx', label: 'JSX Support' },
+  { value: 'tailwind', label: 'Tailwind CSS' },
+  { value: 'router', label: 'Vue Router (Vue only)' },
+  { value: 'pinia', label: 'Pinia (Vue only)' },
 ];
 // Framework options
@@ -169,7 +90,7 @@ async function init() {
   const args = process.argv.slice(2);
   // Parse CLI arguments
-  const flags = ['typescript', 'ts', 'router', 'pinia', 'jsx', 'force', 'bare', 'help', 'version'];
+  const flags = ['framework', 'typescript', 'ts', 'tailwind', 'router', 'pinia', 'force', 'bare', 'help', 'version'];
   const options = {};
   let targetDir = null;
@@ -192,24 +113,24 @@ async function init() {
     console.log(`\
 Usage: gotodev create [DIRECTORY] [OPTIONS]
-Create a new Vite-powered project using official templates.
+Create a new Vite-powered project with latest dependencies.
 Options:
+  --framework <name>    Framework: react, vue, svelte, vanilla
   --typescript, --ts    Add TypeScript support
+  --tailwind            Add Tailwind CSS styling
   --router              Add Vue Router (Vue only)
   --pinia               Add Pinia (Vue only)
-  --jsx                 Add JSX support
   --force               Force overwrite existing directory
-  --bare                Minimal template without example code
   --help                Display this help message
   --version             Display version number
 Feature flags can be used to skip interactive prompts.
 Examples:
-  gotodev create my-app
-  gotodev create my-app --typescript --router
-  gotodev create my-app --ts --pinia --force`);
+  gotodev create my-app --framework react --typescript --tailwind
+  gotodev create my-app --framework vue --ts --tailwind --force
+  gotodev create my-app --framework svelte --typescript`);
     process.exit(0);
   }
@@ -277,9 +198,9 @@ Examples:
     packageName = _packageName;
   }
-  // Check if any feature flags were used
+  // Check if any feature flags or framework were used
   const isFeatureFlagsUsed = Object.keys(options).some(key =>
-    ['typescript', 'ts', 'router', 'pinia', 'jsx'].includes(key)
+    ['typescript', 'ts', 'tailwind', 'router', 'pinia', 'framework'].includes(key)
   );
   let selectedFramework = 'vue';
@@ -299,9 +220,18 @@ Examples:
     }
     // Interactive feature selection
+    // Filter features based on framework
+    const availableFeatures = FEATURE_OPTIONS.filter(option => {
+      if (selectedFramework === 'vue') return true;
+      if (selectedFramework === 'react') return ['typescript', 'tailwind'].includes(option.value);
+      if (selectedFramework === 'svelte') return ['typescript', 'tailwind'].includes(option.value);
+      if (selectedFramework === 'vanilla') return ['tailwind'].includes(option.value);
+      return false;
+    });
     selectedFeatures = await multiselect({
       message: 'Select features (use space to toggle):',
-      options: FEATURE_OPTIONS,
+      options: availableFeatures,
       required: false
     });
@@ -311,20 +241,31 @@ Examples:
     }
   } else {
     // Use CLI flags
+    if (options.framework) {
+      selectedFramework = options.framework;
+      if (!['react', 'vue', 'svelte', 'vanilla'].includes(selectedFramework)) {
+        console.error(`${red('✖')} Invalid framework: ${selectedFramework}. Must be one of: react, vue, svelte, vanilla`);
+        process.exit(1);
+      }
+    }
+    // Handle both --typescript and --ts
     if (options.typescript || options.ts) selectedFeatures.push('typescript');
+    if (options.tailwind) selectedFeatures.push('tailwind');
     if (options.router) selectedFeatures.push('router');
     if (options.pinia) selectedFeatures.push('pinia');
-    if (options.jsx) selectedFeatures.push('jsx');
     // Default to vue if no framework specified
-    selectedFramework = 'vue';
+    if (!options.framework) {
+      selectedFramework = 'vue';
+    }
   }
   // Determine features
   const needsTypeScript = selectedFeatures.includes('typescript');
+  const needsTailwind = selectedFeatures.includes('tailwind');
   const needsRouter = selectedFeatures.includes('router');
   const needsPinia = selectedFeatures.includes('pinia');
-  const needsJsx = selectedFeatures.includes('jsx');
   // Create project directory
   const root = path.join(cwd, targetDir);
@@ -339,20 +280,25 @@ Examples:
   // Scaffolding
   const s = spinner();
-  s.start('Fetching official Vite template...');
+  s.start('Generating template...');
   try {
-    // Use template fetcher to get official Vite templates
-    await getViteTemplate(selectedFramework, {
-      typescript: needsTypeScript,
-      router: needsRouter,
-      pinia: needsPinia,
-      jsx: needsJsx
-    }, packageName);
+    // Use template fetcher to generate templates
+    await getViteTemplate(
+      packageName,
+      selectedFramework,
+      {
+        typescript: needsTypeScript,
+        tailwind: needsTailwind,
+        router: needsRouter,
+        pinia: needsPinia
+      },
+      root
+    );
-    s.stop('Template fetched and scaffolded!');
+    s.stop('Template generated!');
   } catch (error) {
-    s.stop('Failed to fetch template');
+    s.stop('Failed to generate template');
     console.error(red('Error:'), error.message);
     process.exit(1);
   }
@@ -382,7 +328,7 @@ Examples:
   }
   // Success message
-  outro(`${green('✔')} ${bold('Success!')} Created ${selectedFramework.toUpperCase()} project in ${targetDir}
+  outro(`${green('✔')} ${bold('Success!')} Created ${selectedFramework.toUpperCase()} project in ${targetDir}${needsTypeScript ? ' + TypeScript' : ''}${needsTailwind ? ' + Tailwind' : ''}
 ${dim('Next steps:')}
   ${cyan('cd')} ${targetDir}
@@ -400,10 +346,11 @@ program
 program
   .command('create [directory]')
   .description('Create a new project')
+  .option('--framework <framework>', 'Framework to use (react, vue, svelte, vanilla)')
   .option('--typescript, --ts', 'Add TypeScript support')
+  .option('--tailwind', 'Add Tailwind CSS styling')
   .option('--router', 'Add Vue Router (Vue only)')
   .option('--pinia', 'Add Pinia (Vue only)')
-  .option('--jsx', 'Add JSX support')
   .option('--force', 'Force overwrite existing directory')
   .option('--template <name>', 'Download an official starter template (e.g. next, shadcn, tailwind)')
   .action(async (directory, options) => {
@@ -424,25 +371,40 @@ program
         fs.mkdirSync(root, { recursive: true });
       }
-      // Download and copy template
-      const tmpDir = await downloadTemplate(options.template);
-      const copyDir = async (src, dest) => {
-        await fs.ensureDir(dest);
-        const entries = await fs.readdir(src, { withFileTypes: true });
-        for (const entry of entries) {
-          const srcPath = path.join(src, entry.name);
-          const destPath = path.join(dest, entry.name);
-          if (entry.isDirectory()) {
-            await copyDir(srcPath, destPath);
-          } else {
-            await fs.copyFile(srcPath, destPath);
-          }
-        }
+      // For official templates, use the template fetcher
+      const templateMap = {
+        'nextjs': { framework: 'react', features: { typescript: true, tailwind: true } },
+        'next': { framework: 'react', features: { typescript: true, tailwind: true } },
+        'shadcn': { framework: 'react', features: { typescript: true, tailwind: true } },
+        'tailwind': { framework: 'vanilla', features: { tailwind: true } },
+        'react-ts': { framework: 'react', features: { typescript: true } },
+        'react': { framework: 'react', features: { typescript: false } },
+        'vue-ts': { framework: 'vue', features: { typescript: true } },
+        'vue': { framework: 'vue', features: { typescript: false } },
+        'svelte-ts': { framework: 'svelte', features: { typescript: true } },
+        'svelte': { framework: 'svelte', features: { typescript: false } }
       };
-      await copyDir(tmpDir, root);
+      if (templateMap[options.template]) {
+        const { framework, features } = templateMap[options.template];
+        const packageName = toValidPackageName(targetDir);
+        const s = spinner();
+        s.start(`Downloading template: ${options.template} from ${framework}...`);
+        try {
+          await getViteTemplate(packageName, framework, features, root);
+          s.stop(`Template ${options.template} downloaded!`);
+        } catch (error) {
+          s.stop('Failed to download template');
+          console.error(red('Error:'), error.message);
+          process.exit(1);
+        }
+      } else {
+        console.error(`${red('✖')} Unknown template: ${options.template}`);
+        console.log(`Available templates: ${Object.keys(templateMap).join(', ')}`);
+        process.exit(1);
+      }
       // Install dependencies
       const pm = getPackageManager();
@@ -475,10 +437,11 @@ ${dim('Happy coding! 🚀')}`);
     // Otherwise, use the original init flow
     const args = [];
     if (directory) args.push(directory);
-    if (options.typescript) args.push('--typescript');
+    if (options.framework) args.push(`--framework=${options.framework}`);
+    if (options.typescript || options.ts) args.push('--typescript');
+    if (options.tailwind) args.push('--tailwind');
     if (options.router) args.push('--router');
     if (options.pinia) args.push('--pinia');
-    if (options.jsx) args.push('--jsx');
     if (options.force) args.push('--force');
     // Set process.argv for init to parse

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "gotodev",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "description": "⚡ Lightning-fast app creator for React, Vue, Svelte, and all modern frameworks. Built with Rust 1.92 + Oxc 0.106 for instant compilation - 10-100x faster than Vite/Vitest.",
   "main": "index.js",
   "type": "commonjs",
@@ -83,6 +83,7 @@
     "index.js",
     "index.d.ts",
     "cli.js",
+    "template-fetcher.js",
     "templates/",
     "scripts/",
     "gotodev-*.node",

package/template-fetcher.js ADDED Viewed

@@ -0,0 +1,988 @@
+/**
+ * Template Fetcher - Generates official Vite templates with latest dependencies
+ * Updated with latest versions and security fixes
+ */
+const fs = require('fs-extra');
+const path = require('path');
+const { execSync } = require('child_process');
+/**
+ * Get latest package versions from npm
+ */
+async function getLatestVersion(pkg) {
+  try {
+    const result = execSync(`npm view ${pkg} version --json`, { encoding: 'utf8' });
+    return result.trim().replace(/['"]/g, '');
+  } catch (error) {
+    // Fallback to known latest versions
+    const fallbacks = {
+      'vite': '6.0.7',
+      'react': '19.0.0',
+      'react-dom': '19.0.0',
+      'vue': '3.5.13',
+      'svelte': '5.17.3',
+      '@vitejs/plugin-react': '4.3.4',
+      '@vitejs/plugin-vue': '5.2.1',
+      '@sveltejs/vite-plugin-svelte': '5.0.3',
+      'typescript': '5.7.2',
+      'tailwindcss': '3.4.17',
+      'postcss': '8.4.49',
+      'autoprefixer': '10.4.20',
+      'vue-router': '4.3.2',
+      'pinia': '2.3.0',
+      '@types/react': '19.0.1',
+      '@types/react-dom': '19.0.1',
+      'vue-tsc': '2.2.0',
+      'svelte-check': '4.1.4',
+      'svelte-preprocess': '6.0.3'
+    };
+    return fallbacks[pkg] || 'latest';
+  }
+}
+/**
+ * Generate React template files
+ */
+async function generateReactTemplate(projectName, features, targetDir) {
+  const files = {};
+  // Get latest versions
+  const versions = {
+    react: await getLatestVersion('react'),
+    reactDom: await getLatestVersion('react-dom'),
+    vite: await getLatestVersion('vite'),
+    pluginReact: await getLatestVersion('@vitejs/plugin-react'),
+    typescript: await getLatestVersion('typescript'),
+    typesReact: await getLatestVersion('@types/react'),
+    typesReactDom: await getLatestVersion('@types/react-dom'),
+    tailwind: await getLatestVersion('tailwindcss'),
+    postcss: await getLatestVersion('postcss'),
+    autoprefixer: await getLatestVersion('autoprefixer')
+  };
+  // Main entry point
+  if (features.typescript) {
+    files['src/main.tsx'] = `import React from 'react';
+import ReactDOM from 'react-dom/client';
+import App from './App.tsx';
+import './index.css';
+const root = ReactDOM.createRoot(
+  document.getElementById('root') as HTMLElement
+);
+root.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);`;
+    files['src/App.tsx'] = `import './index.css';
+export default function App() {
+  return (
+    <div className="min-h-screen bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center">
+      <div className="text-center text-white p-8 bg-black/20 backdrop-blur-lg rounded-2xl shadow-2xl">
+        <h1 className="text-5xl font-bold mb-4">🚀 ${projectName}</h1>
+        <p className="text-xl mb-6">Built with React 19 + TypeScript + Tailwind</p>
+        <div className="flex gap-4 justify-center">
+          <a href="https://vitejs.dev" target="_blank" className="px-4 py-2 bg-white/20 rounded-lg hover:bg-white/30 transition">
+            Vite Docs
+          </a>
+          <a href="https://react.dev" target="_blank" className="px-4 py-2 bg-white/20 rounded-lg hover:bg-white/30 transition">
+            React Docs
+          </a>
+        </div>
+      </div>
+    </div>
+  );
+}`;
+  } else {
+    files['src/main.jsx'] = `import React from 'react';
+import ReactDOM from 'react-dom/client';
+import App from './App.jsx';
+import './index.css';
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(<App />);`;
+    files['src/App.jsx'] = `import './index.css';
+export default function App() {
+  return (
+    <div className="min-h-screen bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center">
+      <div className="text-center text-white p-8 bg-black/20 backdrop-blur-lg rounded-2xl shadow-2xl">
+        <h1 className="text-5xl font-bold mb-4">🚀 ${projectName}</h1>
+        <p className="text-xl mb-6">Built with React 19 + Vite</p>
+      </div>
+    </div>
+  );
+}`;
+  }
+  // HTML
+  files['index.html'] = `<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>${projectName}</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.${features.typescript ? 'tsx' : 'jsx'}"></script>
+  </body>
+</html>`;
+  // Vite config
+  files['vite.config.js'] = `import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+export default defineConfig({
+  plugins: [react()],
+});`;
+  // CSS (with Tailwind if requested)
+  if (features.tailwind) {
+    files['src/index.css'] = `@tailwind base;
+@tailwind components;
+@tailwind utilities;
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}`;
+    files['tailwind.config.js'] = `/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./index.html",
+    "./src/**/*.{js,ts,jsx,tsx}"
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}`;
+    files['postcss.config.js'] = `export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}`;
+  } else {
+    files['src/index.css'] = `body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+    monospace;
+}
+#root {
+  min-height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+}`;
+  }
+  // Package.json
+  const pkg = {
+    name: projectName,
+    version: '0.0.0',
+    type: 'module',
+    scripts: {
+      dev: 'vite',
+      build: 'vite build',
+      lint: 'eslint .',
+      preview: 'vite preview'
+    },
+    dependencies: {
+      react: `^${versions.react}`,
+      'react-dom': `^${versions.reactDom}`
+    },
+    devDependencies: {
+      '@vitejs/plugin-react': `^${versions.pluginReact}`,
+      vite: `^${versions.vite}`
+    }
+  };
+  if (features.typescript) {
+    pkg.devDependencies['@types/react'] = `^${versions.typesReact}`;
+    pkg.devDependencies['@types/react-dom'] = `^${versions.typesReactDom}`;
+    pkg.devDependencies['typescript'] = `^${versions.typescript}`;
+    pkg.scripts.lint = 'eslint . --ext .ts,.tsx';
+  }
+  if (features.tailwind) {
+    pkg.devDependencies['tailwindcss'] = `^${versions.tailwind}`;
+    pkg.devDependencies['postcss'] = `^${versions.postcss}`;
+    pkg.devDependencies['autoprefixer'] = `^${versions.autoprefixer}`;
+  }
+  files['package.json'] = JSON.stringify(pkg, null, 2);
+  // Write all files
+  for (const [filePath, content] of Object.entries(files)) {
+    const fullPath = path.join(targetDir, filePath);
+    fs.ensureDirSync(path.dirname(fullPath));
+    fs.writeFileSync(fullPath, content);
+  }
+}
+/**
+ * Generate Vue template files
+ */
+async function generateVueTemplate(projectName, features, targetDir) {
+  const files = {};
+  // Get latest versions
+  const versions = {
+    vue: await getLatestVersion('vue'),
+    vite: await getLatestVersion('vite'),
+    pluginVue: await getLatestVersion('@vitejs/plugin-vue'),
+    typescript: await getLatestVersion('typescript'),
+    vueTsc: await getLatestVersion('vue-tsc'),
+    tailwind: await getLatestVersion('tailwindcss'),
+    postcss: await getLatestVersion('postcss'),
+    autoprefixer: await getLatestVersion('autoprefixer'),
+    vueRouter: await getLatestVersion('vue-router'),
+    pinia: await getLatestVersion('pinia')
+  };
+  // Main entry
+  if (features.typescript) {
+    files['src/main.ts'] = `import { createApp } from 'vue';
+import App from './App.vue';
+import './index.css';
+createApp(App).mount('#app');`;
+  } else {
+    files['src/main.js'] = `import { createApp } from 'vue';
+import App from './App.vue';
+import './index.css';
+createApp(App).mount('#app');`;
+  }
+  // App component
+  files['src/App.vue'] = `<template>
+  <div class="min-h-screen bg-gradient-to-br from-green-400 to-blue-500 flex items-center justify-center">
+    <div class="text-center text-white p-8 bg-black/20 backdrop-blur-lg rounded-2xl shadow-2xl">
+      <h1 class="text-5xl font-bold mb-4">🚀 ${projectName}</h1>
+      <p class="text-xl mb-6">Built with Vue 3 + Vite${features.typescript ? ' + TypeScript' : ''}${features.tailwind ? ' + Tailwind' : ''}</p>
+      <div class="flex gap-4 justify-center">
+        <a href="https://vitejs.dev" target="_blank" class="px-4 py-2 bg-white/20 rounded-lg hover:bg-white/30 transition">Vite Docs</a>
+        <a href="https://vuejs.org" target="_blank" class="px-4 py-2 bg-white/20 rounded-lg hover:bg-white/30 transition">Vue Docs</a>
+      </div>
+    </div>
+  </div>
+</template>
+<script setup>
+// Vue 3 Composition API
+</script>
+<style scoped>
+/* Component-specific styles */
+</style>`;
+  // HTML
+  files['index.html'] = `<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>${projectName}</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.${features.typescript ? 'ts' : 'js'}"></script>
+  </body>
+</html>`;
+  // Vite config
+  files['vite.config.js'] = `import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+export default defineConfig({
+  plugins: [vue()],
+});`;
+  // CSS
+  if (features.tailwind) {
+    files['src/index.css'] = `@tailwind base;
+@tailwind components;
+@tailwind utilities;
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}`;
+    files['tailwind.config.js'] = `/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./index.html",
+    "./src/**/*.{vue,js,ts,jsx,tsx}"
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}`;
+    files['postcss.config.js'] = `export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}`;
+  } else {
+    files['src/index.css'] = `body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+#root {
+  min-height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+}`;
+  }
+  // Package.json
+  const pkg = {
+    name: projectName,
+    version: '0.0.0',
+    type: 'module',
+    scripts: {
+      dev: 'vite',
+      build: 'vite build',
+      preview: 'vite preview'
+    },
+    dependencies: {
+      vue: `^${versions.vue}`
+    },
+    devDependencies: {
+      '@vitejs/plugin-vue': `^${versions.pluginVue}`,
+      vite: `^${versions.vite}`
+    }
+  };
+  if (features.typescript) {
+    pkg.devDependencies['typescript'] = `^${versions.typescript}`;
+    pkg.devDependencies['vue-tsc'] = `^${versions.vueTsc}`;
+  }
+  if (features.router) {
+    pkg.dependencies['vue-router'] = `^${versions.vueRouter}`;
+  }
+  if (features.pinia) {
+    pkg.dependencies['pinia'] = `^${versions.pinia}`;
+  }
+  if (features.tailwind) {
+    pkg.devDependencies['tailwindcss'] = `^${versions.tailwind}`;
+    pkg.devDependencies['postcss'] = `^${versions.postcss}`;
+    pkg.devDependencies['autoprefixer'] = `^${versions.autoprefixer}`;
+  }
+  files['package.json'] = JSON.stringify(pkg, null, 2);
+  // Write all files
+  for (const [filePath, content] of Object.entries(files)) {
+    const fullPath = path.join(targetDir, filePath);
+    fs.ensureDirSync(path.dirname(fullPath));
+    fs.writeFileSync(fullPath, content);
+  }
+}
+/**
+ * Generate Svelte template files
+ */
+async function generateSvelteTemplate(projectName, features, targetDir) {
+  const files = {};
+  // Get latest versions
+  const versions = {
+    svelte: await getLatestVersion('svelte'),
+    vite: await getLatestVersion('vite'),
+    pluginSvelte: await getLatestVersion('@sveltejs/vite-plugin-svelte'),
+    typescript: await getLatestVersion('typescript'),
+    svelteCheck: await getLatestVersion('svelte-check'),
+    sveltePreprocess: await getLatestVersion('svelte-preprocess'),
+    tailwind: await getLatestVersion('tailwindcss'),
+    postcss: await getLatestVersion('postcss'),
+    autoprefixer: await getLatestVersion('autoprefixer')
+  };
+  // Main entry
+  if (features.typescript) {
+    files['src/main.ts'] = `import App from './App.svelte';
+const app = new App({
+  target: document.body,
+});
+export default app;`;
+    files['src/App.svelte'] = `<script lang="ts">
+  let name: string = '${projectName}';
+</script>
+<main>
+  <div class="container">
+    <h1>🚀 {name}</h1>
+    <p>Built with Svelte 5 + TypeScript + Tailwind</p>
+    <div class="links">
+      <a href="https://vitejs.dev" target="_blank">Vite Docs</a>
+      <a href="https://svelte.dev" target="_blank">Svelte Docs</a>
+    </div>
+  </div>
+</main>
+<style>
+  main {
+    min-height: 100vh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
+  }
+  .container {
+    text-align: center;
+    padding: 2rem;
+    background: rgba(255, 255, 255, 0.1);
+    backdrop-filter: blur(10px);
+    border-radius: 1rem;
+    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
+  }
+  h1 {
+    font-size: 3rem;
+    margin-bottom: 1rem;
+    color: white;
+  }
+  p {
+    font-size: 1.2rem;
+    color: white;
+    margin-bottom: 2rem;
+  }
+  .links {
+    display: flex;
+    gap: 1rem;
+    justify-content: center;
+  }
+  a {
+    padding: 0.5rem 1rem;
+    background: rgba(255, 255, 255, 0.2);
+    color: white;
+    text-decoration: none;
+    border-radius: 0.5rem;
+    transition: background 0.3s;
+  }
+  a:hover {
+    background: rgba(255, 255, 255, 0.3);
+  }
+</style>`;
+  } else {
+    files['src/main.js'] = `import App from './App.svelte';
+const app = new App({
+  target: document.body,
+});
+export default app;`;
+    files['src/App.svelte'] = `<script>
+  let name = '${projectName}';
+</script>
+<main>
+  <div class="container">
+    <h1>🚀 {name}</h1>
+    <p>Built with Svelte 5 + Vite</p>
+  </div>
+</main>
+<style>
+  main {
+    min-height: 100vh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
+  }
+  .container {
+    text-align: center;
+    padding: 2rem;
+    background: rgba(255, 255, 255, 0.1);
+    backdrop-filter: blur(10px);
+    border-radius: 1rem;
+    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
+  }
+  h1 {
+    font-size: 3rem;
+    margin-bottom: 1rem;
+    color: white;
+  }
+  p {
+    font-size: 1.2rem;
+    color: white;
+  }
+</style>`;
+  }
+  // HTML
+  files['index.html'] = `<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>${projectName}</title>
+  </head>
+  <body>
+    <script type="module" src="/src/main.${features.typescript ? 'ts' : 'js'}"></script>
+  </body>
+</html>`;
+  // Vite config
+  files['vite.config.js'] = `import { defineConfig } from 'vite';
+import { svelte } from '@vitejs/vite-plugin-svelte';
+export default defineConfig({
+  plugins: [svelte()],
+});`;
+  // Svelte config (for TypeScript)
+  if (features.typescript) {
+    files['svelte.config.js'] = `import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
+export default {
+  preprocess: vitePreprocess(),
+};`;
+  }
+  // TypeScript config
+  if (features.typescript) {
+    files['tsconfig.json'] = `{
+  "extends": "@sveltejs/tsconfig/tsconfig.json",
+  "compilerOptions": {
+    "strict": true
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules/*", "dist/*"]
+}`;
+  }
+  // CSS (with Tailwind if requested)
+  if (features.tailwind) {
+    files['src/app.css'] = `@tailwind base;
+@tailwind components;
+@tailwind utilities;
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}`;
+    files['tailwind.config.js'] = `/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./index.html",
+    "./src/**/*.{svelte,js,ts}"
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}`;
+    files['postcss.config.js'] = `export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}`;
+  } else {
+    files['src/app.css'] = `body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}`;
+  }
+  // Package.json
+  const pkg = {
+    name: projectName,
+    version: '0.0.0',
+    type: 'module',
+    scripts: {
+      dev: 'vite',
+      build: 'vite build',
+      preview: 'vite preview'
+    },
+    dependencies: {
+      svelte: `^${versions.svelte}`
+    },
+    devDependencies: {
+      '@sveltejs/vite-plugin-svelte': `^${versions.pluginSvelte}`,
+      vite: `^${versions.vite}`
+    }
+  };
+  if (features.typescript) {
+    pkg.devDependencies['typescript'] = `^${versions.typescript}`;
+    pkg.devDependencies['svelte-check'] = `^${versions.svelteCheck}`;
+    pkg.devDependencies['svelte-preprocess'] = `^${versions.sveltePreprocess}`;
+    pkg.scripts.check = 'svelte-check';
+  }
+  if (features.tailwind) {
+    pkg.devDependencies['tailwindcss'] = `^${versions.tailwind}`;
+    pkg.devDependencies['postcss'] = `^${versions.postcss}`;
+    pkg.devDependencies['autoprefixer'] = `^${versions.autoprefixer}`;
+  }
+  files['package.json'] = JSON.stringify(pkg, null, 2);
+  // Write all files
+  for (const [filePath, content] of Object.entries(files)) {
+    const fullPath = path.join(targetDir, filePath);
+    fs.ensureDirSync(path.dirname(fullPath));
+    fs.writeFileSync(fullPath, content);
+  }
+}
+/**
+ * Generate Vanilla template files
+ */
+async function generateVanillaTemplate(projectName, features, targetDir) {
+  const files = {};
+  // Get latest versions
+  const versions = {
+    vite: await getLatestVersion('vite'),
+    tailwind: await getLatestVersion('tailwindcss'),
+    postcss: await getLatestVersion('postcss'),
+    autoprefixer: await getLatestVersion('autoprefixer')
+  };
+  // Main entry
+  files['src/main.js'] = `import './style.css';
+document.querySelector('#app').innerHTML = \`
+  <div class="container">
+    <h1>🚀 ${projectName}</h1>
+    <p>Built with Vanilla JavaScript + Vite${features.tailwind ? ' + Tailwind' : ''}</p>
+    <div class="links">
+      <a href="https://vitejs.dev" target="_blank">Vite Docs</a>
+      <a href="https://developer.mozilla.org" target="_blank">MDN Docs</a>
+    </div>
+  </div>
+\`;`;
+  // HTML
+  files['index.html'] = `<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>${projectName}</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>`;
+  // Vite config
+  files['vite.config.js'] = `import { defineConfig } from 'vite';
+export default defineConfig({
+  plugins: [],
+});`;
+  // CSS
+  if (features.tailwind) {
+    files['style.css'] = `@tailwind base;
+@tailwind components;
+@tailwind utilities;
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  min-height: 100vh;
+  background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.container {
+  text-align: center;
+  padding: 2rem;
+  background: rgba(255, 255, 255, 0.1);
+  backdrop-filter: blur(10px);
+  border-radius: 1rem;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
+  color: white;
+}
+h1 {
+  font-size: 3rem;
+  margin-bottom: 1rem;
+}
+p {
+  font-size: 1.2rem;
+  margin-bottom: 2rem;
+}
+.links {
+  display: flex;
+  gap: 1rem;
+  justify-content: center;
+}
+a {
+  padding: 0.5rem 1rem;
+  background: rgba(255, 255, 255, 0.2);
+  color: white;
+  text-decoration: none;
+  border-radius: 0.5rem;
+  transition: background 0.3s;
+}
+a:hover {
+  background: rgba(255, 255, 255, 0.3);
+}`;
+    files['tailwind.config.js'] = `/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./index.html",
+    "./src/**/*.{js,ts}"
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}`;
+    files['postcss.config.js'] = `export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}`;
+  } else {
+    files['style.css'] = `body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  min-height: 100vh;
+  background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+#app {
+  text-align: center;
+  padding: 2rem;
+  background: rgba(255, 255, 255, 0.1);
+  backdrop-filter: blur(10px);
+  border-radius: 1rem;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
+  color: white;
+}
+h1 {
+  font-size: 3rem;
+  margin-bottom: 1rem;
+}
+p {
+  font-size: 1.2rem;
+  margin-bottom: 2rem;
+}
+.links {
+  display: flex;
+  gap: 1rem;
+  justify-content: center;
+}
+a {
+  padding: 0.5rem 1rem;
+  background: rgba(255, 255, 255, 0.2);
+  color: white;
+  text-decoration: none;
+  border-radius: 0.5rem;
+  transition: background 0.3s;
+}
+a:hover {
+  background: rgba(255, 255, 255, 0.3);
+}`;
+  }
+  // Package.json
+  const pkg = {
+    name: projectName,
+    version: '0.0.0',
+    type: 'module',
+    scripts: {
+      dev: 'vite',
+      build: 'vite build',
+      preview: 'vite preview'
+    },
+    devDependencies: {
+      vite: `^${versions.vite}`
+    }
+  };
+  if (features.tailwind) {
+    pkg.devDependencies['tailwindcss'] = `^${versions.tailwind}`;
+    pkg.devDependencies['postcss'] = `^${versions.postcss}`;
+    pkg.devDependencies['autoprefixer'] = `^${versions.autoprefixer}`;
+  }
+  files['package.json'] = JSON.stringify(pkg, null, 2);
+  // Write all files
+  for (const [filePath, content] of Object.entries(files)) {
+    const fullPath = path.join(targetDir, filePath);
+    fs.ensureDirSync(path.dirname(fullPath));
+    fs.writeFileSync(fullPath, content);
+  }
+}
+/**
+ * Main function to get Vite template
+ */
+async function getViteTemplate(projectName, framework, features, targetDir) {
+  const ora = require('ora').default;
+  const spinner = ora(`Generating ${framework} template with latest dependencies...`).start();
+  try {
+    // Ensure target directory exists
+    fs.ensureDirSync(targetDir);
+    // Generate template based on framework
+    if (framework === 'react') {
+      await generateReactTemplate(projectName, features, targetDir);
+    } else if (framework === 'vue') {
+      await generateVueTemplate(projectName, features, targetDir);
+    } else if (framework === 'svelte') {
+      await generateSvelteTemplate(projectName, features, targetDir);
+    } else if (framework === 'vanilla') {
+      await generateVanillaTemplate(projectName, features, targetDir);
+    } else {
+      throw new Error(`Unsupported framework: ${framework}`);
+    }
+    // Generate README
+    const readme = `# ${projectName}
+Created with [gotodev](https://npmjs.com/package/gotodev) ⚡
+## Framework: ${framework.toUpperCase()}${features.typescript ? ' + TypeScript' : ''}${features.tailwind ? ' + Tailwind CSS' : ''}
+### Latest Dependencies
+- Vite: ${await getLatestVersion('vite')}
+- Framework: ${framework === 'react' ? 'React 19' : framework === 'vue' ? 'Vue 3' : framework === 'svelte' ? 'Svelte 5' : 'Vanilla JS'}
+- Build tool: Rust + Oxc (10-100x faster)
+### Getting Started
+\`\`\`bash
+npm install
+npm run dev
+\`\`\`
+### Features
+${features.typescript ? '- TypeScript support\n' : ''}${features.tailwind ? '- Tailwind CSS styling\n' : ''}${features.router ? '- Vue Router\n' : ''}${features.pinia ? '- Pinia state management\n' : ''}
+### Why gotodev?
+- ⚡ **Lightning-fast**: Powered by Rust + Oxc
+- 🎨 **Modern**: Latest Vite + framework versions
+- 🔥 **Hot HMR**: Instant updates
+- 🛡️ **Secure**: SSRF and path traversal protection
+Built with gotodev v${require('./package.json').version}`;
+    fs.writeFileSync(path.join(targetDir, 'README.md'), readme);
+    // Generate .gitignore
+    const gitignore = `node_modules/
+dist/
+build/
+*.local
+.env
+.env.local
+.vscode/
+.idea/
+*.log
+.DS_Store
+Thumbs.db
+*.tsbuildinfo
+.pnpm-debug.log*
+.yarn-integrity
+.cache
+.next
+.nuxt
+.storybook-out
+tmp/
+temp/`;
+    fs.writeFileSync(path.join(targetDir, '.gitignore'), gitignore);
+    spinner.succeed(`✅ Created ${framework} project with latest dependencies!`);
+  } catch (error) {
+    spinner.fail(`❌ Failed to create template: ${error.message}`);
+    throw error;
+  }
+}
+module.exports = { getViteTemplate };