@delmaredigital/payload-puck 0.1.3 → 0.3.0

package/dist/admin/EditWithPuckButton.d.ts

@@ -0,0 +1,74 @@
+import type { UIFieldClientComponent } from 'payload';
+/**
+ * Props for EditWithPuckButton when used standalone
+ */
+export interface EditWithPuckButtonProps {
+    /**
+     * Document ID to edit
+     */
+    id?: string;
+    /**
+     * Collection slug
+     * @default 'pages'
+     */
+    collectionSlug?: string;
+    /**
+     * Custom path pattern for the Puck editor
+     * Use {id} as placeholder for the document ID, {collection} for collection slug
+     * @default Uses admin view: '/admin/puck-editor/{collection}/{id}'
+     */
+    editorPathPattern?: string;
+    /**
+     * Button label
+     * @default 'Edit with Puck'
+     */
+    label?: string;
+    /**
+     * Whether to show as icon only
+     * @default false
+     */
+    iconOnly?: boolean;
+}
+/**
+ * Edit with Puck button for use in Payload admin document edit views
+ *
+ * Links to the Puck editor admin view. The editor is integrated directly
+ * into Payload's admin UI.
+ *
+ * @example
+ * ```tsx
+ * // In your Payload collection config:
+ * {
+ *   name: 'puckEdit',
+ *   type: 'ui',
+ *   admin: {
+ *     position: 'sidebar',
+ *     components: {
+ *       Field: '@delmaredigital/payload-puck/admin/client#EditWithPuckButton',
+ *     },
+ *     custom: {
+ *       label: 'Visual Editor',
+ *     },
+ *   },
+ * }
+ * ```
+ */
+export declare const EditWithPuckButton: UIFieldClientComponent;
+/**
+ * Standalone version of the button that doesn't rely on Payload context
+ *
+ * @example
+ * ```tsx
+ * <EditWithPuckLink
+ *   id="123"
+ *   collectionSlug="pages"
+ *   adminRoute="/admin"
+ * />
+ * ```
+ */
+export declare function EditWithPuckLink({ id, collectionSlug, editorPathPattern, label, iconOnly, }: EditWithPuckButtonProps & {
+    id: string;
+    adminRoute?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export default EditWithPuckButton;
+//# sourceMappingURL=EditWithPuckButton.d.ts.map

package/dist/admin/EditWithPuckButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditWithPuckButton.d.ts","sourceRoot":"","sources":["../../src/admin/EditWithPuckButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAGrD;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAwBD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,kBAAkB,EAAE,sBA4DhC,CAAA;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,cAAwB,EACxB,iBAAiB,EACjB,KAAwB,EACxB,QAAgB,GACjB,EAAE,uBAAuB,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,2CAkC/D;AAED,eAAe,kBAAkB,CAAA"}

package/dist/admin/EditWithPuckButton.js

@@ -0,0 +1,114 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useDocumentInfo, useConfig } from '@payloadcms/ui';
+/**
+ * Pencil/Edit icon component
+ */
+function PuckIcon({ size = 18 }) {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }), _jsx("path", { d: "M18.375 2.625a2.121 2.121 0 1 1 3 3L12 15l-4 1 1-4Z" })] }));
+}
+/**
+ * Edit with Puck button for use in Payload admin document edit views
+ *
+ * Links to the Puck editor admin view. The editor is integrated directly
+ * into Payload's admin UI.
+ *
+ * @example
+ * ```tsx
+ * // In your Payload collection config:
+ * {
+ *   name: 'puckEdit',
+ *   type: 'ui',
+ *   admin: {
+ *     position: 'sidebar',
+ *     components: {
+ *       Field: '@delmaredigital/payload-puck/admin/client#EditWithPuckButton',
+ *     },
+ *     custom: {
+ *       label: 'Visual Editor',
+ *     },
+ *   },
+ * }
+ * ```
+ */
+export const EditWithPuckButton = (props) => {
+    // Get document and config context from Payload
+    const { id, collectionSlug } = useDocumentInfo();
+    const { config } = useConfig();
+    // Extract custom props passed via field config
+    const customProps = props?.field?.custom;
+    const label = customProps?.label || 'Edit with Puck';
+    const iconOnly = customProps?.iconOnly || false;
+    const collection = customProps?.collectionSlug || collectionSlug || 'pages';
+    // Get admin route from config
+    const adminRoute = config.routes?.admin || '/admin';
+    // Build editor URL - defaults to admin view
+    let editorPath;
+    if (customProps?.editorPathPattern) {
+        // Custom pattern provided (for backwards compatibility)
+        editorPath = customProps.editorPathPattern
+            .replace('{id}', String(id))
+            .replace('{collection}', collection);
+    }
+    else {
+        // Default: use admin view
+        editorPath = `${adminRoute}/puck-editor/${collection}/${id}`;
+    }
+    if (!id) {
+        return null;
+    }
+    return (_jsx("div", { style: { marginBottom: '1rem' }, children: _jsxs("a", { href: editorPath, style: {
+                display: 'inline-flex',
+                alignItems: 'center',
+                gap: '8px',
+                padding: iconOnly ? '8px' : '10px 16px',
+                backgroundColor: 'var(--theme-success-500, #22c55e)',
+                color: 'white',
+                borderRadius: '6px',
+                textDecoration: 'none',
+                fontSize: '14px',
+                fontWeight: 500,
+                transition: 'background-color 0.15s, opacity 0.15s',
+            }, onMouseEnter: (e) => {
+                e.currentTarget.style.opacity = '0.9';
+            }, onMouseLeave: (e) => {
+                e.currentTarget.style.opacity = '1';
+            }, title: iconOnly ? label : undefined, children: [_jsx(PuckIcon, { size: iconOnly ? 20 : 18 }), !iconOnly && label] }) }));
+};
+/**
+ * Standalone version of the button that doesn't rely on Payload context
+ *
+ * @example
+ * ```tsx
+ * <EditWithPuckLink
+ *   id="123"
+ *   collectionSlug="pages"
+ *   adminRoute="/admin"
+ * />
+ * ```
+ */
+export function EditWithPuckLink({ id, collectionSlug = 'pages', editorPathPattern, label = 'Edit with Puck', iconOnly = false, }) {
+    // Build path - prefer admin view by default
+    const path = editorPathPattern
+        ? editorPathPattern.replace('{id}', id).replace('{collection}', collectionSlug)
+        : `/admin/puck-editor/${collectionSlug}/${id}`;
+    return (_jsxs("a", { href: path, style: {
+            display: 'inline-flex',
+            alignItems: 'center',
+            gap: '8px',
+            padding: iconOnly ? '8px' : '10px 16px',
+            backgroundColor: 'var(--theme-success-500, #22c55e)',
+            color: 'white',
+            borderRadius: '6px',
+            textDecoration: 'none',
+            fontSize: '14px',
+            fontWeight: 500,
+            transition: 'opacity 0.15s',
+        }, onMouseEnter: (e) => {
+            e.currentTarget.style.opacity = '0.9';
+        }, onMouseLeave: (e) => {
+            e.currentTarget.style.opacity = '1';
+        }, title: iconOnly ? label : undefined, children: [_jsx(PuckIcon, { size: iconOnly ? 20 : 18 }), !iconOnly && label] }));
+}
+export default EditWithPuckButton;
+//# sourceMappingURL=EditWithPuckButton.js.map

