@onexapis/cli 1.1.1 → 1.1.3

package/dist/index.mjs

@@ -17,7 +17,6 @@ import AdmZip from 'adm-zip';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
 var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
   get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
 }) : x)(function(x) {
@@ -31,7 +30,6 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __forAwait = (obj, it, method) => (it = obj[__knownSymbol("asyncIterator")]) ? it.call(obj) : (obj = obj[__knownSymbol("iterator")](), it = {}, method = (key, fn) => (fn = obj[key]) && (it[key] = (arg) => new Promise((yes, no, done) => (arg = fn.call(obj, arg), done = arg.done, Promise.resolve(arg.value).then((value) => yes({ value, done }), no)))), method("next"), method("return"), it);
 var Logger, logger;
 var init_logger = __esm({
   "src/utils/logger.ts"() {
@@ -104,7 +102,7 @@ async function resolveNodeModulesFile(startDir, relativePath) {
     try {
       await fs6.access(candidate);
       return candidate;
-    } catch (e) {
+    } catch {
       const parent = path.dirname(dir);
       if (parent === dir) break;
       dir = parent;
@@ -123,7 +121,7 @@ function createCoreGlobalPlugin(themePath) {
       }));
       build2.onLoad({ filter: /.*/, namespace: "core-global" }, async (args) => {
         const match = args.path.match(/^@onexapis\/core(\/(.+))?$/);
-        const subpath = (match == null ? void 0 : match[2]) || "";
+        const subpath = match?.[2] || "";
         const moduleAccess = subpath ? `['${subpath}']` : "";
         let namedExports = [];
         const cacheKey = subpath || "__root__";
@@ -147,7 +145,7 @@ function createCoreGlobalPlugin(themePath) {
               namedExports.push(...names);
             }
             namedExports = [...new Set(namedExports)];
-          } catch (e) {
+          } catch {
           }
           exportsBySubpath[cacheKey] = namedExports;
         }
@@ -179,6 +177,73 @@ ${namedExportLines}
     }
   };
 }
+async function generateThemeData(themePath, outputDir, themeId) {
+  const { createJiti } = await import('jiti');
+  const jiti = createJiti(import.meta.url);
+  let themeConfig = null;
+  let layoutConfig = null;
+  const pages = {};
+  for (const ext of [".ts", ".js"]) {
+    try {
+      const mod = await jiti.import(path.join(themePath, `theme.config${ext}`));
+      themeConfig = mod.default || mod;
+      break;
+    } catch {
+    }
+  }
+  for (const ext of [".ts", ".js"]) {
+    try {
+      const mod = await jiti.import(path.join(themePath, `theme.layout${ext}`));
+      layoutConfig = mod.default || mod;
+      break;
+    } catch {
+    }
+  }
+  const pagesDir = path.join(themePath, "pages");
+  try {
+    const files = await fs6.readdir(pagesDir);
+    for (const file of files) {
+      if (!file.match(/\.(ts|js)$/)) continue;
+      const name = file.replace(/\.(ts|js)$/, "");
+      try {
+        const mod = await jiti.import(path.join(pagesDir, file));
+        const config = mod.default || mod;
+        pages[name] = {
+          id: name,
+          name: config.title || name,
+          path: config.path || `/${name}`,
+          config: { id: name, ...config },
+          sections: config.sections || [],
+          seo: config.seo
+        };
+      } catch {
+      }
+    }
+  } catch {
+  }
+  await fs6.writeFile(
+    path.join(outputDir, "theme-data.json"),
+    JSON.stringify(
+      {
+        themeId,
+        theme: {
+          id: themeId,
+          name: themeConfig?.name || themeId,
+          config: themeConfig,
+          layout: {
+            header: layoutConfig?.headerSections || [],
+            footer: layoutConfig?.footerSections || []
+          },
+          pages: Object.keys(pages)
+        },
+        pages
+      },
+      null,
+      2
+    )
+  );
+  logger.info(`Generated theme-data.json (${Object.keys(pages).length} pages)`);
+}
 async function contentHashEntry(outputDir) {
   const entryPath = path.join(outputDir, "bundle-entry.js");
   const mapPath = path.join(outputDir, "bundle-entry.js.map");
@@ -189,11 +254,11 @@ async function contentHashEntry(outputDir) {
   let entryContent;
   try {
     entryContent = await fs6.readFile(entryPath, "utf-8");
-  } catch (e) {
+  } catch {
     const indexPath = path.join(outputDir, "index.js");
     try {
       entryContent = await fs6.readFile(indexPath, "utf-8");
-    } catch (e2) {
+    } catch {
       logger.warning("No entry file found in output, skipping content hash");
       return;
     }
@@ -210,7 +275,7 @@ async function contentHashEntry(outputDir) {
     try {
       await fs6.access(indexMapPath);
       await fs6.rename(indexMapPath, path.join(outputDir, hashedMapName2));
-    } catch (e2) {
+    } catch {
     }
     logger.info(`Entry hashed: ${hashedName2}`);
     return;
@@ -227,10 +292,32 @@ async function contentHashEntry(outputDir) {
   try {
     await fs6.access(mapPath);
     await fs6.rename(mapPath, path.join(outputDir, hashedMapName));
-  } catch (e) {
+  } catch {
   }
   logger.info(`Entry hashed: ${hashedName}`);
 }
+async function extractDataRequirements(themePath) {
+  const { createJiti } = await import('jiti');
+  const jiti = createJiti(import.meta.url);
+  const schemaFiles = await glob("sections/**/*.schema.ts", { cwd: themePath });
+  const requirements = {};
+  for (const file of schemaFiles) {
+    try {
+      const mod = await jiti.import(path.join(themePath, file));
+      const exports$1 = mod;
+      for (const value of Object.values(exports$1)) {
+        if (value && typeof value === "object" && typeof value.type === "string" && value.dataRequirements && typeof value.dataRequirements === "object") {
+          requirements[value.type] = value.dataRequirements;
+        }
+      }
+    } catch (err) {
+      logger.warning(
+        `Could not load schema ${file}: ${err instanceof Error ? err.message : String(err)}`
+      );
+    }
+  }
+  return requirements;
+}
 async function generateManifest2(themeName, themePath, outputDir) {
   let version = "1.0.0";
   let themeId = themeName;
@@ -244,18 +331,19 @@ async function generateManifest2(themeName, themePath, outputDir) {
     if (pkg.name) {
       themeId = pkg.name.replace(/^@onex-themes\//, "");
     }
-  } catch (e) {
+  } catch {
   }
   const [sectionFiles, blockFiles, schemaFiles] = await Promise.all([
     glob("sections/**/index.ts", { cwd: themePath }),
     glob("blocks/**/index.ts", { cwd: themePath }),
     glob("**/*.schema.ts", { cwd: themePath })
   ]);
+  const dataRequirements = await extractDataRequirements(themePath);
   let hasThemeConfig = false;
   try {
     await fs6.access(path.join(themePath, "theme.config.ts"));
     hasThemeConfig = true;
-  } catch (e) {
+  } catch {
   }
   const allFiles = await glob("**/*", { cwd: outputDir, nodir: true });
   const jsFiles = allFiles.filter((f) => f.endsWith(".js"));
@@ -290,7 +378,9 @@ async function generateManifest2(themeName, themePath, outputDir) {
       blocks: blockFiles,
       schemas: schemaFiles,
       hasThemeConfig
-    }
+    },
+    // Section data requirements for server-side prefetching (keyed by section type)
+    dataRequirements
   };
   await fs6.writeFile(
     path.join(outputDir, "manifest.json"),
@@ -305,7 +395,7 @@ async function compileStandaloneTheme(themePath, themeName) {
   try {
     await fs6.access(bundleEntry);
     entryPoint = bundleEntry;
-  } catch (e) {
+  } catch {
   }
   const shimPath = path.join(outputDir, ".process-shim.js");
   await fs6.mkdir(outputDir, { recursive: true });
@@ -356,10 +446,11 @@ async function compileStandaloneTheme(themePath, themeName) {
     const result = await esbuild.build(buildOptions);
     try {
       await fs6.unlink(shimPath);
-    } catch (e) {
+    } catch {
     }
     await contentHashEntry(outputDir);
     await generateManifest2(themeName, themePath, outputDir);
+    await generateThemeData(themePath, outputDir, themeName);
     if (result.metafile) {
       const outputs = result.metafile.outputs;
       let totalSize = 0;
@@ -373,7 +464,7 @@ async function compileStandaloneTheme(themePath, themeName) {
   } catch (error) {
     try {
       await fs6.unlink(shimPath);
-    } catch (e) {
+    } catch {
     }
     logger.error(`esbuild compilation failed: ${error}`);
     return false;
@@ -387,7 +478,7 @@ async function compileStandaloneThemeDev(themePath, themeName) {
   try {
     await fs6.access(bundleEntry);
     entryPoint = bundleEntry;
-  } catch (e) {
+  } catch {
   }
   const shimPath = path.join(outputDir, ".process-shim.js");
   await fs6.mkdir(outputDir, { recursive: true });
@@ -436,6 +527,7 @@ async function compileStandaloneThemeDev(themePath, themeName) {
   const context2 = await esbuild.context(buildOptions);
   await context2.rebuild();
   await generateManifest2(themeName, themePath, outputDir);
+  await generateThemeData(themePath, outputDir, themeName);
   return { context: context2, outputDir };
 }
 async function compilePreviewRuntime(themePath) {
@@ -453,7 +545,7 @@ async function compilePreviewRuntime(themePath) {
       await fs6.access(loc);
       previewEntryPath = loc;
       break;
-    } catch (e) {
+    } catch {
     }
   }
   if (!previewEntryPath) {
@@ -493,10 +585,13 @@ ${locations.join("\n")}`
         "zlib"
       ];
       for (const mod of nodeBuiltins) {
-        build2.onResolve({ filter: new RegExp(`^${mod.replace("/", "\\/")}$`) }, () => ({
-          path: mod,
-          namespace: "node-stub"
-        }));
+        build2.onResolve(
+          { filter: new RegExp(`^${mod.replace("/", "\\/")}$`) },
+          () => ({
+            path: mod,
+            namespace: "node-stub"
+          })
+        );
       }
       build2.onLoad({ filter: /.*/, namespace: "node-stub" }, (args) => {
         const stubs = {
@@ -510,8 +605,7 @@ ${locations.join("\n")}`
         };
       });
       build2.onResolve({ filter: /^lucide-react/ }, async (args) => {
-        var _a;
-        if ((_a = args.pluginData) == null ? void 0 : _a.skipStub) return void 0;
+        if (args.pluginData?.skipStub) return void 0;
         try {
           const result = await build2.resolve(args.path, {
             kind: args.kind,
@@ -521,7 +615,7 @@ ${locations.join("\n")}`
             pluginData: { skipStub: true }
           });
           if (!result.errors.length) return result;
-        } catch (e) {
+        } catch {
         }
         return { path: args.path, namespace: "lucide-stub" };
       });
@@ -543,8 +637,7 @@ export default new Proxy({}, { get: (_, name) => name === '__esModule' ? true :
         loader: "jsx"
       }));
       build2.onResolve({ filter: /^framer-motion/ }, async (args) => {
-        var _a;
-        if ((_a = args.pluginData) == null ? void 0 : _a.skipStub) return void 0;
+        if (args.pluginData?.skipStub) return void 0;
         try {
           const result = await build2.resolve(args.path, {
             kind: args.kind,
@@ -554,7 +647,7 @@ export default new Proxy({}, { get: (_, name) => name === '__esModule' ? true :
             pluginData: { skipStub: true }
           });
           if (!result.errors.length) return result;
-        } catch (e) {
+        } catch {
         }
         return { path: args.path, namespace: "motion-stub" };
       });
@@ -568,8 +661,59 @@ export default { motion, AnimatePresence };
         `.trim(),
         loader: "jsx"
       }));
+      build2.onResolve({ filter: /^next\// }, async (args) => {
+        if (args.pluginData?.skipStub) return void 0;
+        try {
+          const result = await build2.resolve(args.path, {
+            kind: args.kind,
+            resolveDir: args.resolveDir,
+            importer: args.importer,
+            namespace: "file",
+            pluginData: { skipStub: true }
+          });
+          if (!result.errors.length) return result;
+        } catch {
+        }
+        return { path: args.path, namespace: "next-stub" };
+      });
+      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';
+export default Image;
+          `,
+          "next/link": `
+const Link = ({ href, children, ...rest }) => React.createElement('a', { href, ...rest }, children);
+import React from 'react';
+export default Link;
+          `,
+          "next/navigation": `
+export function useRouter() { return { push(u){window.location.href=u}, replace(u){window.location.href=u}, back(){window.history.back()}, forward(){window.history.forward()}, refresh(){window.location.reload()}, prefetch(){} }; }
+export function usePathname() { return window.location.pathname; }
+export function useSearchParams() { return new URLSearchParams(window.location.search); }
+export function useParams() { return {}; }
+export function redirect(url) { window.location.href = url; }
+export function notFound() { throw new Error('Not Found'); }
+          `,
+          "next/headers": `
+export function cookies() { return { get(){}, getAll(){ return []; }, set(){}, delete(){}, has(){ return false; } }; }
+export function headers() { return new Headers(); }
+          `
+        };
+        return {
+          contents: stubs[args.path] || "export default {};",
+          loader: "jsx"
+        };
+      });
     }
   };
+  const shimPath = path.join(outputDir, ".process-shim-preview.js");
+  await fs6.writeFile(shimPath, PROCESS_SHIM);
   await esbuild.build({
     entryPoints: [previewEntryPath],
     bundle: true,
@@ -579,6 +723,7 @@ export default { motion, AnimatePresence };
     // Bundle React + core INTO the output (NOT externalized)
     external: [],
     plugins: [serverStubPlugin],
+    inject: [shimPath],
     minify: false,
     sourcemap: true,
     target: "es2020",
@@ -586,6 +731,12 @@ export default { motion, AnimatePresence };
     jsxImportSource: "react",
     define: {
       "process.env.NODE_ENV": JSON.stringify("development"),
+      "process.env.NEXT_PUBLIC_API_URL": JSON.stringify(
+        process.env.NEXT_PUBLIC_API_URL || ""
+      ),
+      "process.env.NEXT_PUBLIC_COMPANY_ID": JSON.stringify(
+        process.env.NEXT_PUBLIC_COMPANY_ID || ""
+      ),
       global: "globalThis"
     },
     loader: { ".tsx": "tsx", ".ts": "ts" },
@@ -596,6 +747,10 @@ export default { motion, AnimatePresence };
       "ignored-bare-import": "silent"
     }
   });
+  try {
+    await fs6.unlink(shimPath);
+  } catch {
+  }
   return outputPath;
 }
 var PROCESS_SHIM, reactGlobalPlugin;
@@ -1056,7 +1211,7 @@ Add your theme-specific blocks here.
           stdio: "ignore"
         });
         logger.stopSpinner(true, "Git repository initialized!");
-      } catch (e) {
+      } catch {
         logger.stopSpinner(false, "Failed to initialize git");
       }
     }
@@ -1067,7 +1222,7 @@ Add your theme-specific blocks here.
       try {
         await installDependencies(projectPath, packageManager);
         logger.stopSpinner(true, "Dependencies installed!");
-      } catch (e) {
+      } catch {
         logger.stopSpinner(false, "Failed to install dependencies");
         logger.info(
           "You can install dependencies manually by running: cd " + name + " && npm install"
@@ -2149,7 +2304,6 @@ async function listThemesInfo() {
 // src/commands/build.ts
 init_logger();
 async function buildCommand(options) {
-  var _a;
   logger.header("Build Theme");
   let themePath;
   let themeName;
@@ -2162,7 +2316,7 @@ async function buildCommand(options) {
       } else {
         themePath = path.join(process.cwd(), themeName);
       }
-    } catch (e) {
+    } catch {
       themePath = path.join(process.cwd(), themeName);
     }
     if (!fs.existsSync(themePath)) {
@@ -2219,7 +2373,7 @@ async function buildCommand(options) {
   }
   logger.stopSpinner(true, "Lint passed");
   const pkgJson = fs.readJsonSync(packageJsonPath);
-  const buildScript = ((_a = pkgJson.scripts) == null ? void 0 : _a.build) || "";
+  const buildScript = pkgJson.scripts?.build || "";
   const isRecursive = buildScript.includes("onex build") || buildScript.includes("onex-cli build");
   logger.startSpinner(
     options.watch ? "Building (watch mode)..." : "Building..."
@@ -2327,7 +2481,6 @@ async function findCompiledThemeDir(themeId, version) {
   return null;
 }
 async function readManifest() {
-  var _a;
   const manifestTsPath = path.resolve(process.cwd(), "manifest.ts");
   if (await fs.pathExists(manifestTsPath)) {
     try {
@@ -2341,7 +2494,7 @@ async function readManifest() {
   if (await fs.pathExists(packageJsonPath)) {
     const pkg = await fs.readJson(packageJsonPath);
     return {
-      themeId: ((_a = pkg.name) == null ? void 0 : _a.replace("@onex-themes/", "")) || "unknown",
+      themeId: pkg.name?.replace("@onex-themes/", "") || "unknown",
       version: pkg.version || "1.0.0"
     };
   }
@@ -2585,39 +2738,15 @@ function getBucketName2(env) {
 }
 async function streamToString(stream) {
   const chunks = [];
-  try {
-    for (var iter = __forAwait(stream), more, temp, error; more = !(temp = await iter.next()).done; more = false) {
-      const chunk = temp.value;
-      chunks.push(Buffer.from(chunk));
-    }
-  } catch (temp) {
-    error = [temp];
-  } finally {
-    try {
-      more && (temp = iter.return) && await temp.call(iter);
-    } finally {
-      if (error)
-        throw error[0];
-    }
+  for await (const chunk of stream) {
+    chunks.push(Buffer.from(chunk));
   }
   return Buffer.concat(chunks).toString("utf-8");
 }
 async function streamToBuffer(stream) {
   const chunks = [];
-  try {
-    for (var iter = __forAwait(stream), more, temp, error; more = !(temp = await iter.next()).done; more = false) {
-      const chunk = temp.value;
-      chunks.push(Buffer.from(chunk));
-    }
-  } catch (temp) {
-    error = [temp];
-  } finally {
-    try {
-      more && (temp = iter.return) && await temp.call(iter);
-    } finally {
-      if (error)
-        throw error[0];
-    }
+  for await (const chunk of stream) {
+    chunks.push(Buffer.from(chunk));
   }
   return Buffer.concat(chunks);
 }
@@ -2639,8 +2768,7 @@ async function resolveLatestVersion(s3Client, bucket, themeId) {
   }
 }
 async function createCompatibilityFiles(outputDir, manifest) {
-  var _a;
-  const entryFile = ((_a = manifest.output) == null ? void 0 : _a.entry) || "bundle-entry.js";
+  const entryFile = manifest.output?.entry || "bundle-entry.js";
   if (entryFile !== "bundle-entry.js" && entryFile.startsWith("bundle-entry-")) {
     const hashedPath = path.join(outputDir, entryFile);
     const stablePath = path.join(outputDir, "bundle-entry.js");
@@ -2811,39 +2939,15 @@ function getBucketName3(env) {
 }
 async function streamToString2(stream) {
   const chunks = [];
-  try {
-    for (var iter = __forAwait(stream), more, temp, error; more = !(temp = await iter.next()).done; more = false) {
-      const chunk = temp.value;
-      chunks.push(Buffer.from(chunk));
-    }
-  } catch (temp) {
-    error = [temp];
-  } finally {
-    try {
-      more && (temp = iter.return) && await temp.call(iter);
-    } finally {
-      if (error)
-        throw error[0];
-    }
+  for await (const chunk of stream) {
+    chunks.push(Buffer.from(chunk));
   }
   return Buffer.concat(chunks).toString("utf-8");
 }
 async function streamToBuffer2(stream) {
   const chunks = [];
-  try {
-    for (var iter = __forAwait(stream), more, temp, error; more = !(temp = await iter.next()).done; more = false) {
-      const chunk = temp.value;
-      chunks.push(Buffer.from(chunk));
-    }
-  } catch (temp) {
-    error = [temp];
-  } finally {
-    try {
-      more && (temp = iter.return) && await temp.call(iter);
-    } finally {
-      if (error)
-        throw error[0];
-    }
+  for await (const chunk of stream) {
+    chunks.push(Buffer.from(chunk));
   }
   return Buffer.concat(chunks);
 }
@@ -3019,6 +3123,19 @@ async function cloneCommand(themeName, options) {
     spinner.succeed(
       `Renamed theme: ${chalk4.gray(themeName)} \u2192 ${chalk4.cyan(newName)}`
     );
+    const envExamplePath = path.join(outputDir, ".env.example");
+    if (!await fs.pathExists(envExamplePath)) {
+      await fs.writeFile(
+        envExamplePath,
+        [
+          "# 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_COMPANY_ID=",
+          ""
+        ].join("\n")
+      );
+    }
     if (options.install !== false) {
       const hasPkgJson = await fs.pathExists(
         path.join(outputDir, "package.json")
@@ -3049,6 +3166,7 @@ async function cloneCommand(themeName, options) {
     console.log();
     console.log(chalk4.cyan("Next steps:"));
     console.log(chalk4.gray(`   cd ${path.relative(process.cwd(), outputDir)}`));
+    console.log(chalk4.gray("   cp .env.example .env  # then add your Company ID"));
     if (options.install === false) {
       console.log(chalk4.gray("   pnpm install"));
     }