create-swift-rust 0.4.0 → 0.7.0

package/dist/index.js

@@ -1,8 +1,54 @@
 #!/usr/bin/env node
-import { mkdir, stat, writeFile } from "node:fs/promises";
-import { basename, join, resolve } from "node:path";
+import { existsSync } from "node:fs";
+import { cp, mkdir, readFile, rename, stat, writeFile } from "node:fs/promises";
+import { basename, dirname, join, resolve } from "node:path";
+import { fileURLToPath } from "node:url";
 import * as p from "@clack/prompts";
 import pc from "picocolors";
+/** Locate the bundled template dir, both from src/ (dev) and dist/ (published). */
+function templateDir() {
+    const here = dirname(fileURLToPath(import.meta.url));
+    for (const candidate of [
+        resolve(here, "..", "templates", "default"),
+        resolve(here, "templates", "default"),
+    ]) {
+        if (existsSync(candidate))
+            return candidate;
+    }
+    return resolve(here, "..", "templates", "default");
+}
+/**
+ * Copy the full-demo template into `target`, restoring underscore-prefixed
+ * dotfiles and substituting the project name placeholder.
+ */
+async function copyTemplate(target, projectName) {
+    const src = templateDir();
+    if (!existsSync(src)) {
+        throw new Error(`Template not found at ${src}. Run \`node scripts/sync-template.mjs\` before publishing.`);
+    }
+    await mkdir(target, { recursive: true });
+    await cp(src, target, { recursive: true });
+    // Restore real dotfile names (npm mangles dotfiles inside packages).
+    const dotfiles = [
+        ["_gitignore", ".gitignore"],
+        ["_env.example", ".env.example"],
+        ["_env.local", ".env.local"],
+    ];
+    for (const [from, to] of dotfiles) {
+        const fromPath = join(target, from);
+        if (existsSync(fromPath))
+            await rename(fromPath, join(target, to));
+    }
+    // Substitute the project name in package.json + README.
+    const displayName = projectName === "." ? basename(resolve(target)) : projectName;
+    for (const file of ["package.json", "README.md"]) {
+        const path = join(target, file);
+        if (!existsSync(path))
+            continue;
+        const contents = await readFile(path, "utf8");
+        await writeFile(path, contents.split("__PROJECT_NAME__").join(displayName));
+    }
+}
 async function pathExists(path) {
     try {
         await stat(path);
@@ -27,31 +73,16 @@ function normalizeProjectName(name) {
         return ".";
     return t.replace(/\/+$/, "");
 }
-function isValidAlias(alias) {
-    return /^[a-zA-Z@][a-zA-Z0-9_/*-]*$/.test(alias);
-}
 const HELP = `
 ${pc.bold("create-swift-rust")} - scaffold a new swift-rust project
 
 ${pc.bold("Usage")}
   ${pc.cyan("bun create swift-rust@latest")} [project-name] [options]
 
+Scaffolds the full-demo starter: blog, dashboard, API routes, and the
+Image / PDF / Video / Font components — TypeScript, Tailwind, Biome, src/app.
+
 ${pc.bold("Options")}
-  ${pc.yellow("--ts, --typescript")}      Use TypeScript (default)
-  ${pc.yellow("--js, --javascript")}      Use JavaScript
-  ${pc.yellow("--tailwind")}              Install Tailwind CSS
-  ${pc.yellow("--no-tailwind")}           Skip Tailwind CSS
-  ${pc.yellow("--shadcn")}                Install shadcn-style UI components (default)
-  ${pc.yellow("--no-shadcn")}             Skip shadcn UI components
-  ${pc.yellow("--src-dir")}               Use src/ under app/ (default)
-  ${pc.yellow("--no-src-dir")}            Use top-level app/
-  ${pc.yellow("--biome")}                 Use Biome for linting (default)
-  ${pc.yellow("--eslint")}                Use ESLint for linting
-  ${pc.yellow("--import-alias <prefix>")} Set import alias (default "@/*")
-  ${pc.yellow("--ssr")}                   Server-side rendering
-  ${pc.yellow("--ssr-wasm")}              SSR with WASM hydration (default)
-  ${pc.yellow("--ssr-htmx")}              SSR with HTMX
-  ${pc.yellow("--wasm")}                  Full WASM SPA
   ${pc.yellow("--install")}               Run bun install after scaffolding
   ${pc.yellow("--no-install")}            Skip bun install (default)
   ${pc.yellow("--yes, -y")}               Skip prompts, use defaults
@@ -59,8 +90,8 @@ ${pc.bold("Options")}
 
 ${pc.bold("Examples")}
   ${pc.cyan("bun create swift-rust@latest")}
-  ${pc.cyan("bun create swift-rust@latest my-app --ts --tailwind --src-dir")}
-  ${pc.cyan("bun create swift-rust@latest ./ --tailwind --eslint")}
+  ${pc.cyan("bun create swift-rust@latest my-app --install")}
+  ${pc.cyan("bun create swift-rust@latest ./")}
 `;
 function parseFlags(args) {
     const flags = {};
@@ -113,24 +144,6 @@ function parseFlags(args) {
     }
     return flags;
 }
-const RENDERER_OPTIONS = [
-    {
-        value: "ssr-wasm",
-        label: "SSR + WASM hydration",
-        hint: "Default. Server-rendered HTML, WASM-hydrated interactive islands.",
-    },
-    { value: "ssr", label: "SSR only", hint: "Server-rendered HTML, no client JavaScript at all." },
-    {
-        value: "ssr-htmx",
-        label: "SSR + HTMX",
-        hint: "Progressive enhancement with HTMX-style interactions.",
-    },
-    {
-        value: "wasm",
-        label: "Full WASM SPA",
-        hint: "Single-page app compiled entirely to WebAssembly.",
-    },
-];
 async function askQuestions(flags, positional) {
     const yesMode = flags.yes === true;
     const projectName = positional ??
@@ -144,7 +157,7 @@ async function askQuestions(flags, positional) {
                     if (!v)
                         return "Project name is required";
                     if (!isCurrentDir(v) && !isValidName(normalizeProjectName(v)))
-                        return "Invalid name. Use letters, numbers, dashes, and underscores — or \".\" for the current directory.";
+                        return 'Invalid name. Use letters, numbers, dashes, and underscores — or "." for the current directory.';
                     return undefined;
                 },
             }));
@@ -152,130 +165,8 @@ async function askQuestions(flags, positional) {
         p.cancel("Aborted.");
         return null;
     }
-    let languageAnswer;
-    if (flags.language) {
-        languageAnswer = flags.language;
-    }
-    else if (yesMode) {
-        languageAnswer = "ts";
-    }
-    else {
-        const languageOptions = [
-            { value: "ts", label: "TypeScript", hint: "Type-safe, recommended" },
-            { value: "js", label: "JavaScript", hint: "No type checking" },
-        ];
-        const result = await p.select({
-            message: "Which language would you like to use?",
-            options: languageOptions,
-            initialValue: "ts",
-        });
-        languageAnswer = result;
-    }
-    if (p.isCancel(languageAnswer)) {
-        p.cancel("Aborted.");
-        return null;
-    }
-    const language = languageAnswer;
-    let renderer = flags.renderer ?? "ssr-wasm";
-    if (!flags.renderer && !yesMode) {
-        const r = (await p.select({
-            message: "Which rendering mode do you want?",
-            options: RENDERER_OPTIONS,
-            initialValue: "ssr-wasm",
-        }));
-        if (p.isCancel(r)) {
-            p.cancel("Aborted.");
-            return null;
-        }
-        renderer = r;
-    }
-    let linterAnswer;
-    if (flags.linter) {
-        linterAnswer = flags.linter;
-    }
-    else if (yesMode) {
-        linterAnswer = "biome";
-    }
-    else {
-        const linterOptions = [
-            { value: "biome", label: "Biome", hint: "Fast Rust-based all-in-one tool (recommended)" },
-            { value: "eslint", label: "ESLint", hint: "The classic, more configurable" },
-        ];
-        const result = await p.select({
-            message: "Which linter would you like to use?",
-            options: linterOptions,
-            initialValue: "biome",
-        });
-        linterAnswer = result;
-    }
-    if (p.isCancel(linterAnswer)) {
-        p.cancel("Aborted.");
-        return null;
-    }
-    const linter = linterAnswer;
-    const tailwindAnswer = typeof flags.tailwind === "boolean"
-        ? flags.tailwind
-        : yesMode
-            ? false
-            : ((await p.confirm({
-                message: "Would you like to use Tailwind CSS?",
-                initialValue: true,
-            })) ?? false);
-    if (p.isCancel(tailwindAnswer)) {
-        p.cancel("Aborted.");
-        return null;
-    }
-    const tailwind = tailwindAnswer === true;
-    const useShadcnAnswer = typeof flags.useShadcn === "boolean"
-        ? flags.useShadcn
-        : yesMode
-            ? true
-            : ((await p.confirm({
-                message: "Would you like to use shadcn-style UI components?",
-                initialValue: true,
-            })) ?? false);
-    if (p.isCancel(useShadcnAnswer)) {
-        p.cancel("Aborted.");
-        return null;
-    }
-    const useShadcn = useShadcnAnswer === true;
-    const srcDirAnswer = typeof flags.srcDir === "boolean"
-        ? flags.srcDir
-        : yesMode
-            ? true
-            : ((await p.confirm({
-                message: "Would you like to use a `src/` directory for your app code?",
-                initialValue: true,
-            })) ?? true);
-    if (p.isCancel(srcDirAnswer)) {
-        p.cancel("Aborted.");
-        return null;
-    }
-    const srcDir = srcDirAnswer === true;
-    const importAliasAnswer = flags.importAlias ??
-        (yesMode
-            ? "@/*"
-            : (await p.text({
-                message: "Would you like to customize the import alias?",
-                placeholder: "@/*",
-                defaultValue: "@/*",
-                validate: (v) => {
-                    if (!v)
-                        return "Import alias is required";
-                    if (!isValidAlias(v))
-                        return "Invalid alias. Use letters, numbers, @, /, *, -, _.";
-                    return undefined;
-                },
-            })));
-    if (p.isCancel(importAliasAnswer)) {
-        p.cancel("Aborted.");
-        return null;
-    }
-    const importAlias = importAliasAnswer;
-    if (!importAlias) {
-        p.cancel("Aborted.");
-        return null;
-    }
+    // The scaffold is the full-demo template (TypeScript + src/ + Tailwind +
+    // Biome). The only remaining choice is whether to install dependencies.
     const installAnswer = typeof flags.install === "boolean"
         ? flags.install
         : yesMode
@@ -288,763 +179,24 @@ async function askQuestions(flags, positional) {
         p.cancel("Aborted.");
         return null;
     }
-    const install = installAnswer === true;
     return {
         projectName: normalizeProjectName(String(projectName)),
-        language,
-        renderer,
-        linter,
-        tailwind,
-        srcDir,
-        importAlias,
-        useShadcn,
-        install,
-    };
-}
-async function writeProjectFiles(target, answers) {
-    const { projectName: rawName, language, renderer, linter, tailwind, srcDir, importAlias, useShadcn } = answers;
-    // When scaffolding into the current directory ("."), name the package after
-    // the directory itself (like create-next-app), since "." is not a valid name.
-    const projectName = rawName === "." ? basename(resolve(target)) : rawName;
-    const appDir = join(target, srcDir ? "app/src" : "app");
-    const componentsDir = join(target, "components");
-    const libDir = join(target, "lib");
-    const uiDir = join(componentsDir, "ui");
-    await mkdir(target, { recursive: true });
-    await mkdir(appDir, { recursive: true });
-    await mkdir(componentsDir, { recursive: true });
-    await mkdir(libDir, { recursive: true });
-    await mkdir(join(target, "public"), { recursive: true });
-    if (useShadcn) {
-        await mkdir(uiDir, { recursive: true });
-    }
-    const fileExt = (lang) => (lang === "ts" ? "ts" : "js");
-    const componentExt = (lang) => (lang === "ts" ? "tsx" : "jsx");
-    const pkg = {
-        name: projectName,
-        version: "0.1.0",
-        private: true,
-        type: "module",
-        scripts: {
-            dev: "swift-rust dev",
-            build: "swift-rust build",
-            start: "swift-rust start",
-            lint: linter === "biome" ? "biome check ." : "eslint .",
-            test: "bun test",
-            ...(language === "ts" ? { typecheck: "tsc --noEmit" } : {}),
-            format: linter === "biome" ? "biome format --write ." : "prettier --write .",
-        },
-        dependencies: {
-            "swift-rust": "^1.0.0",
-            react: "^19.0.0",
-            "react-dom": "^19.0.0",
-            ...(useShadcn
-                ? {
-                    clsx: "^2.1.1",
-                    "tailwind-merge": "^2.5.5",
-                    "class-variance-authority": "^0.7.1",
-                    "lucide-react": "^0.460.0",
-                    "tw-animate-css": "^1.0.0",
-                }
-                : {}),
-        },
-        devDependencies: {
-            ...(language === "ts"
-                ? { typescript: "^6.0.0", "@types/react": "^19.0.0", "@types/react-dom": "^19.0.0" }
-                : {}),
-            ...(linter === "biome" ? { "@biomejs/biome": "^1.9.0" } : { eslint: "^9.0.0" }),
-            ...(tailwind
-                ? { tailwindcss: "^4.0.0", "@tailwindcss/postcss": "^4.0.0", postcss: "^8.4.0" }
-                : {}),
-            ...(useShadcn ? { shadcn: "^4.0.0" } : {}),
-        },
-    };
-    await writeFile(join(target, "package.json"), `${JSON.stringify(pkg, null, 2)}\n`);
-    const config = {
-        rendering: renderer,
-        image: { domains: [], formats: ["image/avif", "image/webp"] },
-        font: { subsets: ["latin"], display: "swap" },
-        pdf: { defaultPageSize: "A4" },
-    };
-    await writeFile(join(target, "swift-rust.config.json"), `${JSON.stringify(config, null, 2)}\n`);
-    if (language === "ts") {
-        const tsconfig = {
-            extends: "swift-rust/tsconfig.base.json",
-            compilerOptions: {
-                jsx: "preserve",
-                baseUrl: ".",
-                paths: { [importAlias]: ["./*"] },
-            },
-            include: [
-                srcDir ? "app/src/**/*" : "app/**/*",
-                "components/**/*",
-                "lib/**/*",
-                "globals.d.ts",
-                ".swift-rust/types/**/*",
-            ],
-            exclude: ["node_modules", "dist", ".swift-rust", ".turbo"],
-        };
-        await writeFile(join(target, "tsconfig.json"), `${JSON.stringify(tsconfig, null, 2)}\n`);
-    }
-    else {
-        const jsconfig = {
-            compilerOptions: {
-                baseUrl: ".",
-                paths: { [importAlias]: ["./*"] },
-            },
-            include: [srcDir ? "app/src/**/*" : "app/**/*", "components/**/*", "lib/**/*"],
-        };
-        await writeFile(join(target, "jsconfig.json"), `${JSON.stringify(jsconfig, null, 2)}\n`);
-    }
-    const gitignore = [
-        "node_modules/",
-        ".swift-rust/",
-        ".vercel/",
-        "dist/",
-        ".turbo/",
-        "target/",
-        "*.log",
-        ".DS_Store",
-        "",
-        "# env files — ignore everything except the example",
-        ".env",
-        ".env.*",
-        "!.env.example",
-    ].join("\n");
-    await writeFile(join(target, ".gitignore"), `${gitignore}\n`);
-    const vercelConfig = {
-        $schema: "https://openapi.vercel.sh/vercel.json",
-        buildCommand: "bun run build",
-        installCommand: "bun install --frozen-lockfile",
-        outputDirectory: ".vercel/output",
-        framework: null,
-        trailingSlash: false,
-        cleanUrls: true,
-        headers: [
-            {
-                source: "/_swift-rust/static/(.*)",
-                headers: [
-                    { key: "Cache-Control", value: "public, max-age=31536000, immutable" },
-                ],
-            },
-            {
-                source: "/fonts/(.*)",
-                headers: [
-                    { key: "Cache-Control", value: "public, max-age=31536000, immutable" },
-                ],
-            },
-        ],
+        language: "ts",
+        renderer: "ssr-wasm",
+        linter: "biome",
+        tailwind: true,
+        srcDir: true,
+        importAlias: "@/*",
+        useShadcn: false,
+        install: installAnswer === true,
     };
-    await writeFile(join(target, "vercel.json"), `${JSON.stringify(vercelConfig, null, 2)}\n`);
-    if (tailwind) {
-        const postcss = `const config = {
-  plugins: {
-    "@tailwindcss/postcss": {},
-  },
-};
-
-export default config;
-`;
-        await writeFile(join(target, "postcss.config.mjs"), postcss);
-        const shadcnVars = useShadcn
-            ? `
-
-/* shadcn design tokens (https://ui.shadcn.com/docs/theming) */
-:root {
-  --ui-bg: #ffffff;
-  --ui-fg: #09090b;
-  --ui-card: #ffffff;
-  --ui-card-fg: #09090b;
-  --ui-popover: #ffffff;
-  --ui-popover-fg: #09090b;
-  --ui-primary: #18181b;
-  --ui-primary-fg: #fafafa;
-  --ui-secondary: #f4f4f5;
-  --ui-secondary-fg: #18181b;
-  --ui-muted: #f4f4f5;
-  --ui-muted-fg: #71717a;
-  --ui-accent: #f4f4f5;
-  --ui-accent-fg: #18181b;
-  --ui-destructive: #ef4444;
-  --ui-destructive-fg: #fafafa;
-  --ui-border: #e4e4e7;
-  --ui-input: #e4e4e7;
-  --ui-ring: #18181b;
-  --ui-radius: 0.5rem;
-}
-
-.dark {
-  --ui-bg: #09090b;
-  --ui-fg: #fafafa;
-  --ui-card: #09090b;
-  --ui-card-fg: #fafafa;
-  --ui-popover: #09090b;
-  --ui-popover-fg: #fafafa;
-  --ui-primary: #fafafa;
-  --ui-primary-fg: #18181b;
-  --ui-secondary: #27272a;
-  --ui-secondary-fg: #fafafa;
-  --ui-muted: #27272a;
-  --ui-muted-fg: #a1a1aa;
-  --ui-accent: #27272a;
-  --ui-accent-fg: #fafafa;
-  --ui-destructive: #7f1d1d;
-  --ui-destructive-fg: #fafafa;
-  --ui-border: #27272a;
-  --ui-input: #27272a;
-  --ui-ring: #d4d4d8;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root:not(.light) {
-    --ui-bg: #09090b;
-    --ui-fg: #fafafa;
-    --ui-card: #09090b;
-    --ui-card-fg: #fafafa;
-    --ui-popover: #09090b;
-    --ui-popover-fg: #fafafa;
-    --ui-primary: #fafafa;
-    --ui-primary-fg: #18181b;
-    --ui-secondary: #27272a;
-    --ui-secondary-fg: #fafafa;
-    --ui-muted: #27272a;
-    --ui-muted-fg: #a1a1aa;
-    --ui-accent: #27272a;
-    --ui-accent-fg: #fafafa;
-    --ui-destructive: #7f1d1d;
-    --ui-destructive-fg: #fafafa;
-    --ui-border: #27272a;
-    --ui-input: #27272a;
-    --ui-ring: #d4d4d8;
-  }
-}
-
-@theme inline {
-  --color-background: var(--ui-bg);
-  --color-foreground: var(--ui-fg);
-  --color-card: var(--ui-card);
-  --color-card-foreground: var(--ui-card-fg);
-  --color-popover: var(--ui-popover);
-  --color-popover-foreground: var(--ui-popover-fg);
-  --color-primary: var(--ui-primary);
-  --color-primary-foreground: var(--ui-primary-fg);
-  --color-secondary: var(--ui-secondary);
-  --color-secondary-foreground: var(--ui-secondary-fg);
-  --color-muted: var(--ui-muted);
-  --color-muted-foreground: var(--ui-muted-fg);
-  --color-accent: var(--ui-accent);
-  --color-accent-foreground: var(--ui-accent-fg);
-  --color-destructive: var(--ui-destructive);
-  --color-destructive-foreground: var(--ui-destructive-fg);
-  --color-border: var(--ui-border);
-  --color-input: var(--ui-input);
-  --color-ring: var(--ui-ring);
-  --radius: var(--ui-radius);
-}
-`
-            : "";
-        const css = `@import "tailwindcss";
-${useShadcn ? '@import "tw-animate-css";' : ""}
-
-@theme {
-  --color-bg: #ffffff;
-  --color-fg: #09090b;
-  --color-accent: ${useShadcn ? "#f97316" : "#0070f3"};
-  --font-sans: var(--font-geist-sans), system-ui, sans-serif;
-  --font-mono: var(--font-geist-mono), ui-monospace, monospace;
-}
-
-@variant dark (&:where(.dark, .dark *));
-
-@media (prefers-color-scheme: dark) {
-  :root:not(.light) {
-    --color-bg: #09090b;
-    --color-fg: #fafafa;
-  }
-}
-
-body {
-  background: var(--color-bg);
-  color: var(--color-fg);
-  font-family: var(--font-sans);
-}
-${shadcnVars}`;
-        await writeFile(join(appDir, `globals.${fileExt(language)}`), language === "ts" ? `import "./globals.css";\n` : `import "./globals.css";\n`);
-        await writeFile(join(appDir, "globals.css"), css);
-    }
-    const layoutImports = `import type { ReactNode } from "react";
-import { Geist, Geist_Mono } from "swift-rust/font/google";
-${tailwind ? `import "./globals.css";\n` : ""}
-const geistSans = Geist({ subsets: ["latin"], display: "swap", variable: true });
-const geistMono = Geist_Mono({ subsets: ["latin"], display: "swap", variable: true });
-
-export const metadata = {
-  title: {
-    template: "%s | ${projectName}",
-    default: "${projectName}",
-  },
-  description: "Built with swift-rust — the React framework powered with Rust + Bun. 10x faster than Next.js.",
-};
-
-export default function RootLayout({ children }: { children: ReactNode }) {
-  return (
-    <html
-      lang="en"
-      className={\`\${geistSans.variable} \${geistMono.variable} h-full antialiased\`}
-    >
-      <head>
-        <link rel="preconnect" href="https://fonts.googleapis.com" />
-        <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
-      </head>
-      <body className="${tailwind ? "min-h-full flex flex-col" : ""}">${tailwind ? "{children}" : "\\n        {children}\\n      "}</body>
-    </html>
-  );
-}
-`;
-    await writeFile(join(appDir, `layout.${componentExt(language)}`), layoutImports);
-    const homePage = tailwind
-        ? useShadcn
-            ? `import { buttonVariants } from "@/components/ui/button";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
-import { Badge } from "@/components/ui/badge";
-
-export default function Home() {
-  return (
-    <main className="min-h-screen flex items-center justify-center px-6 py-12">
-      <Card className="max-w-2xl w-full">
-        <CardHeader>
-          <Badge variant="secondary" className="w-fit mb-2">Welcome</Badge>
-          <CardTitle className="text-3xl sm:text-5xl">${projectName}</CardTitle>
-          <CardDescription>
-            Get started by editing <code>${srcDir ? "app/src/" : "app/"}page.${componentExt(language)}</code>.
-          </CardDescription>
-        </CardHeader>
-        <CardContent className="flex gap-2">
-          <a
-            href="https://swift-rust.dev/docs"
-            className={buttonVariants({ variant: "default" })}
-          >
-            Read the docs →
-          </a>
-          <a
-            href="https://github.com/swift-rust/swift-rust"
-            className={buttonVariants({ variant: "outline" })}
-          >
-            GitHub
-          </a>
-        </CardContent>
-      </Card>
-    </main>
-  );
-}
-`
-            : `export default function Home() {
-  return (
-    <main className="min-h-screen flex items-center justify-center px-6">
-      <div className="max-w-2xl text-center">
-        <div className="inline-block mb-4 px-3 py-1 text-xs font-medium rounded-full bg-accent/10 text-accent">
-          Welcome
-        </div>
-        <h1 className="text-5xl sm:text-7xl font-bold tracking-tight mb-6">
-          ${projectName}
-        </h1>
-        <p className="text-lg text-fg-secondary mb-8">
-          Get started by editing <code>${srcDir ? "app/src/" : "app/"}page.${componentExt(language)}</code>.
-        </p>
-        <a
-          href="https://swift-rust.dev/docs"
-          className="inline-flex items-center gap-2 px-5 py-2.5 rounded-lg bg-fg text-bg font-medium text-sm hover:opacity-90 transition-opacity"
-        >
-          Read the docs →
-        </a>
-      </div>
-    </main>
-  );
-}
-`
-        : `export default function Home() {
-  return (
-    <main style={{ minHeight: "100vh", display: "flex", alignItems: "center", justifyContent: "center", padding: "2rem" }}>
-      <div style={{ maxWidth: "32rem", textAlign: "center" }}>
-        <h1>${projectName}</h1>
-        <p>Get started by editing <code>${srcDir ? "app/src/" : "app/"}page.${componentExt(language)}</code>.</p>
-        <a href="https://swift-rust.dev/docs">Read the docs →</a>
-      </div>
-    </main>
-  );
-}
-`;
-    await writeFile(join(appDir, `page.${componentExt(language)}`), homePage);
-    const notFoundPage = tailwind
-        ? `export const metadata = { title: "Not found" };
-
-export default function NotFound() {
-  return (
-    <main className="min-h-screen flex items-center justify-center px-6">
-      <div className="text-center">
-        <h1 className="text-6xl font-bold mb-4">404</h1>
-        <p className="text-fg-secondary">Page not found</p>
-        <a href="/" className="text-accent mt-6 inline-block">← Go home</a>
-      </div>
-    </main>
-  );
-}
-`
-        : `export default function NotFound() {
-  return (
-    <main>
-      <h1>404</h1>
-      <p>Page not found</p>
-      <a href="/">← Go home</a>
-    </main>
-  );
-}
-`;
-    await writeFile(join(appDir, `not-found.${componentExt(language)}`), notFoundPage);
-    if (linter === "biome") {
-        const biome = {
-            $schema: "https://biomejs.dev/schemas/1.9.0/schema.json",
-            vcs: { enabled: true, clientKind: "git", useIgnoreFile: true },
-            files: { ignore: [".swift-rust", "node_modules", "dist", ".turbo"] },
-            formatter: { enabled: true, indentStyle: "space", indentWidth: 2 },
-            organizeImports: { enabled: true },
-            linter: {
-                enabled: true,
-                rules: { recommended: true, a11y: { noSvgWithoutTitle: "off" } },
-            },
-            javascript: { formatter: { quoteStyle: "double", semicolons: "always" } },
-        };
-        await writeFile(join(target, "biome.json"), `${JSON.stringify(biome, null, 2)}\n`);
-    }
-    else {
-        const eslint = `import swiftRust from "eslint-config-swift-rust";
-
-export default [
-  ...swiftRust,
-  {
-    ignores: [".swift-rust/**", "node_modules/**", "dist/**", ".turbo/**"],
-  },
-];
-`;
-        await writeFile(join(target, "eslint.config.mjs"), eslint);
-    }
-    const readme = `# ${projectName}
-
-Built with [swift-rust](https://swift-rust.dev) — the React framework powered with Rust + Bun. 10x faster than Next.js.
-
-## Scripts
-
-- \`bun run dev\` — start the dev server
-- \`bun run build\` — build for production
-- \`bun run start\` — start the production server
-- \`bun run lint\` — run the linter
-- \`bun run typecheck\` — run TypeScript checks (if TS)
-- \`bun run test\` — run tests
-- \`bun run format\` — format the code
-
-## Project structure
-
- ${srcDir
-        ? `\`\`\`\napp/\n  src/\n    layout.${componentExt(language)}\n    page.${componentExt(language)}\n    not-found.${componentExt(language)}\ncomponents/\nlib/\n\`\`\``
-        : `\`\`\`\napp/\n  layout.${componentExt(language)}\n  page.${componentExt(language)}\n  not-found.${componentExt(language)}\ncomponents/\nlib/\n\`\`\``}
-
-## Learn more
-
-- [Documentation](https://swift-rust.dev/docs)
-- [Examples](https://github.com/swift-rust/swift-rust/tree/main/examples)
-- [Discord](https://discord.gg/swift-rust)
-
-## Deploy to Vercel
-
-The fastest way to deploy is to push to GitHub and import the repo on Vercel:
-
-\`\`\`bash
-git init && git add -A && git commit -m "init"
-git remote add origin https://github.com/you/${projectName}.git
-git push -u origin main
-\`\`\`
-
-Then on [vercel.com/new](https://vercel.com/new), import the repo. No configuration needed — \`vercel.json\` is included. Your site will be live at \`https://${projectName}.vercel.app\`.
-
-For custom domains and ISR / serverless functions, see the [deploy guide](https://swift-rust.dev/docs/guides/deploying).
-`;
-    await writeFile(join(target, "README.md"), readme);
-    const envExample = `# Example environment variables. Copy values you need into .env.local.
-# .env.local is git-ignored; .env.example is committed.
-# SWIFT_RUST_RUNTIME=/path/to/bun
-`;
-    await writeFile(join(target, ".env.example"), envExample);
-    // Local env file (git-ignored) so the app works out of the box.
-    const envLocal = `# Local environment variables (git-ignored). Not committed.
-# SWIFT_RUST_RUNTIME=/path/to/bun
-`;
-    await writeFile(join(target, ".env.local"), envLocal);
-    const favicon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><rect width="32" height="32" rx="7" fill="#0a0a0a"/><g stroke="#ffffff" stroke-width="1.9" stroke-linecap="round" fill="none"><circle cx="16" cy="16" r="6.4"/><path d="M16 4.4v2.6M16 25v2.6M4.4 16h2.6M25 16h2.6M7.9 7.9l1.8 1.8M22.3 22.3l1.8 1.8M7.9 24.1l1.8-1.8M22.3 9.7l1.8-1.8"/></g><path d="M17.8 9.3 L11.6 17 H15.2 L14.2 22.8 L20.4 15 H16.8 Z" fill="#fb923c"/></svg>
-`;
-    // Metadata icons live in the app directory (Next.js style): swift-rust
-    // serves app/favicon.* from the site root and auto-links them in <head>.
-    await writeFile(join(appDir, "favicon.svg"), favicon);
-    // 32x32 favicon.ico (PNG-encoded) matching favicon.svg, so browsers that
-    // request /favicon.ico get a real icon instead of a 404.
-    const faviconIco = "AAABAAEAICAAAAEAIAAZBQAAFgAAAIlQTkcNChoKAAAADUlIRFIAAAAgAAAAIAgGAAAAc3p69AAAAAZiS0dEAP8A/wD/oL2nkwAABM5JREFUWIXFl19sU2UYxn/f6cbsoTsFoqywPw5BMzodpGNxhUIINMREgssEg5ELI7tUs/HnYiExRI1wwRKWXRBiMGEmphqykKl3JYOOBLMy3U7nthDI6LqRzii6ullit75eYJtNtnWWoU/yJc15z/s8z/f2y/ueTzEDNpttdTKZfB94FXgeWM7SYBK4BXyraVrLxMTET6mASv2wWq0HgAtKqfwlEp0TIvI78E48Hr+UNmC1Wg8opb6caegJQ0TkjXg8fknZbLbV09PTt7PZeU1NDQCXL1/OxkRM07QNStf1j4ET2TCMjIwAUFRUlE06wEc5wN5ss3Nzc7NNTWGvBqx/XJZsISIbNMA2V1DTNPr6+vD7/RiGMSdBR0cHHR0dc8YMw8Dv99PX14emaXO+o5TKnzsCJJNJotEobreb9vb2WSaUUpSXl9Pa2srFixdxOp2PiLe3t+N2u4lGoySTyflkQNd1mW85HA7p6uoSEZGWlhax2+1y7NgxiUQiMhPJ+2EJh8Ny5MgRsdvt0tLSIiIiXV1d4nA45uXXdV2Urusyv72Hu2lsbOTKlSscP34cj8dDMpmku7ubUCjEyulfeHlljDWvf4hSis7OTs6cOcPu3bs5deoUsVhsIfqFK5BadrtdOjs7RUSkp6dHqqurRdd1KXo6X26frJL3dj0rbrdbTNMUEZFAICCGYWTk1XVd5j0DM1FXV4fH46G3t5c9e/Zgmia5FsXnh9bz7Ko8+qNxent78Xq9hEIhtm/fzuHDhxdDTca/QCnFwMAAhYWFbNu2DdM0AWh6rZg69zMAlJzsZfzBNACbN2/m+vXrRCIRnE4nIgvSk7ECGzdupLi4mJs3b6bF33StSouP/PZnWhygp6eH7u5uSkpKKCsry0Q/20BNTQ2RSITR0VFGR0fx+XyUlpYCpMWrSpbTXFuSzilasYzx0y7GT7u4deIl1hq56XdLS0vx+Xxpvkgkkp4fi65AqoSaplGQn0vroefIy3k0LTEtvP3FEPdiiXTjyVR+WMQZcDqdBINBgsEgO3funBXrb3yRQvsyABouD/PZdz8DEAgEqKyspLKyksHBwQUNZKzAwMAAw8PDbNmyhU2bNqWfG09ZWGs8FPf9cD8t7nK5cLlchMPhjOKLMiAiNDc3o5Ti/Pnz2GwPR0e5w4pSYN77g/q2YQBsNhvnzp1DKcXZs2czigOLb0SBQEBEREzTlK1bt8q7u0rk3ifV8sLaFaLrung8HgmFQiIicvXq1UU3on/Vio8ePcqOHTsQEcbaPuD7X62MWdZQUVGBy+VCKcW1a9doamrC6/U+fiv+5zAyDEMaGhokHA5Lcmxw1kC6e/eu1NfXi2EYSzeM/H4/brebYDDIvn37Zu2mrKyMdevWATA0NDTrwKXGcVVVFTdu3MDr9c5bgHkNaJqGaZpEo1Fqa2vnLKXP5wPg4MGDj8QMw6CtrQ2Hw0FFRcW83wTKarXGsr0LjI2NAVBQUJBNOkBMU0rdyTZ7CXBHA77JNjuRSJBIJB7HwNf/58Vk3GKxbEhdzfYrpb7iv72a7Y/H420WgKmpqf6cnJwflVKvAHlPWHxcRN6Kx+NtAJbU06mpqf68vLwLIvIAyP97LVsi0QmgD/jUYrEcmpyc7E4F/gIrAoFO2P2bCQAAAABJRU5ErkJggg==";
-    await writeFile(join(appDir, "favicon.ico"), Buffer.from(faviconIco, "base64"));
-    if (useShadcn) {
-        await scaffoldShadcn({ target, uiDir, libDir, componentExt: componentExt(language), srcDir });
-    }
-}
-async function scaffoldShadcn(options) {
-    const { target, uiDir, libDir, componentExt, srcDir } = options;
-    const utilsContent = `import { clsx, type ClassValue } from "clsx";
-import { twMerge } from "tailwind-merge";
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
-}
-`;
-    const buttonContent = `import * as React from "react";
-import { cva, type VariantProps } from "class-variance-authority";
-import { cn } from "@/lib/utils";
-
-const buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ui-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "bg-[var(--ui-primary)] text-[var(--ui-primary-fg)] hover:opacity-90",
-        destructive: "bg-[var(--ui-destructive)] text-white hover:opacity-90",
-        outline:
-          "border border-[var(--ui-border)] bg-[var(--ui-bg)] hover:bg-[var(--ui-accent)] hover:text-[var(--ui-accent-fg)]",
-        secondary: "bg-[var(--ui-secondary)] text-[var(--ui-secondary-fg)] hover:opacity-90",
-        ghost: "hover:bg-[var(--ui-accent)] hover:text-[var(--ui-accent-fg)]",
-        link: "text-[var(--ui-primary)] underline-offset-4 hover:underline",
-      },
-      size: {
-        default: "h-9 px-4 py-2",
-        sm: "h-8 rounded-md px-3 text-xs",
-        lg: "h-10 rounded-md px-8",
-        icon: "h-9 w-9",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  },
-);
-
-export interface ButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
-    VariantProps<typeof buttonVariants> {}
-
-export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
-  ({ className, variant, size, ...props }, ref) => (
-    <button ref={ref} className={cn(buttonVariants({ variant, size, className }))} {...props} />
-  ),
-);
-Button.displayName = "Button";
-
-export { buttonVariants };
-`;
-    const cardContent = `import * as React from "react";
-import { cn } from "@/lib/utils";
-
-export const Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
-  ({ className, ...props }, ref) => (
-    <div
-      ref={ref}
-      className={cn(
-        "rounded-xl border border-[var(--ui-border)] bg-[var(--ui-card)] text-[var(--ui-card-fg)] shadow-sm",
-        className,
-      )}
-      {...props}
-    />
-  ),
-);
-Card.displayName = "Card";
-
-export const CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
-  ({ className, ...props }, ref) => (
-    <div ref={ref} className={cn("flex flex-col space-y-1.5 p-6", className)} {...props} />
-  ),
-);
-CardHeader.displayName = "CardHeader";
-
-export const CardTitle = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn("font-semibold leading-none tracking-tight", className)}
-    {...props}
-  />
-));
-CardTitle.displayName = "CardTitle";
-
-export const CardDescription = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn("text-sm text-[var(--ui-muted-fg)]", className)}
-    {...props}
-  />
-));
-CardDescription.displayName = "CardDescription";
-
-export const CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
-  ({ className, ...props }, ref) => (
-    <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
-  ),
-);
-CardContent.displayName = "CardContent";
-
-export const CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
-  ({ className, ...props }, ref) => (
-    <div ref={ref} className={cn("flex items-center p-6 pt-0", className)} {...props} />
-  ),
-);
-CardFooter.displayName = "CardFooter";
-`;
-    const inputContent = `import * as React from "react";
-import { cn } from "@/lib/utils";
-
-export type InputProps = React.InputHTMLAttributes<HTMLInputElement>;
-
-export const Input = React.forwardRef<HTMLInputElement, InputProps>(
-  ({ className, type, ...props }, ref) => (
-    <input
-      type={type}
-      ref={ref}
-      className={cn(
-        "flex h-9 w-full rounded-md border border-[var(--ui-border)] bg-transparent px-3 py-1 text-sm shadow-sm transition-colors",
-        "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-[var(--ui-fg)]",
-        "placeholder:text-[var(--ui-muted-fg)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ui-ring)] focus-visible:ring-offset-1",
-        "disabled:cursor-not-allowed disabled:opacity-50",
-        className,
-      )}
-      {...props}
-    />
-  ),
-);
-Input.displayName = "Input";
-`;
-    const labelContent = `import * as React from "react";
-import { cn } from "@/lib/utils";
-
-export const Label = React.forwardRef<
-  HTMLLabelElement,
-  React.LabelHTMLAttributes<HTMLLabelElement>
->(({ className, ...props }, ref) => (
-  <label
-    ref={ref}
-    className={cn(
-      "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-      className,
-    )}
-    {...props}
-  />
-));
-Label.displayName = "Label";
-`;
-    const badgeContent = `import * as React from "react";
-import { cva, type VariantProps } from "class-variance-authority";
-import { cn } from "@/lib/utils";
-
-const badgeVariants = cva(
-  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-[var(--ui-ring)] focus:ring-offset-2",
-  {
-    variants: {
-      variant: {
-        default:
-          "border-transparent bg-[var(--ui-primary)] text-[var(--ui-primary-fg)] hover:opacity-90",
-        secondary:
-          "border-transparent bg-[var(--ui-secondary)] text-[var(--ui-secondary-fg)] hover:opacity-90",
-        destructive:
-          "border-transparent bg-[var(--ui-destructive)] text-white hover:opacity-90",
-        outline: "text-[var(--ui-fg)] border-[var(--ui-border)]",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-    },
-  },
-);
-
-export interface BadgeProps
-  extends React.HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof badgeVariants> {}
-
-export function Badge({ className, variant, ...props }: BadgeProps) {
-  return <div className={cn(badgeVariants({ variant }), className)} {...props} />;
-}
-
-export { badgeVariants };
-`;
-    const componentsJson = `{
-  "$schema": "https://ui.shadcn.com/schema.json",
-  "style": "new-york",
-  "rsc": true,
-  "tsx": ${componentExt === "tsx"},
-  "tailwind": {
-    "config": "",
-    "css": "${srcDir ? "app/src/globals.css" : "app/globals.css"}",
-    "baseColor": "zinc",
-    "cssVariables": true,
-    "prefix": ""
-  },
-  "aliases": {
-    "components": "@/components",
-    "utils": "@/lib/utils",
-    "ui": "@/components/ui",
-    "lib": "@/lib",
-    "hooks": "@/hooks"
-  },
-  "iconLibrary": "lucide"
-}
-`;
-    await writeFile(join(libDir, "utils.ts"), utilsContent);
-    await writeFile(join(uiDir, `button.${componentExt}`), buttonContent);
-    await writeFile(join(uiDir, `card.${componentExt}`), cardContent);
-    await writeFile(join(uiDir, `input.${componentExt}`), inputContent);
-    await writeFile(join(uiDir, `label.${componentExt}`), labelContent);
-    await writeFile(join(uiDir, `badge.${componentExt}`), badgeContent);
-    await writeFile(join(target, "components.json"), `${componentsJson}\n`);
 }
 async function runInstall(target) {
     const { spawn } = await import("node:child_process");
-    return new Promise((resolve, reject) => {
-        const proc = spawn("bun", ["install"], { cwd: target, stdio: "inherit" });
-        proc.on("exit", (code) => {
-            if (code === 0)
-                resolve();
-            else
-                reject(new Error(`bun install exited with code ${code}`));
-        });
-        proc.on("error", reject);
-    });
-}
-const SHADCN_DEFAULT_COMPONENTS = ["button", "card", "input", "label", "badge"];
-async function runShadcnAdd(target, components) {
-    const { spawn } = await import("node:child_process");
-    return new Promise((resolve) => {
-        const args = [
-            "--bun",
-            "shadcn@latest",
-            "add",
-            ...components,
-            "--yes",
-            "--overwrite",
-            "--cwd",
-            target,
-            "--silent",
-        ];
-        const proc = spawn("bunx", args, { cwd: target, stdio: "pipe" });
-        proc.on("exit", (code) => {
-            resolve(code === 0);
-        });
-        proc.on("error", () => resolve(false));
+    await new Promise((resolvePromise, reject) => {
+        const child = spawn("bun", ["install"], { cwd: target, stdio: "inherit" });
+        child.on("error", reject);
+        child.on("close", (code) => code === 0 ? resolvePromise() : reject(new Error(`bun install exited with code ${code}`)));
     });
 }
 async function main() {
@@ -1066,7 +218,7 @@ async function main() {
     const answers = await askQuestions(flags, positional);
     if (!answers)
         process.exit(1);
-    const { projectName, tailwind, linter, srcDir, install } = answers;
+    const { projectName, install } = answers;
     const target = resolve(process.cwd(), projectName);
     if (projectName === ".") {
         if ((await listDir(target)).length > 0) {
@@ -1098,13 +250,10 @@ async function main() {
     }
     const summary = [
         `${pc.cyan("•")} Project:     ${pc.bold(projectName === "." ? resolve(target) : projectName)}`,
-        `${pc.cyan("•")} Language:    ${answers.language === "ts" ? "TypeScript" : "JavaScript"}`,
-        `${pc.cyan("•")} Renderer:    ${answers.renderer}`,
-        `${pc.cyan("•")} Linter:      ${linter === "biome" ? "Biome" : "ESLint"}`,
-        `${pc.cyan("•")} Tailwind:    ${tailwind ? "Yes" : "No"}`,
-        `${pc.cyan("•")} shadcn UI:   ${answers.useShadcn ? "Yes" : "No"}`,
-        `${pc.cyan("•")} src/ dir:    ${srcDir ? "Yes (app/src/)" : "No"}`,
-        `${pc.cyan("•")} Import as:   ${answers.importAlias}`,
+        `${pc.cyan("•")} Template:    Full demo (blog, dashboard, API, Image/PDF/Video/Font)`,
+        `${pc.cyan("•")} Language:    TypeScript`,
+        `${pc.cyan("•")} Styling:     Tailwind CSS`,
+        `${pc.cyan("•")} Linter:      Biome`,
         `${pc.cyan("•")} Install:     ${install ? "Yes" : "No"}`,
     ].join("\n");
     if (quiet) {
@@ -1123,31 +272,18 @@ async function main() {
     }
     console.log(`Scaffolding ${pc.cyan(projectName === "." ? "." : projectName)}…`);
     try {
-        await writeProjectFiles(target, answers);
+        await copyTemplate(target, projectName);
         console.log(`✓ Scaffolded project into ${pc.green(target)}`);
-        let installSucceeded = false;
         if (install) {
             console.log("Running bun install…");
             try {
                 await runInstall(target);
                 console.log("✓ Installed dependencies");
-                installSucceeded = true;
             }
             catch (_err) {
                 console.error("Failed to install dependencies. Run `bun install` manually.");
             }
         }
-        if (answers.useShadcn && installSucceeded) {
-            console.log("Fetching canonical shadcn components…");
-            const ok = await runShadcnAdd(target, SHADCN_DEFAULT_COMPONENTS);
-            if (ok) {
-                console.log(`✓ Added ${SHADCN_DEFAULT_COMPONENTS.length} shadcn components from the registry`);
-            }
-            else {
-                const cwdArg = projectName === "." ? "." : `./${projectName}`;
-                console.log(`${pc.yellow("!")} Could not fetch shadcn components from the registry. Using bundled shadcn-style components as a fallback. You can retry later with: ${pc.cyan(`bunx --bun shadcn@latest add ${SHADCN_DEFAULT_COMPONENTS.join(" ")} --cwd ${cwdArg}`)}`);
-            }
-        }
         const next = projectName === "." ? "bun run dev" : `cd ${projectName}\nbun run dev`;
         console.log(`\n${pc.green("Done!")} Next steps:\n${pc.cyan(next)}`);
     }