package/dist/admin/EditWithPuckButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditWithPuckButton.js","sourceRoot":"","sources":["../../src/admin/EditWithPuckButton.tsx"],"names":[],"mappings":"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"}

package/dist/admin/EditWithPuckCell.d.ts

@@ -0,0 +1,43 @@
+import type { DefaultCellComponentProps } from 'payload';
+/**
+ * Props for configuring the EditWithPuckCell component
+ */
+export interface EditWithPuckCellConfig {
+    /**
+     * Collection slug for building the editor URL
+     * @default 'pages'
+     */
+    collectionSlug?: string;
+    /**
+     * Custom editor path pattern
+     * Use {id} as placeholder for the document ID
+     * @default '/admin/puck/{collectionSlug}/{id}/edit'
+     */
+    editorPathPattern?: string;
+}
+/**
+ * Custom cell component that renders an "Edit with Puck" button in list views
+ *
+ * Add this to a UI field in your collection to show the visual editor button
+ * in the list view table.
+ *
+ * @example
+ * ```ts
+ * // In your collection config:
+ * {
+ *   name: 'puckEdit',
+ *   type: 'ui',
+ *   admin: {
+ *     components: {
+ *       Cell: '@delmaredigital/payload-puck/admin#EditWithPuckCell',
+ *     },
+ *     custom: {
+ *       collectionSlug: 'pages',
+ *     },
+ *   },
+ * }
+ * ```
+ */
+export declare const EditWithPuckCell: React.FC<DefaultCellComponentProps>;
+export default EditWithPuckCell;
+//# sourceMappingURL=EditWithPuckCell.d.ts.map

