@delmaredigital/payload-puck 0.6.10 → 0.6.13

package/dist/views/PuckConfigContext.js

@@ -21,28 +21,43 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *   )
  * }
  * ```
- */
-import { createContext, useContext, useMemo } from 'react';
-const PuckConfigContext = createContext({
-    config: null,
+ */ import { createContext, useContext, useMemo } from 'react';
+const PuckConfigContext = /*#__PURE__*/ createContext({
+    config: null
 });
 /**
  * Provider component that makes Puck configuration available to the editor
- */
-export function PuckConfigProvider({ config, layouts, theme, plugins, editorStylesheets, editorCss, children, }) {
+ */ export function PuckConfigProvider({ config, layouts, theme, plugins, editorStylesheets, editorCss, children }) {
     // Memoize context value to prevent unnecessary re-renders of consumers
     // when the provider re-renders but the values haven't changed
-    const contextValue = useMemo(() => ({ config, layouts, theme, plugins, editorStylesheets, editorCss }), [config, layouts, theme, plugins, editorStylesheets, editorCss]);
-    return (_jsx(PuckConfigContext.Provider, { value: contextValue, children: children }));
+    const contextValue = useMemo(()=>({
+            config,
+            layouts,
+            theme,
+            plugins,
+            editorStylesheets,
+            editorCss
+        }), [
+        config,
+        layouts,
+        theme,
+        plugins,
+        editorStylesheets,
+        editorCss
+    ]);
+    return /*#__PURE__*/ _jsx(PuckConfigContext.Provider, {
+        value: contextValue,
+        children: children
+    });
 }
 /**
  * Hook to access the Puck configuration
  *
  * @throws If used outside of a PuckConfigProvider
- */
-export function usePuckConfig() {
+ */ export function usePuckConfig() {
     const context = useContext(PuckConfigContext);
     return context;
 }
 export default PuckConfigContext;
+
 //# sourceMappingURL=PuckConfigContext.js.map

package/dist/views/PuckConfigContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"PuckConfigContext.js","sourceRoot":"","sources":["../../src/views/PuckConfigContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAkB,MAAM,OAAO,CAAA;AA+D1E,MAAM,iBAAiB,GAAG,aAAa,CAAyB;IAC9D,MAAM,EAAE,IAAI;CACb,CAAC,CAAA;AAgEF;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAC,EACjC,MAAM,EACN,OAAO,EACP,KAAK,EACL,OAAO,EACP,iBAAiB,EACjB,SAAS,EACT,QAAQ,GACgB;IACxB,uEAAuE;IACvE,8DAA8D;IAC9D,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,CAAC,EACzE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAE,SAAS,CAAC,CAChE,CAAA;IAED,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAC5C,QAAQ,GACkB,CAC9B,CAAA;AACH,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,aAAa;IAC3B,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC7C,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,eAAe,iBAAiB,CAAA"}
+{"version":3,"sources":["../../src/views/PuckConfigContext.tsx"],"sourcesContent":["'use client'\n\n/**\n * PuckConfigContext - Context for providing Puck configuration to the editor\n *\n * Since Puck configs contain React components, they cannot be serialized\n * from server to client. This context allows the consuming application\n * to provide the config at the client level.\n *\n * @example\n * ```tsx\n * // In your app's layout or provider setup:\n * import { PuckConfigProvider } from '@delmaredigital/payload-puck/client'\n * import { editorConfig } from '@delmaredigital/payload-puck/config/editor'\n *\n * export function Providers({ children }) {\n *   return (\n *     <PuckConfigProvider config={editorConfig}>\n *       {children}\n *     </PuckConfigProvider>\n *   )\n * }\n * ```\n */\n\nimport { createContext, useContext, useMemo, type ReactNode } from 'react'\nimport type { Config as PuckConfig, Plugin as PuckPlugin } from '@puckeditor/core'\nimport type { LayoutDefinition } from '../layouts/index.js'\nimport type { ThemeConfig } from '../theme/index.js'\n\nexport interface PuckConfigContextValue {\n  /**\n   * The Puck configuration with component definitions\n   */\n  config: PuckConfig | null\n  /**\n   * Layout definitions for the editor preview\n   */\n  layouts?: LayoutDefinition[]\n  /**\n   * Theme configuration for component styling\n   */\n  theme?: ThemeConfig\n  /**\n   * Additional Puck plugins to use in the editor.\n   * These plugins will be merged with the default plugins (heading analyzer, version history).\n   * Use this to add custom plugin rail panels for your specific use cases.\n   *\n   * @example\n   * ```tsx\n   * import { createGalleryPickerPlugin } from '@/puck/plugins'\n   *\n   * <PuckConfigProvider\n   *   config={editorConfig}\n   *   plugins={[createGalleryPickerPlugin()]}\n   * >\n   * ```\n   */\n  plugins?: PuckPlugin[]\n  /**\n   * Stylesheet URLs to inject into the editor iframe.\n   * Use this to provide your frontend CSS (Tailwind, CSS variables, etc.)\n   * that header/footer components need for proper styling.\n   *\n   * @example\n   * ```tsx\n   * <PuckConfigProvider\n   *   config={editorConfig}\n   *   editorStylesheets={['/editor-styles.css']}\n   * >\n   * ```\n   */\n  editorStylesheets?: string[]\n  /**\n   * Raw CSS to inject into the editor iframe.\n   * Useful for CSS variables or small style overrides.\n   *\n   * @example\n   * ```tsx\n   * <PuckConfigProvider\n   *   config={editorConfig}\n   *   editorCss=\":root { --primary: blue; }\"\n   * >\n   * ```\n   */\n  editorCss?: string\n}\n\nconst PuckConfigContext = createContext<PuckConfigContextValue>({\n  config: null,\n})\n\nexport interface PuckConfigProviderProps {\n  /**\n   * The Puck configuration with component definitions\n   */\n  config: PuckConfig\n  /**\n   * Layout definitions for the editor preview\n   */\n  layouts?: LayoutDefinition[]\n  /**\n   * Theme configuration for component styling\n   */\n  theme?: ThemeConfig\n  /**\n   * Additional Puck plugins to use in the editor.\n   * These plugins will be merged with the default plugins (heading analyzer, version history).\n   * Use this to add custom plugin rail panels for your specific use cases.\n   *\n   * @example\n   * ```tsx\n   * import { createGalleryPickerPlugin } from '@/puck/plugins'\n   *\n   * <PuckConfigProvider\n   *   config={editorConfig}\n   *   plugins={[createGalleryPickerPlugin()]}\n   * >\n   * ```\n   */\n  plugins?: PuckPlugin[]\n  /**\n   * Stylesheet URLs to inject into the editor iframe.\n   * Use this to provide your frontend CSS (Tailwind, CSS variables, etc.)\n   * that header/footer components need for proper styling.\n   *\n   * @example\n   * ```tsx\n   * <PuckConfigProvider\n   *   config={editorConfig}\n   *   editorStylesheets={['/editor-styles.css']}\n   * >\n   * ```\n   */\n  editorStylesheets?: string[]\n  /**\n   * Raw CSS to inject into the editor iframe.\n   * Useful for CSS variables or small style overrides.\n   *\n   * @example\n   * ```tsx\n   * <PuckConfigProvider\n   *   config={editorConfig}\n   *   editorCss=\":root { --primary: blue; }\"\n   * >\n   * ```\n   */\n  editorCss?: string\n  /**\n   * Children to render\n   */\n  children: ReactNode\n}\n\n/**\n * Provider component that makes Puck configuration available to the editor\n */\nexport function PuckConfigProvider({\n  config,\n  layouts,\n  theme,\n  plugins,\n  editorStylesheets,\n  editorCss,\n  children,\n}: PuckConfigProviderProps) {\n  // Memoize context value to prevent unnecessary re-renders of consumers\n  // when the provider re-renders but the values haven't changed\n  const contextValue = useMemo<PuckConfigContextValue>(\n    () => ({ config, layouts, theme, plugins, editorStylesheets, editorCss }),\n    [config, layouts, theme, plugins, editorStylesheets, editorCss]\n  )\n\n  return (\n    <PuckConfigContext.Provider value={contextValue}>\n      {children}\n    </PuckConfigContext.Provider>\n  )\n}\n\n/**\n * Hook to access the Puck configuration\n *\n * @throws If used outside of a PuckConfigProvider\n */\nexport function usePuckConfig(): PuckConfigContextValue {\n  const context = useContext(PuckConfigContext)\n  return context\n}\n\nexport default PuckConfigContext\n"],"names":["createContext","useContext","useMemo","PuckConfigContext","config","PuckConfigProvider","layouts","theme","plugins","editorStylesheets","editorCss","children","contextValue","Provider","value","usePuckConfig","context"],"mappings":"AAAA;;AAEA;;;;;;;;;;;;;;;;;;;;;CAqBC,GAED,SAASA,aAAa,EAAEC,UAAU,EAAEC,OAAO,QAAwB,QAAO;AA+D1E,MAAMC,kCAAoBH,cAAsC;IAC9DI,QAAQ;AACV;AAgEA;;CAEC,GACD,OAAO,SAASC,mBAAmB,EACjCD,MAAM,EACNE,OAAO,EACPC,KAAK,EACLC,OAAO,EACPC,iBAAiB,EACjBC,SAAS,EACTC,QAAQ,EACgB;IACxB,uEAAuE;IACvE,8DAA8D;IAC9D,MAAMC,eAAeV,QACnB,IAAO,CAAA;YAAEE;YAAQE;YAASC;YAAOC;YAASC;YAAmBC;QAAU,CAAA,GACvE;QAACN;QAAQE;QAASC;QAAOC;QAASC;QAAmBC;KAAU;IAGjE,qBACE,KAACP,kBAAkBU,QAAQ;QAACC,OAAOF;kBAChCD;;AAGP;AAEA;;;;CAIC,GACD,OAAO,SAASI;IACd,MAAMC,UAAUf,WAAWE;IAC3B,OAAOa;AACT;AAEA,eAAeb,kBAAiB"}

