@onexapis/cli 1.1.1 → 1.1.3

package/dist/cli.mjs

@@ -25,7 +25,6 @@ import { WebSocketServer, WebSocket } from 'ws';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
 var __esm = (fn, res) => function __init() {
   return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
 };
@@ -33,7 +32,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"() {
@@ -106,7 +104,7 @@ async function resolveNodeModulesFile(startDir, relativePath) {
     try {
       await fs7.access(candidate);
       return candidate;
-    } catch (e) {
+    } catch {
       const parent = path.dirname(dir);
       if (parent === dir) break;
       dir = parent;
@@ -125,7 +123,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__";
@@ -149,7 +147,7 @@ function createCoreGlobalPlugin(themePath) {
               namedExports.push(...names);
             }
             namedExports = [...new Set(namedExports)];
-          } catch (e) {
+          } catch {
           }
           exportsBySubpath[cacheKey] = namedExports;
         }
@@ -181,6 +179,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 fs7.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 fs7.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");
@@ -191,11 +256,11 @@ async function contentHashEntry(outputDir) {
   let entryContent;
   try {
     entryContent = await fs7.readFile(entryPath, "utf-8");
-  } catch (e) {
+  } catch {
     const indexPath = path.join(outputDir, "index.js");
     try {
       entryContent = await fs7.readFile(indexPath, "utf-8");
-    } catch (e2) {
+    } catch {
       logger.warning("No entry file found in output, skipping content hash");
       return;
     }
@@ -212,7 +277,7 @@ async function contentHashEntry(outputDir) {
     try {
       await fs7.access(indexMapPath);
       await fs7.rename(indexMapPath, path.join(outputDir, hashedMapName2));
-    } catch (e2) {
+    } catch {
     }
     logger.info(`Entry hashed: ${hashedName2}`);
     return;
@@ -229,10 +294,32 @@ async function contentHashEntry(outputDir) {
   try {
     await fs7.access(mapPath);
     await fs7.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;
@@ -246,18 +333,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 fs7.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"));
@@ -292,7 +380,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 fs7.writeFile(
     path.join(outputDir, "manifest.json"),
@@ -307,7 +397,7 @@ async function compileStandaloneTheme(themePath, themeName) {
   try {
     await fs7.access(bundleEntry);
     entryPoint = bundleEntry;
-  } catch (e) {
+  } catch {
   }
   const shimPath = path.join(outputDir, ".process-shim.js");
   await fs7.mkdir(outputDir, { recursive: true });
@@ -358,10 +448,11 @@ async function compileStandaloneTheme(themePath, themeName) {
     const result = await esbuild.build(buildOptions);
     try {
       await fs7.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;
@@ -375,7 +466,7 @@ async function compileStandaloneTheme(themePath, themeName) {
   } catch (error) {
     try {
       await fs7.unlink(shimPath);
-    } catch (e) {
+    } catch {
     }
     logger.error(`esbuild compilation failed: ${error}`);
     return false;
@@ -389,7 +480,7 @@ async function compileStandaloneThemeDev(themePath, themeName) {
   try {
     await fs7.access(bundleEntry);
     entryPoint = bundleEntry;
-  } catch (e) {
+  } catch {
   }
   const shimPath = path.join(outputDir, ".process-shim.js");
   await fs7.mkdir(outputDir, { recursive: true });
@@ -438,6 +529,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) {
@@ -455,7 +547,7 @@ async function compilePreviewRuntime(themePath) {
       await fs7.access(loc);
       previewEntryPath = loc;
       break;
-    } catch (e) {
+    } catch {
     }
   }
   if (!previewEntryPath) {
@@ -495,10 +587,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 = {
@@ -512,8 +607,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,
@@ -523,7 +617,7 @@ ${locations.join("\n")}`
             pluginData: { skipStub: true }
           });
           if (!result.errors.length) return result;
-        } catch (e) {
+        } catch {
         }
         return { path: args.path, namespace: "lucide-stub" };
       });
@@ -545,8 +639,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,
@@ -556,7 +649,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" };
       });
@@ -570,8 +663,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 fs7.writeFile(shimPath, PROCESS_SHIM);
   await esbuild.build({
     entryPoints: [previewEntryPath],
     bundle: true,
@@ -581,6 +725,7 @@ export default { motion, AnimatePresence };
     // Bundle React + core INTO the output (NOT externalized)
     external: [],
     plugins: [serverStubPlugin],
+    inject: [shimPath],
     minify: false,
     sourcemap: true,
     target: "es2020",
@@ -588,6 +733,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" },
@@ -598,6 +749,10 @@ export default { motion, AnimatePresence };
       "ignored-bare-import": "silent"
     }
   });
+  try {
+    await fs7.unlink(shimPath);
+  } catch {
+  }
   return outputPath;
 }
 var PROCESS_SHIM, reactGlobalPlugin;
@@ -1034,7 +1189,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");
       }
     }
@@ -1045,7 +1200,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"
@@ -2309,7 +2464,6 @@ async function validateCommand(options) {
 // src/commands/build.ts
 init_logger();
 async function buildCommand(options) {
-  var _a;
   logger.header("Build Theme");
   let themePath;
   let themeName;
@@ -2322,7 +2476,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)) {
@@ -2379,7 +2533,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..."
@@ -2736,7 +2890,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 {
@@ -2750,7 +2903,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"
     };
   }
@@ -2994,39 +3147,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);
 }
@@ -3048,8 +3177,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");
@@ -3220,39 +3348,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);
 }
@@ -3428,6 +3532,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")
@@ -3458,6 +3575,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"));
     }
@@ -3515,7 +3633,12 @@ function createDevServer(options) {
       res.end("Forbidden");
       return;
     }
-    serveFile(res, filePath);
+    if (fs2.existsSync(filePath) && fs2.statSync(filePath).isFile()) {
+      serveFile(res, filePath);
+    } else {
+      res.writeHead(200, { "Content-Type": "text/html" });
+      res.end(generatePreviewHTML(options.themeName));
+    }
   });
   const wss = new WebSocketServer({ server });
   wss.on("connection", (ws) => {
@@ -3550,7 +3673,7 @@ function serveFile(res, filePath) {
     const content = fs2.readFileSync(filePath);
     res.writeHead(200, { "Content-Type": contentType });
     res.end(content);
-  } catch (e) {
+  } catch {
     res.writeHead(500);
     res.end("Internal Server Error");
   }
@@ -3611,7 +3734,7 @@ async function devCommand(options) {
       } else {
         themePath = path.join(process.cwd(), themeName);
       }
-    } catch (e) {
+    } catch {
       themePath = path.join(process.cwd(), themeName);
     }
     if (!fs.existsSync(themePath)) {
@@ -3697,7 +3820,7 @@ async function devCommand(options) {
     const shimPath = path.join(outputDir, ".process-shim.js");
     try {
       await fs7.unlink(shimPath);
-    } catch (e) {
+    } catch {
     }
     process.exit(0);
   });
@@ -3711,7 +3834,7 @@ try {
     quiet: true
   });
   dotenv.config({ path: path.join(projectRoot, ".env"), quiet: true });
-} catch (e) {
+} catch {
 }
 dotenv.config({
   path: path.join(os.homedir(), ".onex", ".env"),