package/dist/admin/EditWithPuckCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditWithPuckCell.d.ts","sourceRoot":"","sources":["../../src/admin/EditWithPuckCell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAExD;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAwBD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAoDhE,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/admin/EditWithPuckCell.js

@@ -0,0 +1,66 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Pencil/Edit icon component
+ */
+function PuckIcon({ size = 16 }) {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }), _jsx("path", { d: "M18.375 2.625a2.121 2.121 0 1 1 3 3L12 15l-4 1 1-4Z" })] }));
+}
+/**
+ * Custom cell component that renders an "Edit with Puck" button in list views
+ *
+ * Add this to a UI field in your collection to show the visual editor button
+ * in the list view table.
+ *
+ * @example
+ * ```ts
+ * // In your collection config:
+ * {
+ *   name: 'puckEdit',
+ *   type: 'ui',
+ *   admin: {
+ *     components: {
+ *       Cell: '@delmaredigital/payload-puck/admin#EditWithPuckCell',
+ *     },
+ *     custom: {
+ *       collectionSlug: 'pages',
+ *     },
+ *   },
+ * }
+ * ```
+ */
+export const EditWithPuckCell = ({ rowData, field, collectionSlug: contextCollectionSlug, }) => {
+    // Get document ID from row data
+    const id = rowData?.id;
+    // Get custom config from field
+    const customConfig = field?.custom;
+    const collectionSlug = customConfig?.collectionSlug || contextCollectionSlug || 'pages';
+    if (!id) {
+        return null;
+    }
+    // Build editor URL
+    const editorPath = customConfig?.editorPathPattern
+        ? customConfig.editorPathPattern.replace('{id}', id).replace('{collectionSlug}', collectionSlug)
+        : `/admin/puck/${collectionSlug}/${id}/edit`;
+    return (_jsxs("a", { href: editorPath, onClick: (e) => e.stopPropagation(), style: {
+            display: 'inline-flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            padding: '6px 10px',
+            backgroundColor: '#2563eb',
+            color: '#fff',
+            borderRadius: '4px',
+            textDecoration: 'none',
+            fontSize: '12px',
+            fontWeight: 500,
+            gap: '4px',
+            transition: 'background-color 0.2s',
+            whiteSpace: 'nowrap',
+        }, onMouseEnter: (e) => {
+            e.currentTarget.style.backgroundColor = '#1d4ed8';
+        }, onMouseLeave: (e) => {
+            e.currentTarget.style.backgroundColor = '#2563eb';
+        }, title: "Edit with Puck Visual Editor", children: [_jsx(PuckIcon, { size: 14 }), _jsx("span", { children: "Visual Editor" })] }));
+};
+export default EditWithPuckCell;
+//# sourceMappingURL=EditWithPuckCell.js.map