package/dist/views/PuckEditorView.d.ts

@@ -14,6 +14,6 @@ export interface PuckEditorViewProps extends AdminViewProps {
  *
  * URL pattern: /admin/puck-editor/:collection/:id
  */
-export declare function PuckEditorView({ initPageResult, params, searchParams, }: PuckEditorViewProps): Promise<import("react/jsx-runtime").JSX.Element>;
+export declare function PuckEditorView({ initPageResult, params, searchParams, }: PuckEditorViewProps): Promise<import("react").JSX.Element>;
 export default PuckEditorView;
 //# sourceMappingURL=PuckEditorView.d.ts.map

package/dist/views/PuckEditorView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PuckEditorView.d.ts","sourceRoot":"","sources":["../../src/views/PuckEditorView.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAU,MAAM,SAAS,CAAA;AAMrD,MAAM,WAAW,mBAAoB,SAAQ,cAAc;CAE1D;AAED;;;;GAIG;AACH,wBAAsB,cAAc,CAAC,EACnC,cAAc,EACd,MAAM,EACN,YAAY,GACb,EAAE,mBAAmB,oDAuMrB;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"PuckEditorView.d.ts","sourceRoot":"","sources":["../../src/views/PuckEditorView.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAU,MAAM,SAAS,CAAA;AAMrD,MAAM,WAAW,mBAAoB,SAAQ,cAAc;CAE1D;AAED;;;;GAIG;AACH,wBAAsB,cAAc,CAAC,EACnC,cAAc,EACd,MAAM,EACN,YAAY,GACb,EAAE,mBAAmB,wCAsOrB;AAED,eAAe,cAAc,CAAA"}

package/dist/views/PuckEditorView.js

@@ -1,4 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * PuckEditorView - React Server Component for Payload Admin
+ *
+ * This is the admin view that wraps the Puck editor within Payload's admin layout.
+ * It fetches page data server-side and passes it to the client component.
+ *
+ * Registered as a custom view via config.admin.components.views
+ */ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DefaultTemplate } from '@payloadcms/next/templates';
 import { getVisibleEntities } from '@payloadcms/ui/shared';
 import { PuckEditor } from '../editor/PuckEditor.js';
