@justanarthur/payload-www 1.0.1 → 1.2.0

package/dist/blocks.d.ts

@@ -1,11 +1,16 @@
 import { FC } from "react";
-import { ImportMap, SanitizedConfig } from "payload";
+import { ImportMap as ImportMap2, SanitizedConfig } from "payload";
+import { ComponentType } from "react";
+type AsyncImportMapEntry<T = ComponentType> = T | (() => Promise<{
+	default: T;
+} | T>);
+type AsyncImportMap = Record<string, AsyncImportMapEntry>;
 type RenderBlocksProps = {
 	blocks: Array<{
 		blockType: string;
 	} & Record<string, unknown>>;
 	blockProps?: Record<string, unknown>;
-	importMap: ImportMap;
+	importMap: ImportMap2 | AsyncImportMap;
 	config: SanitizedConfig;
 	locale: string;
 	searchParams?: Record<string, string | string[] | undefined>;

package/dist/blocks.js

@@ -2,47 +2,43 @@
 
 // src/render/getFromImportMap.ts
 function getFromImportMap(key, importMap) {
-  return key && importMap[key.includes("#") ? key : key + "#default"];
-}
-
-// src/render/generateImportName.ts
-function generateImportName(type, slug) {
-  switch (type) {
-    case "block":
-      return `Block${slug.replace(/(^\w|-\w)/g, (m) => m.replace("-", "").toUpperCase())}#default`;
-    case "page":
-      return `Page${slug.replace(/(^\w|-\w)/g, (m) => m.replace("-", "").toUpperCase())}#default`;
-    default:
-      throw new Error(`Unknown type: ${type}`);
+  if (!key)
+    return;
+  const entry = importMap[key.includes("#") ? key : `${key}#default`];
+  if (entry == null)
+    return;
+  if (typeof entry === "function") {
+    return entry().then((mod) => {
+      if (typeof mod === "function")
+        return mod;
+      const modObj = mod;
+      return modObj.default ?? mod;
+    });
   }
+  return entry;
 }
 
+// package.json
+var name = "@justanarthur/payload-www";
+
 // src/render/blocks/renderBlocks.tsx
 import { jsx, Fragment } from "react/jsx-runtime";
-var RenderBlocks = ({
-  blocks,
-  blockProps,
-  config,
-  importMap,
-  locale,
-  searchParams
-}) => {
-  if (!blocks || !Array.isArray(blocks) || blocks.length === 0) {
-    console.log("[WWW] render/blocks:RenderBlocks no blocks (locale=", locale, ")");
+var DEFAULT_BLOCK_PATH_PREFIX = "@/components/blocks";
+var RenderBlocks = async ({ blocks, blockProps, config, importMap, locale, searchParams }) => {
+  if (!blocks || !Array.isArray(blocks) || blocks.length === 0)
     return null;
-  }
-  console.log("[WWW] render/blocks:RenderBlocks rendering count=", blocks.length, "locale=", locale);
   const rendered = [];
   for (let i = 0;i < blocks.length; i++) {
     const block = blocks[i];
     const { blockType } = block;
-    const importMapPath = config.admin?.dependencies?.[blockType]?.path || generateImportName("block", blockType);
-    const Block = getFromImportMap(importMapPath, importMap);
+    const blockConfig = (config.blocks ?? []).find((b) => b.slug === blockType);
+    const customPath = blockConfig?.custom?.[name]?.path;
+    const importMapPath = (typeof customPath === "string" ? customPath : null) ?? `${DEFAULT_BLOCK_PATH_PREFIX}/${blockType}`;
+    const Block = await getFromImportMap(importMapPath, importMap);
     if (!Block) {
       console.warn(`[WWW] render/blocks:RenderBlocks no block for type=${blockType} importMapPath=${importMapPath} (locale=${locale})`);
       continue;
     }
-    console.log("[WWW] render/blocks:RenderBlocks [", i, "] blockType=", blockType, "importMapPath=", importMapPath);
     rendered.push(/* @__PURE__ */ jsx(Block, {
       index: i,
       ...blockProps,

package/dist/cli.js

@@ -0,0 +1,201 @@
+#!/usr/bin/env node
+import { createRequire } from "node:module";
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/cli/index.ts
+import { register } from "tsx/esm/api";
+import path from "node:path";
+import { existsSync } from "node:fs";
+import { pathToFileURL } from "node:url";
+
+// package.json
+var name = "@justanarthur/payload-www";
+
+// src/cli/generateAsyncImportmap.ts
+function getCustomPath(custom, pkg) {
+  const v = custom?.[pkg]?.path;
+  return typeof v === "string" ? v : undefined;
+}
+function splitKey(key) {
+  const hashIdx = key.indexOf("#");
+  if (hashIdx >= 0) {
+    return {
+      filePath: key.slice(0, hashIdx),
+      exportName: key.slice(hashIdx + 1) || "default",
+      fullKey: key
+    };
+  }
+  return {
+    filePath: key,
+    exportName: "default",
+    fullKey: `${key}#default`
+  };
+}
+function defaultBlockPath(slug) {
+  return `@/components/blocks/${slug}#default`;
+}
+async function generateAsyncImportmap(config, options) {
+  const pkg = options.packageName ?? name;
+  const blocks = config.blocks ?? [] ?? [];
+  const collections = config.collections ?? [] ?? [];
+  const globals = config.globals ?? [] ?? [];
+  const keys = new Set;
+  for (const block of blocks) {
+    if (!block.slug)
+      continue;
+    const explicit = getCustomPath(block.custom, pkg);
+    const key = explicit ?? defaultBlockPath(block.slug);
+    keys.add(key);
+  }
+  for (const item of [...collections, ...globals]) {
+    const explicit = getCustomPath(item.custom, pkg);
+    if (explicit)
+      keys.add(explicit);
+  }
+  const sortedKeys = [...keys].sort();
+  const lines = [];
+  lines.push("// This file is generated by `payload-www generate:async-importmap`.");
+  lines.push("// Do not edit by hand — re-run the generator after Payload config changes.");
+  lines.push("");
+  lines.push("/** @type import('payload').ImportMap */");
+  lines.push("export const asyncImportMap = {");
+  for (const key of sortedKeys) {
+    const { filePath, exportName, fullKey } = splitKey(key);
+    const jsonKey = JSON.stringify(fullKey);
+    lines.push(`  ${jsonKey}: () => import(${JSON.stringify(filePath)}).then((m) => ({ default: m.${exportName} })),`);
+  }
+  lines.push("}");
+  lines.push("");
+  const output = lines.join(`
+`);
+  const { writeFile, mkdir } = await import("node:fs/promises");
+  const { dirname } = await import("node:path");
+  await mkdir(dirname(options.output), { recursive: true });
+  await writeFile(options.output, output, "utf-8");
+  return {
+    entries: sortedKeys.length,
+    output: options.output
+  };
+}
+
+// src/cli/index.ts
+register();
+function printHelp() {
+  console.log(`payload-www generate:async-importmap
+
+Generate an async-importMap.ts containing only the render-path dependencies
+(blocks + collection/global renderers) used by the public render path.
+
+Usage:
+  payload-www generate:async-importmap --config-path <path> --output <path>
+
+Options:
+  --config-path <path>   Path to the Payload config file (TS or JS).
+                         Resolved relative to the current working directory.
+  --output <path>        Output file path. Created if missing.
+  --package-name <name>  Custom-package key for the render-dependency lookup.
+                         Defaults to "@justanarthur/payload-www".
+  --help, -h             Show this help.
+
+Example:
+  payload-www generate:async-importmap \\
+    --config-path apps/www/payload.config.ts \\
+    --output apps/www/app/\\(payload\\)/admin/asyncImportMap.ts
+`);
+}
+function parseArgs(argv) {
+  const args = {
+    configPath: "",
+    output: "",
+    help: false
+  };
+  for (let i = 0;i < argv.length; i++) {
+    const a = argv[i];
+    if (a === "--help" || a === "-h") {
+      args.help = true;
+      continue;
+    }
+    if (a === "--config-path") {
+      args.configPath = argv[++i] ?? "";
+      continue;
+    }
+    if (a === "--output") {
+      args.output = argv[++i] ?? "";
+      continue;
+    }
+    if (a === "--package-name") {
+      args.packageName = argv[++i] ?? "";
+      continue;
+    }
+    if (a?.startsWith("--config-path=")) {
+      args.configPath = a.slice("--config-path=".length);
+      continue;
+    }
+    if (a?.startsWith("--output=")) {
+      args.output = a.slice("--output=".length);
+      continue;
+    }
+    if (a?.startsWith("--package-name=")) {
+      args.packageName = a.slice("--package-name=".length);
+      continue;
+    }
+  }
+  return args;
+}
+async function main() {
+  const args = parseArgs(process.argv.slice(2));
+  if (args.help) {
+    printHelp();
+    process.exit(0);
+  }
+  if (!args.configPath || !args.output) {
+    console.error(`[payload-www] --config-path and --output are required.
+`);
+    printHelp();
+    process.exit(1);
+  }
+  const cwd = process.cwd();
+  const absoluteConfigPath = path.isAbsolute(args.configPath) ? args.configPath : path.resolve(cwd, args.configPath);
+  if (!existsSync(absoluteConfigPath)) {
+    console.error(`[payload-www] config file not found: ${absoluteConfigPath}`);
+    process.exit(1);
+  }
+  let configModule;
+  try {
+    configModule = await import(pathToFileURL(absoluteConfigPath).href);
+  } catch (err) {
+    console.error(`[payload-www] failed to load config at ${absoluteConfigPath}:`);
+    console.error(err);
+    process.exit(1);
+  }
+  let config = configModule.default ?? configModule;
+  config = await config;
+  if (!config || typeof config !== "object") {
+    console.error("[payload-www] loaded config is empty or not an object.");
+    process.exit(1);
+  }
+  if (process.env.PAYLOAD_WWW_DEBUG === "1") {
+    const { writeFileSync } = await import("node:fs");
+    writeFileSync("/tmp/payload-config-dump.json", JSON.stringify(config, (k, v) => typeof v === "function" ? "[function]" : v, 2).slice(0, 200000));
+    const cfg = config;
+    console.error("[payload-www DEBUG] blocks:", cfg.blocks?.length ?? 0);
+    console.error("[payload-www DEBUG] collections:", cfg.collections?.length ?? 0);
+    console.error("[payload-www DEBUG] globals:", cfg.globals?.length ?? 0);
+    console.error("[payload-www DEBUG] keys:", Object.keys(config).slice(0, 30).join(","));
+    const firstBlock = cfg.blocks?.[0] ?? null;
+    if (firstBlock) {
+      console.error("[payload-www DEBUG] first block slug:", firstBlock.slug);
+      console.error("[payload-www DEBUG] first block custom:", JSON.stringify(firstBlock.custom));
+    }
+  }
+  const result = await generateAsyncImportmap(config, {
+    output: path.isAbsolute(args.output) ? args.output : path.resolve(cwd, args.output),
+    ...args.packageName ? { packageName: args.packageName } : {}
+  });
+  console.log(`[payload-www] wrote ${result.entries} entries to ${result.output}`);
+}
+main().catch((err) => {
+  console.error("[payload-www] unhandled error:");
+  console.error(err);
+  process.exit(1);
+});

package/dist/config.js

@@ -1,11 +1,11 @@
 
 
-// package.json
-var name = "@justanarthur/payload-www";
-
 // src/createWWWConfig.ts
 import openAIResolver from "@justanarthur/payload-plugin-translator/resolvers/openAI";
 
+// package.json
+var name = "@justanarthur/payload-www";
+
 // src/collections/hooks/populatePublishedAt.ts
 var populatePublishedAt = ({ data, operation, req }) => {
   if (operation === "create" || operation === "update") {
@@ -358,18 +358,7 @@ function createWWWConfig() {
       createHeaderGlobal(),
       createFooterGlobal()
     ], config.globals);
-    const renderDependencies = {};
-    for (const { slug, custom } of blocks) {
-      const path = custom?.[name]?.path;
-      if (typeof path === "string" && slug)
-        renderDependencies[slug] = { path, type: "component" };
-    }
-    for (const { custom } of [...collections, ...globals]) {
-      const path = custom?.[name]?.path;
-      if (typeof path === "string")
-        renderDependencies[path] = { path, type: "component" };
-    }
-    const plugins = mergeOrOverride([
+    const defaultPlugins = [
       seoPlugin(mergeOrOverride({
         collections: [PAGES_SLUG, POSTS_SLUG],
         openaiApiKey: process.env.OPENAI_API_KEY,
@@ -392,19 +381,13 @@ function createWWWConfig() {
           })
         ]
       }, defaultPluginsConfigs?.translator))
-    ], config.plugins);
+    ];
+    const plugins = mergeOrOverride(defaultPlugins, config.plugins);
     return {
       ...config,
       collections,
       globals,
-      plugins,
-      admin: {
-        ...config.admin ?? {},
-        dependencies: {
-          ...renderDependencies,
-          ...config.admin?.dependencies ?? {}
-        }
-      }
+      plugins
     };
   }
   return { withWWWConfig };

package/dist/pages.d.ts

@@ -1,8 +1,8 @@
 import { ReactElement } from "react";
-import { ImportMap, SanitizedConfig } from "payload";
+import { ImportMap as ImportMap2, SanitizedConfig } from "payload";
 type RenderedWWWModule<Data = any> = {
 	config: SanitizedConfig;
-	importMap: ImportMap;
+	importMap: ImportMap2;
 	data: Data;
 } & Record<string, any>;
 declare function FooterPage({ data }: RenderedWWWModule): ReactElement;
@@ -11,7 +11,7 @@ declare function HeaderPage({ data }: RenderedWWWModule): ReactElement2;
 import { ReactElement as ReactElement3 } from "react";
 declare function PagesPage({ data, locale,...props }: RenderedWWWModule): Promise<ReactElement3>;
 import { Metadata, MetadataRoute } from "next";
-import { ImportMap as ImportMap2, SanitizedConfig as SanitizedConfig2 } from "payload";
+import { ImportMap as ImportMap3, SanitizedConfig as SanitizedConfig2 } from "payload";
 import { ReactNode as ReactNode2 } from "react";
 type SlugShape = "single" | "catch-all";
 type NextPageProps = {
@@ -25,7 +25,7 @@ type RoutingConfig = GenericRoutingConfig<string[], any, any, any>;
 type CreateCollectionPageExportsArgs<S extends string = "pages"> = {
 	slug?: S;
 	config: Promise<SanitizedConfig2>;
-	importMap: ImportMap2;
+	importMap: ImportMap3;
 	routing: RoutingConfig;
 	slugShape?: SlugShape;
 };

package/dist/pages.js

@@ -116,47 +116,43 @@ function HeaderPage({ data }) {
 
 // src/render/getFromImportMap.ts
 function getFromImportMap(key, importMap) {
-  return key && importMap[key.includes("#") ? key : key + "#default"];
-}
-
-// src/render/generateImportName.ts
-function generateImportName(type, slug) {
-  switch (type) {
-    case "block":
-      return `Block${slug.replace(/(^\w|-\w)/g, (m) => m.replace("-", "").toUpperCase())}#default`;
-    case "page":
-      return `Page${slug.replace(/(^\w|-\w)/g, (m) => m.replace("-", "").toUpperCase())}#default`;
-    default:
-      throw new Error(`Unknown type: ${type}`);
+  if (!key)
+    return;
+  const entry = importMap[key.includes("#") ? key : `${key}#default`];
+  if (entry == null)
+    return;
+  if (typeof entry === "function") {
+    return entry().then((mod) => {
+      if (typeof mod === "function")
+        return mod;
+      const modObj = mod;
+      return modObj.default ?? mod;
+    });
   }
+  return entry;
 }
 
+// package.json
+var name = "@justanarthur/payload-www";
+
 // src/render/blocks/renderBlocks.tsx
 import { jsx as jsx3, Fragment } from "react/jsx-runtime";
-var RenderBlocks = ({
-  blocks,
-  blockProps,
-  config,
-  importMap,
-  locale,
-  searchParams
-}) => {
-  if (!blocks || !Array.isArray(blocks) || blocks.length === 0) {
-    console.log("[WWW] render/blocks:RenderBlocks no blocks (locale=", locale, ")");
+var DEFAULT_BLOCK_PATH_PREFIX = "@/components/blocks";
+var RenderBlocks = async ({ blocks, blockProps, config, importMap, locale, searchParams }) => {
+  if (!blocks || !Array.isArray(blocks) || blocks.length === 0)
     return null;
-  }
-  console.log("[WWW] render/blocks:RenderBlocks rendering count=", blocks.length, "locale=", locale);
   const rendered = [];
   for (let i = 0;i < blocks.length; i++) {
     const block = blocks[i];
     const { blockType } = block;
-    const importMapPath = config.admin?.dependencies?.[blockType]?.path || generateImportName("block", blockType);
-    const Block = getFromImportMap(importMapPath, importMap);
+    const blockConfig = (config.blocks ?? []).find((b) => b.slug === blockType);
+    const customPath = blockConfig?.custom?.[name]?.path;
+    const importMapPath = (typeof customPath === "string" ? customPath : null) ?? `${DEFAULT_BLOCK_PATH_PREFIX}/${blockType}`;
+    const Block = await getFromImportMap(importMapPath, importMap);
     if (!Block) {
       console.warn(`[WWW] render/blocks:RenderBlocks no block for type=${blockType} importMapPath=${importMapPath} (locale=${locale})`);
       continue;
     }
-    console.log("[WWW] render/blocks:RenderBlocks [", i, "] blockType=", blockType, "importMapPath=", importMapPath);
     rendered.push(/* @__PURE__ */ jsx3(Block, {
       index: i,
       ...blockProps,
@@ -348,9 +344,6 @@ function buildAlternates(locale, ...args) {
 // src/render/pages/createCollectionPageExports.tsx
 import { createSiteDefaults, generateMeta } from "@justanarthur/payload-plugin-seo/next-metadata";
 
-// package.json
-var name = "@justanarthur/payload-www";
-
 // src/render/renderWWWModule.tsx
 import { jsx as jsx5 } from "react/jsx-runtime";
 async function renderWWWDataModule(data, {
@@ -361,7 +354,7 @@ async function renderWWWDataModule(data, {
 }, props) {
   const config = await configPromise;
   const renderPath = config[configPath]?.find((c) => c.slug === collectionSlug)?.custom?.[name]?.path;
-  const RenderModule = getFromImportMap(renderPath, importMap);
+  const RenderModule = await getFromImportMap(renderPath, importMap);
   if (!RenderModule) {
     if (false) {}
     return null;

package/dist/render-pages.d.ts

@@ -1,8 +1,8 @@
 import { ReactElement } from "react";
-import { ImportMap, SanitizedConfig } from "payload";
+import { ImportMap as ImportMap2, SanitizedConfig } from "payload";
 type RenderedWWWModule<Data = any> = {
 	config: SanitizedConfig;
-	importMap: ImportMap;
+	importMap: ImportMap2;
 	data: Data;
 } & Record<string, any>;
 declare function FooterPage({ data }: RenderedWWWModule): ReactElement;
@@ -13,7 +13,7 @@ declare function PagesPage({ data, locale,...props }: RenderedWWWModule): Promis
 import { ReactElement as ReactElement4 } from "react";
 declare function PostsPage({ doc, locale,...props }: RenderedWWWModule): Promise<ReactElement4>;
 import { Metadata, MetadataRoute } from "next";
-import { ImportMap as ImportMap2, SanitizedConfig as SanitizedConfig2 } from "payload";
+import { ImportMap as ImportMap3, SanitizedConfig as SanitizedConfig2 } from "payload";
 import { ReactNode as ReactNode2 } from "react";
 type SlugShape = "single" | "catch-all";
 import { ReactNode } from "react";
@@ -34,7 +34,7 @@ type RoutingConfig = GenericRoutingConfig<string[], any, any, any>;
 type CreateCollectionPageExportsArgs<S extends string = "pages"> = {
 	slug?: S;
 	config: Promise<SanitizedConfig2>;
-	importMap: ImportMap2;
+	importMap: ImportMap3;
 	routing: RoutingConfig;
 	slugShape?: SlugShape;
 };
@@ -54,12 +54,12 @@ declare function createCollectionPageExports<S extends string = "pages">({ slug:
 		pagePathPrefix: string | undefined;
 	};
 };
-import { ImportMap as ImportMap3, SanitizedConfig as SanitizedConfig3 } from "payload";
+import { ImportMap as ImportMap4, SanitizedConfig as SanitizedConfig3 } from "payload";
 import { HTMLAttributes, ReactNode as ReactNode3 } from "react";
 import { JSX as JSX_1kxb2 } from "react/jsx-runtime";
 type CreateRootLayoutExportsArgs = {
 	config: Promise<SanitizedConfig3>;
-	importMap: ImportMap3;
+	importMap: ImportMap4;
 	routing: RoutingConfig;
 };
 type CreateRootLayoutProvidersArgs = {

package/dist/render-pages.js

@@ -116,47 +116,43 @@ function HeaderPage({ data }) {
 
 // src/render/getFromImportMap.ts
 function getFromImportMap(key, importMap) {
-  return key && importMap[key.includes("#") ? key : key + "#default"];
-}
-
-// src/render/generateImportName.ts
-function generateImportName(type, slug) {
-  switch (type) {
-    case "block":
-      return `Block${slug.replace(/(^\w|-\w)/g, (m) => m.replace("-", "").toUpperCase())}#default`;
-    case "page":
-      return `Page${slug.replace(/(^\w|-\w)/g, (m) => m.replace("-", "").toUpperCase())}#default`;
-    default:
-      throw new Error(`Unknown type: ${type}`);
+  if (!key)
+    return;
+  const entry = importMap[key.includes("#") ? key : `${key}#default`];
+  if (entry == null)
+    return;
+  if (typeof entry === "function") {
+    return entry().then((mod) => {
+      if (typeof mod === "function")
+        return mod;
+      const modObj = mod;
+      return modObj.default ?? mod;
+    });
   }
+  return entry;
 }
 
+// package.json
+var name = "@justanarthur/payload-www";
+
 // src/render/blocks/renderBlocks.tsx
 import { jsx as jsx3, Fragment } from "react/jsx-runtime";
-var RenderBlocks = ({
-  blocks,
-  blockProps,
-  config,
-  importMap,
-  locale,
-  searchParams
-}) => {
-  if (!blocks || !Array.isArray(blocks) || blocks.length === 0) {
-    console.log("[WWW] render/blocks:RenderBlocks no blocks (locale=", locale, ")");
+var DEFAULT_BLOCK_PATH_PREFIX = "@/components/blocks";
+var RenderBlocks = async ({ blocks, blockProps, config, importMap, locale, searchParams }) => {
+  if (!blocks || !Array.isArray(blocks) || blocks.length === 0)
     return null;
-  }
-  console.log("[WWW] render/blocks:RenderBlocks rendering count=", blocks.length, "locale=", locale);
   const rendered = [];
   for (let i = 0;i < blocks.length; i++) {
     const block = blocks[i];
     const { blockType } = block;
-    const importMapPath = config.admin?.dependencies?.[blockType]?.path || generateImportName("block", blockType);
-    const Block = getFromImportMap(importMapPath, importMap);
+    const blockConfig = (config.blocks ?? []).find((b) => b.slug === blockType);
+    const customPath = blockConfig?.custom?.[name]?.path;
+    const importMapPath = (typeof customPath === "string" ? customPath : null) ?? `${DEFAULT_BLOCK_PATH_PREFIX}/${blockType}`;
+    const Block = await getFromImportMap(importMapPath, importMap);
     if (!Block) {
       console.warn(`[WWW] render/blocks:RenderBlocks no block for type=${blockType} importMapPath=${importMapPath} (locale=${locale})`);
       continue;
     }
-    console.log("[WWW] render/blocks:RenderBlocks [", i, "] blockType=", blockType, "importMapPath=", importMapPath);
     rendered.push(/* @__PURE__ */ jsx3(Block, {
       index: i,
       ...blockProps,
@@ -378,9 +374,6 @@ function buildAlternates(locale, ...args) {
 // src/render/pages/createCollectionPageExports.tsx
 import { createSiteDefaults, generateMeta } from "@justanarthur/payload-plugin-seo/next-metadata";
 
-// package.json
-var name = "@justanarthur/payload-www";
-
 // src/render/renderWWWModule.tsx
 import { jsx as jsx6 } from "react/jsx-runtime";
 async function renderWWWDataModule(data, {
@@ -391,7 +384,7 @@ async function renderWWWDataModule(data, {
 }, props) {
   const config = await configPromise;
   const renderPath = config[configPath]?.find((c) => c.slug === collectionSlug)?.custom?.[name]?.path;
-  const RenderModule = getFromImportMap(renderPath, importMap);
+  const RenderModule = await getFromImportMap(renderPath, importMap);
   if (!RenderModule) {
     if (false) {}
     return null;

package/dist/sitemap.js

@@ -172,7 +172,20 @@ var name = "@justanarthur/payload-www";
 
 // src/render/getFromImportMap.ts
 function getFromImportMap(key, importMap) {
-  return key && importMap[key.includes("#") ? key : key + "#default"];
+  if (!key)
+    return;
+  const entry = importMap[key.includes("#") ? key : `${key}#default`];
+  if (entry == null)
+    return;
+  if (typeof entry === "function") {
+    return entry().then((mod) => {
+      if (typeof mod === "function")
+        return mod;
+      const modObj = mod;
+      return modObj.default ?? mod;
+    });
+  }
+  return entry;
 }
 
 // src/render/renderWWWModule.tsx
@@ -185,7 +198,7 @@ async function renderWWWDataModule(data, {
 }, props) {
   const config = await configPromise;
   const renderPath = config[configPath]?.find((c) => c.slug === collectionSlug)?.custom?.[name]?.path;
-  const RenderModule = getFromImportMap(renderPath, importMap);
+  const RenderModule = await getFromImportMap(renderPath, importMap);
   if (!RenderModule) {
     if (false) {}
     return null;

package/dist/utils.d.ts

@@ -1,6 +1,12 @@
 declare function generateImportName(type: "block" | "page", slug: string): string;
+import { ComponentType } from "react";
 import { ImportMap } from "payload";
-declare function getFromImportMap(key: string | undefined, importMap: ImportMap): any;
+type AsyncImportMapEntry<T = ComponentType> = T | (() => Promise<{
+	default: T;
+} | T>);
+type AsyncImportMap = Record<string, AsyncImportMapEntry>;
+type ResolvedImportMapEntry<T = ComponentType> = T | Promise<T>;
+declare function getFromImportMap<T = ComponentType>(key: string | undefined, importMap: ImportMap | AsyncImportMap): ResolvedImportMapEntry<T> | undefined;
 declare const utils: {
 	getFromImportMap: typeof getFromImportMap;
 	generateImportName: typeof generateImportName;

package/dist/utils.js

@@ -14,7 +14,20 @@ function generateImportName(type, slug) {
 
 // src/render/getFromImportMap.ts
 function getFromImportMap(key, importMap) {
-  return key && importMap[key.includes("#") ? key : key + "#default"];
+  if (!key)
+    return;
+  const entry = importMap[key.includes("#") ? key : `${key}#default`];
+  if (entry == null)
+    return;
+  if (typeof entry === "function") {
+    return entry().then((mod) => {
+      if (typeof mod === "function")
+        return mod;
+      const modObj = mod;
+      return modObj.default ?? mod;
+    });
+  }
+  return entry;
 }
 
 // src/exports/utils.ts

package/package.json

@@ -1,13 +1,16 @@
 {
   "name": "@justanarthur/payload-www",
   "description": "Reusable Payload CMS website template — config builder, collections, globals, blocks, fields, access, hooks, metadata (JSON-LD, hreflang), page renderers, and test helpers.",
-  "version": "1.0.1",
+  "version": "1.2.0",
   "type": "module",
   "private": false,
   "files": [
     "dist",
     "README.md"
   ],
+  "bin": {
+    "payload-www": "./dist/cli.js"
+  },
   "exports": {
     "./translator": {
       "import": {
@@ -94,7 +97,9 @@
     "node": ">=20"
   },
   "scripts": {
-    "build": "NODE_ENV=production bunup && node scripts/strip-createRequire.mjs",
+    "build": "NODE_ENV=production bunup && node scripts/strip-createRequire.mjs && bun run build:cli",
+    "build:lib": "NODE_ENV=production bunup",
+    "build:cli": "bun build src/cli/index.ts --target node --format esm --outfile dist/cli.js --external tsx --external 'tsx/esm/api'",
     "clean": "rm -rf dist .tsbuildinfo",
     "test": "vitest run",
     "test:watch": "vitest",
@@ -108,14 +113,15 @@
     "@payloadcms/next": "3.85.0",
     "next": "16.2.6",
     "next-intl": "^4.0.0",
-    "server-only": "0.0.1"
+    "server-only": "0.0.1",
+    "tsx": "^4.19.2"
   },
   "devDependencies": {
     "@types/node": "22.19.9",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
     "bunup": "^0.16.32",
-    "payload": "3.85.0",
+    "payload": "3.85.1",
     "react": "19.2.6",
     "react-dom": "19.2.6",
     "typescript": "5.7.3",