@donotdev/cli 0.0.18 → 0.0.19

package/dist/index.js

@@ -8859,21 +8859,21 @@ function getCLIInstallInstructions(tool) {
       ]
     },
     [CLI_TOOLS.YARN]: {
-      win32: ["npm install -g yarn", "Or: choco install yarn"],
-      darwin: ["npm install -g yarn", "Or: brew install yarn"],
-      linux: ["npm install -g yarn", "Or check your package manager"]
+      win32: ["bun install -g yarn", "Or: choco install yarn"],
+      darwin: ["bun install -g yarn", "Or: brew install yarn"],
+      linux: ["bun install -g yarn", "Or check your package manager"]
     },
     [CLI_TOOLS.FIREBASE]: {
       win32: [
-        "npm install -g firebase-tools",
+        "bun install -g firebase-tools",
         "Or download standalone binary: https://firebase.google.com/docs/cli#windows-standalone-binary"
       ],
       darwin: [
-        "npm install -g firebase-tools",
+        "bun install -g firebase-tools",
         "Or: brew install firebase-cli"
       ],
       linux: [
-        "npm install -g firebase-tools",
+        "bun install -g firebase-tools",
         "Or check your package manager (dnf, apt, pacman, etc.)"
       ]
     },
@@ -8890,25 +8890,25 @@ function getCLIInstallInstructions(tool) {
       ]
     },
     [CLI_TOOLS.VERCEL]: {
-      win32: ["npm install -g vercel", "Or: npx vercel (no install)"],
+      win32: ["bun install -g vercel", "Or: bunx vercel (no install)"],
       darwin: [
-        "npm install -g vercel",
+        "bun install -g vercel",
         "Or: brew install vercel",
-        "Or: npx vercel"
+        "Or: bunx vercel"
       ],
-      linux: ["npm install -g vercel", "Or: npx vercel"]
+      linux: ["bun install -g vercel", "Or: bunx vercel"]
     },
     [CLI_TOOLS.SENTRY_CLI]: {
       win32: [
-        "npm install -g @sentry/cli",
+        "bun install -g @sentry/cli",
         "Or download from: https://github.com/getsentry/sentry-cli/releases"
       ],
       darwin: [
-        "npm install -g @sentry/cli",
+        "bun install -g @sentry/cli",
         "Or: brew install getsentry/tools/sentry-cli"
       ],
       linux: [
-        "npm install -g @sentry/cli",
+        "bun install -g @sentry/cli",
         "Or: curl -sL https://sentry.io/get-cli/ | bash"
       ]
     },
@@ -8937,9 +8937,9 @@ function getCLIInstallInstructions(tool) {
       ]
     },
     [CLI_TOOLS.TSX]: {
-      win32: ["npm install -g tsx"],
-      darwin: ["npm install -g tsx"],
-      linux: ["npm install -g tsx"]
+      win32: ["bun install -g tsx"],
+      darwin: ["bun install -g tsx"],
+      linux: ["bun install -g tsx"]
     }
   };
   const platformInstructions = instructions[tool]?.[platform6] || instructions[tool]?.linux || [];
@@ -9034,14 +9034,27 @@ function readEnvVar(filePath, varName) {
   }
   return null;
 }
