@donotdev/cli 0.0.5 → 0.0.6

package/dist/bin/commands/format.js

@@ -7141,11 +7141,17 @@ var init_PathResolver = __esm({
       /**
        * Get path to empty.js module for optional dependency aliasing
        * Used by Vite and Turbopack to alias missing optional deps
-       * @returns Absolute path to empty.js
+       * @param returnPackageSpecifier - If true, returns package specifier '@donotdev/core/empty' for Turbopack. If false, returns absolute path for Vite.
+       * @returns Package specifier or absolute path to empty.js
        */
-      getEmptyModulePath() {
+      getEmptyModulePath(returnPackageSpecifier = false) {
+        if (returnPackageSpecifier) {
+          return "@donotdev/core/empty";
+        }
+        const resolved = this.resolvePackage("@donotdev/core/empty");
+        if (resolved) return resolved;
         const thisDir = dirname(fileURLToPath(import.meta.url));
-        return this.normalizePath(join(thisDir, "../vite/empty.js"));
+        return this.normalizePath(join(thisDir, "../empty.js"));
       }
       // === PRIVATE METHODS ===
       /**

package/dist/bin/commands/lint.js

@@ -7141,11 +7141,17 @@ var init_PathResolver = __esm({
       /**
        * Get path to empty.js module for optional dependency aliasing
        * Used by Vite and Turbopack to alias missing optional deps
-       * @returns Absolute path to empty.js
+       * @param returnPackageSpecifier - If true, returns package specifier '@donotdev/core/empty' for Turbopack. If false, returns absolute path for Vite.
+       * @returns Package specifier or absolute path to empty.js
        */
-      getEmptyModulePath() {
+      getEmptyModulePath(returnPackageSpecifier = false) {
+        if (returnPackageSpecifier) {
+          return "@donotdev/core/empty";
+        }
+        const resolved = this.resolvePackage("@donotdev/core/empty");
+        if (resolved) return resolved;
         const thisDir = dirname(fileURLToPath(import.meta.url));
-        return this.normalizePath(join(thisDir, "../vite/empty.js"));
+        return this.normalizePath(join(thisDir, "../empty.js"));
       }
       // === PRIVATE METHODS ===
       /**

package/dist/bin/commands/make-admin.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @fileoverview Make Admin Command Wrapper
+ * @description Re-exports makeAdmin from tooling for CLI bundling.
+ * Each command wrapper is bundled separately as a fully self-contained script.
+ *
+ * @version 0.0.1
+ * @since 0.0.1
+ * @author AMBROISE PARK Consulting
+ */
+export { makeAdmin as main } from '@donotdev/tooling';
+//# sourceMappingURL=make-admin.d.ts.map

package/dist/bin/commands/make-admin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"make-admin.d.ts","sourceRoot":"","sources":["../../../src/bin/commands/make-admin.ts"],"names":[],"mappings":"AACA;;;;;;;;GAQG;AAEH,OAAO,EAAE,SAAS,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/bin/commands/make-admin.js

@@ -0,0 +1,12 @@
+// packages/cli/src/bin/commands/make-admin.ts
+/**
+ * @fileoverview Make Admin Command Wrapper
+ * @description Re-exports makeAdmin from tooling for CLI bundling.
+ * Each command wrapper is bundled separately as a fully self-contained script.
+ *
+ * @version 0.0.1
+ * @since 0.0.1
+ * @author AMBROISE PARK Consulting
+ */
+export { makeAdmin as main } from '@donotdev/tooling';
+//# sourceMappingURL=make-admin.js.map

package/dist/bin/commands/make-admin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"make-admin.js","sourceRoot":"","sources":["../../../src/bin/commands/make-admin.ts"],"names":[],"mappings":"AAAA,8CAA8C;AAC9C;;;;;;;;GAQG;AAEH,OAAO,EAAE,SAAS,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/bin/commands/preview.js

@@ -7439,11 +7439,17 @@ var init_PathResolver = __esm({
       /**
        * Get path to empty.js module for optional dependency aliasing
        * Used by Vite and Turbopack to alias missing optional deps
-       * @returns Absolute path to empty.js
+       * @param returnPackageSpecifier - If true, returns package specifier '@donotdev/core/empty' for Turbopack. If false, returns absolute path for Vite.
+       * @returns Package specifier or absolute path to empty.js
        */
-      getEmptyModulePath() {
+      getEmptyModulePath(returnPackageSpecifier = false) {
+        if (returnPackageSpecifier) {
+          return "@donotdev/core/empty";
+        }
+        const resolved = this.resolvePackage("@donotdev/core/empty");
+        if (resolved) return resolved;
         const thisDir = dirname(fileURLToPath(import.meta.url));
-        return this.normalizePath(join(thisDir, "../vite/empty.js"));
+        return this.normalizePath(join(thisDir, "../empty.js"));
       }
       // === PRIVATE METHODS ===
       /**

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

@@ -7463,11 +7463,17 @@ var init_PathResolver = __esm({
       /**
        * Get path to empty.js module for optional dependency aliasing
        * Used by Vite and Turbopack to alias missing optional deps
-       * @returns Absolute path to empty.js
+       * @param returnPackageSpecifier - If true, returns package specifier '@donotdev/core/empty' for Turbopack. If false, returns absolute path for Vite.
+       * @returns Package specifier or absolute path to empty.js
        */
-      getEmptyModulePath() {
+      getEmptyModulePath(returnPackageSpecifier = false) {
+        if (returnPackageSpecifier) {
+          return "@donotdev/core/empty";
+        }
+        const resolved = this.resolvePackage("@donotdev/core/empty");
+        if (resolved) return resolved;
         const thisDir = dirname(fileURLToPath(import.meta.url));
-        return this.normalizePath(join(thisDir, "../vite/empty.js"));
+        return this.normalizePath(join(thisDir, "../empty.js"));
       }
       // === PRIVATE METHODS ===
       /**

package/dist/index.js

@@ -7762,11 +7762,17 @@ var init_PathResolver = __esm({
       /**
        * Get path to empty.js module for optional dependency aliasing
        * Used by Vite and Turbopack to alias missing optional deps
-       * @returns Absolute path to empty.js
+       * @param returnPackageSpecifier - If true, returns package specifier '@donotdev/core/empty' for Turbopack. If false, returns absolute path for Vite.
+       * @returns Package specifier or absolute path to empty.js
        */
-      getEmptyModulePath() {
+      getEmptyModulePath(returnPackageSpecifier = false) {
+        if (returnPackageSpecifier) {
+          return "@donotdev/core/empty";
+        }
+        const resolved = this.resolvePackage("@donotdev/core/empty");
+        if (resolved) return resolved;
         const thisDir = dirname(fileURLToPath(import.meta.url));
-        return this.normalizePath(join(thisDir, "../vite/empty.js"));
+        return this.normalizePath(join(thisDir, "../empty.js"));
       }
       // === PRIVATE METHODS ===
       /**
@@ -8772,12 +8778,7 @@ function executeFirebaseCommand(args, options) {
     env: deployEnv
   };
   let result;
-  if (process.platform === "win32") {
-    const firebaseCmd = "C:\\Program Files\\nodejs\\firebase.cmd";
-    result = spawnSync2(firebaseCmd, args, { ...spawnOptions, shell: false });
-  } else {
-    result = spawnSync2("firebase", args, { ...spawnOptions, shell: true });
-  }
+  result = spawnSync2("firebase", args, { ...spawnOptions, shell: true });
   if (result.error) {
     return {
       success: false,
@@ -10376,11 +10377,15 @@ async function deployFunctions(appDir, serviceAccountPath, projectId, config) {
   }
   const s = Y2();
   s.start("Validating function dependencies...");
-  const nodeModulesPath = joinPath(functionsDir, "node_modules");
   const requiredPackages = ["firebase-functions", "firebase-admin"];
-  const missingPackages = requiredPackages.filter(
-    (pkg) => !pathExists(joinPath(nodeModulesPath, pkg))
-  );
+  const missingPackages = requiredPackages.filter((pkg) => {
+    try {
+      resolvePackage(pkg, functionsDir);
+      return false;
+    } catch {
+      return true;
+    }
+  });
   if (missingPackages.length > 0) {
     s.stop("Missing dependencies");
     throw new DoNotDevError(
@@ -10395,6 +10400,8 @@ To fix this, run:
   }
   s.stop("Dependencies validated");
   prepareFunctionsForDeployment(functionsDir, config.verbose);
+  log.debug("Waiting for file system sync...");
+  await new Promise((resolve4) => setTimeout(resolve4, 1e3));
   try {
     if (!config.skipBuild) {
       const s2 = Y2();
@@ -11125,7 +11132,7 @@ function generateScripts(templateName, options) {
   const scripts = {};
   if (templateName.includes("vite")) {
     scripts.dev = "vite";
-    scripts.build = "tsc --noEmit && cross-env NODE_ENV=production VITE_NODE_POLYFILL=true vite build";
+    scripts.build = "vite build";
     scripts.preview = "vite preview";
     scripts.lint = "eslint src/";
     scripts["type-check"] = "tsc --noEmit";
@@ -11161,7 +11168,9 @@ function generateScripts(templateName, options) {
 function generatePackageJson(templateName, mode, options = {}) {
   const matrixResult = loadMatrix(mode);
   if (!matrixResult) {
-    throw new Error("dependencies-matrix.json not found. This command requires the matrix file.");
+    throw new Error(
+      "dependencies-matrix.json not found. This command requires the matrix file."
+    );
   }
   const { matrix, cliVersion } = matrixResult;
   const template = matrix.templateMapping?.[templateName];
@@ -11221,6 +11230,11 @@ function generatePackageJson(templateName, mode, options = {}) {
     result.main = "./index.ts";
     result.types = "./index.ts";
   }
+  if (templateName.includes("vite") || templateName.includes("nextjs") || templateName.includes("functions")) {
+    if (!dependencies.entities) {
+      dependencies.entities = "workspace:*";
+    }
+  }
   if (templateName.includes("functions")) {
     result.engines = { node: "20" };
     if (options.appName) {
@@ -11343,7 +11357,8 @@ async function createApp(appName, appConfig, workspaceRoot, templatesRoot) {
     firebaseProjectId: appName.toLowerCase(),
     firebaseSecretName: appName.toUpperCase().replace(/-/g, "_"),
     monorepoRelativePath: "../../packages/tooling",
-    appTemplate
+    appTemplate,
+    isNextjs: appTemplate === "nextjs"
   };
   const templateSourceDir = joinPath(templatesRoot, templateDir);
   const templateFiles = await glob("**/*", {
@@ -11436,7 +11451,7 @@ async function createApp(appName, appConfig, workspaceRoot, templatesRoot) {
       await replacePlaceholders(firebaseJsonDest, replacements);
     }
   }
-  if (appConfig.needsBackend && appConfig.backendPlatform === "vercel") {
+  if (appTemplate === "nextjs" || appConfig.needsBackend && appConfig.backendPlatform === "vercel") {
     const vercelJsonSource = joinPath(
       deploymentTemplateDir,
       "vercel.json.example"
@@ -11817,6 +11832,7 @@ async function main8(options) {
         setupGithubActions: false,
         monorepoRelativePath: relativeMonorepoPath,
         appTemplate: "vite",
+        isNextjs: false,
         firebaseProjectId: projectName.toLowerCase(),
         firebaseSecretName: projectName.toUpperCase().replace(/-/g, "_"),
         needsAuth,

package/package.json

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

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

@@ -4,6 +4,10 @@
   <meta charset="UTF-8" />
   <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">
+  
   <style>
     body { 
       margin: 0; 

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

@@ -1,17 +1,35 @@
-// apps/demo/src/App.tsx
+/**
+ * @fileoverview Main application component
+ * @description Root application component with configuration-driven architecture
+ * @version 0.0.4
+ * @since 0.0.1
+ * @author AMBROISE PARK Consulting
+ */
 
-import { BrowserRouter } from 'react-router-dom';
-import { TooltipProvider, Toaster } from '@donotdev/components';
+import { ViteAppProviders } from '@donotdev/ui/vite';
 
-import { Routes } from './Routes';
+import { appConfig } from './config/app';
 
+/**
+ * Main application component
+ *
+ * Configuration-driven architecture with smart defaults.
+ * Layout preset comes from appConfig.preset (configured in config/app.ts).
+ * Routes are automatically discovered from src/pages/*Page.tsx files.
+ *
+ * Note: HomePage.tsx in src/pages/ is automatically used for the root route "/"
+ *
+ * @version 0.0.4
+ * @since 0.0.1
+ * @author AMBROISE PARK Consulting
+ */
 export function App() {
   return (
-    <BrowserRouter>
-      <TooltipProvider>
-        <Routes />
-        <Toaster />
-      </TooltipProvider>
-    </BrowserRouter>
+    <ViteAppProviders
+      config={appConfig}
+      layout={{
+        breadcrumbs: 'smart', // 'smart' | 'always' | 'never'
+      }}
+    />
   );
 }

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

@@ -0,0 +1,56 @@
+/**
+ * @fileoverview Application configuration
+ * @description Defines application metadata and feature flags
+ * @version 0.0.1
+ * @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}}';
+
+/**
+ * Application short name constant
+ *
+ * @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
+ */
+export const appConfig: AppConfig = {
+  app: {
+    name: APP_NAME,
+    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,
+  },
+};

package/templates/app-next/src/app/ClientLayout.tsx.example

@@ -6,7 +6,6 @@ import { appConfig } from '../config/app';
 
 interface ClientLayoutProps {
   children: React.ReactNode;
-  serverCookies?: string;
 }
 
 /**
@@ -17,13 +16,14 @@ interface ClientLayoutProps {
  * Layout prop is for breadcrumbs and slot customizations only.
  * CSS variable overrides should be done in themes.css.
  * Override only what you need - everything else has sensible defaults.
+ * 
+ * Theme detection happens client-side to avoid Next.js 16 race condition.
  */
-export function ClientLayout({ children, serverCookies }: ClientLayoutProps) {
+export function ClientLayout({ children }: ClientLayoutProps) {
   return (
     <div id="root">
       <NextJsAppProviders
         config={appConfig}
-        serverCookies={serverCookies}
         layout={{
           breadcrumbs: 'smart', // 'smart' | 'always' | 'never'
           header: {
@@ -37,3 +37,4 @@ export function ClientLayout({ children, serverCookies }: ClientLayoutProps) {
     </div>
   );
 }
+

package/templates/app-next/src/app/layout.tsx.example

@@ -1,13 +1,12 @@
 import type { Metadata } from 'next';
-import { cookies } from 'next/headers';
 import '../globals.css';
 import { ClientLayout } from './ClientLayout';
 
 /**
  * Framework fonts are loaded via CSS @font-face rules in dndev.css
  *
- * The framework CSS includes optimized @font-face declarations for Roboto
- * with proper unicode-range subsetting for performance.
+ * The framework CSS includes optimized @font-face declarations for Inter
+ * (default) and Roboto (optional) with proper unicode-range subsetting for performance.
  * Fonts are copied from framework to public/fonts/ by AssetDiscovery during build.
  */
 
@@ -16,36 +15,29 @@ export const metadata: Metadata = {
   description: 'Next.js site using DNDev framework',
 };
 
-export default async function RootLayout({
+/**
+ * Root layout for Next.js App Router
+ * 
+ * Theme detection happens client-side via ClientLayout to avoid
+ * Next.js 16 + Turbopack race condition with async layouts.
+ * Brief FOUC possible on first load, but prevents build-manifest.json errors.
+ */
+export default function RootLayout({
   children,
 }: {
   children: React.ReactNode;
 }) {
-  /**
-   * SSR: Read theme from cookies to apply correct theme class to HTML
-   *
-   * This ensures the server-rendered HTML has the correct theme class,
-   * preventing FOUC (Flash of Unstyled Content) when client hydrates.
-   *
-   * Flow:
-   * 1. Server reads cookie → applies theme class to <html>/<body>
-   * 2. NextJsStoresInitializer hydrates store from cookie
-   * 3. Client hydrates → Zustand persist matches server state
-   * 4. setAvailableThemes() ensures DOM matches persisted theme
-   */
-  const cookieStore = await cookies();
-  const themeCookie = cookieStore.get('dndev-theme');
-  const themeClass = themeCookie?.value || 'light';
-
   return (
-    <html lang="en" className={`dndev-design-tokens ${themeClass}`}>
+    <html
+      lang="en"
+      className="dndev-design-tokens light"
+      suppressHydrationWarning
+    >
       <head>
         <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
       </head>
-      <body className={themeClass}>
-        <ClientLayout serverCookies={cookieStore.toString()}>
-          {children}
-        </ClientLayout>
+      <body className="light">
+        <ClientLayout>{children}</ClientLayout>
       </body>
     </html>
   );

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

@@ -6,10 +6,13 @@
 /**
  * Font configuration
  * 
- * Uses --font-roboto CSS variable from next/font/local (defined in layout.tsx).
- * Next.js automatically handles font preloading and optimization.
- */
-:root {
-  --font-sans: var(--font-roboto, 'Roboto', sans-serif);
-  --font-family: var(--font-sans);
-} 
+ * Framework defaults to Inter (defined in @donotdev/components/styles/variables.css).
+ * Fonts are loaded via CSS @font-face rules in @donotdev/ui/assets/fonts/fonts.css
+ * and copied to public/fonts/ by AssetDiscovery during build.
+ * 
+ * To override, uncomment and customize:
+ * :root {
+ *   --font-sans: 'YourFont', sans-serif;
+ *   --font-family: var(--font-sans);
+ * }
+ */ 

package/templates/app-next/src/locales/dndev_en.json.example

@@ -496,6 +496,10 @@
     "copied": "Copied!",
     "copyCodeToClipboard": "Copy code to clipboard"
   },
+  "video": {
+    "clickToWatch": "Click to watch video",
+    "watchVideo": "Watch Video"
+  },
   "inspector": {
     "pageSource": "Page Source",
     "inspectPageSourceCode": "Inspect page source code"
@@ -512,5 +516,69 @@
     "goHome": "Go Home",
     "goBack": "Go Back",
     "contactSupport": "If the problem persists, please contact support."
+  },
+  "redirectOverlay": {
+    "phases": {
+      "connecting": "Connecting to secure server...",
+      "preparing": "Preparing your session...",
+      "redirecting": "Redirecting...",
+      "timeout": "Taking longer than expected..."
+    },
+    "cancel": "Cancel",
+    "doNotRefresh": "Please do not refresh or press back",
+    "default": {
+      "title": "Redirecting",
+      "message": "Please wait while we redirect you...",
+      "subtitle": "This may take a moment",
+      "ariaLabel": "Redirecting, please wait"
+    },
+    "stripe-checkout": {
+      "title": "Redirecting to Stripe",
+      "message": "Initializing secure payment...",
+      "subtitle": "This may take a moment on first load",
+      "ariaLabel": "Preparing secure checkout, please wait"
+    },
+    "stripe-portal": {
+      "title": "Redirecting to Stripe",
+      "message": "Opening billing portal...",
+      "subtitle": "Manage your subscription and invoices",
+      "ariaLabel": "Opening billing portal, please wait"
+    },
+    "oauth-google": {
+      "title": "Signing in with Google",
+      "message": "Connecting to Google...",
+      "subtitle": "You will be redirected to sign in",
+      "ariaLabel": "Signing in with Google, please wait"
+    },
+    "oauth-github": {
+      "title": "Signing in with GitHub",
+      "message": "Connecting to GitHub...",
+      "subtitle": "You will be redirected to sign in",
+      "ariaLabel": "Signing in with GitHub, please wait"
+    },
+    "oauth-apple": {
+      "title": "Signing in with Apple",
+      "message": "Connecting to Apple...",
+      "subtitle": "You will be redirected to sign in",
+      "ariaLabel": "Signing in with Apple, please wait"
+    },
+    "oauth-microsoft": {
+      "title": "Signing in with Microsoft",
+      "message": "Connecting to Microsoft...",
+      "subtitle": "You will be redirected to sign in",
+      "ariaLabel": "Signing in with Microsoft, please wait"
+    },
+    "oauth-facebook": {
+      "title": "Signing in with Facebook",
+      "message": "Connecting to Facebook...",
+      "subtitle": "You will be redirected to sign in",
+      "ariaLabel": "Signing in with Facebook, please wait"
+    },
+    "auth-email-link": {
+      "title": "Sending verification",
+      "message": "Preparing your verification link...",
+      "subtitle": "Check your email inbox",
+      "ariaLabel": "Sending verification email, please wait"
+    }
   }
 }

package/templates/app-next/src/pages/locales/example_en.json.example

@@ -0,0 +1,5 @@
+{
+  "title": "Example Page",
+  "description": "Example page locale file that is dynamically loaded on demand only"
+}
+

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

@@ -30,6 +30,9 @@
   <title>Loading...</title>
   <meta name="description" content="Modern web application powered by DoNotDev" />
   
+  <!-- ✅ PERFORMANCE: Critical font preloads (loads before CSS) -->
+  <!-- Only preload fonts with font-display: swap (not optional) -->
+  <!-- Example: <link rel="preload" href="/fonts/YourFont.woff2" as="font" type="font/woff2" crossorigin="anonymous"> -->
 
   <!-- ✅ PERFORMANCE: Critical CSS inlined here by build -->
   <style>

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

@@ -3,9 +3,17 @@
 
 @import './themes.css';
 
-/* Override framework's default font to use Roboto */
-:root {
-  --font-sans: 'Roboto', sans-serif;
-  --font-mono: 'Roboto Mono', monospace;
-  --font-family: var(--font-sans);
-} 
+/**
+ * Font configuration
+ * 
+ * Framework defaults to Inter (defined in @donotdev/components/styles/variables.css).
+ * Fonts are loaded via CSS @font-face rules in @donotdev/ui/assets/fonts/fonts.css
+ * and copied to public/fonts/ by AssetDiscovery during build.
+ * 
+ * To override, uncomment and customize:
+ * :root {
+ *   --font-sans: 'YourFont', sans-serif;
+ *   --font-mono: 'YourMonoFont', monospace;
+ *   --font-family: var(--font-sans);
+ * }
+ */