@@ -7,8 +14,7 @@ import { mapPayloadFieldsToRootProps } from '../api/utils/mapRootProps.js';
  * Server Component that renders the Puck editor within Payload admin
  *
  * URL pattern: /admin/puck-editor/:collection/:id
- */
-export async function PuckEditorView({ initPageResult, params, searchParams, }) {
+ */ export async function PuckEditorView({ initPageResult, params, searchParams }) {
     const { req } = initPageResult;
     const { payload } = req;
     // Get admin route from config
@@ -21,37 +27,81 @@ export async function PuckEditorView({ initPageResult, params, searchParams, })
     const collection = segments?.[1] || 'pages';
     const pageId = segments?.[2];
     if (!pageId) {
-        return (_jsx(DefaultTemplate, { i18n: req.i18n, locale: req.locale, params: params, payload: payload, permissions: initPageResult.permissions, searchParams: searchParams, user: req.user ?? undefined, visibleEntities: getVisibleEntities({ req }), children: _jsx("div", { style: {
+        return /*#__PURE__*/ _jsx(DefaultTemplate, {
+            i18n: req.i18n,
+            locale: req.locale,
+            params: params,
+            payload: payload,
+            permissions: initPageResult.permissions,
+            searchParams: searchParams,
+            user: req.user ?? undefined,
+            visibleEntities: getVisibleEntities({
+                req
+            }),
+            children: /*#__PURE__*/ _jsx("div", {
+                style: {
                     display: 'flex',
                     alignItems: 'center',
                     justifyContent: 'center',
                     height: '50vh',
-                    color: 'var(--theme-elevation-500)',
-                }, children: _jsx("p", { children: "No page ID provided. Please navigate from the collection view." }) }) }));
+                    color: 'var(--theme-elevation-500)'
+                },
+                children: /*#__PURE__*/ _jsx("p", {
+                    children: "No page ID provided. Please navigate from the collection view."
+                })
+            })
+        });
     }
+    // Get visible entities for the sidebar navigation
+    const visibleEntities = getVisibleEntities({
+        req
+    });
+    // Get puck config from plugin custom settings
+    const puckConfig = payload.config.custom?.puck?.config;
+    const layouts = payload.config.custom?.puck?.layouts;
+    const explicitPageTreeConfig = payload.config.custom?.puck?.pageTree;
+    const aiConfig = payload.config.custom?.puck?.ai;
+    const editorStylesheets = payload.config.custom?.puck?.editorStylesheets;
+    const previewUrlConfig = payload.config.custom?.puck?.previewUrl;
     // Fetch the page data
+    // Use depth: 1 if previewUrl is a function (may need relationship data like organization)
     let page = null;
     let error = null;
+    const needsRelationships = typeof previewUrlConfig === 'function';
     try {
         page = await payload.findByID({
             collection: collection,
             id: pageId,
-            draft: true, // Always get draft for editing
-            depth: 0,
+            draft: true,
+            depth: needsRelationships ? 1 : 0
         });
-    }
-    catch (err) {
+    } catch (err) {
         console.error('[PuckEditorView] Error fetching page:', err);
         error = err instanceof Error ? err.message : 'Failed to load page';
     }
-    // Get visible entities for the sidebar navigation
-    const visibleEntities = getVisibleEntities({ req });
-    // Get puck config from plugin custom settings
-    const puckConfig = payload.config.custom?.puck?.config;
-    const layouts = payload.config.custom?.puck?.layouts;
-    const explicitPageTreeConfig = payload.config.custom?.puck?.pageTree;
-    const aiConfig = payload.config.custom?.puck?.ai;
-    const editorStylesheets = payload.config.custom?.puck?.editorStylesheets;
+    // Compute preview URL prefix from config
+    // Note: Functions can't be passed to client components, so we extract a string prefix here.
+    // The client reconstructs the URL function as: (slug) => slug ? `${prefix}/${slug}` : prefix
+    //
+    // IMPORTANT: When the config returns a function, we call it with '' to get the prefix.
+    // This relies on the function using the pattern: (slug) => slug ? `/${org}/${slug}` : `/${org}`
+    // See PuckPluginOptions.previewUrl JSDoc in src/types/index.ts for details.
+    let previewUrlPrefix;
+    if (previewUrlConfig && page) {
+        if (typeof previewUrlConfig === 'function') {
+            const result = previewUrlConfig(page);
+            if (typeof result === 'string') {
+                // Function returned a string prefix directly (e.g., '/acme')
+                previewUrlPrefix = result;
+            } else if (typeof result === 'function') {
+                // Function returned a slug-to-URL function - call with '' to extract prefix
+                // e.g., (slug) => slug ? `/acme/${slug}` : `/acme` called with '' returns '/acme'
+                previewUrlPrefix = result('');
+            }
+        } else {
+            previewUrlPrefix = previewUrlConfig;
+        }
+    }
     // Fetch AI prompts from collection if enabled
     let aiExamplePrompts = aiConfig?.examplePrompts || [];
     if (aiConfig?.enabled && aiConfig?.promptsCollection) {
@@ -59,16 +109,18 @@ export async function PuckEditorView({ initPageResult, params, searchParams, })
             const promptsResult = await payload.find({
                 collection: 'puck-ai-prompts',
                 sort: 'order',
-                limit: 50,
+                limit: 50
             });
             // Merge collection prompts with config prompts (collection prompts first)
-            const collectionPrompts = promptsResult.docs.map((doc) => ({
-                label: doc.label,
-                prompt: doc.prompt,
-            }));
-            aiExamplePrompts = [...collectionPrompts, ...aiExamplePrompts];
-        }
-        catch (e) {
+            const collectionPrompts = promptsResult.docs.map((doc)=>({
+                    label: doc.label,
+                    prompt: doc.prompt
+                }));
+            aiExamplePrompts = [
+                ...collectionPrompts,
+                ...aiExamplePrompts
+            ];
+        } catch (e) {
             // Collection might not exist yet, that's ok
             console.warn('[PuckEditorView] Could not fetch AI prompts:', e);
         }
@@ -81,27 +133,30 @@ export async function PuckEditorView({ initPageResult, params, searchParams, })
     if (explicitPageTreeConfig === false) {
         // Explicitly disabled
         pageTreeConfig = null;
-    }
-    else if (explicitPageTreeConfig) {
+    } else if (explicitPageTreeConfig) {
         // Use explicit config
         pageTreeConfig = explicitPageTreeConfig;
-    }
-    else {
+    } else {
         // Auto-detect: check if collection has pageSegment field
         const collectionConfig = payload.collections[collection]?.config;
-        const hasPageTreeFields = collectionConfig?.fields?.some((field) => field.name === 'pageSegment');
+        const hasPageTreeFields = collectionConfig?.fields?.some((field)=>field.name === 'pageSegment');
         if (hasPageTreeFields) {
             pageTreeConfig = {
                 folderSlug: 'payload-folders',
                 pageSegmentFieldName: 'pageSegment',
-                folderFieldName: 'folder',
+                folderFieldName: 'folder'
             };
         }
     }
     // Build back URL to collection
     const backUrl = `${adminRoute}/collections/${collection}/${pageId}`;
     // Build initial data, syncing Payload fields to root.props
-    let initialData = page?.puckData || { content: [], root: { props: {} } };
+    let initialData = page?.puckData || {
+        content: [],
+        root: {
+            props: {}
+        }
+    };
     if (page) {
         // Map Payload document fields to root.props format
         // This ensures fields like title, slug, isHomepage, pageLayout are synced
@@ -117,23 +172,64 @@ export async function PuckEditorView({ initPageResult, params, searchParams, })
                 ...initialData.root,
                 props: {
                     ...initialData.root?.props,
-                    ...syncedRootProps,
-                },
-            },
+                    ...syncedRootProps
+                }
+            }
         };
     }
