@sudajs/cli 0.14.0 → 0.15.0

package/dist/index.js

@@ -580,85 +580,105 @@ export const { createRoot, hydrateRoot, version } = ReactDOMClient;
     }
   };
 }
-function createHostPuckCoreShimPlugin() {
+function createRejectEditorRuntimeDependencyPlugin() {
   return {
-    name: "suda-host-puck-core-shim",
+    name: "suda-reject-editor-runtime-dependency",
     setup(build) {
-      build.onResolve({ filter: /^@puckeditor\/core$/ }, () => ({
-        path: "puck-core-host-shim",
-        namespace: "suda-shim"
-      }));
-      build.onLoad({ filter: /^puck-core-host-shim$/, namespace: "suda-shim" }, () => ({
-        loader: "js",
-        contents: `
-const PuckCore = globalThis.__SUDA_PUCK_CORE__;
-if (!PuckCore) {
-  throw new Error("Missing host Puck core runtime (__SUDA_PUCK_CORE__).");
-}
-export default PuckCore;
-export const {
-  Action,
-  ActionBar,
-  AutoField,
-  Button,
-  Drawer,
-  DropZone,
-  FieldLabel,
-  Group,
-  IconButton,
-  Label,
-  Puck,
-  Render,
-  RichTextMenu,
-  Separator,
-  blocksPlugin,
-  createUsePuck,
-  fieldsPlugin,
-  legacySideBarPlugin,
-  migrate,
-  outlinePlugin,
-  overrideKeys,
-  registerOverlayPortal,
-  renderContext,
-  resolveAllData,
-  setDeep,
-  transformProps,
-  useGetPuck,
-  usePuck,
-  walkTree,
-} = PuckCore;
-`
+      build.onResolve({ filter: /^@puckeditor\/(?:core|plugin-ai)(?:\/.*)?$/ }, (args) => ({
+        errors: [
+          {
+            text: `${args.path} is an editor dependency and cannot be imported by the public theme client runtime.`
+          }
+        ]
       }));
     }
   };
 }
-function createThemeEngineRuntimeAliasPlugin(root) {
+function createHostThemeRuntimeShimPlugin() {
   return {
-    name: "suda-theme-engine-runtime-alias",
+    name: "suda-host-theme-runtime-shim",
     setup(build) {
-      const themeRequire = createRequire(path2.join(root, "package.json"));
-      const runtimeEntry = themeRequire.resolve("@sudajs/theme-engine/runtime");
       build.onResolve({ filter: /^@sudajs\/theme-engine\/runtime$/ }, () => ({
-        path: runtimeEntry
+        path: "theme-runtime-host-shim",
+        namespace: "suda-shim"
+      }));
+      build.onLoad({ filter: /^theme-runtime-host-shim$/, namespace: "suda-shim" }, () => ({
+        loader: "js",
+        contents: `
+const ThemeRuntime = globalThis.__SUDA_THEME_RUNTIME__;
+if (!ThemeRuntime) {
+  throw new Error("Missing host theme runtime (__SUDA_THEME_RUNTIME__).");
+}
+export const {
+  SudaLucideIcon,
+  isSudaLucideIconName,
+  normalizeSudaLucideIconName,
+  colorSchemeField,
+  createColorSchemeDefault,
+  createThemeCssVariables,
+  designSystemField,
+  resolveColorSchemeTokens,
+  SUDA_COLOR_TOKEN_KEYS,
+  createThemeDesignCssVariables,
+  createThemeDesignDefault,
+  resolveThemeDesignTokens,
+  SUDA_CUSTOM_DESIGN_PRESET_ID,
+  SUDA_DESIGN_COLOR_KEYS,
+  SUDA_DESIGN_RADIUS_KEYS,
+  compileSudaBlockSlots,
+  isSudaLocalBlockComponent,
+  SUDA_LOCAL_BLOCK_CATEGORY,
+  SUDA_LOCAL_BLOCK_TYPE_PREFIX,
+  cmsPaginationUrl,
+  getIcpRecord,
+  getCmsContent,
+  getContactForm,
+  getPostResource,
+  getWhiteLabel,
+  resolveAsset,
+  postResourceKey,
+  getPageSlot,
+  THEME_PAGE_SLOT,
+  createThemeAsset,
+  createThemeAssetPath,
+  createThemeAssetResolver,
+  resolveThemeClientRuntimeUrl,
+  resolveThemeRuntimeUrl,
+  resolveAssetPath,
+  THEME_CLIENT_RUNTIME_ARTIFACT,
+  clearThemeLocale,
+  createThemeTranslate,
+  installThemeLocale,
+  clearThemePreviewLocale,
+  createThemePreviewTranslate,
+  installThemePreviewLocale,
+} = ThemeRuntime;
+`
       }));
     }
   };
 }
-function createThemeEngineIconAliasPlugin(root) {
+function createHostThemeIconsShimPlugin() {
   return {
-    name: "suda-theme-engine-icon-alias",
+    name: "suda-host-theme-icons-shim",
     setup(build) {
-      const themeRequire = createRequire(path2.join(root, "package.json"));
-      const themeEngineEntry = themeRequire.resolve("@sudajs/theme-engine");
-      const entryDir = path2.dirname(themeEngineEntry);
-      const packageRoot2 = path2.basename(entryDir) === "dist" || path2.basename(entryDir) === "src" ? path2.dirname(entryDir) : entryDir;
-      const sourceEntry = path2.join(packageRoot2, "src", "icons", "lucide-icon.hydrate.client.tsx");
       build.onResolve({ filter: /^@sudajs\/theme-engine\/icons$/ }, () => {
-        if (existsSync(sourceEntry)) {
-          return { path: sourceEntry };
-        }
-        return { path: themeRequire.resolve("@sudajs/theme-engine/icons") };
+        return { path: "theme-icons-host-shim", namespace: "suda-shim" };
       });
+      build.onLoad({ filter: /^theme-icons-host-shim$/, namespace: "suda-shim" }, () => ({
+        loader: "js",
+        contents: `
+const ThemeIcons = globalThis.__SUDA_THEME_ICONS__;
+if (!ThemeIcons) {
+  throw new Error("Missing host theme icon runtime (__SUDA_THEME_ICONS__).");
+}
+export const {
+  SudaLucideIcon,
+  isSudaLucideIconName,
+  normalizeSudaLucideIconName,
+} = ThemeIcons;
+`
+      }));
     }
   };
 }
@@ -779,9 +799,9 @@ ${issues}`);
   if (module.manifest.entry !== "index.js") {
     throw new Error('manifest.entry must be artifact-local: "index.js".');
   }
-  if (module.manifest.clientEntry !== void 0 && module.manifest.clientEntry !== "runtime.client.js") {
+  if ("clientEntry" in module.manifest) {
     throw new Error(
-      'manifest.clientEntry must be artifact-local: "runtime.client.js" when provided.'
+      "manifest.clientEntry is no longer supported. The CLI owns the runtime.client.js artifact."
     );
   }
   assertRecord(module.pageConfig?.components, "pageConfig.components");
@@ -1001,18 +1021,6 @@ async function loadThemeVite(root) {
   }
   return await import(pathToFileURL(viteEntry).href);
 }
-async function findClientEntry(root) {
-  const candidates = [
-    path2.join(root, "src", "runtime.client.tsx"),
-    path2.join(root, "src", "runtime.client.ts")
-  ];
-  for (const candidate of candidates) {
-    if (await pathExists(candidate)) {
-      return candidate;
-    }
-  }
-  throw new Error(`Missing runtime entry. Add src/runtime.client.ts(x) in ${root}.`);
-}
 async function findServerEntry(root) {
   const candidates = [path2.join(root, "src", "index.tsx"), path2.join(root, "src", "index.ts")];
   for (const candidate of candidates) {
@@ -1113,38 +1121,74 @@ async function copyThemeLocales(root) {
   await copyDirectory(sourceLocales, path2.join(root, "dist", "locales"));
 }
 async function buildClientRuntime(root, minify) {
-  const entryPoint = await findClientEntry(root);
-  if (!await pathExists(entryPoint)) {
-    throw new Error(`Missing client entry: ${entryPoint}`);
+  const legacyEntries = [
+    path2.join(root, "src", "runtime.client.ts"),
+    path2.join(root, "src", "runtime.client.tsx")
+  ];
+  if (legacyEntries.some((entry) => existsSync(entry))) {
+    throw new Error(
+      "Theme-authored src/runtime.client.ts(x) is no longer supported. Move optional browser setup to src/client.ts as clientHooks; the CLI owns runtime.client.js."
+    );
   }
   const packageJson = JSON.parse(await readFile(path2.join(root, "package.json"), "utf8"));
   const themeVersion = typeof packageJson.version === "string" ? packageJson.version : "0.0.0";
+  const clientHooksPath = path2.join(root, "src", "client.ts");
+  const generatedEntry = path2.join(root, ".suda-build", "runtime.client.ts");
+  const clientHooksImport = await pathExists(clientHooksPath) ? 'import { clientHooks } from "../src/client.js";' : "const clientHooks = {};";
+  await mkdir(path2.dirname(generatedEntry), { recursive: true });
+  await writeFile(
+    generatedEntry,
+    [
+      '"use client";',
+      'import type { ThemeClientHooks, ThemeClientRuntime, ThemeRenderModule } from "@sudajs/theme-engine/runtime";',
+      'import * as themeConfig from "../src/config.js";',
+      clientHooksImport,
+      "const theme: ThemeRenderModule = {",
+      "  pageConfig: themeConfig.pageConfig,",
+      "  layoutConfig: themeConfig.layoutConfig,",
+      "};",
+      'if ("rendering" in themeConfig && themeConfig.rendering !== undefined) {',
+      "  theme.rendering = themeConfig.rendering;",
+      "}",
+      "const hooks: ThemeClientHooks = clientHooks;",
+      "const runtime: ThemeClientRuntime = { theme };",
+      "if (hooks.initialize !== undefined) {",
+      "  runtime.initialize = hooks.initialize;",
+      "}",
+      "export default runtime;",
+      ""
+    ].join("\n"),
+    "utf8"
+  );
   await mkdir(path2.join(root, "dist"), { recursive: true });
   const hostReactShimPlugin = createHostReactShimPlugin();
-  const hostPuckCoreShimPlugin = createHostPuckCoreShimPlugin();
-  const themeEngineRuntimeAliasPlugin = createThemeEngineRuntimeAliasPlugin(root);
-  const themeEngineIconAliasPlugin = createThemeEngineIconAliasPlugin(root);
+  const rejectEditorRuntimeDependencyPlugin = createRejectEditorRuntimeDependencyPlugin();
+  const hostThemeRuntimeShimPlugin = createHostThemeRuntimeShimPlugin();
+  const hostThemeIconsShimPlugin = createHostThemeIconsShimPlugin();
   const themeDependencyResolverPlugin = createThemeDependencyResolverPlugin(root);
   await build({
     bundle: true,
-    entryPoints: [entryPoint],
+    entryPoints: { "runtime.client": generatedEntry },
     external: ["react", "react/*", "react-dom", "react-dom/*"],
     format: "esm",
     jsx: "automatic",
+    logOverride: { "import-is-undefined": "silent" },
     minify,
-    outfile: path2.join(root, "dist", "runtime.client.js"),
+    outdir: path2.join(root, "dist"),
     platform: "browser",
     define: {
       __SUDA_THEME_VERSION__: JSON.stringify(themeVersion)
     },
     plugins: [
       hostReactShimPlugin,
-      hostPuckCoreShimPlugin,
-      themeEngineRuntimeAliasPlugin,
-      themeEngineIconAliasPlugin,
+      rejectEditorRuntimeDependencyPlugin,
+      hostThemeRuntimeShimPlugin,
+      hostThemeIconsShimPlugin,
       themeDependencyResolverPlugin
     ],
     sourcemap: false,
+    splitting: true,
+    chunkNames: "chunks/[name]-[hash]",
     target: "es2022",
     treeShaking: true
   });