package/dist/admin/EditWithPuckCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditWithPuckCell.js","sourceRoot":"","sources":["../../src/admin/EditWithPuckCell.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAqBZ;;GAEG;AACH,SAAS,QAAQ,CAAC,EAAE,IAAI,GAAG,EAAE,EAAqB;IAChD,OAAO,CACL,eACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,aAEtB,eAAM,CAAC,EAAC,4DAA4D,GAAG,EACvE,eAAM,CAAC,EAAC,qDAAqD,GAAG,IAC5D,CACP,CAAA;AACH,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAwC,CAAC,EACpE,OAAO,EACP,KAAK,EACL,cAAc,EAAE,qBAAqB,GACtC,EAAE,EAAE;IACH,gCAAgC;IAChC,MAAM,EAAE,GAAG,OAAO,EAAE,EAAwB,CAAA;IAE5C,+BAA+B;IAC/B,MAAM,YAAY,GAAI,KAAa,EAAE,MAA4C,CAAA;IACjF,MAAM,cAAc,GAAG,YAAY,EAAE,cAAc,IAAI,qBAAqB,IAAI,OAAO,CAAA;IAEvF,IAAI,CAAC,EAAE,EAAE,CAAC;QACR,OAAO,IAAI,CAAA;IACb,CAAC;IAED,mBAAmB;IACnB,MAAM,UAAU,GAAG,YAAY,EAAE,iBAAiB;QAChD,CAAC,CAAC,YAAY,CAAC,iBAAiB,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,kBAAkB,EAAE,cAAc,CAAC;QAChG,CAAC,CAAC,eAAe,cAAc,IAAI,EAAE,OAAO,CAAA;IAE9C,OAAO,CACL,aACE,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACnC,KAAK,EAAE;YACL,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,OAAO,EAAE,UAAU;YACnB,eAAe,EAAE,SAAS;YAC1B,KAAK,EAAE,MAAM;YACb,YAAY,EAAE,KAAK;YACnB,cAAc,EAAE,MAAM;YACtB,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,GAAG;YACf,GAAG,EAAE,KAAK;YACV,UAAU,EAAE,uBAAuB;YACnC,UAAU,EAAE,QAAQ;SACrB,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YAClB,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,eAAe,GAAG,SAAS,CAAA;QACnD,CAAC,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YAClB,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,eAAe,GAAG,SAAS,CAAA;QACnD,CAAC,EACD,KAAK,EAAC,8BAA8B,aAEpC,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,GAAI,EACtB,2CAA0B,IACxB,CACL,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/admin/PuckEditorView.d.ts

