create-vista-app 0.3.5 → 0.3.6

package/bin/cli.js

@@ -50,7 +50,6 @@ const rawArgs = process.argv.slice(2);
 const useTypedApiStarter = rawArgs.includes('--typed-api') || rawArgs.includes('--typed');
 const skipInstall = rawArgs.includes('--skip-install');
 const skipGit = rawArgs.includes('--no-git');
-const includeDeployTemplates = !rawArgs.includes('--no-deploy-templates');
 const assumeYes = rawArgs.includes('--yes') || rawArgs.includes('-y');
 const canPrompt = !!(process.stdin.isTTY && process.stdout.isTTY);
 const detectedPackageManager = detectPackageManager();
@@ -80,7 +79,7 @@ const explicitSrcDir =
 if (process.argv.includes('--help') || process.argv.includes('-h')) {
   console.log(`
 Usage:
-  ${usageCommand} [--typed-api] [--skip-install] [--no-git] [--yes] [--no-deploy-templates] [--engine <default|flashpack>] [--flashpack] [--default-engine] [--src-dir|--no-src-dir] [--package-manager <npm|pnpm|yarn|bun>] [--npm|--pnpm|--yarn|--bun]
+  ${usageCommand} [--typed-api] [--skip-install] [--no-git] [--yes] [--engine <default|flashpack>] [--flashpack] [--default-engine] [--src-dir|--no-src-dir] [--package-manager <npm|pnpm|yarn|bun>] [--npm|--pnpm|--yarn|--bun]
 
 Example:
   npx create-vista-app@latest my-vista-app
@@ -264,14 +263,16 @@ function getCreateCommand(packageManager) {
   return 'npx create-vista-app@latest';
 }
 
-function copyRecursiveSync(src, dest) {
+function copyRecursiveSync(src, dest, options = {}) {
+  const skipNames = options.skipNames || new Set();
   const exists = fs.existsSync(src);
   const stats = exists && fs.statSync(src);
   const isDirectory = exists && stats.isDirectory();
   if (isDirectory) {
     fs.mkdirSync(dest, { recursive: true });
     fs.readdirSync(src).forEach((childItemName) => {
-      copyRecursiveSync(path.join(src, childItemName), path.join(dest, childItemName));
+      if (skipNames.has(childItemName)) return;
+      copyRecursiveSync(path.join(src, childItemName), path.join(dest, childItemName), options);
     });
   } else {
     fs.copyFileSync(src, dest);
@@ -330,7 +331,7 @@ function applyReadmeSelections(projectDir, selectedEngine, useTypedApi, useSrcDi
       .replace(/`app\/agents\//g, '`src/app/agents/')
       .replace(
         /```\napp\/\n├── root\.tsx[\s\S]*?vista\.config\.ts\n```/,
-        '```\nsrc/\n├── app/\n│   ├── root.tsx        # Root layout\n│   ├── index.tsx       # Home → /\n│   ├── globals.css\n│   └── about/page.tsx  # → /about\n└── components/\npublic/\nvista.config.ts\n```'
+        '```\nsrc/\n├── app/\n│   ├── root.tsx        # Root layout\n│   ├── index.tsx       # Home → /\n│   ├── globals.css\n│   └── about/page.tsx  # → /about\npublic/\nvista.config.ts\n```'
       );
   }
 
@@ -394,24 +395,6 @@ function applySrcDirectoryLayout(projectDir) {
   }
 }
 