-    return (_jsx(DefaultTemplate, { i18n: req.i18n, locale: req.locale, params: params, payload: payload, permissions: initPageResult.permissions, searchParams: searchParams, user: req.user ?? undefined, visibleEntities: visibleEntities, children: error ? (_jsx("div", { style: {
+    return /*#__PURE__*/ _jsx(DefaultTemplate, {
+        i18n: req.i18n,
+        locale: req.locale,
+        params: params,
+        payload: payload,
+        permissions: initPageResult.permissions,
+        searchParams: searchParams,
+        user: req.user ?? undefined,
+        visibleEntities: visibleEntities,
+        children: error ? /*#__PURE__*/ _jsx("div", {
+            style: {
                 display: 'flex',
                 alignItems: 'center',
                 justifyContent: 'center',
                 height: '50vh',
-                color: 'var(--theme-error-500)',
-            }, children: _jsxs("p", { children: ["Error: ", error] }) })) : (_jsx("div", { style: {
+                color: 'var(--theme-error-500)'
+            },
+            children: /*#__PURE__*/ _jsxs("p", {
+                children: [
+                    "Error: ",
+                    error
+                ]
+            })
+        }) : /*#__PURE__*/ _jsx("div", {
+            style: {
                 // Take up full available height within the admin template
                 height: 'calc(100vh - 60px)',
                 display: 'flex',
-                flexDirection: 'column',
-            }, children: _jsx(PuckEditor, { pageId: pageId, initialData: initialData, pageTitle: page?.title || 'Untitled', pageSlug: page?.slug || '', apiEndpoint: `/api/puck/${collection}`, initialStatus: page?._status, backUrl: backUrl, layouts: layouts, hasPageTree: !!pageTreeConfig, folder: pageTreeConfig ? (typeof page?.folder === 'object' ? page?.folder?.id : page?.folder) : undefined, pageSegment: pageTreeConfig ? page?.pageSegment : undefined, enableAi: aiConfig?.enabled, aiExamplePrompts: aiExamplePrompts, hasPromptsCollection: !!aiConfig?.promptsCollection, hasContextCollection: !!aiConfig?.contextCollection, aiComponentInstructions: aiConfig?.componentInstructions, editorStylesheets: editorStylesheets }) })) }));
+                flexDirection: 'column'
+            },
+            children: /*#__PURE__*/ _jsx(PuckEditor, {
+                pageId: pageId,
+                initialData: initialData,
+                pageTitle: page?.title || 'Untitled',
+                pageSlug: page?.slug || '',
+                apiEndpoint: `/api/puck/${collection}`,
+                initialStatus: page?._status,
+                backUrl: backUrl,
+                previewUrlPrefix: previewUrlPrefix,
+                layouts: layouts,
+                hasPageTree: !!pageTreeConfig,
+                folder: pageTreeConfig ? typeof page?.folder === 'object' ? page?.folder?.id : page?.folder : undefined,
+                pageSegment: pageTreeConfig ? page?.pageSegment : undefined,
+                enableAi: aiConfig?.enabled,
+                aiExamplePrompts: aiExamplePrompts,
+                hasPromptsCollection: !!aiConfig?.promptsCollection,
+                hasContextCollection: !!aiConfig?.contextCollection,
+                aiComponentInstructions: aiConfig?.componentInstructions,
+                editorStylesheets: editorStylesheets
+            })
+        })
+    });
 }
 export default PuckEditorView;
