@onexapis/cli 1.1.0 → 1.1.2

package/dist/cli.mjs

@@ -25,7 +25,22 @@ import { WebSocketServer, WebSocket } from 'ws';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 var __esm = (fn, res) => function __init() {
   return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
 };
@@ -181,6 +196,75 @@ ${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 (e) {
+    }
+  }
+  for (const ext of [".ts", ".js"]) {
+    try {
+      const mod = await jiti.import(path.join(themePath, `theme.layout${ext}`));
+      layoutConfig = mod.default || mod;
+      break;
+    } catch (e) {
+    }
+  }
+  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: __spreadValues({ id: name }, config),
+          sections: config.sections || [],
+          seo: config.seo
+        };
+      } catch (e) {
+      }
+    }
+  } catch (e) {
+  }
+  await fs7.writeFile(
+    path.join(outputDir, "theme-data.json"),
+    JSON.stringify(
+      {
+        themeId,
+        theme: {
+          id: themeId,
+          name: (themeConfig == null ? void 0 : themeConfig.name) || themeId,
+          config: themeConfig,
+          layout: {
+            header: (layoutConfig == null ? void 0 : layoutConfig.headerSections) || [],
+            footer: (layoutConfig == null ? void 0 : 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");
@@ -362,6 +446,7 @@ async function compileStandaloneTheme(themePath, themeName) {
     }
     await contentHashEntry(outputDir);
     await generateManifest2(themeName, themePath, outputDir);
+    await generateThemeData(themePath, outputDir, themeName);
     if (result.metafile) {
       const outputs = result.metafile.outputs;
       let totalSize = 0;
@@ -438,6 +523,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) {
@@ -511,6 +597,65 @@ ${locations.join("\n")}`
           loader: "js"
         };
       });
+      build2.onResolve({ filter: /^lucide-react/ }, async (args) => {
+        var _a;
+        if ((_a = args.pluginData) == null ? void 0 : _a.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 (e) {
+        }
+        return { path: args.path, namespace: "lucide-stub" };
+      });
+      build2.onLoad({ filter: /.*/, namespace: "lucide-stub" }, () => ({
+        // Provide all icon names used by @onexapis/core as no-op SVG stub components
+        contents: `
+const icon = (props) => null;
+export { icon as Check, icon as ChevronDown, icon as XCircle, icon as AlertTriangle };
+export { icon as CheckCircle, icon as Info, icon as X, icon as XIcon };
+export { icon as CircleIcon, icon as Star, icon as ShoppingCart };
+export { icon as ChevronRight, icon as ChevronLeft, icon as ChevronUp };
+export { icon as Search, icon as Menu, icon as Heart, icon as User };
+export { icon as Trash2, icon as Plus, icon as Minus, icon as Eye, icon as EyeOff };
+export { icon as ArrowRight, icon as ArrowLeft, icon as ExternalLink, icon as Mail };
+export { icon as Phone, icon as MapPin, icon as Calendar, icon as Clock };
+export { icon as Facebook, icon as Twitter, icon as Instagram, icon as Linkedin, icon as Github };
+export default new Proxy({}, { get: (_, name) => name === '__esModule' ? true : icon });
+        `.trim(),
+        loader: "jsx"
+      }));
+      build2.onResolve({ filter: /^framer-motion/ }, async (args) => {
+        var _a;
+        if ((_a = args.pluginData) == null ? void 0 : _a.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 (e) {
+        }
+        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 };
+export const motion = new Proxy({}, handler);
+export const AnimatePresence = stub;
+export default { motion, AnimatePresence };
+        `.trim(),
+        loader: "jsx"
+      }));
     }
   };
   await esbuild.build({
@@ -541,10 +686,11 @@ ${locations.join("\n")}`
   });
   return outputPath;
 }
-var PROCESS_SHIM, reactGlobalPlugin;
+var import_meta, PROCESS_SHIM, reactGlobalPlugin;
 var init_compile_theme = __esm({
   "src/utils/compile-theme.ts"() {
     init_logger();
+    import_meta = {};
     PROCESS_SHIM = `
 if (typeof process === "undefined") {
   globalThis.process = {
@@ -3456,7 +3602,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) => {