@donotdev/cli 0.0.18 → 0.0.20

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");
   }
 }
 
@@ -18872,6 +18885,14 @@ function generateCleanPackageJson(functionsDir) {
   }
   const cleanPackageJson = { ...packageJson };
   if (cleanPackageJson.dependencies) {
+    const removedDeps = Object.entries(cleanPackageJson.dependencies).filter(
+      ([, version]) => String(version).startsWith("file:") || String(version).startsWith("workspace:")
+    );
+    if (removedDeps.length > 0) {
+      log.warn(
+        `Filtering out ${removedDeps.length} workspace/file dep(s) from dependencies: ${removedDeps.map(([name]) => name).join(", ")}`
+      );
+    }
     cleanPackageJson.dependencies = Object.fromEntries(
       Object.entries(cleanPackageJson.dependencies).filter(
         ([, version]) => !String(version).startsWith("file:") && !String(version).startsWith("workspace:")
@@ -18879,6 +18900,16 @@ function generateCleanPackageJson(functionsDir) {
     );
   }
   if (cleanPackageJson.devDependencies) {
+    const removedDevDeps = Object.entries(
+      cleanPackageJson.devDependencies
+    ).filter(
+      ([, version]) => String(version).startsWith("file:") || String(version).startsWith("workspace:")
+    );
+    if (removedDevDeps.length > 0) {
+      log.warn(
+        `Filtering out ${removedDevDeps.length} workspace/file dep(s) from devDependencies: ${removedDevDeps.map(([name]) => name).join(", ")}`
+      );
+    }
     cleanPackageJson.devDependencies = Object.fromEntries(
       Object.entries(cleanPackageJson.devDependencies).filter(
         ([, version]) => !String(version).startsWith("file:") && !String(version).startsWith("workspace:")
@@ -19170,7 +19201,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 +19566,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 +19942,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 +20057,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 +20071,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") {
   }
@@ -20468,7 +20511,7 @@ async function createApp(appName, appConfig, workspaceRoot, templatesRoot) {
         const firebaseJson = readSync(firebaseJsonDest, {
           format: "json"
         });
-        if (firebaseJson.hosting?.rewrites) {
+        if (firebaseJson.hosting?.rewrites && Array.isArray(firebaseJson.hosting.rewrites)) {
           firebaseJson.hosting.rewrites = firebaseJson.hosting.rewrites.filter(
             (r2) => r2.destination !== "/index.html"
           );
@@ -20756,6 +20799,14 @@ async function main9(options) {
         process.exit(0);
       }
       if (action === "replace") {
+        const confirmDelete = await askForConfirmation(
+          `This will permanently delete "${projectDirNormalized}". Are you sure?`,
+          false
+        );
+        if (!confirmDelete) {
+          Se("Project creation cancelled.");
+          process.exit(0);
+        }
         const s2 = Y2();
         s2.start("Removing existing project...");
         await remove(projectDirNormalized);
@@ -20810,7 +20861,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 +20988,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,
@@ -21111,7 +21165,10 @@ async function main9(options) {
       await createApp(appName, appConfig, projectDirNormalized, templatesRoot);
     }
     s.start("Updating root package.json with scripts...");
-    await updateRootPackageJson(projectDirNormalized, appNames);
+    await updateRootPackageJson(
+      projectDirNormalized,
+      isMergeMode ? allAppNames : appNames
+    );
     s.stop("Root package.json updated");
     Se("\u{1F389} Project created successfully!");
     const cdCommand = executionMode === "development" ? `cd ../${projectName}` : `cd ${projectName}`;
@@ -21297,13 +21354,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.20",
   "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/public/favicon.svg.example

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500" xmlns:v="https://vecta.io/nano"><path d="M11.995 68.133c-.747.14-2.114 1.276-2.986 2.409l-1.557 2.199-.062 104.273.684 251.717c.935 2.835 3.423 4.749 6.347 4.89 2.366.142 3.61-.566 10.767-5.599l42.311-30.054L112.3 366.14l16.366-11.768c3.234-2.268 6.098-4.749 6.346-5.599 1.369-3.828 9.271-32.679 9.023-32.891-.124-.213-1.743.78-3.547 2.198-1.803 1.347-8.773 6.309-15.432 10.916L87.1 355.862l-24.891 17.65-23.831 16.729c-5.413 3.898-10.143 7.017-10.454 7.017-.685 0-.809-291.837-.063-292.334.249-.141 1.619.497 3.049 1.559l51.521 37.711 18.668 13.61 20.222 14.674 13.69 9.996 9.333 6.734 12.756 9.215c10.455 7.798 15.992 11.767 16.553 11.908.374.073 1.99-4.889 3.609-11.058l3.048-11.202-5.537-4.038-10.641-7.799c-2.863-1.984-10.391-7.584-16.8-12.405l-23.21-17.154-20.721-15.24L89.4 121.157c-2.613-1.986-7.653-5.671-11.2-8.223L23.506 73.096c-6.471-4.679-8.774-5.671-11.512-4.962l.001-.001zm235.829 4.466c-1.057.708-2.302 2.055-2.737 2.977-.622 1.276-.809 14.673-.746 62.733l.062 61.104 4.915 8.01 10.206 16.871 5.225 8.861.187-62.308 1.057-61.812c.56.212 6.098 4.111 12.321 8.648l43.806 31.97c1.307.991 1.431.708 5.973-9.641l4.667-10.705-1.618-1.346-14.747-10.845-20.844-15.313-36.65-26.864c-5.788-4.182-7.841-4.608-11.077-2.34zm-34.784 196.85l-7.279 15.807-11.511 25.166c.123.141 5.351-3.474 11.697-7.939l18.356-13.042 8.027-5.813c1.057-.922.685-1.701-6.347-13.469l-7.466-12.546-5.477 11.838v-.002z" fill="var(--primary,#dc143c)"/><path d="M376.752 57.145l-4.977 11.2c-1.432 2.907-4.792 10.066-7.468 15.95l-9.955 21.619-25.388 54.583-11.2 24.101-20.658 43.949-11.7 24.81-7.84 16.304c-.809 1.347-.621 1.631-15.679-23.747l-26.072-43.949-22.213-37.71c-8.587-14.815-10.267-16.73-12.322-14.319-.435.566-2.676 8.009-4.978 16.586l-22.711 82.228-13.378 47.494-8.153 29.064-18.232 64.86-12.133 43.382-4.355 16.162c.186 0 3.671-7.443 14.871-31.898l10.578-22.684 8.088-17.013 8.774-18.43 9.771-20.556 7.901-16.659 9.333-19.848 9.957-21.267 10.765-23.038c6.844-14.957 9.397-20.061 10.08-20.273.374-.142 3.485 4.606 6.968 10.562l24.828 41.255 31.981 52.809c5.289 8.932 6.846 11.06 8.153 11.2.87.142 1.929-.212 2.302-.779.685-.851 19.6-65.499 44.054-150.421l25.823-88.889 17.798-62.168c-.125-.141-1.308 2.34-2.615 5.53h.002z" fill="var(--accent,#ffd700)"/><path d="M359.081 153.904l-3.111 11.555c-1.369 4.89-2.302 9.074-2.053 9.287s5.041 3.757 10.703 7.869l33.289 24.314 37.645 27.505 19.601 14.318 6.409 4.536c2.489 1.49 5.538-.991-32.542 26.369l-38.269 27.432-31.236 22.402-33.913 24.456-28.187 20.273-12.134 8.648c-10.019 7.16-19.413 13.681-19.848 13.681-.188 0-.374-14.248-.374-31.757v-31.686l-4.419-7.088-10.019-16.518c-3.111-5.102-5.849-9.356-6.098-9.356s-.375 11.909-.249 26.37l.249 64.223v37.711l2.054 2.623c1.866 2.268 2.489 2.553 4.914 2.553 3.237 0 4.169-.568 18.855-11.202l76.535-55.291 21.78-15.807 120.403-86.411c3.67-2.552 5.102-4.748 5.475-8.434.188-2.409 0-3.971-.746-5.599-1.244-2.623-2.677-3.686-48.908-37.711l-51.023-37.642-14.624-10.774-12.88-9.427c-2.986-2.199-5.724-4.041-6.035-4.041-.374 0-.934 1.206-1.245 2.622l.001-.003z" fill="var(--primary,#dc143c)"/></svg>

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,12 @@ 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'
-      }}
-    />
+    <ViteAppProviders config={appConfig} layout={{ breadcrumbs: 'smart' }} />
   );
 }