@@ -0,0 +1,85 @@
+import type { Config as PuckConfig, Data, Plugin as PuckPlugin } from '@measured/puck';
+/**
+ * Props for the PuckEditorView component
+ */
+export interface PuckEditorViewProps {
+    /**
+     * Puck configuration with components and settings
+     */
+    config: PuckConfig;
+    /**
+     * Collection slug for API endpoints
+     * @default 'pages'
+     */
+    collectionSlug?: string;
+    /**
+     * Base API path for Puck operations
+     * @default '/api/puck'
+     */
+    apiBasePath?: string;
+    /**
+     * URL to navigate to when back button is clicked
+     * Falls back to /admin/collections/{collectionSlug}
+     */
+    backUrl?: string;
+    /**
+     * Preview URL or function to generate preview URL from slug
+     */
+    previewUrl?: string | ((slug: string) => string);
+    /**
+     * Layout styles for theme-aware preview
+     */
+    layoutStyles?: Record<string, {
+        background: string;
+        isDark: boolean;
+    }>;
+    /**
+     * Key in root.props to read layout value from
+     * @default 'pageLayout'
+     */
+    layoutKey?: string;
+    /**
+     * Additional Puck plugins to use.
+     * The headingAnalyzer plugin is included by default.
+     * Set to `false` to disable all default plugins.
+     */
+    plugins?: PuckPlugin[] | false;
+    /**
+     * Callback on successful save
+     */
+    onSaveSuccess?: (data: Data) => void;
+    /**
+     * Callback on save error
+     */
+    onSaveError?: (error: Error) => void;
+}
+/**
+ * Ready-to-use Puck editor page component
+ *
+ * Use this in your own editor page route (e.g., /pages/[id]/edit).
+ * It auto-fetches page data from the API and renders the PuckEditor.
+ *
+ * @example
+ * ```tsx
+ * // src/app/pages/[id]/edit/page.tsx
+ * 'use client'
+ *
+ * import { PuckEditorView } from '@delmaredigital/payload-puck/editor'
+ * import { editorConfig } from '@/puck/config'
+ *
+ * export default function PageEditor() {
+ *   return (
+ *     <PuckEditorView
+ *       config={editorConfig}
+ *       collectionSlug="pages"
+ *       apiBasePath="/api/puck"
+ *       backUrl="/admin/collections/pages"
+ *       previewUrl={(slug) => `/${slug}`}
+ *     />
+ *   )
+ * }
+ * ```
+ */
+export declare function PuckEditorView({ config, collectionSlug, apiBasePath, backUrl, previewUrl, layoutStyles, layoutKey, plugins, onSaveSuccess, onSaveError, }: PuckEditorViewProps): import("react/jsx-runtime").JSX.Element;
+export default PuckEditorView;
+//# sourceMappingURL=PuckEditorView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PuckEditorView.d.ts","sourceRoot":"","sources":["../../src/admin/PuckEditorView.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,IAAI,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAEtF;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,MAAM,EAAE,UAAU,CAAA;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC,CAAA;IAChD;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,CAAC,CAAA;IACtE;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;IAC9B;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IACpC;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CACrC;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,cAAwB,EACxB,WAAyB,EACzB,OAAO,EACP,UAAU,EACV,YAAY,EACZ,SAAwB,EACxB,OAAO,EACP,aAAa,EACb,WAAW,GACZ,EAAE,mBAAmB,2CAkKrB;AAED,eAAe,cAAc,CAAA"}

package/dist/admin/PuckEditorView.js