-function resolveVercelToken(appDir) {
-  if (process.env.VERCEL_TOKEN) return process.env.VERCEL_TOKEN;
-  const fromEnv = readEnvVar(joinPath(appDir, ".env"), "VERCEL_TOKEN");
-  if (fromEnv) return fromEnv;
-  const fromLocal = readEnvVar(joinPath(appDir, ".env.local"), "VERCEL_TOKEN");
+function resolveVercelVar(appDir, varName) {
+  if (process.env[varName]) return process.env[varName];
+  const fromLocal = readEnvVar(joinPath(appDir, ".env.local"), varName);
   if (fromLocal) return fromLocal;
+  const fromEnv = readEnvVar(joinPath(appDir, ".env"), varName);
+  if (fromEnv) return fromEnv;
   return null;
 }
+function resolveVercelCredentials(appDir) {
+  const token = resolveVercelVar(appDir, "VERCEL_TOKEN");
+  const orgId = resolveVercelVar(appDir, "VERCEL_ORG_ID");
+  const projectId = resolveVercelVar(appDir, "VERCEL_PROJECT_ID");
+  const missing = [];
+  if (!token) missing.push("VERCEL_TOKEN");
+  if (!orgId) missing.push("VERCEL_ORG_ID");
+  if (!projectId) missing.push("VERCEL_PROJECT_ID");
+  if (missing.length > 0) return { missing };
+  return {
+    credentials: { token, orgId, projectId }
+  };
+}
 var init_vercel_token = __esm({
   "packages/tooling/src/cli/setup/vercel-token.ts"() {
     "use strict";
@@ -16621,10 +16634,7 @@ async function setFirebaseSecret(key, value, projectId, dryRun = false, cwd) {
   }
   try {
     log.info(`Setting Firebase secret: ${key} (project: ${finalProjectId})`);
-    const tempDir = joinPath(process.cwd(), ".tmp");
-    await ensureDir(tempDir);
-    const tempFile = joinPath(tempDir, `secret-${key}-${Date.now()}.txt`);
-    await write(tempFile, value);
+    const tempFile = "";
     try {
       const args = ["functions:secrets:set", key, "--project", finalProjectId];
       const firebaseCmd = process.platform === "win32" ? "firebase.cmd" : "firebase";
@@ -16699,9 +16709,6 @@ ${errorOutput}`
       }
       log.success(`Firebase secret ${key} set successfully`);
     } finally {
-      if (pathExists(tempFile)) {
-        await remove(tempFile);
-      }
     }
   } catch (err) {
     log.error(`Failed to set Firebase secret ${key}:`, err);
@@ -17934,7 +17941,7 @@ async function startSupabase(app, _projectRoot) {
     execSync5("supabase --version", { stdio: "pipe" });
   } catch {
     log.error("Supabase CLI not found. Install it:");
-    log.error("  npm install -g supabase\n");
+    log.error("  bun install -g supabase\n");
     return 1;
   }
   const isWindows = platform3() === "win32";
@@ -18004,7 +18011,7 @@ async function startVercel(app, _projectRoot) {
     execSync6("vercel --version", { stdio: "pipe" });
   } catch {
     log.error("Vercel CLI not found. Install it:");
-    log.error("  npm install -g vercel\n");
+    log.error("  bun install -g vercel\n");
     return 1;
   }
   const isWindows = platform4() === "win32";
@@ -18782,33 +18789,39 @@ init_cli_output();
 init_vercel_token();
 import { spawnSync as spawnSync6 } from "node:child_process";
 async function deployVercelFrontend(appDir, _config) {
-  const s = Y2();
-  s.start("Deploying frontend to Vercel...");
-  const token = resolveVercelToken(appDir);
-  if (token) {
-    log.debug("Using VERCEL_TOKEN from .env (token-based auth)");
-  }
-  const args = ["vercel", "--prod", "--yes"];
-  if (token) {
-    args.push("--token", token);
+  const result = resolveVercelCredentials(appDir);
+  if (result.missing) {
+    throw new Error(
+      `Missing Vercel credentials in .env.local: ${result.missing.join(", ")}
+Add them to apps/<app>/.env.local \u2014 see guides/dndev/SETUP_VERCEL.md`
+    );
   }
-  try {
-    const result = spawnSync6("bunx", args, {
+  const { token, orgId, projectId } = result.credentials;
+  log.debug("Using Vercel credentials from .env (token-based auth)");
+  log.info("Deploying to Vercel...");
+  const deployResult = spawnSync6(
+    "bunx",
+    ["vercel", "deploy", "--prod", "--yes", "--token", token],
+    {
       cwd: appDir,
-      stdio: "pipe",
-      encoding: "utf-8"
-    });
-    if (result.status !== 0) {
-      s.stop("Vercel deployment failed");
-      const errOutput = result.stderr?.trim();
-      throw new Error(
-        errOutput || `Vercel deploy exited with code ${result.status}`
-      );
+      // stdout piped to capture deployment URL, stderr inherits for progress
+      stdio: ["inherit", "pipe", "inherit"],
+      encoding: "utf-8",
+      env: {
+        ...process.env,
+        VERCEL_ORG_ID: orgId,
+        VERCEL_PROJECT_ID: projectId
+      }
     }
-    s.stop("Frontend deployed to Vercel");
-  } catch (err) {
-    s.stop("Vercel deployment failed");
-    throw err;
+  );
+  if (deployResult.status !== 0) {
+    throw new Error(`vercel deploy exited with code ${deployResult.status}`);
+  }
+  const deployUrl = deployResult.stdout?.trim();
+  if (deployUrl) {
+    log.success(`Production: ${deployUrl}`);
+  } else {
+    log.success("Frontend deployed to Vercel");
   }
 }
 
@@ -19170,7 +19183,7 @@ async function deployFunctions(appDir, serviceAccountPath, projectId, config) {
 
 To fix this, run:
   cd ${functionsDir}
-  npm install --production`,
+  bun install --production`,
       "file-not-found",
       { context: { missingPackages, functionsDir } }
     );
@@ -19535,7 +19548,19 @@ function detectProvider(appDir) {
   const supabaseFunctionsDir = joinPath(supabaseDir, "functions");
   const supabaseMigrationsDir = joinPath(supabaseDir, "migrations");
   const hasFirebase = pathExists(firebaseJsonPath);
-  const hasSupabase = pathExists(supabaseDir) || pathExists(supabaseConfigPath);
+  let hasSupabase = pathExists(supabaseDir) || pathExists(supabaseConfigPath);
+  if (!hasSupabase) {
+    try {
+      const envPath = joinPath(appDir, ".env");
+      if (pathExists(envPath)) {
+        const envContent = readSync(envPath);
+        if (envContent.match(/VITE_SUPABASE_URL=.+/)) {
+          hasSupabase = true;
+        }
+      }
+    } catch {
+    }
+  }
   let provider = "unknown";
   if (hasFirebase && hasSupabase) {
     provider = "both";
@@ -19899,7 +19924,7 @@ async function main6(options = {}) {
     if (shouldDeployVercelFrontend) {
       requireCLI(
         CLI_TOOLS.VERCEL,
-        "Vercel CLI is required to deploy the frontend.\nInstall: npm i -g vercel or use npx vercel"
+        "Vercel CLI is required to deploy the frontend.\nInstall: bun install -g vercel"
       );
     }
     if (shouldDeployFirebaseFrontend && serviceAccountPath && config.project) {
@@ -20014,10 +20039,10 @@ function generateScripts(templateName, options) {
     scripts.lint = "eslint .";
     scripts["type-check"] = "tsc --noEmit";
   } else if (templateName === "consumer-root") {
-    scripts.dev = "turbo run dev";
+    scripts.dev = "dndev dev";
     scripts.build = "turbo run build";
     scripts.lint = "turbo run lint";
-    scripts["type-check"] = "turbo run type-check";
+    scripts["type-check"] = "dndev tc";
   } else if (templateName.includes("functions")) {
     scripts.build = "node build.mjs";
     scripts["build:tsc"] = "tsc";
@@ -20028,9 +20053,9 @@ function generateScripts(templateName, options) {
       scripts.dev = "vercel dev";
     }
   } else if (templateName === "demo") {
-    scripts.dev = "bunx vite";
-    scripts.build = "tsc --noEmit && bunx vite build";
-    scripts.preview = "bunx vite preview";
+    scripts.dev = "vite";
+    scripts.build = "tsc --noEmit && vite build --mode production";
+    scripts.preview = "vite preview";
     scripts["type-check"] = "tsc --noEmit";
   } else if (templateName === "entities") {
   }
@@ -20810,7 +20835,8 @@ async function main9(options) {
       Me(`Configuring "${trimmedName}"...`, "\u2699\uFE0F");
       const config = await collectAppConfig(trimmedName);
       appConfigs[trimmedName] = config;
-      if (config.backend !== "none" || config.functions !== "none") anyAppNeedsBackend = true;
+      if (config.backend !== "none" || config.functions !== "none")
+        anyAppNeedsBackend = true;
     }
     let installDemoApp = await askForConfirmation(
       "Would you like to install the demo app? (component showcase)",
@@ -20936,7 +20962,9 @@ async function main9(options) {
         overwrite: true
       });
       const relativeMonorepoPath = executionMode === "development" ? calculateRelativePath(projectDirNormalized, monorepoRoot) : "";
-      const primaryPlatform = Object.values(appConfigs).find((c) => c.backend !== "none")?.backend ?? "firebase";
+      const primaryPlatform = Object.values(appConfigs).find(
+        (c) => c.backend !== "none"
+      )?.backend ?? "firebase";
       const rootPackageJson = generatePackageJson(
         "consumer-root",
         executionMode,
@@ -21297,13 +21325,16 @@ async function addPathComments(files, rootDir, dryRun, verbose) {
       let useClientLine = -1;
       let useClientValue = "";
       if (!isCss) {
-        for (let i = 0; i < Math.min(5, contentLines.length); i++) {
+        for (let i = 0; i < contentLines.length; i++) {
           const line = contentLines[i]?.trim();
           if (line === '"use client";' || line === "'use client';") {
             useClientLine = i;
             useClientValue = line;
             break;
           }
+          if (line?.startsWith("import ") || line?.startsWith("export ") || line?.startsWith("function ") || line?.startsWith("class ") || line?.startsWith("const ") || line?.startsWith("let ") || line?.startsWith("var ")) {
+            break;
+          }
         }
       }
       const invalidFormat = isCss ? COMMENT_FORMATS[".ts"] : null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@donotdev/cli",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "description": "Command-line interface for DoNotDev Framework",
   "type": "module",
   "private": false,

package/templates/app-demo/index.html.example

@@ -1,24 +1,161 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8" />
+  <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+
+  <!-- Meta tags -->
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>DoNotDev Components Demo</title>
-  
-  <!-- ✅ PERFORMANCE: Critical font preloads (loads before CSS) -->
-  <link rel="preload" href="/fonts/Inter-latin.woff2" as="font" type="font/woff2" crossorigin="anonymous">
-  
+  <title>DoNotDev Demo</title>
+
+  <!-- Fonts: Inter, Space Grotesk, Playfair, Roboto from @donotdev/ui/dndev.css (bundled). -->
+
+  <!-- ✅ CRITICAL CSS: ECG waveform loader -->
   <style>
-    body { 
-      margin: 0; 
-      font-family: var(--font-family, system-ui, sans-serif);
+    /* Critical above-the-fold styles */
+    html, body {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+    body {
+      font-family: 'Inter', var(--font-family, ui-sans-serif, system-ui, -apple-system, sans-serif);
+      line-height: 1.5;
+      -webkit-font-smoothing: antialiased;
+      -moz-osx-font-smoothing: grayscale;
+      background: #ffffff;
+      color: #000000;
+    }
+    @media (prefers-color-scheme: dark) {
+      body {
+        background: #000000;
+        color: #ffffff;
+      }
+    }
+    /* Critical shell loader styles - pure CSS, instant render */
+    #shell-loader {
+      position: fixed;
+      inset: 0;
       background: #000000;
-      color: #ffffff;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 9999;
+      opacity: 1;
+      transition: opacity 0.3s ease-out;
+      will-change: opacity;
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+    #shell-loader.shell-loader--fading {
+      opacity: 0;
+      pointer-events: none;
+    }
+    .shell-loader__content {
+      text-align: center;
+      color: white;
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
+      width: 100%;
+      max-width: 500px;
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+      line-height: 1.2;
+    }
+    .shell-loader__brand {
+      display: block;
+      font-size: clamp(3rem, 10vw, 5rem);
+      font-weight: 800;
+      letter-spacing: -0.05em;
+      margin: 0 0 1rem 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+    /* ECG Waveform Animation */
+    .shell-loader__dots {
+      display: block;
+      width: 300px;
+      height: 60px;
+      margin: 0 auto;
+      padding: 0;
+      box-sizing: border-box;
+    }
+    .shell-loader__dots svg {
+      width: 100%;
+      height: 100%;
+      display: block;
+    }
+    .shell-loader__dots path {
+      stroke: #667eea;
+      stroke-width: 3;
+      fill: none;
+      stroke-linecap: round;
+      stroke-linejoin: round;
+      stroke-dasharray: 400;
+      stroke-dashoffset: 400;
+      animation: ecg-draw 2s linear infinite;
+    }
+    @keyframes ecg-draw {
+      0% {
+        stroke-dashoffset: 400;
+        opacity: 0;
+      }
+      10% {
+        opacity: 1;
+      }
+      70% {
+        stroke-dashoffset: 0;
+        opacity: 1;
+      }
+      90%, 100% {
+        stroke-dashoffset: 0;
+        opacity: 0;
+      }
     }
   </style>
+
+  <!-- ✅ THEME DETECTION: Force dark on first visit, remember user choice -->
+  <script>
+    (function () {
+      'use strict';
+
+      function getInitialTheme() {
+        try {
+          var saved = localStorage.getItem('dndev-theme');
+          if (saved) {
+            return saved;
+          }
+          return 'dark';
+        } catch (e) {
+          return 'dark';
+        }
+      }
+
+      var theme = getInitialTheme();
+      document.documentElement.className = theme;
+    })();
+  </script>
 </head>
+
 <body>
+  <!-- ✅ SHELL LOADER: Branded loading experience before React loads -->
+  <div id="shell-loader">
+    <div class="shell-loader__content">
+      <span class="shell-loader__brand">DoNotDev</span>
+      <span class="shell-loader__dots">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 60" preserveAspectRatio="xMidYMid meet">
+          <path d="M0,30 L100,30 L110,20 L120,30 L130,30 L140,5 L150,55 L160,30 L175,30 L190,20 L205,30 L300,30" />
+        </svg>
+      </span>
+    </div>
+  </div>
+
+  <!-- React mounts here -->
   <div id="root"></div>
+
   <script type="module" src="/src/main.tsx"></script>
 </body>
-</html>
+
+</html>

package/templates/app-demo/src/App.tsx.example

@@ -1,14 +1,15 @@
+// apps/demo/src/App.tsx
+
 /**
- * @fileoverview Main application component
- * @description Root application component with configuration-driven architecture
- * @version 0.0.4
+ * @fileoverview Main application component for the demo app
+ * @description Root component that configures the application with Vite providers and layout.
+ * @version 0.0.5
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
 
 import { ViteAppProviders } from '@donotdev/ui/vite';
 
-import './config/providers';
 import { appConfig } from './config/app';
 
 /**
@@ -20,17 +21,10 @@ import { appConfig } from './config/app';
  *
  * Note: HomePage.tsx in src/pages/ is automatically used for the root route "/"
  *
- * @version 0.0.4
+ * @version 0.0.5
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
 export function App() {
-  return (
-    <ViteAppProviders
-      config={appConfig}
-      layout={{
-        breadcrumbs: 'smart', // 'smart' | 'always' | 'never'
-      }}
-    />
-  );
+  return <ViteAppProviders config={appConfig} layout={{ breadcrumbs: 'smart' }} />;
 }

package/templates/app-demo/src/config/app.ts.example

@@ -1,46 +1,22 @@
 /**
  * @fileoverview Application configuration
- * @description Defines application metadata and feature flags
- * @version 0.0.1
+ * @description Defines application metadata, layout preset, and feature flags
+ * @version 0.1.0
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
 
 import type { AppConfig } from '@donotdev/core';
 
-/**
- * Application name constant
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-export const APP_NAME = '{{appName}}';
+export const APP_NAME = 'DoNotDev';
+export const APP_SHORT_NAME = 'DoNotDev';
+export const APP_DESCRIPTION = 'DoNotDev SaaS Template';
 
 /**
- * Application short name constant
+ * Application configuration
  *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-export const APP_SHORT_NAME = '{{appShortName}}';
-
-/**
- * Application description constant
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-export const APP_DESCRIPTION = 'DoNotDev Components Demo';
-
-/**
- * Application configuration object
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
+ * - preset: 'landing' is the app default. Pages can override via PageMeta.preset.
+ * - auth: Configure auth routes and menu items.
  */
 export const appConfig: AppConfig = {
   app: {
@@ -48,21 +24,9 @@ export const appConfig: AppConfig = {
     shortName: APP_SHORT_NAME,
     description: APP_DESCRIPTION,
   },
-  preset: 'landing', // 'landing' | 'admin' | 'moolti' | 'docs' | 'blog' | 'game' | 'plain'
-  features: {
-    // Optional: Enable debug tools in development
-    // debug: true,
+  preset: 'landing',
+  auth: {
+    authRoute: '/pricing',
+    profilePath: '/profile',
   },
-  // Optional: Override query cache defaults
-  // Framework defaults (infinite cache - cost-optimized):
-  // - staleTime: Infinity (data never becomes stale)
-  // - refetchOnWindowFocus: false (no auto-refetch on focus)
-  // - refetchOnReconnect: false (no auto-refetch on reconnect)
-  // This minimizes API costs and is ideal for single-admin apps with manual refresh buttons.
-  // Uncomment below to enable auto-refetch behavior:
-  // query: {
-  //   staleTime: 1000 * 60 * 5,  // 5 minutes - data becomes stale after 5 minutes
-  //   refetchOnWindowFocus: true, // Automatically refetch when window regains focus
-  //   refetchOnReconnect: true,   // Automatically refetch when network reconnects
-  // },
 };

package/templates/app-demo/src/entities/product.ts.example

@@ -0,0 +1,38 @@
+import { defineEntity } from '@donotdev/core';
+
+export const productEntity = defineEntity({
+  name: 'Product',
+  collection: 'products',
+  fields: {
+    name: {
+      type: 'text',
+      visibility: 'user',
+      validation: { required: true, minLength: 3 },
+    },
+    description: {
+      type: 'textarea',
+      visibility: 'user',
+    },
+    price: {
+      type: 'number',
+      visibility: 'user',
+      validation: { required: true, min: 0 },
+    },
+    category: {
+      type: 'select',
+      visibility: 'user',
+      validation: {
+        options: [
+          { value: 'electronics', label: 'Electronics' },
+          { value: 'clothing', label: 'Clothing' },
+          { value: 'food', label: 'Food & Drink' },
+          { value: 'other', label: 'Other' },
+        ],
+      },
+    },
+    image: {
+      type: 'image',
+      visibility: 'user',
+    },
+  },
+});

package/templates/app-demo/src/globals.css.example

@@ -1,4 +1,8 @@
 /* apps/demo/src/globals.css */
 
-@import '@donotdev/components/styles';
+/* 1. Group all imports at the top. */
+@import '@donotdev/ui/dndev.css';
 @import './themes.css';
+
+/* 2. App-specific overrides — DO NOT set --font-family here,
+   it would clobber theme overrides (dark/terminal set it to mono) */