@onexapis/cli 1.1.17 → 1.1.19

package/dist/index.mjs

@@ -94,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;
@@ -538,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 {
@@ -673,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;
@@ -754,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 };
 }
@@ -1514,38 +1514,13 @@ 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...");
@@ -1589,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) {
@@ -1610,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
@@ -2720,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("onexthm build") || buildScript.includes("onex-cli build");
+  const isRecursive = buildScript.includes("onexthm build") || buildScript.includes("onex build") || buildScript.includes("onex-cli build");
   logger.startSpinner(
     options.watch ? "Building (watch mode)..." : "Building..."
   );
@@ -2754,18 +2531,36 @@ function runCommand(command, args, cwd) {
   return new Promise((resolve) => {
     const proc = spawn(command, args, {
       cwd,
-      stdio: "pipe",
+      stdio: ["pipe", "pipe", "pipe"],
       shell: true
     });
-    let hasError = false;
+    let stdout = "";
+    let stderr = "";
+    proc.stdout.on("data", (data) => {
+      stdout += data.toString();
+    });
     proc.stderr.on("data", (data) => {
-      const message = data.toString();
-      if (message.includes("error") || message.includes("Error") || message.includes("ERROR")) {
-        hasError = true;
-      }
+      stderr += data.toString();
     });
     proc.on("close", (code) => {
-      resolve(code === 0 && !hasError);
+      if (code !== 0) {
+        const output = (stderr + stdout).trim();
+        if (output) {
+          logger.newLine();
+          for (const line of output.split("\n")) {
+            const t = line.trim();
+            if (!t) continue;
+            if (t.includes("error") || t.includes("Error") || t.includes("TS")) {
+              logger.log(`  \u274C ${t}`);
+            } else if (t.includes("warning") || t.includes("Warning")) {
+              logger.log(`  \u26A0\uFE0F  ${t}`);
+            } else {
+              logger.log(`     ${t}`);
+            }
+          }
+        }
+      }
+      resolve(code === 0);
     });
     proc.on("error", () => {
       resolve(false);
@@ -2811,7 +2606,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")];
@@ -3080,7 +2875,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 = [];
@@ -3281,7 +3076,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 = [];
@@ -3479,7 +3274,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")