+
 //# sourceMappingURL=PuckEditorView.js.map

package/dist/views/PuckEditorView.js.map

@@ -1 +1 @@
-{"version":3,"file":"PuckEditorView.js","sourceRoot":"","sources":["../../src/views/PuckEditorView.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../src/views/PuckEditorView.tsx"],"sourcesContent":["/**\n * PuckEditorView - React Server Component for Payload Admin\n *\n * This is the admin view that wraps the Puck editor within Payload's admin layout.\n * It fetches page data server-side and passes it to the client component.\n *\n * Registered as a custom view via config.admin.components.views\n */\n\nimport type { AdminViewProps, Locale } from 'payload'\nimport { DefaultTemplate } from '@payloadcms/next/templates'\nimport { getVisibleEntities } from '@payloadcms/ui/shared'\nimport { PuckEditor } from '../editor/PuckEditor.js'\nimport { mapPayloadFieldsToRootProps } from '../api/utils/mapRootProps.js'\n\nexport interface PuckEditorViewProps extends AdminViewProps {\n  // Additional props can be passed via plugin config\n}\n\n/**\n * Server Component that renders the Puck editor within Payload admin\n *\n * URL pattern: /admin/puck-editor/:collection/:id\n */\nexport async function PuckEditorView({\n  initPageResult,\n  params,\n  searchParams,\n}: PuckEditorViewProps) {\n  const { req } = initPageResult\n  const { payload } = req\n\n  // Get admin route from config\n  const adminRoute = req.payload.config.routes?.admin || '/admin'\n\n  // Parse segments from URL: /admin/puck-editor/:collection/:id\n  // params.segments contains the full path after /admin/, e.g. ['puck-editor', 'pages', '1']\n  // We need to skip the route prefix ('puck-editor') to get collection and id\n  const segments = (await params)?.segments as string[] | undefined\n  // segments[0] = 'puck-editor' (route prefix), segments[1] = collection, segments[2] = id\n  const collection = segments?.[1] || 'pages'\n  const pageId = segments?.[2]\n\n  if (!pageId) {\n    return (\n      <DefaultTemplate\n        i18n={req.i18n}\n        locale={req.locale as Locale | undefined}\n        params={params}\n        payload={payload}\n        permissions={initPageResult.permissions}\n        searchParams={searchParams}\n        user={req.user ?? undefined}\n        visibleEntities={getVisibleEntities({ req })}\n      >\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            height: '50vh',\n            color: 'var(--theme-elevation-500)',\n          }}\n        >\n          <p>No page ID provided. Please navigate from the collection view.</p>\n        </div>\n      </DefaultTemplate>\n    )\n  }\n\n  // Get visible entities for the sidebar navigation\n  const visibleEntities = getVisibleEntities({ req })\n\n  // Get puck config from plugin custom settings\n  const puckConfig = (payload.config as any).custom?.puck?.config\n  const layouts = (payload.config as any).custom?.puck?.layouts\n  const explicitPageTreeConfig = (payload.config as any).custom?.puck?.pageTree\n  const aiConfig = (payload.config as any).custom?.puck?.ai\n  const editorStylesheets = (payload.config as any).custom?.puck?.editorStylesheets as string[] | undefined\n  const previewUrlConfig = (payload.config as any).custom?.puck?.previewUrl as\n    | string\n    | ((page: any) => string | ((slug: string) => string))\n    | undefined\n\n  // Fetch the page data\n  // Use depth: 1 if previewUrl is a function (may need relationship data like organization)\n  let page: any = null\n  let error: string | null = null\n  const needsRelationships = typeof previewUrlConfig === 'function'\n\n  try {\n    page = await payload.findByID({\n      collection: collection as any,\n      id: pageId,\n      draft: true, // Always get draft for editing\n      depth: needsRelationships ? 1 : 0,\n    })\n  } catch (err) {\n    console.error('[PuckEditorView] Error fetching page:', err)\n    error = err instanceof Error ? err.message : 'Failed to load page'\n  }\n\n  // Compute preview URL prefix from config\n  // Note: Functions can't be passed to client components, so we extract a string prefix here.\n  // The client reconstructs the URL function as: (slug) => slug ? `${prefix}/${slug}` : prefix\n  //\n  // IMPORTANT: When the config returns a function, we call it with '' to get the prefix.\n  // This relies on the function using the pattern: (slug) => slug ? `/${org}/${slug}` : `/${org}`\n  // See PuckPluginOptions.previewUrl JSDoc in src/types/index.ts for details.\n  let previewUrlPrefix: string | undefined\n  if (previewUrlConfig && page) {\n    if (typeof previewUrlConfig === 'function') {\n      const result = previewUrlConfig(page)\n      if (typeof result === 'string') {\n        // Function returned a string prefix directly (e.g., '/acme')\n        previewUrlPrefix = result\n      } else if (typeof result === 'function') {\n        // Function returned a slug-to-URL function - call with '' to extract prefix\n        // e.g., (slug) => slug ? `/acme/${slug}` : `/acme` called with '' returns '/acme'\n        previewUrlPrefix = result('')\n      }\n    } else {\n      previewUrlPrefix = previewUrlConfig\n    }\n  }\n\n  // Fetch AI prompts from collection if enabled\n  let aiExamplePrompts = aiConfig?.examplePrompts || []\n  if (aiConfig?.enabled && aiConfig?.promptsCollection) {\n    try {\n      const promptsResult = await payload.find({\n        collection: 'puck-ai-prompts' as any,\n        sort: 'order',\n        limit: 50,\n      })\n      // Merge collection prompts with config prompts (collection prompts first)\n      const collectionPrompts = promptsResult.docs.map((doc: any) => ({\n        label: doc.label,\n        prompt: doc.prompt,\n      }))\n      aiExamplePrompts = [...collectionPrompts, ...aiExamplePrompts]\n    } catch (e) {\n      // Collection might not exist yet, that's ok\n      console.warn('[PuckEditorView] Could not fetch AI prompts:', e)\n    }\n  }\n\n  // Determine page-tree config:\n  // 1. If explicitly set to false in plugin options, disable\n  // 2. If explicit config provided, use it\n  // 3. Otherwise, auto-detect by checking for pageSegment field (added by page-tree plugin)\n  let pageTreeConfig = null\n  if (explicitPageTreeConfig === false) {\n    // Explicitly disabled\n    pageTreeConfig = null\n  } else if (explicitPageTreeConfig) {\n    // Use explicit config\n    pageTreeConfig = explicitPageTreeConfig\n  } else {\n    // Auto-detect: check if collection has pageSegment field\n    const collectionConfig = payload.collections[collection]?.config\n    const hasPageTreeFields = collectionConfig?.fields?.some(\n      (field: any) => field.name === 'pageSegment'\n    )\n    if (hasPageTreeFields) {\n      pageTreeConfig = {\n        folderSlug: 'payload-folders',\n        pageSegmentFieldName: 'pageSegment',\n        folderFieldName: 'folder',\n      }\n    }\n  }\n\n  // Build back URL to collection\n  const backUrl = `${adminRoute}/collections/${collection}/${pageId}`\n\n  // Build initial data, syncing Payload fields to root.props\n  let initialData = page?.puckData || { content: [], root: { props: {} } }\n\n  if (page) {\n    // Map Payload document fields to root.props format\n    // This ensures fields like title, slug, isHomepage, pageLayout are synced\n    const syncedRootProps = mapPayloadFieldsToRootProps(page as Record<string, unknown>)\n\n    // Handle folder ID specially (could be object or string)\n    if (pageTreeConfig && page.folder !== undefined) {\n      const folderId = typeof page.folder === 'object' ? page.folder?.id : page.folder\n      syncedRootProps.folder = folderId || null\n    }\n\n    initialData = {\n      ...initialData,\n      root: {\n        ...initialData.root,\n        props: {\n          ...initialData.root?.props,\n          ...syncedRootProps,\n        },\n      },\n    }\n  }\n\n  return (\n    <DefaultTemplate\n      i18n={req.i18n}\n      locale={req.locale as Locale | undefined}\n      params={params}\n      payload={payload}\n      permissions={initPageResult.permissions}\n      searchParams={searchParams}\n      user={req.user ?? undefined}\n      visibleEntities={visibleEntities}\n    >\n      {error ? (\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            height: '50vh',\n            color: 'var(--theme-error-500)',\n          }}\n        >\n          <p>Error: {error}</p>\n        </div>\n      ) : (\n        <div\n          style={{\n            // Take up full available height within the admin template\n            height: 'calc(100vh - 60px)',\n            display: 'flex',\n            flexDirection: 'column',\n          }}\n        >\n          <PuckEditor\n            pageId={pageId}\n            initialData={initialData}\n            pageTitle={page?.title || 'Untitled'}\n            pageSlug={page?.slug || ''}\n            apiEndpoint={`/api/puck/${collection}`}\n            initialStatus={page?._status}\n            backUrl={backUrl}\n            previewUrlPrefix={previewUrlPrefix}\n            layouts={layouts}\n            hasPageTree={!!pageTreeConfig}\n            folder={pageTreeConfig ? (typeof page?.folder === 'object' ? page?.folder?.id : page?.folder) : undefined}\n            pageSegment={pageTreeConfig ? page?.pageSegment : undefined}\n            enableAi={aiConfig?.enabled}\n            aiExamplePrompts={aiExamplePrompts}\n            hasPromptsCollection={!!aiConfig?.promptsCollection}\n            hasContextCollection={!!aiConfig?.contextCollection}\n            aiComponentInstructions={aiConfig?.componentInstructions}\n            editorStylesheets={editorStylesheets}\n          />\n        </div>\n      )}\n    </DefaultTemplate>\n  )\n}\n\nexport default PuckEditorView\n"],"names":["DefaultTemplate","getVisibleEntities","PuckEditor","mapPayloadFieldsToRootProps","PuckEditorView","initPageResult","params","searchParams","req","payload","adminRoute","config","routes","admin","segments","collection","pageId","i18n","locale","permissions","user","undefined","visibleEntities","div","style","display","alignItems","justifyContent","height","color","p","puckConfig","custom","puck","layouts","explicitPageTreeConfig","pageTree","aiConfig","ai","editorStylesheets","previewUrlConfig","previewUrl","page","error","needsRelationships","findByID","id","draft","depth","err","console","Error","message","previewUrlPrefix","result","aiExamplePrompts","examplePrompts","enabled","promptsCollection","promptsResult","find","sort","limit","collectionPrompts","docs","map","doc","label","prompt","e","warn","pageTreeConfig","collectionConfig","collections","hasPageTreeFields","fields","some","field","name","folderSlug","pageSegmentFieldName","folderFieldName","backUrl","initialData","puckData","content","root","props","syncedRootProps","folder","folderId","flexDirection","pageTitle","title","pageSlug","slug","apiEndpoint","initialStatus","_status","hasPageTree","pageSegment","enableAi","hasPromptsCollection","hasContextCollection","contextCollection","aiComponentInstructions","componentInstructions"],"mappings":"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"}