@@ -0,0 +1,135 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { useParams, useSearchParams } from 'next/navigation';
+/**
+ * Ready-to-use Puck editor page component
+ *
+ * Use this in your own editor page route (e.g., /pages/[id]/edit).
+ * It auto-fetches page data from the API and renders the PuckEditor.
+ *
+ * @example
+ * ```tsx
+ * // src/app/pages/[id]/edit/page.tsx
+ * 'use client'
+ *
+ * import { PuckEditorView } from '@delmaredigital/payload-puck/editor'
+ * import { editorConfig } from '@/puck/config'
+ *
+ * export default function PageEditor() {
+ *   return (
+ *     <PuckEditorView
+ *       config={editorConfig}
+ *       collectionSlug="pages"
+ *       apiBasePath="/api/puck"
+ *       backUrl="/admin/collections/pages"
+ *       previewUrl={(slug) => `/${slug}`}
+ *     />
+ *   )
+ * }
+ * ```
+ */
+export function PuckEditorView({ config, collectionSlug = 'pages', apiBasePath = '/api/puck', backUrl, previewUrl, layoutStyles, layoutKey = 'pageLayout', plugins, onSaveSuccess, onSaveError, }) {
+    const params = useParams();
+    const searchParams = useSearchParams();
+    // Get page ID from route params or search params
+    const pageId = params?.id || searchParams?.get('id') || '';
+    const [page, setPage] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const [PuckEditor, setPuckEditor] = useState(null);
+    // Dynamically import PuckEditor to avoid SSR issues
+    useEffect(() => {
+        import('../editor/PuckEditor.client').then((mod) => {
+            setPuckEditor(() => mod.PuckEditor);
+        });
+    }, []);
+    useEffect(() => {
+        async function fetchPage() {
+            if (!pageId) {
+                setError('No page ID provided');
+                setLoading(false);
+                return;
+            }
+            try {
+                setLoading(true);
+                const response = await fetch(`${apiBasePath}/${collectionSlug}/${pageId}`);
+                if (!response.ok) {
+                    const data = await response.json().catch(() => ({}));
+                    throw new Error(data.error || `Failed to fetch page: ${response.status}`);
+                }
+                const data = await response.json();
+                setPage(data.doc);
+            }
+            catch (err) {
+                setError(err instanceof Error ? err.message : 'An error occurred');
+            }
+            finally {
+                setLoading(false);
+            }
+        }
+        fetchPage();
+    }, [pageId, apiBasePath, collectionSlug]);
+    const computedBackUrl = backUrl || `/admin/collections/${collectionSlug}`;
+    if (loading || !PuckEditor) {
+        return (_jsx("div", { style: {
+                display: 'flex',
+                height: '100vh',
+                alignItems: 'center',
+                justifyContent: 'center',
+                backgroundColor: '#0f0f0f',
+                color: '#fff',
+            }, children: _jsxs("div", { style: { textAlign: 'center' }, children: [_jsx("div", { style: {
+                            width: '32px',
+                            height: '32px',
+                            border: '3px solid #333',
+                            borderTopColor: '#fff',
+                            borderRadius: '50%',
+                            animation: 'spin 1s linear infinite',
+                            margin: '0 auto 16px',
+                        } }), _jsx("p", { style: { color: '#888' }, children: "Loading editor..." }), _jsx("style", { children: `
+            @keyframes spin {
+              to { transform: rotate(360deg); }
+            }
+          ` })] }) }));
+    }
+    if (error) {
+        return (_jsx("div", { style: {
+                display: 'flex',
+                height: '100vh',
+                alignItems: 'center',
+                justifyContent: 'center',
+                backgroundColor: '#0f0f0f',
+                color: '#fff',
+            }, children: _jsxs("div", { style: { textAlign: 'center' }, children: [_jsx("p", { style: { color: '#f87171', marginBottom: '16px' }, children: error }), _jsxs("a", { href: computedBackUrl, style: {
+                            color: '#60a5fa',
+                            textDecoration: 'underline',
+                        }, children: ["Back to ", collectionSlug] })] }) }));
+    }
+    if (!page) {
+        return (_jsx("div", { style: {
+                display: 'flex',
+                height: '100vh',
+                alignItems: 'center',
+                justifyContent: 'center',
+                backgroundColor: '#0f0f0f',
+                color: '#fff',
+            }, children: _jsxs("div", { style: { textAlign: 'center' }, children: [_jsx("p", { style: { color: '#888', marginBottom: '16px' }, children: "Page not found" }), _jsxs("a", { href: computedBackUrl, style: {
+                            color: '#60a5fa',
+                            textDecoration: 'underline',
+                        }, children: ["Back to ", collectionSlug] })] }) }));
+    }
+    // Default puck data if none exists
+    const initialData = page.puckData || {
+        root: {
+            props: {
+                title: page.title || 'New Page',
+            },
+        },
+        content: [],
+        zones: {},
+    };
+    return (_jsx(PuckEditor, { pageId: page.id, initialData: initialData, config: config, pageTitle: page.title, pageSlug: page.slug, apiEndpoint: `${apiBasePath}/${collectionSlug}`, backUrl: computedBackUrl, previewUrl: previewUrl, layoutStyles: layoutStyles, layoutKey: layoutKey, plugins: plugins, onSaveSuccess: onSaveSuccess, onSaveError: onSaveError, initialStatus: page._status }));
+}
+export default PuckEditorView;
+//# sourceMappingURL=PuckEditorView.js.map

