@onexapis/cli 1.1.16 → 1.1.18

package/dist/index.mjs

@@ -5,6 +5,7 @@ import path7 from 'path';
 import fs6 from 'fs/promises';
 import crypto from 'crypto';
 import { glob } from 'glob';
+import { createRequire } from 'module';
 import fs2 from 'fs';
 import { execSync, spawn } from 'child_process';
 import inquirer from 'inquirer';
@@ -93,7 +94,7 @@ __export(compile_theme_exports, {
   compilePreviewRuntime: () => compilePreviewRuntime,
   compileStandaloneTheme: () => compileStandaloneTheme,
   compileStandaloneThemeDev: () => compileStandaloneThemeDev,
-  generateManifest: () => generateManifest2
+  generateManifest: () => generateManifest
 });
 async function resolveNodeModulesFile(startDir, relativePath) {
   let dir = startDir;
@@ -240,6 +241,12 @@ function createThemeDepsStubPlugin(themePath) {
             if (!result.errors.length) return result;
           } catch {
           }
+          try {
+            const req = createRequire(import.meta.url || __filename);
+            const resolved = req.resolve(args.path);
+            if (resolved) return { path: resolved, namespace: "file" };
+          } catch {
+          }
           return { path: args.path, namespace };
         });
       };
@@ -248,11 +255,19 @@ function createThemeDepsStubPlugin(themePath) {
         const stubs = {
           "next/image": `
 import React from 'react';
-const Image = (props) => {
-  const { src, alt, width, height, fill, priority, ...rest } = props;
+const Image = React.forwardRef((props, ref) => {
+  const { src, alt, width, height, fill, priority, sizes, quality, placeholder, blurDataURL, onLoad, onError, style, className, ...rest } = props;
   const imgSrc = typeof src === 'object' ? src.src : src;
-  return React.createElement('img', { src: imgSrc, alt, width: fill ? undefined : width, height: fill ? undefined : height, loading: priority ? 'eager' : 'lazy', ...rest });
-};
+  const fillStyle = fill ? { position: 'absolute', inset: 0, width: '100%', height: '100%', objectFit: style?.objectFit || 'cover', display: 'block' } : {};
+  const mergedStyle = { ...fillStyle, ...style };
+  return React.createElement('img', {
+    ref, src: imgSrc, alt,
+    width: fill ? undefined : width, height: fill ? undefined : height,
+    loading: priority ? 'eager' : 'lazy',
+    style: Object.keys(mergedStyle).length > 0 ? mergedStyle : undefined,
+    className, onLoad, onError, ...rest,
+  });
+});
 export default Image;
           `,
           "next/link": `
@@ -286,7 +301,10 @@ export function headers() { return new Headers(); }
         if (!lucideThemeScanned) {
           lucideThemeScanned = true;
           try {
-            const scanned = await scanImportsFromPackage(themePath, "lucide-react");
+            const scanned = await scanImportsFromPackage(
+              themePath,
+              "lucide-react"
+            );
             for (const names of Object.values(scanned)) {
               for (const name of names) lucideImports.add(name);
             }
@@ -349,10 +367,13 @@ export function useFormContext() { return useForm(); }
         loader: "js"
       }));
       tryResolveOrStub(/^@hookform\/resolvers/, "hookform-resolvers-stub");
-      build2.onLoad({ filter: /.*/, namespace: "hookform-resolvers-stub" }, () => ({
-        contents: `export function zodResolver() { return () => ({ values: {}, errors: {} }); }`,
-        loader: "js"
-      }));
+      build2.onLoad(
+        { filter: /.*/, namespace: "hookform-resolvers-stub" },
+        () => ({
+          contents: `export function zodResolver() { return () => ({ values: {}, errors: {} }); }`,
+          loader: "js"
+        })
+      );
       tryResolveOrStub(/^next-intl$/, "next-intl-stub");
       build2.onLoad({ filter: /.*/, namespace: "next-intl-stub" }, () => ({
         contents: `
@@ -517,7 +538,7 @@ async function extractDataRequirements(themePath) {
   }
   return requirements;
 }
-async function generateManifest2(themeName, themePath, outputDir) {
+async function generateManifest(themeName, themePath, outputDir) {
   let version = "1.0.0";
   let themeId = themeName;
   try {
@@ -610,7 +631,11 @@ async function compileStandaloneTheme(themePath, themeName) {
     banner: {
       js: '"use client";'
     },
-    plugins: [reactGlobalPlugin, createCoreGlobalPlugin(themePath), createThemeDepsStubPlugin(themePath)],
+    plugins: [
+      reactGlobalPlugin,
+      createCoreGlobalPlugin(themePath),
+      createThemeDepsStubPlugin(themePath)
+    ],
     external: [],
     alias: {
       events: "events/",
@@ -648,7 +673,7 @@ async function compileStandaloneTheme(themePath, themeName) {
     } catch {
     }
     await contentHashEntry(outputDir);
-    await generateManifest2(themeName, themePath, outputDir);
+    await generateManifest(themeName, themePath, outputDir);
     await generateThemeData(themePath, outputDir, themeName);
     if (result.metafile) {
       const outputs = result.metafile.outputs;
@@ -692,7 +717,11 @@ async function compileStandaloneThemeDev(themePath, themeName) {
     banner: {
       js: '"use client";'
     },
-    plugins: [reactGlobalPlugin, createCoreGlobalPlugin(themePath), createThemeDepsStubPlugin(themePath)],
+    plugins: [
+      reactGlobalPlugin,
+      createCoreGlobalPlugin(themePath),
+      createThemeDepsStubPlugin(themePath)
+    ],
     external: [],
     alias: {
       events: "events/",
@@ -725,7 +754,7 @@ async function compileStandaloneThemeDev(themePath, themeName) {
   };
   const context2 = await esbuild.context(buildOptions);
   await context2.rebuild();
-  await generateManifest2(themeName, themePath, outputDir);
+  await generateManifest(themeName, themePath, outputDir);
   await generateThemeData(themePath, outputDir, themeName);
   return { context: context2, outputDir };
 }
@@ -827,7 +856,16 @@ ${locations.join("\n")}`
             path7.join(themePath, "node_modules", "@onexapis", "core", "src"),
             path7.join(themePath, "..", "..", "packages", "core", "src"),
             // monorepo sibling
-            path7.join(__dirname, "..", "..", "..", "..", "packages", "core", "src")
+            path7.join(
+              __dirname,
+              "..",
+              "..",
+              "..",
+              "..",
+              "packages",
+              "core",
+              "src"
+            )
             // from CLI src
           ];
           let coreSourceDir = null;
@@ -841,7 +879,10 @@ ${locations.join("\n")}`
           }
           if (coreSourceDir) {
             try {
-              const scanned = await scanImportsFromPackage(coreSourceDir, "lucide-react");
+              const scanned = await scanImportsFromPackage(
+                coreSourceDir,
+                "lucide-react"
+              );
               for (const names of Object.values(scanned)) {
                 for (const name of names) lucideIconNames.add(name);
               }
@@ -862,7 +903,10 @@ ${locations.join("\n")}`
                 const mjsFiles = await glob("*.mjs", { cwd: candidate });
                 const importRegex = /import\s*\{([^}]+)\}\s*from\s*["']lucide-react["']/g;
                 for (const file of mjsFiles) {
-                  const content = await fs6.readFile(path7.join(candidate, file), "utf-8");
+                  const content = await fs6.readFile(
+                    path7.join(candidate, file),
+                    "utf-8"
+                  );
                   for (const match of content.matchAll(importRegex)) {
                     for (const name of match[1].split(",")) {
                       const original = name.trim().split(/\s+as\s+/)[0].trim();
@@ -878,7 +922,10 @@ ${locations.join("\n")}`
             }
           }
           try {
-            const scanned = await scanImportsFromPackage(themePath, "lucide-react");
+            const scanned = await scanImportsFromPackage(
+              themePath,
+              "lucide-react"
+            );
             for (const names of Object.values(scanned)) {
               for (const name of names) lucideIconNames.add(name);
             }
@@ -908,14 +955,39 @@ export default new Proxy({}, { get: (_, name) => name === '__esModule' ? true :
           if (!result.errors.length) return result;
         } catch {
         }
+        try {
+          const req = createRequire(import.meta.url || __filename);
+          const cjsPath = req.resolve("framer-motion");
+          const pkgDir = cjsPath.replace(/[/\\]dist[/\\].*$/, "");
+          const esmEntry = path7.join(pkgDir, "dist", "es", "index.mjs");
+          const { existsSync } = await import('fs');
+          if (existsSync(esmEntry)) {
+            return { path: esmEntry, namespace: "file" };
+          }
+          return { path: cjsPath, namespace: "file" };
+        } catch {
+        }
         return { path: args.path, namespace: "motion-stub" };
       });
       build2.onLoad({ filter: /.*/, namespace: "motion-stub" }, () => ({
         contents: `
-const stub = (props) => props.children || null;
-const handler = { get: (_, name) => name === '__esModule' ? true : stub };
+import React from 'react';
+const MotionComponent = React.forwardRef((props, ref) => {
+  const { initial, animate, exit, variants, transition, whileInView, whileHover, whileTap, viewport, onAnimationComplete, layout, layoutId, style, className, ...rest } = props;
+  return React.createElement(rest.as || 'div', { ref, style, className, ...rest }, rest.children);
+});
+const handler = { get: (_, name) => {
+  if (name === '__esModule') return true;
+  if (name === 'create') return () => new Proxy({}, handler);
+  return MotionComponent;
+}};
 export const motion = new Proxy({}, handler);
-export const AnimatePresence = stub;
+export const AnimatePresence = (props) => props.children || null;
+export const useInView = () => true;
+export const useAnimation = () => ({ start: () => {}, stop: () => {}, set: () => {} });
+export const useMotionValue = (v) => ({ get: () => v, set: () => {}, onChange: () => () => {} });
+export const useTransform = (v) => v;
+export const useScroll = () => ({ scrollY: { get: () => 0, onChange: () => () => {} }, scrollYProgress: { get: () => 0, onChange: () => () => {} } });
 export default { motion, AnimatePresence };
         `.trim(),
         loader: "jsx"
@@ -938,12 +1010,26 @@ export default { motion, AnimatePresence };
       build2.onLoad({ filter: /.*/, namespace: "next-stub" }, (args) => {
         const stubs = {
           "next/image": `
-const Image = (props) => {
-  const { src, alt, width, height, fill, priority, ...rest } = props;
-  const imgSrc = typeof src === 'object' ? src.src : src;
-  return React.createElement('img', { src: imgSrc, alt, width: fill ? undefined : width, height: fill ? undefined : height, loading: priority ? 'eager' : 'lazy', ...rest });
-};
 import React from 'react';
+const Image = React.forwardRef((props, ref) => {
+  const { src, alt, width, height, fill, priority, sizes, quality, placeholder, blurDataURL, onLoad, onError, style, className, ...rest } = props;
+  const imgSrc = typeof src === 'object' ? src.src : src;
+  const fillStyle = fill ? { position: 'absolute', inset: 0, width: '100%', height: '100%', objectFit: style?.objectFit || 'cover', display: 'block' } : {};
+  const mergedStyle = { ...fillStyle, ...style };
+  return React.createElement('img', {
+    ref,
+    src: imgSrc,
+    alt,
+    width: fill ? undefined : width,
+    height: fill ? undefined : height,
+    loading: priority ? 'eager' : 'lazy',
+    style: Object.keys(mergedStyle).length > 0 ? mergedStyle : undefined,
+    className,
+    onLoad,
+    onError,
+    ...rest,
+  });
+});
 export default Image;
           `,
           "next/link": `
@@ -1428,45 +1514,20 @@ async function initCommand(projectName, options = {}) {
   try {
     fs2.mkdirSync(projectPath, { recursive: true });
     await copyTemplate(template, projectPath, data);
-    const srcPath = path7.join(projectPath, "src");
-    fs2.mkdirSync(srcPath, { recursive: true });
-    const manifestContent = generateManifest(data);
-    await writeFile(path7.join(srcPath, "manifest.ts"), manifestContent);
-    const configContent = generateThemeConfig(data);
-    await writeFile(path7.join(srcPath, "config.ts"), configContent);
-    const layoutContent = generateThemeLayout(data);
-    await writeFile(path7.join(srcPath, "layout.ts"), layoutContent);
-    const indexContent = generateThemeIndex(data);
-    await writeFile(path7.join(srcPath, "index.ts"), indexContent);
-    const sectionsPath = path7.join(srcPath, "sections");
-    fs2.mkdirSync(sectionsPath, { recursive: true });
-    await writeFile(
-      path7.join(sectionsPath, "README.md"),
-      `# ${displayName} Sections
-
-Add your theme-specific sections here.
-`
-    );
-    const blocksPath = path7.join(srcPath, "blocks");
-    fs2.mkdirSync(blocksPath, { recursive: true });
-    await writeFile(
-      path7.join(blocksPath, "README.md"),
-      `# ${displayName} Blocks
-
-Add your theme-specific blocks here.
-`
+    await renameThemeInFiles(
+      projectPath,
+      name,
+      displayName,
+      description,
+      author
     );
-    const pagesPath = path7.join(srcPath, "pages");
-    fs2.mkdirSync(pagesPath, { recursive: true });
-    const homePageContent = generateHomePage(data);
-    await writeFile(path7.join(pagesPath, "home.ts"), homePageContent);
     logger.stopSpinner(true, "Project structure created!");
     if (options.git) {
       logger.startSpinner("Initializing git repository...");
       try {
         execSync("git init", { cwd: projectPath, stdio: "ignore" });
         execSync("git add .", { cwd: projectPath, stdio: "ignore" });
-        execSync('git commit -m "Initial commit from onex init"', {
+        execSync('git commit -m "Initial commit from onexthm init"', {
           cwd: projectPath,
           stdio: "ignore"
         });
@@ -1503,14 +1564,14 @@ Add your theme-specific blocks here.
     logger.log(`  npm run dev        # Start development mode`);
     logger.newLine();
     logger.section("Theme structure:");
-    logger.log("  src/manifest.ts    - Theme manifest and exports");
+    logger.log("  bundle-entry.ts    - Theme manifest and exports");
     logger.log(
-      "  src/config.ts      - Design tokens (colors, typography, etc.)"
+      "  theme.config.ts    - Design tokens (colors, typography, etc.)"
     );
-    logger.log("  src/layout.ts      - Header and footer configuration");
-    logger.log("  src/sections/      - Custom sections for your theme");
-    logger.log("  src/blocks/        - Reusable blocks");
-    logger.log("  src/pages/         - Page configurations");
+    logger.log("  theme.layout.ts    - Header and footer configuration");
+    logger.log("  sections/          - Custom sections for your theme");
+    logger.log("  pages/             - Page configurations");
+    logger.log("  CLAUDE.md          - AI assistant context");
     logger.newLine();
     logger.success(`Happy theming! \u{1F3A8}`);
   } catch (error) {
@@ -1524,231 +1585,33 @@ Add your theme-specific blocks here.
     process.exit(1);
   }
 }
-function generateManifest(data) {
-  return `import type { ThemeExport } from "@onexapis/core";
-
-/**
- * ${data.displayName} Theme Manifest
- * ${data.description}
- */
-export const manifest: ThemeExport = {
-  id: "${data.themeName}",
-  name: "${data.displayName}",
-  description: "${data.description}",
-  version: "1.0.0",
-  author: "${data.author}",
-
-  // Theme configuration
-  config: () => import("./config").then((m) => m.themeConfig),
-
-  // Theme layout (header/footer sections)
-  layout: () => import("./layout").then((m) => m.themeLayout),
-
-  // Available sections in this theme
-  sections: {
-    // Example: hero: () => import("./sections/hero").then((m) => m.heroSchema),
-  },
-
-  // Available blocks in this theme
-  blocks: {
-    // Example: productCard: () => import("./blocks/product-card").then((m) => m.productCardDefinition),
-  },
-
-  // Default pages
-  pages: {
-    home: () => import("./pages/home").then((m) => m.homePageConfig),
-  },
-
-  // Supported page types
-  supportedPageTypes: ["home", "about", "contact", "custom"],
-
-  // Preview image (optional)
-  preview: undefined,
-
-  // Tags for categorization (optional)
-  tags: ["custom"],
-};
-
-export default manifest;
-`;
-}
-function generateThemeConfig(data) {
-  return `import type { ThemeConfig } from "@onexapis/core";
-
-/**
- * ${data.displayName} Theme Configuration
- * Design tokens: colors, typography, spacing, etc.
- */
-export const themeConfig: ThemeConfig = {
-  // Color palette
-  colors: {
-    primary: {
-      50: "#eff6ff",
-      100: "#dbeafe",
-      200: "#bfdbfe",
-      300: "#93c5fd",
-      400: "#60a5fa",
-      500: "#3b82f6",
-      600: "#2563eb",
-      700: "#1d4ed8",
-      800: "#1e40af",
-      900: "#1e3a8a",
-    },
-    secondary: {
-      50: "#f8fafc",
-      100: "#f1f5f9",
-      200: "#e2e8f0",
-      300: "#cbd5e1",
-      400: "#94a3b8",
-      500: "#64748b",
-      600: "#475569",
-      700: "#334155",
-      800: "#1e293b",
-      900: "#0f172a",
-    },
-    accent: {
-      50: "#fdf4ff",
-      100: "#fae8ff",
-      200: "#f5d0fe",
-      300: "#f0abfc",
-      400: "#e879f9",
-      500: "#d946ef",
-      600: "#c026d3",
-      700: "#a21caf",
-      800: "#86198f",
-      900: "#701a75",
-    },
-  },
-
-  // Typography
-  typography: {
-    fontFamily: {
-      sans: ["Inter", "system-ui", "sans-serif"],
-      serif: ["Georgia", "serif"],
-      mono: ["Monaco", "monospace"],
-    },
-    fontSize: {
-      xs: "0.75rem",
-      sm: "0.875rem",
-      base: "1rem",
-      lg: "1.125rem",
-      xl: "1.25rem",
-      "2xl": "1.5rem",
-      "3xl": "1.875rem",
-      "4xl": "2.25rem",
-      "5xl": "3rem",
-    },
-  },
-
-  // Spacing
-  spacing: {
-    xs: "0.5rem",
-    sm: "1rem",
-    md: "1.5rem",
-    lg: "2rem",
-    xl: "3rem",
-    "2xl": "4rem",
-    "3xl": "6rem",
-    "4xl": "8rem",
-  },
-
-  // Border radius
-  borderRadius: {
-    none: "0",
-    sm: "0.125rem",
-    md: "0.375rem",
-    lg: "0.5rem",
-    xl: "0.75rem",
-    full: "9999px",
-  },
-
-  // Breakpoints
-  breakpoints: {
-    sm: "640px",
-    md: "768px",
-    lg: "1024px",
-    xl: "1280px",
-    "2xl": "1536px",
-  },
-};
-`;
-}
-function generateThemeLayout(data) {
-  return `import type { ThemeLayoutConfig } from "@onexapis/core";
-
-/**
- * ${data.themeName} Theme Layout
- * Define header and footer sections
- */
-export const themeLayout: ThemeLayoutConfig = {
-  // Header section configuration
-  header: undefined,
-  // Example:
-  // header: {
-  //   type: "header",
-  //   template: "default",
-  //   enabled: true,
-  //   settings: {},
-  // },
-
-  // Footer section configuration
-  footer: undefined,
-  // Example:
-  // footer: {
-  //   type: "footer",
-  //   template: "default",
-  //   enabled: true,
-  //   settings: {},
-  // },
-};
-`;
-}
-function generateThemeIndex(data) {
-  return `/**
- * ${data.themeNamePascal} Theme
- */
-
-export { manifest as ${data.themeNamePascal}Manifest } from "./manifest";
-export { themeConfig as ${data.themeNamePascal}Config } from "./config";
-export { themeLayout as ${data.themeNamePascal}Layout } from "./layout";
-`;
-}
-function generateHomePage(data) {
-  return `import type { PageConfig } from "@onexapis/core";
-
-/**
- * Home Page Configuration
- */
-export const homePageConfig: PageConfig = {
-  type: "home",
-  title: "${data.displayName}",
-  description: "Welcome to ${data.displayName}",
-
-  // SEO metadata
-  seo: {
-    title: "${data.displayName} - Home",
-    description: "Welcome to ${data.displayName}",
-    keywords: [],
-    ogImage: undefined,
-  },
-
-  // Page sections
-  sections: [
-    // Add your sections here
-    // Example:
-    // {
-    //   id: "hero-1",
-    //   type: "hero",
-    //   template: "default",
-    //   order: 0,
-    //   enabled: true,
-    //   settings: {},
-    //   components: [],
-    //   blocks: [],
-    // },
-  ],
-};
-`;
+async function renameThemeInFiles(projectPath, themeName, displayName, description, author) {
+  const configPath = path7.join(projectPath, "theme.config.ts");
+  if (fs2.existsSync(configPath)) {
+    let content = fs2.readFileSync(configPath, "utf-8");
+    content = content.replace(
+      /name: "My Simple Theme"/,
+      `name: "${displayName}"`
+    );
+    content = content.replace(
+      /description: ".*?"/,
+      `description: "${description}"`
+    );
+    fs2.writeFileSync(configPath, content, "utf-8");
+  }
+  const pkgPath = path7.join(projectPath, "package.json");
+  if (fs2.existsSync(pkgPath)) {
+    let content = fs2.readFileSync(pkgPath, "utf-8");
+    content = content.replace(
+      /@onex-themes\/my-simple/g,
+      `@onex-themes/${themeName}`
+    );
+    content = content.replace(
+      /"description": ".*?"/,
+      `"description": "${description}"`
+    );
+    fs2.writeFileSync(pkgPath, content, "utf-8");
+  }
 }
 
 // src/commands/create-section.ts
@@ -2634,7 +2497,7 @@ async function buildCommand(options) {
   logger.stopSpinner(true, "Lint passed");
   const pkgJson = fs.readJsonSync(packageJsonPath);
   const buildScript = pkgJson.scripts?.build || "";
-  const isRecursive = buildScript.includes("onex build") || buildScript.includes("onex-cli build");
+  const isRecursive = buildScript.includes("onexthm build") || buildScript.includes("onex-cli build");
   logger.startSpinner(
     options.watch ? "Building (watch mode)..." : "Building..."
   );
@@ -2725,7 +2588,7 @@ function getBucketName(env) {
     return process.env.BUCKET_NAME;
   }
   const environment = env || process.env.ENVIRONMENT || "staging";
-  return environment === "production" ? "onex-themes-prod" : "onex-themes-staging";
+  return environment === "production" ? "theme-s3-bucket" : "theme-s3-bucket";
 }
 async function findCompiledThemeDir(themeId, version) {
   const searchPaths = [path7.resolve(process.cwd(), "dist")];
@@ -2832,7 +2695,7 @@ async function uploadCommand(options) {
     if (!compiledDir) {
       spinner.fail(
         chalk4.red(
-          `Compiled theme not found for ${themeId}@${version}. Run 'onex build' first.`
+          `Compiled theme not found for ${themeId}@${version}. Run 'onexthm build' first.`
         )
       );
       logger.info(chalk4.gray(`Expected location:
@@ -2994,7 +2857,7 @@ function getBucketName2(env) {
     return process.env.BUCKET_NAME;
   }
   const environment = env || process.env.ENVIRONMENT || "staging";
-  return environment === "production" ? "onex-themes-prod" : "onex-themes-staging";
+  return environment === "production" ? "theme-s3-bucket" : "theme-s3-bucket";
 }
 async function streamToString(stream) {
   const chunks = [];
@@ -3064,7 +2927,7 @@ function showDownloadFailureHelp(themeId, bucket) {
   console.log(chalk4.white("1. Compile and upload the theme:"));
   console.log(chalk4.gray(`   cd themes/${themeId}`));
   console.log(chalk4.gray("   pnpm build"));
-  console.log(chalk4.gray("   onex upload"));
+  console.log(chalk4.gray("   onexthm upload"));
   console.log();
   console.log(chalk4.white("2. Verify AWS credentials are set:"));
   console.log(
@@ -3195,7 +3058,7 @@ function getBucketName3(env) {
     return process.env.BUCKET_NAME;
   }
   const environment = env || process.env.ENVIRONMENT || "staging";
-  return environment === "production" ? "onex-themes-prod" : "onex-themes-staging";
+  return environment === "production" ? "theme-s3-bucket" : "theme-s3-bucket";
 }
 async function streamToString2(stream) {
   const chunks = [];
@@ -3366,7 +3229,7 @@ async function cloneCommand(themeName, options) {
         chalk4.yellow("The theme source may not have been uploaded yet.")
       );
       console.log(
-        chalk4.gray(`Upload source with: onex upload --theme ${themeName}`)
+        chalk4.gray(`Upload source with: onexthm upload --theme ${themeName}`)
       );
       console.log();
       process.exit(1);
@@ -3393,7 +3256,7 @@ async function cloneCommand(themeName, options) {
         [
           "# API Configuration (enables real data in preview)",
           "# Get your Company ID from the OneX dashboard",
-          "NEXT_PUBLIC_API_URL=https://api-dev.onexeos.com",
+          "NEXT_PUBLIC_API_URL=https://platform-dev.onexeos.com",
           "NEXT_PUBLIC_COMPANY_ID=",
           ""
         ].join("\n")
@@ -3435,7 +3298,7 @@ async function cloneCommand(themeName, options) {
     if (options.install === false) {
       console.log(chalk4.gray("   pnpm install"));
     }
-    console.log(chalk4.gray("   onex build"));
+    console.log(chalk4.gray("   onexthm build"));
     console.log();
   } catch (error) {
     spinner.fail(chalk4.red(`Clone failed: ${error.message}`));