package/dist/views/index.js

@@ -1,8 +1,8 @@
 /**
  * Views module - Payload admin view components
- */
-// Server component (RSC)
+ */ // Server component (RSC)
 export { PuckEditorView } from './PuckEditorView.js';
 // Context
 export { PuckConfigProvider, usePuckConfig } from './PuckConfigContext.js';
+
 //# sourceMappingURL=index.js.map

package/dist/views/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/views/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,yBAAyB;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAGpD,UAAU;AACV,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA"}
+{"version":3,"sources":["../../src/views/index.ts"],"sourcesContent":["/**\n * Views module - Payload admin view components\n */\n\n// Server component (RSC)\nexport { PuckEditorView } from './PuckEditorView.js'\nexport type { PuckEditorViewProps } from './PuckEditorView.js'\n\n// Context\nexport { PuckConfigProvider, usePuckConfig } from './PuckConfigContext.js'\nexport type { PuckConfigProviderProps, PuckConfigContextValue } from './PuckConfigContext.js'\n"],"names":["PuckEditorView","PuckConfigProvider","usePuckConfig"],"mappings":"AAAA;;CAEC,GAED,yBAAyB;AACzB,SAASA,cAAc,QAAQ,sBAAqB;AAGpD,UAAU;AACV,SAASC,kBAAkB,EAAEC,aAAa,QAAQ,yBAAwB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@delmaredigital/payload-puck",
-  "version": "0.6.10",
+  "version": "0.6.13",
   "description": "Puck visual page builder plugin for Payload CMS",
   "type": "module",
   "license": "MIT",
@@ -9,67 +9,82 @@
   "exports": {
     ".": {
       "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
     },
     "./plugin": {
       "import": "./dist/plugin/index.js",
-      "types": "./dist/plugin/index.d.ts"
+      "types": "./dist/plugin/index.d.ts",
+      "default": "./dist/plugin/index.js"
     },
     "./config": {
       "import": "./dist/config/index.js",
-      "types": "./dist/config/index.d.ts"
+      "types": "./dist/config/index.d.ts",
+      "default": "./dist/config/index.js"
     },
     "./config/editor": {
       "import": "./dist/config/config.editor.js",
-      "types": "./dist/config/config.editor.d.ts"
+      "types": "./dist/config/config.editor.d.ts",
+      "default": "./dist/config/config.editor.js"
     },
     "./render": {
       "import": "./dist/render/index.js",
-      "types": "./dist/render/index.d.ts"
+      "types": "./dist/render/index.d.ts",
+      "default": "./dist/render/index.js"
     },
     "./client": {
       "import": "./dist/exports/client.js",
-      "types": "./dist/exports/client.d.ts"
+      "types": "./dist/exports/client.d.ts",
+      "default": "./dist/exports/client.js"
     },
     "./rsc": {
       "import": "./dist/exports/rsc.js",
-      "types": "./dist/exports/rsc.d.ts"
+      "types": "./dist/exports/rsc.d.ts",
+      "default": "./dist/exports/rsc.js"
     },
     "./layouts": {
       "import": "./dist/layouts/index.js",
-      "types": "./dist/layouts/index.d.ts"
+      "types": "./dist/layouts/index.d.ts",
+      "default": "./dist/layouts/index.js"
     },
     "./api": {
       "import": "./dist/api/index.js",
-      "types": "./dist/api/index.d.ts"
+      "types": "./dist/api/index.d.ts",
+      "default": "./dist/api/index.js"
     },
     "./admin/client": {
       "import": "./dist/admin/client.js",
-      "types": "./dist/admin/client.d.ts"
+      "types": "./dist/admin/client.d.ts",
+      "default": "./dist/admin/client.js"
     },
     "./theme": {
       "import": "./dist/theme/index.js",
-      "types": "./dist/theme/index.d.ts"
+      "types": "./dist/theme/index.d.ts",
+      "default": "./dist/theme/index.js"
     },
     "./components": {
       "import": "./dist/components/exports.js",
-      "types": "./dist/components/exports.d.ts"
+      "types": "./dist/components/exports.d.ts",
+      "default": "./dist/components/exports.js"
     },
     "./fields": {
       "import": "./dist/fields/index.js",
-      "types": "./dist/fields/index.d.ts"
+      "types": "./dist/fields/index.d.ts",
+      "default": "./dist/fields/index.js"
     },
     "./editor": {
       "import": "./dist/editor/index.js",
-      "types": "./dist/editor/index.d.ts"
+      "types": "./dist/editor/index.d.ts",
+      "default": "./dist/editor/index.js"
     },
     "./ai": {
       "import": "./dist/ai/index.js",
-      "types": "./dist/ai/index.d.ts"
+      "types": "./dist/ai/index.d.ts",
+      "default": "./dist/ai/index.js"
     },
     "./next": {
-      "types": "./dist/next/index.d.ts",
       "import": "./dist/next/index.js",
+      "types": "./dist/next/index.d.ts",
       "default": "./dist/next/index.js"
     }
   },
@@ -77,12 +92,14 @@
     "dist"
   ],
   "scripts": {
-    "dev-publish": "pnpm version prerelease --preid=dev && pnpm build && pnpm publish --registry http://localhost:4873",
+    "dev-publish": "pnpm version prerelease --preid=dev --no-git-tag-version && pnpm build && pnpm publish --registry http://localhost:4873 --no-git-checks",
     "generate-version": "node scripts/generate-version.js",
     "prebuild": "pnpm generate-version",
-    "build": "tsc && pnpm copy:css",
-    "copy:css": "cp src/fields/*.css dist/fields/ 2>/dev/null || true && mkdir -p dist/fields/richtext && cp src/fields/richtext/*.css dist/fields/richtext/ 2>/dev/null || true && cp src/editor/*.css dist/editor/ 2>/dev/null || true",
-    "dev": "pnpm generate-version && tsc --watch",
+    "build": "pnpm build:swc && pnpm build:types && pnpm copyfiles",
+    "build:swc": "swc ./src -d ./dist --strip-leading-paths",
+    "build:types": "tsc --outDir dist",
+    "copyfiles": "copyfiles -u 1 \"src/**/*.css\" dist",
+    "dev": "pnpm generate-version && swc ./src -d ./dist --strip-leading-paths --watch",
     "typecheck": "tsc --noEmit",
     "clean": "rm -rf dist",
     "prepublishOnly": "pnpm build"
@@ -126,32 +143,35 @@
   "dependencies": {
     "@puckeditor/cloud-client": "^0.5.0",
     "@puckeditor/plugin-ai": "^0.5.0",
-    "@puckeditor/plugin-heading-analyzer": "^0.21.0",
+    "@puckeditor/plugin-heading-analyzer": "^0.21.1",
     "@radix-ui/react-popover": "^1.1.15",
-    "@tiptap/core": "^3.14.0",
-    "@tiptap/extension-color": "^3.14.0",
-    "@tiptap/extension-highlight": "^3.14.0",
-    "@tiptap/extension-link": "^3.14.0",
-    "@tiptap/extension-subscript": "^3.15.3",
-    "@tiptap/extension-superscript": "^3.15.3",
-    "@tiptap/extension-text-align": "^3.14.0",
-    "@tiptap/extension-text-style": "^3.14.0",
-    "@tiptap/extension-underline": "^3.14.0",
-    "@tiptap/react": "^3.14.0",
-    "@tiptap/starter-kit": "^3.14.0",
-    "html-react-parser": "^5.2.11",
+    "@tiptap/core": "^3.18.0",
+    "@tiptap/extension-color": "^3.18.0",
+    "@tiptap/extension-highlight": "^3.18.0",
+    "@tiptap/extension-link": "^3.18.0",
+    "@tiptap/extension-subscript": "^3.18.0",
+    "@tiptap/extension-superscript": "^3.18.0",
+    "@tiptap/extension-text-align": "^3.18.0",
+    "@tiptap/extension-text-style": "^3.18.0",
+    "@tiptap/extension-underline": "^3.18.0",
+    "@tiptap/react": "^3.18.0",
+    "@tiptap/starter-kit": "^3.18.0",
+    "html-react-parser": "^5.2.13",
     "lucide-react": "^0.469.0"
   },
   "devDependencies": {
-    "@payloadcms/next": "^3.69.0",
-    "@payloadcms/ui": "^3.69.0",
-    "@puckeditor/core": "^0.21.0",
-    "@types/node": "^25.0.3",
-    "@types/react": "^19.2.7",
+    "@payloadcms/next": "^3.73.0",
+    "@payloadcms/ui": "^3.73.0",
+    "@puckeditor/core": "^0.21.1",
+    "@swc/cli": "^0.6.0",
+    "@swc/core": "^1.15.11",
+    "@types/node": "^25.1.0",
+    "@types/react": "^19.2.10",
     "@types/react-dom": "^19.2.3",
-    "next": "^16.1.1",
-    "payload": "^3.69.0",
-    "react": "^19.2.3",
+    "copyfiles": "^2.4.1",
+    "next": "^16.1.6",
+    "payload": "^3.73.0",
+    "react": "^19.2.4",
     "typescript": "^5.9.3"
   },
   "keywords": [