package/dist/admin/PuckEditorView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PuckEditorView.js","sourceRoot":"","sources":["../../src/admin/PuckEditorView.tsx"],"names":[],"mappings":"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"}

package/dist/admin/client.d.ts

@@ -1,108 +1,12 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { UIFieldClientComponent, DefaultCellComponentProps } from 'payload';
-
 /**
- * Props for EditWithPuckButton when used standalone
- */
-interface EditWithPuckButtonProps {
-    /**
-     * Document ID to edit
-     */
-    id?: string;
-    /**
-     * Collection slug
-     * @default 'pages'
-     */
-    collectionSlug?: string;
-    /**
-     * Custom path pattern for the Puck editor
-     * Use {id} as placeholder for the document ID
-     * @default '/pages/{id}/edit'
-     */
-    editorPathPattern?: string;
-    /**
-     * Button label
-     * @default 'Edit with Puck'
-     */
-    label?: string;
-    /**
-     * Whether to show as icon only
-     * @default false
-     */
-    iconOnly?: boolean;
-}
-/**
- * Edit with Puck button for use in Payload admin document edit views
- *
- * Links to a Puck editor page outside of Payload admin. Configure the
- * `editorPathPattern` to match your editor route.
- *
- * @example
- * ```tsx
- * // In your Payload collection config:
- * {
- *   name: 'puckEdit',
- *   type: 'ui',
- *   admin: {
- *     position: 'sidebar',
- *     components: {
- *       Field: '@delmaredigital/payload-puck/admin/client#EditWithPuckButton',
- *     },
- *     custom: {
- *       editorPathPattern: '/pages/{id}/edit', // Your editor route
- *       label: 'Visual Editor',
- *     },
- *   },
- * }
- * ```
- */
-declare const EditWithPuckButton: UIFieldClientComponent;
-/**
- * Standalone version of the button that doesn't rely on Payload context
- */
-declare function EditWithPuckLink({ id, editorPathPattern, label, iconOnly, }: EditWithPuckButtonProps & {
-    id: string;
-}): react_jsx_runtime.JSX.Element;
-
-/**
- * Props for configuring the EditWithPuckCell component
- */
-interface EditWithPuckCellConfig {
-    /**
-     * Collection slug for building the editor URL
-     * @default 'pages'
-     */
-    collectionSlug?: string;
-    /**
-     * Custom editor path pattern
-     * Use {id} as placeholder for the document ID
-     * @default '/admin/puck/{collectionSlug}/{id}/edit'
-     */
-    editorPathPattern?: string;
-}
-/**
- * Custom cell component that renders an "Edit with Puck" button in list views
+ * @delmaredigital/payload-puck/admin/client
  *
- * Add this to a UI field in your collection to show the visual editor button
- * in the list view table.
+ * Client-side admin components for Payload CMS integration.
+ * These are the Field/Cell components used by the plugin.
  *
- * @example
- * ```ts
- * // In your collection config:
- * {
- *   name: 'puckEdit',
- *   type: 'ui',
- *   admin: {
- *     components: {
- *       Cell: '@delmaredigital/payload-puck/admin#EditWithPuckCell',
- *     },
- *     custom: {
- *       collectionSlug: 'pages',
- *     },
- *   },
- * }
- * ```
+ * NOTE: For PuckEditorView, import from '@delmaredigital/payload-puck/editor' instead.
+ * This separation is necessary to avoid RSC bundling issues with Puck.
  */
-declare const EditWithPuckCell: React.FC<DefaultCellComponentProps>;
-
-export { EditWithPuckButton, type EditWithPuckButtonProps, EditWithPuckCell, type EditWithPuckCellConfig, EditWithPuckLink };
+export { EditWithPuckButton, EditWithPuckLink, type EditWithPuckButtonProps, } from './EditWithPuckButton';
+export { EditWithPuckCell, type EditWithPuckCellConfig } from './EditWithPuckCell';
+//# sourceMappingURL=client.d.ts.map