@donotdev/cli 0.0.8 → 0.0.11

package/dist/bin/commands/sync-secrets.js

@@ -163,7 +163,7 @@ var require_picocolors = __commonJS({
   }
 });
 
-// node_modules/.bun/@clack+core@0.5.0/node_modules/@clack/core/dist/index.mjs
+// node_modules/.bun/@clack+prompts@0.11.0/node_modules/@clack/prompts/node_modules/@clack/core/dist/index.mjs
 import { stdin as j, stdout as M } from "node:process";
 import O from "node:readline";
 import { Writable as X } from "node:stream";
@@ -257,7 +257,7 @@ function m(e2, u2) {
 }
 var import_sisteransi, uD, W, tD, eD, FD, sD, w, N, I, R, r, iD, CD, ED, d, oD, y, V, nD, G, _, z, K, aD, k, hD, lD, xD, B, AD, S, gD, vD, h, x, A, OD, PD, J, LD;
 var init_dist = __esm({
-  "node_modules/.bun/@clack+core@0.5.0/node_modules/@clack/core/dist/index.mjs"() {
+  "node_modules/.bun/@clack+prompts@0.11.0/node_modules/@clack/prompts/node_modules/@clack/core/dist/index.mjs"() {
     init_utils();
     import_sisteransi = __toESM(require_src(), 1);
     uD = DD();

package/dist/bin/dndev.js

@@ -46,7 +46,7 @@ Usage: dndev <command>[:<app>] [options]
 
 Commands:
   init, create-project    Create a new DoNotDev project
-  create-app [name]       Add app to existing project (--builder vite|next, --functions)
+  create-app [name]       Add app (--builder vite|next, --functions, --project <id>)
   dev [app]               Start development server
   build [app]             Build for production
   preview [app]           Preview production build
@@ -66,7 +66,8 @@ Examples:
   dndev init my-project   Create a new project
   dndev create-app        Interactive app creation
   dndev create-app my-app Create 'my-app' with defaults (vite, no functions)
-  dndev create-app my-app --builder next --functions  Create Next.js app with functions
+  dndev create-app my-app --builder next --functions  Next.js + functions
+  dndev create-app my-app --functions --project my-fb-id  Set Firebase project (2-min setup)
   dndev dev               Start dev server
   dndev dev:web           Start dev server for 'web' app
   dndev wai               Output WAI-WAY activation prompt
@@ -90,14 +91,16 @@ program.command("init [name]").alias("create-project").description("Create a new
   const { main } = await import("./commands/create-project.js");
   await main({ projectName: name });
 });
-program.command("create-app [name]").description("Add a new app to existing project").option("--name <name>", "App name (non-interactive)").option("--builder <builder>", "Framework: vite or next (default: vite)").option("--functions", "Include Firebase functions").action(async (name, options) => {
+program.command("create-app [name]").description("Add a new app to existing project").option("--name <name>", "App name (non-interactive)").option("--builder <builder>", "Framework: vite or next (default: vite)").option("--functions", "Include Firebase functions").option("--project <id>", "Firebase project ID (default: app name)").option("--region <region>", "Firebase region (default: europe-west1)").action(async (name, options) => {
   const { main } = await import("./commands/create-app.js");
   const appName = name || options.name;
   if (appName) {
     await main({
       name: appName,
       builder: options.builder,
-      functions: options.functions
+      functions: options.functions,
+      firebaseProjectId: options.project,
+      firebaseRegion: options.region
     });
   } else {
     await main();

package/dist/bin/donotdev.js

@@ -46,7 +46,7 @@ Usage: dndev <command>[:<app>] [options]
 
 Commands:
   init, create-project    Create a new DoNotDev project
-  create-app [name]       Add app to existing project (--builder vite|next, --functions)
+  create-app [name]       Add app (--builder vite|next, --functions, --project <id>)
   dev [app]               Start development server
   build [app]             Build for production
   preview [app]           Preview production build
@@ -66,7 +66,8 @@ Examples:
   dndev init my-project   Create a new project
   dndev create-app        Interactive app creation
   dndev create-app my-app Create 'my-app' with defaults (vite, no functions)
-  dndev create-app my-app --builder next --functions  Create Next.js app with functions
+  dndev create-app my-app --builder next --functions  Next.js + functions
+  dndev create-app my-app --functions --project my-fb-id  Set Firebase project (2-min setup)
   dndev dev               Start dev server
   dndev dev:web           Start dev server for 'web' app
   dndev wai               Output WAI-WAY activation prompt
@@ -90,14 +91,16 @@ program.command("init [name]").alias("create-project").description("Create a new
   const { main } = await import("./commands/create-project.js");
   await main({ projectName: name });
 });
-program.command("create-app [name]").description("Add a new app to existing project").option("--name <name>", "App name (non-interactive)").option("--builder <builder>", "Framework: vite or next (default: vite)").option("--functions", "Include Firebase functions").action(async (name, options) => {
+program.command("create-app [name]").description("Add a new app to existing project").option("--name <name>", "App name (non-interactive)").option("--builder <builder>", "Framework: vite or next (default: vite)").option("--functions", "Include Firebase functions").option("--project <id>", "Firebase project ID (default: app name)").option("--region <region>", "Firebase region (default: europe-west1)").action(async (name, options) => {
   const { main } = await import("./commands/create-app.js");
   const appName = name || options.name;
   if (appName) {
     await main({
       name: appName,
       builder: options.builder,
-      functions: options.functions
+      functions: options.functions,
+      firebaseProjectId: options.project,
+      firebaseRegion: options.region
     });
   } else {
     await main();

package/dist/index.js

@@ -167,7 +167,7 @@ var require_picocolors = __commonJS({
   }
 });
 
-// node_modules/.bun/@clack+core@0.5.0/node_modules/@clack/core/dist/index.mjs
+// node_modules/.bun/@clack+prompts@0.11.0/node_modules/@clack/prompts/node_modules/@clack/core/dist/index.mjs
 import { stdin as j, stdout as M } from "node:process";
 import * as g from "node:readline";
 import O from "node:readline";
@@ -283,7 +283,7 @@ function fD({ input: e2 = j, output: u2 = M, overwrite: t = true, hideCursor: F2
 }
 var import_sisteransi, import_picocolors, uD, W, tD, eD, FD, sD, w, N, I, R, r, iD, CD, ED, d, oD, y, V, nD, G, _, z, K, aD, k, hD, lD, xD, B, AD, S, gD, vD, h, x, dD, A, kD, $D, H, SD, OD, PD, J, LD, RD;
 var init_dist = __esm({
-  "node_modules/.bun/@clack+core@0.5.0/node_modules/@clack/core/dist/index.mjs"() {
+  "node_modules/.bun/@clack+prompts@0.11.0/node_modules/@clack/prompts/node_modules/@clack/core/dist/index.mjs"() {
     init_utils();
     import_sisteransi = __toESM(require_src(), 1);
     import_picocolors = __toESM(require_picocolors(), 1);
@@ -8468,7 +8468,7 @@ async function askForInput(message, defaultValue = "") {
   const result = await he({
     message,
     placeholder: defaultValue || void 0,
-    defaultValue: defaultValue || void 0
+    initialValue: defaultValue || void 0
   });
   if (pD(result)) {
     xe("Operation cancelled.");
@@ -8803,8 +8803,10 @@ function executeFirebaseCommand(args, options) {
     errorOutput
   };
 }
-function buildFirebaseDeployArgs(deployType, projectId, debug, force) {
-  const args = ["deploy", "--only", deployType, "--non-interactive"];
+function buildFirebaseDeployArgs(deployTargets, projectId, debug, force) {
+  const targets = Array.isArray(deployTargets) ? deployTargets : [deployTargets];
+  const targetString = targets.join(",");
+  const args = ["deploy", "--only", targetString, "--non-interactive"];
   if (projectId) {
     args.push("--project", projectId);
   }
@@ -10212,6 +10214,47 @@ To fix this, run:
   }
 }
 
+// packages/tooling/src/apps/deploy-rules.ts
+init_utils();
+async function deployRules(appDir, serviceAccountPath, projectId, config, options) {
+  const targets = [];
+  if (options.firestore) {
+    targets.push("firestore:rules");
+  }
+  if (options.firestoreIndexes) {
+    targets.push("firestore:indexes");
+  }
+  if (options.storage) {
+    targets.push("storage");
+  }
+  if (targets.length === 0) {
+    return;
+  }
+  const targetNames = targets.join(", ");
+  const s = Y2();
+  s.start(`Deploying ${targetNames}...`);
+  const args = buildFirebaseDeployArgs(targets, projectId, config.debug);
+  const result = executeFirebaseCommand(args, {
+    cwd: appDir,
+    serviceAccountPath,
+    projectId,
+    debug: config.debug
+  });
+  if (result.error) {
+    s.stop("Rules deployment failed");
+    throw result.error;
+  }
+  if (!result.success) {
+    s.stop("Rules deployment failed");
+    handleDeploymentFailure(
+      result,
+      `firebase ${args.join(" ")}`,
+      serviceAccountPath
+    );
+  }
+  s.stop(`${targetNames} deployed successfully`);
+}
+
 // packages/tooling/src/apps/deploy-utils.ts
 init_utils();
 import { spawnSync as spawnSync7 } from "node:child_process";
@@ -10332,6 +10375,9 @@ function validateFirebaseJson2(appDir) {
       valid: false,
       hasHosting: false,
       hasFunctions: false,
+      hasFirestoreRules: false,
+      hasFirestoreIndexes: false,
+      hasStorageRules: false,
       errors: [`firebase.json not found at: ${firebaseJsonPath}`]
     };
   }
@@ -10344,11 +10390,17 @@ function validateFirebaseJson2(appDir) {
     }
     const hasHosting = !!config.hosting;
     const hasFunctions = !!config.functions && Array.isArray(config.functions);
+    const hasFirestoreRules = !!config.firestore?.rules && pathExists(joinPath(appDir, config.firestore.rules));
+    const hasFirestoreIndexes = !!config.firestore?.indexes && pathExists(joinPath(appDir, config.firestore.indexes));
+    const hasStorageRules = !!config.storage?.rules && pathExists(joinPath(appDir, config.storage.rules));
     return {
       valid: true,
       projectId: config.projectId,
       hasHosting,
       hasFunctions,
+      hasFirestoreRules,
+      hasFirestoreIndexes,
+      hasStorageRules,
       errors: []
     };
   } catch (error2) {
@@ -10356,6 +10408,9 @@ function validateFirebaseJson2(appDir) {
       valid: false,
       hasHosting: false,
       hasFunctions: false,
+      hasFirestoreRules: false,
+      hasFirestoreIndexes: false,
+      hasStorageRules: false,
       errors: [
         `Invalid JSON format: ${error2 instanceof DoNotDevError ? error2.message : error2 instanceof Error ? error2.message : String(error2)}`
       ]
@@ -10520,16 +10575,36 @@ async function main5(options = {}) {
           hint: "Deploy cloud functions"
         });
       }
+      const hasRules = firebaseConfig2.hasFirestoreRules || firebaseConfig2.hasFirestoreIndexes || firebaseConfig2.hasStorageRules;
+      if (hasRules) {
+        choices.push({
+          title: "Rules only",
+          value: "rules",
+          hint: "Deploy Firestore/Storage rules"
+        });
+      }
       if (firebaseConfig2.hasHosting && firebaseConfig2.hasFunctions) {
         choices.push({
-          title: "Both frontend and functions",
+          title: "Frontend + Functions",
           value: "both",
-          hint: "Deploy everything"
+          hint: "Deploy hosting and functions"
+        });
+      }
+      const deployableKindsCount = [
+        firebaseConfig2.hasHosting,
+        firebaseConfig2.hasFunctions,
+        hasRules
+      ].filter(Boolean).length;
+      if (deployableKindsCount > 1) {
+        choices.push({
+          title: "All",
+          value: "all",
+          hint: "Deploy everything (hosting, functions, rules)"
         });
       }
       if (choices.length === 0) {
         log.error(
-          "No deployment targets found. firebase.json must have hosting or functions configuration."
+          "No deployment targets found. firebase.json must have hosting, functions, or rules configuration."
         );
         process.exit(1);
       }
@@ -10574,13 +10649,28 @@ async function main5(options = {}) {
       showFirebaseJsonError(firebaseConfig.errors, appDir, deploymentType);
       process.exit(1);
     }
-    if (deploymentType === "frontend" || deploymentType === "both") {
-      if (!firebaseConfig.hasHosting) {
-        log.error(
-          "firebase.json does not contain hosting configuration, but frontend deployment was requested."
-        );
-        process.exit(1);
-      }
+    const shouldDeployFrontend = (deploymentType === "frontend" || deploymentType === "both" || deploymentType === "all") && firebaseConfig.hasHosting;
+    const shouldDeployFunctions = (deploymentType === "functions" || deploymentType === "both" || deploymentType === "all") && firebaseConfig.hasFunctions;
+    const shouldDeployRules = (deploymentType === "rules" || deploymentType === "all") && (firebaseConfig.hasFirestoreRules || firebaseConfig.hasFirestoreIndexes || firebaseConfig.hasStorageRules);
+    if (deploymentType === "frontend" && !firebaseConfig.hasHosting) {
+      log.error(
+        "firebase.json does not contain hosting configuration, but frontend deployment was requested."
+      );
+      process.exit(1);
+    }
+    if (deploymentType === "functions" && !firebaseConfig.hasFunctions) {
+      log.error(
+        "firebase.json does not contain functions configuration, but functions deployment was requested."
+      );
+      process.exit(1);
+    }
+    if (deploymentType === "rules" && !shouldDeployRules) {
+      log.error(
+        "firebase.json does not contain rules configuration, but rules deployment was requested."
+      );
+      process.exit(1);
+    }
+    if (shouldDeployFrontend) {
       const buildStatus = validateBuild(appDir);
       let shouldBuild = false;
       if (!buildStatus.exists || buildStatus.isEmpty) {
@@ -10623,14 +10713,6 @@ async function main5(options = {}) {
         }
       }
     }
-    if (deploymentType === "functions" || deploymentType === "both") {
-      if (!firebaseConfig.hasFunctions) {
-        log.error(
-          "firebase.json does not contain functions configuration, but functions deployment was requested."
-        );
-        process.exit(1);
-      }
-    }
     clearFirebaseCache(appDir);
     Me(
       `App: ${appName}
@@ -10639,10 +10721,10 @@ Deployment: ${deploymentType}
 Service Account: ${serviceAccountResult.info.clientEmail}`,
       "Deployment Configuration"
     );
-    if (deploymentType === "frontend" || deploymentType === "both") {
+    if (shouldDeployFrontend) {
       await deployFrontend(appDir, serviceAccountPath, config.project, config);
     }
-    if (deploymentType === "functions" || deploymentType === "both") {
+    if (shouldDeployFunctions) {
       await deployFunctions(
         appDir,
         serviceAccountPath,
@@ -10650,6 +10732,13 @@ Service Account: ${serviceAccountResult.info.clientEmail}`,
         config
       );
     }
+    if (shouldDeployRules) {
+      await deployRules(appDir, serviceAccountPath, config.project, config, {
+        firestore: firebaseConfig.hasFirestoreRules,
+        firestoreIndexes: firebaseConfig.hasFirestoreIndexes,
+        storage: firebaseConfig.hasStorageRules
+      });
+    }
     Se("Deployment completed successfully!");
   } catch (error2) {
     if (error2 instanceof DoNotDevError) {
@@ -11180,7 +11269,7 @@ function generatePackageJson(templateName, mode, options = {}) {
       "dependencies-matrix.json not found. This command requires the matrix file."
     );
   }
-  const { matrix, cliVersion } = matrixResult;
+  const { matrix } = matrixResult;
   const template = matrix.templateMapping?.[templateName];
   if (!template) {
     throw new Error(`Template "${templateName}" not found in matrix`);
@@ -11244,6 +11333,7 @@ function generatePackageJson(templateName, mode, options = {}) {
     }
   }
   if (templateName.includes("functions")) {
+    result.main = "lib/index.js";
     result.engines = { node: "20" };
     if (options.appName) {
       const platform = templateName.includes("vercel") ? "Vercel" : "Firebase";
@@ -11371,6 +11461,8 @@ async function createApp(appName, appConfig, workspaceRoot, templatesRoot) {
   s.start(`Creating app: ${appName}`);
   await ensureDir(appDir);
   const templateDir = appTemplate === "demo" ? "app-demo" : appTemplate === "nextjs" ? "app-next" : "app-vite";
+  const firebaseProjectId = (appConfig?.firebaseProjectId ?? "").trim() || appName.toLowerCase().replace(/\s+/g, "-");
+  const firebaseRegion = appConfig?.firebaseRegion ?? "europe-west1";
   const replacements = {
     projectName: appName,
     appName,
@@ -11379,11 +11471,14 @@ async function createApp(appName, appConfig, workspaceRoot, templatesRoot) {
     needsCRUD: Boolean(appConfig.needsCRUD),
     setupGithubActions: false,
     appNames: [appName],
-    firebaseProjectId: appName.toLowerCase(),
+    firebaseProjectId,
+    firebaseRegion,
     firebaseSecretName: appName.toUpperCase().replace(/-/g, "_"),
     monorepoRelativePath: "../../packages/tooling",
     appTemplate,
-    isNextjs: appTemplate === "nextjs"
+    isNextjs: appTemplate === "nextjs",
+    YOUR_FIREBASE_PROJECT_ID: firebaseProjectId,
+    YOUR_REGION: firebaseRegion
   };
   const templateSourceDir = joinPath(templatesRoot, templateDir);
   const templateFiles = await glob("**/*", {
@@ -11476,6 +11571,32 @@ async function createApp(appName, appConfig, workspaceRoot, templatesRoot) {
       await replacePlaceholders(firebaseJsonDest, replacements);
     }
   }
+  const firebasercSource = joinPath(
+    deploymentTemplateDir,
+    ".firebaserc.example"
+  );
+  if (pathExists(firebasercSource)) {
+    const firebasercDest = joinPath(appDir, ".firebaserc");
+    await copy(firebasercSource, firebasercDest);
+    if (await isTextFile(firebasercDest)) {
+      await replacePlaceholders(firebasercDest, replacements);
+    }
+  }
+  if (appConfig.needsBackend && appConfig.backendPlatform === "firebase") {
+    const rulesFiles = [
+      "firestore.rules.example",
+      "firestore.indexes.json.example",
+      "storage.rules.example"
+    ];
+    for (const example of rulesFiles) {
+      const src = joinPath(deploymentTemplateDir, example);
+      if (pathExists(src)) {
+        const destName = example.replace(".example", "");
+        const dest = joinPath(appDir, destName);
+        await copy(src, dest);
+      }
+    }
+  }
   if (appTemplate === "nextjs" || appConfig.needsBackend && appConfig.backendPlatform === "vercel") {
     const vercelJsonSource = joinPath(
       deploymentTemplateDir,
@@ -11501,12 +11622,15 @@ async function createApp(appName, appConfig, workspaceRoot, templatesRoot) {
   }
   if (isInteractive) {
     Se("\u{1F389} App created successfully!");
+    const firebaseStep = appConfig.needsBackend && appConfig.backendPlatform === "firebase" ? `2. Set Firebase project: cd apps/${appName} && firebase use --add (or edit .firebase rc)
+3. bun install
+4. bun run dev` : `2. bun install
+3. bun run dev`;
     Me(
       `Next steps:
 
 1. cd apps/${appName}
-2. bun install
-3. bun run dev
+${firebaseStep}
 
 Happy coding!`,
       "\u{1F4CB} Next Steps"
@@ -11538,7 +11662,9 @@ async function main7(options) {
         selectedEntities: [],
         userAuth: "social",
         billing: true,
-        features: []
+        features: [],
+        firebaseProjectId: options.firebaseProjectId,
+        firebaseRegion: options.firebaseRegion
       };
       await createApp(appName, appConfig);
     } else {
@@ -11878,6 +12004,8 @@ async function main8(options) {
         overwrite: true
       });
       const rootTemplateDir = joinPath(templatesRoot, "root-consumer");
+      const firebaseProjectId = projectName.toLowerCase().replace(/\s+/g, "-");
+      const firebaseRegion = "europe-west1";
       const rootReplacements = {
         projectName,
         appNames: isMergeMode ? allAppNames : appNames,
@@ -11886,12 +12014,22 @@ async function main8(options) {
         monorepoRelativePath: relativeMonorepoPath,
         appTemplate: "vite",
         isNextjs: false,
-        firebaseProjectId: projectName.toLowerCase(),
+        firebaseProjectId,
+        firebaseRegion,
         firebaseSecretName: projectName.toUpperCase().replace(/-/g, "_"),
+        YOUR_FIREBASE_PROJECT_ID: firebaseProjectId,
+        YOUR_REGION: firebaseRegion,
         needsAuth,
         needsOAuth,
         needsBilling
       };
+      const firebaseRootFiles = /* @__PURE__ */ new Set([
+        "firebase.json.example",
+        ".firebaserc.example",
+        "firestore.rules.example",
+        "firestore.indexes.json.example",
+        "storage.rules.example"
+      ]);
       const files = await glob("**/*", {
         cwd: rootTemplateDir,
         dot: true,
@@ -11899,6 +12037,7 @@ async function main8(options) {
       });
       for (const file of files) {
         if (file === "package.json.example") continue;
+        if (firebaseRootFiles.has(file)) continue;
         const sourcePath = joinPath(rootTemplateDir, file);
         let destFileName = file;
         if (destFileName.endsWith(".example")) {
@@ -11973,6 +12112,8 @@ async function main8(options) {
         }
       }
       if (installDemoApp) {
+        const demoFirebaseProjectId = projectName.toLowerCase().replace(/\s+/g, "-");
+        const demoFirebaseRegion = "europe-west1";
         await copyTemplateFiles(demoTemplateDir, demoAppDir, {
           projectName,
           appName: "demo",
@@ -11980,8 +12121,11 @@ async function main8(options) {
           needsCRUD: false,
           setupGithubActions: false,
           appNames,
-          firebaseProjectId: projectName.toLowerCase(),
+          firebaseProjectId: demoFirebaseProjectId,
+          firebaseRegion: demoFirebaseRegion,
           firebaseSecretName: projectName.toUpperCase().replace(/-/g, "_"),
+          YOUR_FIREBASE_PROJECT_ID: demoFirebaseProjectId,
+          YOUR_REGION: demoFirebaseRegion,
           monorepoRelativePath: executionMode === "development" ? calculateRelativePath(projectDirNormalized, monorepoRoot) : "",
           appTemplate: "demo"
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@donotdev/cli",
-  "version": "0.0.8",
+  "version": "0.0.11",
   "description": "Command-line interface for DoNotDev Framework",
   "type": "module",
   "private": false,
@@ -33,8 +33,8 @@
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
-    "@clack/prompts": "^0.11.0",
-    "commander": "^14.0.2",
+    "@clack/prompts": "^1.0.0",
+    "commander": "^14.0.3",
     "fast-glob": "^3.3.3"
   },
   "repository": {
@@ -59,5 +59,6 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
     "access": "public"
-  }
+  },
+  "peerDependencies": {}
 }

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

@@ -29,7 +29,7 @@ export const appConfig: AppConfig = {
     name: APP_NAME,
     shortName: APP_SHORT_NAME,
     description: APP_DESCRIPTION,
-    // url: 'https://yourapp.com', // Uncomment for production
+    // Note: URL comes from NEXT_PUBLIC_APP_URL in .env, not here
 
     // Footer legal links - remove any you don't need
     footer: {

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

@@ -16,8 +16,13 @@
   <!-- ✅ PWA: Manifest link (if exists) -->
   <link rel="manifest" href="/manifest.json" />
   
-  <!-- ✅ PERFORMANCE: Load fonts early to avoid preload warnings -->
-  <link rel="stylesheet" href="/fonts/fonts.css" />
+  <!-- ✅ PERFORMANCE: Preload critical fonts (non-blocking) -->
+  <link rel="preload" href="/fonts/Inter-latin.woff2" as="font" type="font/woff2" crossorigin="anonymous">
+  <link rel="preload" href="/fonts/Roboto-400-latin.woff2" as="font" type="font/woff2" crossorigin="anonymous">
+  
+  <!-- ✅ PERFORMANCE: Load extended font subsets async (non-blocking) -->
+  <link rel="stylesheet" href="/fonts/fonts.css" media="print" onload="this.media='all'">
+  <noscript><link rel="stylesheet" href="/fonts/fonts.css"></noscript>
   
   <!-- ✅ PERFORMANCE: Preconnect to external domains (OAuth providers) -->
   <!-- GitHub OAuth -->
@@ -36,6 +41,23 @@
 
   <!-- ✅ PERFORMANCE: Critical CSS inlined here by build -->
   <style>
+    /* Critical @font-face declarations - must be inline for preloaded fonts to work */
+    @font-face {
+      font-family: Inter;
+      font-style: normal;
+      font-weight: 400 700;
+      font-display: swap;
+      src: url('/fonts/Inter-latin.woff2') format('woff2');
+      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+    }
+    @font-face {
+      font-family: Roboto;
+      font-style: normal;
+      font-weight: 400;
+      font-display: swap;
+      src: url('/fonts/Roboto-400-latin.woff2') format('woff2');
+      unicode-range: U+0000-00FF;
+    }
     /* Critical above-the-fold styles */
     html, body {
       margin: 0;

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

@@ -29,7 +29,7 @@ export const appConfig: AppConfig = {
     name: APP_NAME,
     shortName: APP_SHORT_NAME,
     description: APP_DESCRIPTION,
-    // url: 'https://yourapp.com', // Uncomment for production
+    // Note: URL comes from VITE_APP_URL in .env, not here
 
     // Footer legal links - remove any you don't need
     footer: {

package/templates/app-vite/src/pages/FormPageExample.tsx.example

@@ -13,10 +13,10 @@
 import { useEffect, useState } from 'react';
 
 import { Section, Button, Alert } from '@donotdev/components';
-import { EntityFormRenderer, useCrud } from '@donotdev/crud';
+import { useCrud } from '@donotdev/crud';
 import { useTranslation } from '@donotdev/core';
 import type { PageMeta } from '@donotdev/core';
-import { PageContainer, Link, useNavigate } from '@donotdev/ui';
+import { PageContainer, Link, EntityFormRenderer } from '@donotdev/ui';
 
 // Import your entity from root-level entities folder
 // import { productEntity } from 'entities/Product';
@@ -51,7 +51,6 @@ export const meta: PageMeta = {
 export default function ProductPage() {
   const { t } = useTranslation(NAMESPACE);
   const id = useParam('id');
-  const navigate = useNavigate();
   const isNew = id === 'new';
 
   // useCrud provides CRUD operations with optimistic updates
@@ -84,8 +83,8 @@ export default function ProductPage() {
       update(id, data); // No await - fires in background
     }
 
-    // Instant navigation - feels incredibly fast
-    navigate('/products');
+    // Navigation happens automatically via cancelPath (defaults to /products)
+    // Or you can navigate manually if needed
   };
 
   // ==========================================================================
@@ -121,6 +120,8 @@ export default function ProductPage() {
             onSubmit={handleSubmit}
             defaultValues={{ status: 'draft' }} // Initial values for new items
             submitText={t('create')}
+            // Cancel automatically navigates to /products (or cancelPath if provided)
+            cancelPath="/products"
           />
         ) : (
           // EDIT MODE
@@ -130,6 +131,8 @@ export default function ProductPage() {
             onSubmit={handleSubmit}
             defaultValues={formData} // Loaded data
             submitText={t('update')}
+            // Cancel automatically navigates to /products (or cancelPath if provided)
+            cancelPath="/products"
           />
         )}
       </Section>