-function applyDeployTemplates(projectDir, options = {}) {
-  const deployTemplateDir = path.join(__dirname, '../template/deploy');
-  if (!fs.existsSync(deployTemplateDir)) return;
-
-  const includeAll = Boolean(options.all);
-  const defaultFiles = ['render.yaml', 'Dockerfile', '.dockerignore'];
-  const optionalFiles = ['wrangler.toml', 'netlify.toml', 'vercel.json'];
-  const filesToCopy = includeAll ? [...defaultFiles, ...optionalFiles] : defaultFiles;
-
-  for (const fileName of filesToCopy) {
-    const source = path.join(deployTemplateDir, fileName);
-    const target = path.join(projectDir, fileName);
-    if (fs.existsSync(source) && !fs.existsSync(target)) {
-      fs.copyFileSync(source, target);
-    }
-  }
-}
-
 async function main() {
   const useLocal = rawArgs.includes('--local');
   const currentDir = process.cwd();
@@ -444,7 +427,7 @@ async function main() {
 
   // 2. Copy Template
   const templateDir = path.join(__dirname, '../template');
-  copyRecursiveSync(templateDir, projectDir);
+  copyRecursiveSync(templateDir, projectDir, { skipNames: new Set(['deploy', 'components']) });
 
   if (useTypedApiStarter) {
     const typedTemplateDir = path.join(__dirname, '../template-typed');
@@ -457,14 +440,10 @@ async function main() {
   if (selectedEngine === 'flashpack') {
     applyFlashpackStarterTheme(projectDir);
   }
-  if (includeDeployTemplates) {
-    applyDeployTemplates(projectDir, { all: rawArgs.includes('--deploy-templates-all') });
-    console.log('Added deployment templates (render.yaml, Dockerfile).');
-  }
 
   if (useSrcDir) {
     applySrcDirectoryLayout(projectDir);
-    console.log('Using src/ directory layout (src/app, src/components).');
+    console.log('Using src/ directory layout (src/app).');
   }
 
   console.log('Scaffolding complete.');
@@ -484,8 +463,7 @@ async function main() {
       react: '^19.0.0',
       'react-dom': '^19.0.0',
       'react-server-dom-webpack': '^19.0.0',
-      vista: useLocal ? 'file:../packages/vista' : 'npm:@vistagenic/vista@0.3.5',
-      'lucide-react': '^0.468.0',
+      vista: useLocal ? 'file:../packages/vista' : 'npm:@vistagenic/vista@0.3.6',
       // CSS build (needed in production for vista build)
       postcss: '^8.0.0',
       tailwindcss: '^4.0.0',

package/bin/flash-template/app/index.tsx

@@ -1,5 +1,5 @@
 import Image from 'vista/image';
-import { ThemeToggle } from '../components/theme-toggle';
+import { ThemeToggle } from 'vista/theme';
 
 export default function Index() {
   return (

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-vista-app",
-  "version": "0.3.5",
+  "version": "0.3.6",
   "description": "Create Vista applications with one command",
   "bin": {
     "create-vista-app": "./bin/cli.js"

package/template/README.md

@@ -30,7 +30,6 @@ app/
 ├── index.tsx       # Home → /
 ├── globals.css
 └── about/page.tsx  # → /about
-components/
 public/
 vista.config.ts
 ```

package/template/app/index.tsx

@@ -1,5 +1,5 @@
 import Image from 'vista/image';
-import { ThemeToggle } from '../components/theme-toggle';
+import { ThemeToggle } from 'vista/theme';
 
 export default function Index() {
   return (

package/template/components/theme-toggle.tsx

@@ -1,49 +0,0 @@
-'use client';
-
-import { Laptop2, MoonStar, SunMedium } from 'lucide-react';
-import { useTheme, type ThemeMode } from 'vista/theme';
-
-const OPTIONS: Array<{
-  value: ThemeMode;
-  label: string;
-  icon: typeof Laptop2;
-}> = [
-  { value: 'system', label: 'System', icon: Laptop2 },
-  { value: 'light', label: 'Light', icon: SunMedium },
-  { value: 'dark', label: 'Dark', icon: MoonStar },
-];
-
-interface ThemeToggleProps {
-  compact?: boolean;
-}
-
-export function ThemeToggle({ compact = false }: ThemeToggleProps) {
-  const { mounted, theme, setTheme } = useTheme();
-
-  return (
-    <div className="inline-flex items-center gap-1 rounded-full border border-border/80 bg-panel-elevated/90 p-1 shadow-[0_10px_30px_rgba(15,23,42,0.08)] backdrop-blur">
-      {OPTIONS.map((option) => {
-        const Icon = option.icon;
-        const isActive = theme === option.value;
-
-        return (
-          <button
-            key={option.value}
-            type="button"
-            onClick={() => setTheme(option.value)}
-            className={`inline-flex items-center justify-center gap-2 rounded-full px-3 py-2 text-xs font-medium transition-colors ${
-              isActive
-                ? 'bg-foreground text-background'
-                : 'text-muted-foreground hover:bg-background/80 hover:text-foreground'
-            } ${compact ? 'px-2.5' : ''}`}
-            aria-pressed={isActive}
-            title={mounted ? option.label : undefined}
-          >
-            <Icon className="h-3.5 w-3.5" />
-            {!compact ? <span>{option.label}</span> : null}
-          </button>
-        );
-      })}
-    </div>
-  );
-}

package/template/deploy/.dockerignore

@@ -1,10 +0,0 @@
-node_modules
-.git
-.vista/cache
-.flash
-.next
-.vercel
-dist
-coverage
-*.log
-.env*

package/template/deploy/Dockerfile

@@ -1,18 +0,0 @@
-# syntax=docker/dockerfile:1
-
-FROM node:20-alpine AS builder
-WORKDIR /app
-COPY package.json package-lock.json* pnpm-lock.yaml* yarn.lock* ./
-RUN npm install --no-audit --no-fund
-COPY . .
-RUN npm run build
-
-FROM node:20-alpine AS runner
-WORKDIR /app
-ENV NODE_ENV=production
-ENV PORT=3003
-COPY --from=builder /app/package.json ./package.json
-COPY --from=builder /app/node_modules ./node_modules
-COPY --from=builder /app/.vista ./.vista
-EXPOSE 3003
-CMD ["node", ".vista/standalone/server.js"]

package/template/deploy/netlify.toml

@@ -1,22 +0,0 @@
-[build]
-  command = "npm run build"
-  publish = ".vista/deploy/netlify"
-  functions = "netlify/functions"
-
-[functions]
-  node_bundler = "none"
-  included_files = ["netlify/functions/.vista/**", "netlify/functions/node_modules/**"]
-
-[dev]
-  command = "npm run dev"
-  port = 3003
-
-[[redirects]]
-  from = "/_vista/*"
-  to = "/_vista/:splat"
-  status = 200
-
-[[redirects]]
-  from = "/*"
-  to = "/.netlify/functions/ssr"
-  status = 200

package/template/deploy/render.yaml

@@ -1,16 +0,0 @@
-services:
-  - type: web
-    name: my-vista-app
-    runtime: node
-    region: oregon
-    plan: free
-    buildCommand: |
-      npm install --no-audit --no-fund
-      npm run build
-    startCommand: npm run start
-    envVars:
-      - key: NODE_ENV
-        value: production
-      - key: PORT
-        value: "3003"
-    healthCheckPath: /

package/template/deploy/vercel.json

@@ -1,7 +0,0 @@
-{
-  "version": 2,
-  "buildCommand": "npm run build",
-  "installCommand": "npm install --legacy-peer-deps --no-audit --no-fund",
-  "framework": null,
-  "devCommand": "npm run dev"
-}

package/template/deploy/wrangler.toml

@@ -1,19 +0,0 @@
-name = "my-vista-app"
-compatibility_date = "2026-09-20"
-main = ".vista/deploy/cloudflare/worker.js"
-
-[vars]
-VISTA_RUNTIME = "standalone"
-
-[[containers]]
-class_name = "VistaSSR"
-image = "./Dockerfile"
-max_instances = 4
-
-[[durable_objects.bindings]]
-name = "VISTA_SSR"
-class_name = "VistaSSR"
-
-[[migrations]]
-tag = "v1"
-new_sqlite_classes = ["VistaSSR"]