@delmaredigital/payload-puck 0.6.10 → 0.6.13

package/dist/admin/PuckEditorView.js

@@ -28,8 +28,7 @@ import { useParams, useSearchParams } from 'next/navigation';
  *   )
  * }
  * ```
- */
-export function PuckEditorView({ config, collectionSlug = 'pages', apiBasePath = '/api/puck', backUrl, previewUrl, layoutStyles, layoutKey = 'pageLayout', plugins, onSaveSuccess, onSaveError, }) {
+ */ 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
@@ -39,12 +38,12 @@ export function PuckEditorView({ config, collectionSlug = 'pages', apiBasePath =
     const [error, setError] = useState(null);
     const [PuckEditor, setPuckEditor] = useState(null);
     // Dynamically import PuckEditor to avoid SSR issues
-    useEffect(() => {
-        import('../editor/PuckEditor').then((mod) => {
-            setPuckEditor(() => mod.PuckEditor);
+    useEffect(()=>{
+        import('../editor/PuckEditor.js').then((mod)=>{
+            setPuckEditor(()=>mod.PuckEditor);
         });
     }, []);
-    useEffect(() => {
+    useEffect(()=>{
         async function fetchPage() {
             if (!pageId) {
                 setError('No page ID provided');
@@ -55,81 +54,168 @@ export function PuckEditorView({ config, collectionSlug = 'pages', apiBasePath =
                 setLoading(true);
                 const response = await fetch(`${apiBasePath}/${collectionSlug}/${pageId}`);
                 if (!response.ok) {
-                    const data = await response.json().catch(() => ({}));
+                    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) {
+            } catch (err) {
                 setError(err instanceof Error ? err.message : 'An error occurred');
-            }
-            finally {
+            } finally{
                 setLoading(false);
             }
         }
         fetchPage();
-    }, [pageId, apiBasePath, collectionSlug]);
+    }, [
+        pageId,
+        apiBasePath,
+        collectionSlug
+    ]);
     const computedBackUrl = backUrl || `/admin/collections/${collectionSlug}`;
     if (loading || !PuckEditor) {
-        return (_jsx("div", { style: {
+        return /*#__PURE__*/ _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: {
+                color: '#fff'
+            },
+            children: /*#__PURE__*/ _jsxs("div", {
+                style: {
+                    textAlign: 'center'
+                },
+                children: [
+                    /*#__PURE__*/ _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: `
+                            margin: '0 auto 16px'
+                        }
+                    }),
+                    /*#__PURE__*/ _jsx("p", {
+                        style: {
+                            color: '#888'
+                        },
+                        children: "Loading editor..."
+                    }),
+                    /*#__PURE__*/ _jsx("style", {
+                        children: `
             @keyframes spin {
               to { transform: rotate(360deg); }
             }
-          ` })] }) }));
+          `
+                    })
+                ]
+            })
+        });
     }
     if (error) {
-        return (_jsx("div", { style: {
+        return /*#__PURE__*/ _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: '#fff'
+            },
+            children: /*#__PURE__*/ _jsxs("div", {
+                style: {
+                    textAlign: 'center'
+                },
+                children: [
+                    /*#__PURE__*/ _jsx("p", {
+                        style: {
+                            color: '#f87171',
+                            marginBottom: '16px'
+                        },
+                        children: error
+                    }),
+                    /*#__PURE__*/ _jsxs("a", {
+                        href: computedBackUrl,
+                        style: {
                             color: '#60a5fa',
-                            textDecoration: 'underline',
-                        }, children: ["Back to ", collectionSlug] })] }) }));
+                            textDecoration: 'underline'
+                        },
+                        children: [
+                            "Back to ",
+                            collectionSlug
+                        ]
+                    })
+                ]
+            })
+        });
     }
     if (!page) {
-        return (_jsx("div", { style: {
+        return /*#__PURE__*/ _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: '#fff'
+            },
+            children: /*#__PURE__*/ _jsxs("div", {
+                style: {
+                    textAlign: 'center'
+                },
+                children: [
+                    /*#__PURE__*/ _jsx("p", {
+                        style: {
+                            color: '#888',
+                            marginBottom: '16px'
+                        },
+                        children: "Page not found"
+                    }),
+                    /*#__PURE__*/ _jsxs("a", {
+                        href: computedBackUrl,
+                        style: {
                             color: '#60a5fa',
-                            textDecoration: 'underline',
-                        }, children: ["Back to ", collectionSlug] })] }) }));
+                            textDecoration: 'underline'
+                        },
+                        children: [
+                            "Back to ",
+                            collectionSlug
+                        ]
+                    })
+                ]
+            })
+        });
     }
     // Default puck data if none exists
     const initialData = page.puckData || {
         root: {
             props: {
-                title: page.title || 'New Page',
-            },
+                title: page.title || 'New Page'
+            }
         },
         content: [],
-        zones: {},
+        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 }));
+    return /*#__PURE__*/ _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

@@ -1 +1 @@
-{"version":3,"file":"PuckEditorView.js","sourceRoot":"","sources":["../../src/admin/PuckEditorView.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../src/admin/PuckEditorView.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useState } from 'react'\nimport { useParams, useSearchParams } from 'next/navigation'\nimport type { Config as PuckConfig, Data, Plugin as PuckPlugin } from '@puckeditor/core'\n\n/**\n * Props for the PuckEditorView component\n */\nexport interface PuckEditorViewProps {\n  /**\n   * Puck configuration with components and settings\n   */\n  config: PuckConfig\n  /**\n   * Collection slug for API endpoints\n   * @default 'pages'\n   */\n  collectionSlug?: string\n  /**\n   * Base API path for Puck operations\n   * @default '/api/puck'\n   */\n  apiBasePath?: string\n  /**\n   * URL to navigate to when back button is clicked\n   * Falls back to /admin/collections/{collectionSlug}\n   */\n  backUrl?: string\n  /**\n   * Preview URL or function to generate preview URL from slug\n   */\n  previewUrl?: string | ((slug: string) => string)\n  /**\n   * Layout styles for theme-aware preview\n   */\n  layoutStyles?: Record<string, { background: string; isDark: boolean }>\n  /**\n   * Key in root.props to read layout value from\n   * @default 'pageLayout'\n   */\n  layoutKey?: string\n  /**\n   * Additional Puck plugins to use.\n   * The headingAnalyzer plugin is included by default.\n   * Set to `false` to disable all default plugins.\n   */\n  plugins?: PuckPlugin[] | false\n  /**\n   * Callback on successful save\n   */\n  onSaveSuccess?: (data: Data) => void\n  /**\n   * Callback on save error\n   */\n  onSaveError?: (error: Error) => void\n}\n\ninterface PageData {\n  id: string\n  title: string\n  slug: string\n  puckData: Data | null\n  _status?: 'draft' | 'published'\n}\n\n/**\n * Ready-to-use Puck editor page component\n *\n * Use this in your own editor page route (e.g., /pages/[id]/edit).\n * It auto-fetches page data from the API and renders the PuckEditor.\n *\n * @example\n * ```tsx\n * // src/app/pages/[id]/edit/page.tsx\n * 'use client'\n *\n * import { PuckEditorView } from '@delmaredigital/payload-puck/editor'\n * import { editorConfig } from '@/puck/config'\n *\n * export default function PageEditor() {\n *   return (\n *     <PuckEditorView\n *       config={editorConfig}\n *       collectionSlug=\"pages\"\n *       apiBasePath=\"/api/puck\"\n *       backUrl=\"/admin/collections/pages\"\n *       previewUrl={(slug) => `/${slug}`}\n *     />\n *   )\n * }\n * ```\n */\nexport function PuckEditorView({\n  config,\n  collectionSlug = 'pages',\n  apiBasePath = '/api/puck',\n  backUrl,\n  previewUrl,\n  layoutStyles,\n  layoutKey = 'pageLayout',\n  plugins,\n  onSaveSuccess,\n  onSaveError,\n}: PuckEditorViewProps) {\n  const params = useParams()\n  const searchParams = useSearchParams()\n\n  // Get page ID from route params or search params\n  const pageId = (params?.id as string) || searchParams?.get('id') || ''\n\n  const [page, setPage] = useState<PageData | null>(null)\n  const [loading, setLoading] = useState(true)\n  const [error, setError] = useState<string | null>(null)\n  const [PuckEditor, setPuckEditor] = useState<React.ComponentType<any> | null>(null)\n\n  // Dynamically import PuckEditor to avoid SSR issues\n  useEffect(() => {\n    import('../editor/PuckEditor.js').then((mod) => {\n      setPuckEditor(() => mod.PuckEditor)\n    })\n  }, [])\n\n  useEffect(() => {\n    async function fetchPage() {\n      if (!pageId) {\n        setError('No page ID provided')\n        setLoading(false)\n        return\n      }\n\n      try {\n        setLoading(true)\n        const response = await fetch(`${apiBasePath}/${collectionSlug}/${pageId}`)\n\n        if (!response.ok) {\n          const data = await response.json().catch(() => ({}))\n          throw new Error(data.error || `Failed to fetch page: ${response.status}`)\n        }\n\n        const data = await response.json()\n        setPage(data.doc)\n      } catch (err) {\n        setError(err instanceof Error ? err.message : 'An error occurred')\n      } finally {\n        setLoading(false)\n      }\n    }\n\n    fetchPage()\n  }, [pageId, apiBasePath, collectionSlug])\n\n  const computedBackUrl = backUrl || `/admin/collections/${collectionSlug}`\n\n  if (loading || !PuckEditor) {\n    return (\n      <div style={{\n        display: 'flex',\n        height: '100vh',\n        alignItems: 'center',\n        justifyContent: 'center',\n        backgroundColor: '#0f0f0f',\n        color: '#fff',\n      }}>\n        <div style={{ textAlign: 'center' }}>\n          <div style={{\n            width: '32px',\n            height: '32px',\n            border: '3px solid #333',\n            borderTopColor: '#fff',\n            borderRadius: '50%',\n            animation: 'spin 1s linear infinite',\n            margin: '0 auto 16px',\n          }} />\n          <p style={{ color: '#888' }}>Loading editor...</p>\n          <style>{`\n            @keyframes spin {\n              to { transform: rotate(360deg); }\n            }\n          `}</style>\n        </div>\n      </div>\n    )\n  }\n\n  if (error) {\n    return (\n      <div style={{\n        display: 'flex',\n        height: '100vh',\n        alignItems: 'center',\n        justifyContent: 'center',\n        backgroundColor: '#0f0f0f',\n        color: '#fff',\n      }}>\n        <div style={{ textAlign: 'center' }}>\n          <p style={{ color: '#f87171', marginBottom: '16px' }}>{error}</p>\n          <a\n            href={computedBackUrl}\n            style={{\n              color: '#60a5fa',\n              textDecoration: 'underline',\n            }}\n          >\n            Back to {collectionSlug}\n          </a>\n        </div>\n      </div>\n    )\n  }\n\n  if (!page) {\n    return (\n      <div style={{\n        display: 'flex',\n        height: '100vh',\n        alignItems: 'center',\n        justifyContent: 'center',\n        backgroundColor: '#0f0f0f',\n        color: '#fff',\n      }}>\n        <div style={{ textAlign: 'center' }}>\n          <p style={{ color: '#888', marginBottom: '16px' }}>Page not found</p>\n          <a\n            href={computedBackUrl}\n            style={{\n              color: '#60a5fa',\n              textDecoration: 'underline',\n            }}\n          >\n            Back to {collectionSlug}\n          </a>\n        </div>\n      </div>\n    )\n  }\n\n  // Default puck data if none exists\n  const initialData: Data = page.puckData || {\n    root: {\n      props: {\n        title: page.title || 'New Page',\n      },\n    },\n    content: [],\n    zones: {},\n  }\n\n  return (\n    <PuckEditor\n      pageId={page.id}\n      initialData={initialData}\n      config={config}\n      pageTitle={page.title}\n      pageSlug={page.slug}\n      apiEndpoint={`${apiBasePath}/${collectionSlug}`}\n      backUrl={computedBackUrl}\n      previewUrl={previewUrl}\n      layoutStyles={layoutStyles}\n      layoutKey={layoutKey}\n      plugins={plugins}\n      onSaveSuccess={onSaveSuccess}\n      onSaveError={onSaveError}\n      initialStatus={page._status}\n    />\n  )\n}\n\nexport default PuckEditorView\n"],"names":["useEffect","useState","useParams","useSearchParams","PuckEditorView","config","collectionSlug","apiBasePath","backUrl","previewUrl","layoutStyles","layoutKey","plugins","onSaveSuccess","onSaveError","params","searchParams","pageId","id","get","page","setPage","loading","setLoading","error","setError","PuckEditor","setPuckEditor","then","mod","fetchPage","response","fetch","ok","data","json","catch","Error","status","doc","err","message","computedBackUrl","div","style","display","height","alignItems","justifyContent","backgroundColor","color","textAlign","width","border","borderTopColor","borderRadius","animation","margin","p","marginBottom","a","href","textDecoration","initialData","puckData","root","props","title","content","zones","pageTitle","pageSlug","slug","apiEndpoint","initialStatus","_status"],"mappings":"AAAA;;AAEA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAC3C,SAASC,SAAS,EAAEC,eAAe,QAAQ,kBAAiB;AA+D5D;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BC,GACD,OAAO,SAASC,eAAe,EAC7BC,MAAM,EACNC,iBAAiB,OAAO,EACxBC,cAAc,WAAW,EACzBC,OAAO,EACPC,UAAU,EACVC,YAAY,EACZC,YAAY,YAAY,EACxBC,OAAO,EACPC,aAAa,EACbC,WAAW,EACS;IACpB,MAAMC,SAASb;IACf,MAAMc,eAAeb;IAErB,iDAAiD;IACjD,MAAMc,SAAS,AAACF,QAAQG,MAAiBF,cAAcG,IAAI,SAAS;IAEpE,MAAM,CAACC,MAAMC,QAAQ,GAAGpB,SAA0B;IAClD,MAAM,CAACqB,SAASC,WAAW,GAAGtB,SAAS;IACvC,MAAM,CAACuB,OAAOC,SAAS,GAAGxB,SAAwB;IAClD,MAAM,CAACyB,YAAYC,cAAc,GAAG1B,SAA0C;IAE9E,oDAAoD;IACpDD,UAAU;QACR,MAAM,CAAC,2BAA2B4B,IAAI,CAAC,CAACC;YACtCF,cAAc,IAAME,IAAIH,UAAU;QACpC;IACF,GAAG,EAAE;IAEL1B,UAAU;QACR,eAAe8B;YACb,IAAI,CAACb,QAAQ;gBACXQ,SAAS;gBACTF,WAAW;gBACX;YACF;YAEA,IAAI;gBACFA,WAAW;gBACX,MAAMQ,WAAW,MAAMC,MAAM,GAAGzB,YAAY,CAAC,EAAED,eAAe,CAAC,EAAEW,QAAQ;gBAEzE,IAAI,CAACc,SAASE,EAAE,EAAE;oBAChB,MAAMC,OAAO,MAAMH,SAASI,IAAI,GAAGC,KAAK,CAAC,IAAO,CAAA,CAAC,CAAA;oBACjD,MAAM,IAAIC,MAAMH,KAAKV,KAAK,IAAI,CAAC,sBAAsB,EAAEO,SAASO,MAAM,EAAE;gBAC1E;gBAEA,MAAMJ,OAAO,MAAMH,SAASI,IAAI;gBAChCd,QAAQa,KAAKK,GAAG;YAClB,EAAE,OAAOC,KAAK;gBACZf,SAASe,eAAeH,QAAQG,IAAIC,OAAO,GAAG;YAChD,SAAU;gBACRlB,WAAW;YACb;QACF;QAEAO;IACF,GAAG;QAACb;QAAQV;QAAaD;KAAe;IAExC,MAAMoC,kBAAkBlC,WAAW,CAAC,mBAAmB,EAAEF,gBAAgB;IAEzE,IAAIgB,WAAW,CAACI,YAAY;QAC1B,qBACE,KAACiB;YAAIC,OAAO;gBACVC,SAAS;gBACTC,QAAQ;gBACRC,YAAY;gBACZC,gBAAgB;gBAChBC,iBAAiB;gBACjBC,OAAO;YACT;sBACE,cAAA,MAACP;gBAAIC,OAAO;oBAAEO,WAAW;gBAAS;;kCAChC,KAACR;wBAAIC,OAAO;4BACVQ,OAAO;4BACPN,QAAQ;4BACRO,QAAQ;4BACRC,gBAAgB;4BAChBC,cAAc;4BACdC,WAAW;4BACXC,QAAQ;wBACV;;kCACA,KAACC;wBAAEd,OAAO;4BAAEM,OAAO;wBAAO;kCAAG;;kCAC7B,KAACN;kCAAO,CAAC;;;;UAIT,CAAC;;;;;IAIT;IAEA,IAAIpB,OAAO;QACT,qBACE,KAACmB;YAAIC,OAAO;gBACVC,SAAS;gBACTC,QAAQ;gBACRC,YAAY;gBACZC,gBAAgB;gBAChBC,iBAAiB;gBACjBC,OAAO;YACT;sBACE,cAAA,MAACP;gBAAIC,OAAO;oBAAEO,WAAW;gBAAS;;kCAChC,KAACO;wBAAEd,OAAO;4BAAEM,OAAO;4BAAWS,cAAc;wBAAO;kCAAInC;;kCACvD,MAACoC;wBACCC,MAAMnB;wBACNE,OAAO;4BACLM,OAAO;4BACPY,gBAAgB;wBAClB;;4BACD;4BACUxD;;;;;;IAKnB;IAEA,IAAI,CAACc,MAAM;QACT,qBACE,KAACuB;YAAIC,OAAO;gBACVC,SAAS;gBACTC,QAAQ;gBACRC,YAAY;gBACZC,gBAAgB;gBAChBC,iBAAiB;gBACjBC,OAAO;YACT;sBACE,cAAA,MAACP;gBAAIC,OAAO;oBAAEO,WAAW;gBAAS;;kCAChC,KAACO;wBAAEd,OAAO;4BAAEM,OAAO;4BAAQS,cAAc;wBAAO;kCAAG;;kCACnD,MAACC;wBACCC,MAAMnB;wBACNE,OAAO;4BACLM,OAAO;4BACPY,gBAAgB;wBAClB;;4BACD;4BACUxD;;;;;;IAKnB;IAEA,mCAAmC;IACnC,MAAMyD,cAAoB3C,KAAK4C,QAAQ,IAAI;QACzCC,MAAM;YACJC,OAAO;gBACLC,OAAO/C,KAAK+C,KAAK,IAAI;YACvB;QACF;QACAC,SAAS,EAAE;QACXC,OAAO,CAAC;IACV;IAEA,qBACE,KAAC3C;QACCT,QAAQG,KAAKF,EAAE;QACf6C,aAAaA;QACb1D,QAAQA;QACRiE,WAAWlD,KAAK+C,KAAK;QACrBI,UAAUnD,KAAKoD,IAAI;QACnBC,aAAa,GAAGlE,YAAY,CAAC,EAAED,gBAAgB;QAC/CE,SAASkC;QACTjC,YAAYA;QACZC,cAAcA;QACdC,WAAWA;QACXC,SAASA;QACTC,eAAeA;QACfC,aAAaA;QACb4D,eAAetD,KAAKuD,OAAO;;AAGjC;AAEA,eAAevE,eAAc"}

package/dist/admin/client.d.ts

@@ -7,6 +7,6 @@
  * NOTE: For PuckEditorView, import from '@delmaredigital/payload-puck/editor' instead.
  * This separation is necessary to avoid RSC bundling issues with Puck.
  */
-export { EditWithPuckButton, EditWithPuckLink, type EditWithPuckButtonProps, } from './EditWithPuckButton';
-export { EditWithPuckCell, type EditWithPuckCellConfig } from './EditWithPuckCell';
+export { EditWithPuckButton, EditWithPuckLink, type EditWithPuckButtonProps, } from './EditWithPuckButton.js';
+export { EditWithPuckCell, type EditWithPuckCellConfig } from './EditWithPuckCell.js';
 //# sourceMappingURL=client.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/admin/client.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAGH,OAAO,EACL,kBAAkB,EAClB,gBAAgB,EAChB,KAAK,uBAAuB,GAC7B,MAAM,sBAAsB,CAAA;AAG7B,OAAO,EAAE,gBAAgB,EAAE,KAAK,sBAAsB,EAAE,MAAM,oBAAoB,CAAA"}
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/admin/client.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAGH,OAAO,EACL,kBAAkB,EAClB,gBAAgB,EAChB,KAAK,uBAAuB,GAC7B,MAAM,yBAAyB,CAAA;AAGhC,OAAO,EAAE,gBAAgB,EAAE,KAAK,sBAAsB,EAAE,MAAM,uBAAuB,CAAA"}

package/dist/admin/client.js

@@ -7,9 +7,9 @@
  *
  * NOTE: For PuckEditorView, import from '@delmaredigital/payload-puck/editor' instead.
  * This separation is necessary to avoid RSC bundling issues with Puck.
- */
-// Button components for edit view
-export { EditWithPuckButton, EditWithPuckLink, } from './EditWithPuckButton';
+ */ // Button components for edit view
+export { EditWithPuckButton, EditWithPuckLink } from './EditWithPuckButton.js';
 // Cell component for list view
-export { EditWithPuckCell } from './EditWithPuckCell';
+export { EditWithPuckCell } from './EditWithPuckCell.js';
+
 //# sourceMappingURL=client.js.map

package/dist/admin/client.js.map

@@ -1 +1 @@
-{"version":3,"file":"client.js","sourceRoot":"","sources":["../../src/admin/client.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ;;;;;;;;GAQG;AAEH,kCAAkC;AAClC,OAAO,EACL,kBAAkB,EAClB,gBAAgB,GAEjB,MAAM,sBAAsB,CAAA;AAE7B,+BAA+B;AAC/B,OAAO,EAAE,gBAAgB,EAA+B,MAAM,oBAAoB,CAAA"}
+{"version":3,"sources":["../../src/admin/client.ts"],"sourcesContent":["'use client'\n\n/**\n * @delmaredigital/payload-puck/admin/client\n *\n * Client-side admin components for Payload CMS integration.\n * These are the Field/Cell components used by the plugin.\n *\n * NOTE: For PuckEditorView, import from '@delmaredigital/payload-puck/editor' instead.\n * This separation is necessary to avoid RSC bundling issues with Puck.\n */\n\n// Button components for edit view\nexport {\n  EditWithPuckButton,\n  EditWithPuckLink,\n  type EditWithPuckButtonProps,\n} from './EditWithPuckButton.js'\n\n// Cell component for list view\nexport { EditWithPuckCell, type EditWithPuckCellConfig } from './EditWithPuckCell.js'\n"],"names":["EditWithPuckButton","EditWithPuckLink","EditWithPuckCell"],"mappings":"AAAA;AAEA;;;;;;;;CAQC,GAED,kCAAkC;AAClC,SACEA,kBAAkB,EAClBC,gBAAgB,QAEX,0BAAyB;AAEhC,+BAA+B;AAC/B,SAASC,gBAAgB,QAAqC,wBAAuB"}

package/dist/admin/generateAdminComponents.js

@@ -19,9 +19,8 @@
  *   ],
  * }
  * ```
- */
-export function generatePuckEditField(config = {}) {
-    const { collectionSlug = 'pages', editorPathPattern = '/pages/{id}/edit', buttonLabel = 'Visual Editor', buttonPosition = 'sidebar', } = config;
+ */ export function generatePuckEditField(config = {}) {
+    const { collectionSlug = 'pages', editorPathPattern = '/pages/{id}/edit', buttonLabel = 'Visual Editor', buttonPosition = 'sidebar' } = config;
     return {
         name: 'puckEdit',
         type: 'ui',
@@ -29,14 +28,15 @@ export function generatePuckEditField(config = {}) {
             position: buttonPosition,
             components: {
                 Field: '@delmaredigital/payload-puck/admin/client#EditWithPuckButton',
-                Cell: '@delmaredigital/payload-puck/admin/client#EditWithPuckCell',
+                Cell: '@delmaredigital/payload-puck/admin/client#EditWithPuckCell'
             },
             custom: {
                 collectionSlug,
                 editorPathPattern,
-                label: buttonLabel,
-            },
-        },
+                label: buttonLabel
+            }
+        }
     };
 }
+
 //# sourceMappingURL=generateAdminComponents.js.map

package/dist/admin/generateAdminComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"generateAdminComponents.js","sourceRoot":"","sources":["../../src/admin/generateAdminComponents.ts"],"names":[],"mappings":"AA6BA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,qBAAqB,CAAC,SAAgC,EAAE;IACtE,MAAM,EACJ,cAAc,GAAG,OAAO,EACxB,iBAAiB,GAAG,kBAAkB,EACtC,WAAW,GAAG,eAAe,EAC7B,cAAc,GAAG,SAAS,GAC3B,GAAG,MAAM,CAAA;IAEV,OAAO;QACL,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,IAAI;QACV,KAAK,EAAE;YACL,QAAQ,EAAE,cAAc;YACxB,UAAU,EAAE;gBACV,KAAK,EAAE,8DAA8D;gBACrE,IAAI,EAAE,4DAA4D;aACnE;YACD,MAAM,EAAE;gBACN,cAAc;gBACd,iBAAiB;gBACjB,KAAK,EAAE,WAAW;aACnB;SACF;KACF,CAAA;AACH,CAAC"}
+{"version":3,"sources":["../../src/admin/generateAdminComponents.ts"],"sourcesContent":["import type { Field } from 'payload'\n\n/**\n * Configuration for generating the edit button field\n */\nexport interface AdminComponentsConfig {\n  /**\n   * Collection slug for the pages collection\n   * @default 'pages'\n   */\n  collectionSlug?: string\n  /**\n   * URL pattern for the Puck editor page\n   * Use {id} as placeholder for document ID\n   * @default '/pages/{id}/edit'\n   */\n  editorPathPattern?: string\n  /**\n   * Button label text\n   * @default 'Visual Editor'\n   */\n  buttonLabel?: string\n  /**\n   * Position of the edit button in admin\n   * @default 'sidebar'\n   */\n  buttonPosition?: 'sidebar' | 'main'\n}\n\n/**\n * Generates the UI field configuration for the Edit with Puck button\n *\n * Use this if you want to manually add the edit button field to your\n * collection instead of using the plugin's auto-generation.\n *\n * @example\n * ```ts\n * import { generatePuckEditField } from '@delmaredigital/payload-puck/admin'\n *\n * const Pages: CollectionConfig = {\n *   slug: 'pages',\n *   fields: [\n *     // ... other fields\n *     generatePuckEditField({\n *       editorPathPattern: '/pages/{id}/edit',\n *       buttonLabel: 'Visual Editor',\n *     }),\n *   ],\n * }\n * ```\n */\nexport function generatePuckEditField(config: AdminComponentsConfig = {}): Field {\n  const {\n    collectionSlug = 'pages',\n    editorPathPattern = '/pages/{id}/edit',\n    buttonLabel = 'Visual Editor',\n    buttonPosition = 'sidebar',\n  } = config\n\n  return {\n    name: 'puckEdit',\n    type: 'ui',\n    admin: {\n      position: buttonPosition,\n      components: {\n        Field: '@delmaredigital/payload-puck/admin/client#EditWithPuckButton',\n        Cell: '@delmaredigital/payload-puck/admin/client#EditWithPuckCell',\n      },\n      custom: {\n        collectionSlug,\n        editorPathPattern,\n        label: buttonLabel,\n      },\n    },\n  }\n}\n"],"names":["generatePuckEditField","config","collectionSlug","editorPathPattern","buttonLabel","buttonPosition","name","type","admin","position","components","Field","Cell","custom","label"],"mappings":"AA6BA;;;;;;;;;;;;;;;;;;;;;CAqBC,GACD,OAAO,SAASA,sBAAsBC,SAAgC,CAAC,CAAC;IACtE,MAAM,EACJC,iBAAiB,OAAO,EACxBC,oBAAoB,kBAAkB,EACtCC,cAAc,eAAe,EAC7BC,iBAAiB,SAAS,EAC3B,GAAGJ;IAEJ,OAAO;QACLK,MAAM;QACNC,MAAM;QACNC,OAAO;YACLC,UAAUJ;YACVK,YAAY;gBACVC,OAAO;gBACPC,MAAM;YACR;YACAC,QAAQ;gBACNX;gBACAC;gBACAW,OAAOV;YACT;QACF;IACF;AACF"}

package/dist/admin/index.d.ts

@@ -13,9 +13,9 @@
  * import { PuckEditorView } from '@delmaredigital/payload-puck/editor'
  * ```
  */
-export type { PuckEditorViewProps } from './PuckEditorView';
-export type { EditWithPuckButtonProps } from './EditWithPuckButton';
-export type { EditWithPuckCellConfig } from './EditWithPuckCell';
-export type { AdminComponentsConfig } from './generateAdminComponents';
-export { generatePuckEditField } from './generateAdminComponents';
+export type { PuckEditorViewProps } from './PuckEditorView.js';
+export type { EditWithPuckButtonProps } from './EditWithPuckButton.js';
+export type { EditWithPuckCellConfig } from './EditWithPuckCell.js';
+export type { AdminComponentsConfig } from './generateAdminComponents.js';
+export { generatePuckEditField } from './generateAdminComponents.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/admin/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAC3D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAA;AACnE,YAAY,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAA;AAChE,YAAY,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AAGtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/admin/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,YAAY,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAC9D,YAAY,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AACtE,YAAY,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAA;AACnE,YAAY,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AAGzE,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA"}

package/dist/admin/index.js

@@ -12,7 +12,8 @@
  * ```ts
  * import { PuckEditorView } from '@delmaredigital/payload-puck/editor'
  * ```
- */
+ */ // Re-export types only (safe for RSC)
 // Helper for generating edit button field (safe for RSC)
-export { generatePuckEditField } from './generateAdminComponents';
+export { generatePuckEditField } from './generateAdminComponents.js';
+
 //# sourceMappingURL=index.js.map

package/dist/admin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/admin/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAQH,yDAAyD;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA"}
+{"version":3,"sources":["../../src/admin/index.ts"],"sourcesContent":["/**\n * @delmaredigital/payload-puck/admin\n *\n * Admin utilities and types for Payload CMS integration.\n *\n * NOTE: For the edit button components, import from '/admin/client':\n * ```ts\n * import { EditWithPuckButton } from '@delmaredigital/payload-puck/admin/client'\n * ```\n *\n * For the PuckEditorView component, import from '/editor':\n * ```ts\n * import { PuckEditorView } from '@delmaredigital/payload-puck/editor'\n * ```\n */\n\n// Re-export types only (safe for RSC)\nexport type { PuckEditorViewProps } from './PuckEditorView.js'\nexport type { EditWithPuckButtonProps } from './EditWithPuckButton.js'\nexport type { EditWithPuckCellConfig } from './EditWithPuckCell.js'\nexport type { AdminComponentsConfig } from './generateAdminComponents.js'\n\n// Helper for generating edit button field (safe for RSC)\nexport { generatePuckEditField } from './generateAdminComponents.js'\n"],"names":["generatePuckEditField"],"mappings":"AAAA;;;;;;;;;;;;;;CAcC,GAED,sCAAsC;AAMtC,yDAAyD;AACzD,SAASA,qBAAqB,QAAQ,+BAA8B"}

package/dist/ai/collections/AiContext.js

@@ -10,26 +10,31 @@
  * - "Tone of Voice" - How to communicate
  * - "Product Information" - What you sell/offer
  * - "Industry Context" - Your market and audience
- */
-export const AiContextCollection = {
+ */ export const AiContextCollection = {
     slug: 'puck-ai-context',
     labels: {
         singular: 'AI Context',
-        plural: 'AI Contexts',
+        plural: 'AI Contexts'
     },
     admin: {
         group: 'Puck',
         useAsTitle: 'name',
-        defaultColumns: ['name', 'category', 'enabled', 'order', 'updatedAt'],
-        hidden: false, // Visible in admin for context management
-        description: 'Business context for AI page generation. Add entries for brand guidelines, tone of voice, product info, etc.',
+        defaultColumns: [
+            'name',
+            'category',
+            'enabled',
+            'order',
+            'updatedAt'
+        ],
+        hidden: false,
+        description: 'Business context for AI page generation. Add entries for brand guidelines, tone of voice, product info, etc.'
     },
     access: {
         // Default: authenticated users can manage context
-        read: ({ req }) => Boolean(req.user),
-        create: ({ req }) => Boolean(req.user),
-        update: ({ req }) => Boolean(req.user),
-        delete: ({ req }) => Boolean(req.user),
+        read: ({ req })=>Boolean(req.user),
+        create: ({ req })=>Boolean(req.user),
+        update: ({ req })=>Boolean(req.user),
+        delete: ({ req })=>Boolean(req.user)
     },
     fields: [
         {
@@ -37,8 +42,8 @@ export const AiContextCollection = {
             type: 'text',
             required: true,
             admin: {
-                description: 'Name for this context block (e.g., "Brand Guidelines", "Tone of Voice")',
-            },
+                description: 'Name for this context block (e.g., "Brand Guidelines", "Tone of Voice")'
+            }
         },
         {
             name: 'content',
@@ -46,42 +51,64 @@ export const AiContextCollection = {
             required: true,
             admin: {
                 description: 'The context content in markdown format. Use headers (##) to organize, lists for guidelines, etc.',
-                rows: 12,
-            },
+                rows: 12
+            }
         },
         {
             name: 'category',
             type: 'select',
             options: [
-                { label: 'Brand Guidelines', value: 'brand' },
-                { label: 'Tone of Voice', value: 'tone' },
-                { label: 'Product Information', value: 'product' },
-                { label: 'Industry Context', value: 'industry' },
-                { label: 'Technical Requirements', value: 'technical' },
-                { label: 'Page Patterns', value: 'patterns' },
-                { label: 'Other', value: 'other' },
+                {
+                    label: 'Brand Guidelines',
+                    value: 'brand'
+                },
+                {
+                    label: 'Tone of Voice',
+                    value: 'tone'
+                },
+                {
+                    label: 'Product Information',
+                    value: 'product'
+                },
+                {
+                    label: 'Industry Context',
+                    value: 'industry'
+                },
+                {
+                    label: 'Technical Requirements',
+                    value: 'technical'
+                },
+                {
+                    label: 'Page Patterns',
+                    value: 'patterns'
+                },
+                {
+                    label: 'Other',
+                    value: 'other'
+                }
             ],
             admin: {
-                description: 'Category for organizing context blocks',
-            },
+                description: 'Category for organizing context blocks'
+            }
         },
         {
             name: 'enabled',
             type: 'checkbox',
             defaultValue: true,
             admin: {
-                description: 'Include this context in AI prompts. Uncheck to temporarily disable.',
-            },
+                description: 'Include this context in AI prompts. Uncheck to temporarily disable.'
+            }
         },
         {
             name: 'order',
             type: 'number',
             defaultValue: 0,
             admin: {
-                description: 'Order in the context (lower numbers appear earlier in the prompt)',
-            },
-        },
+                description: 'Order in the context (lower numbers appear earlier in the prompt)'
+            }
+        }
     ],
-    timestamps: true,
+    timestamps: true
 };
+
 //# sourceMappingURL=AiContext.js.map

package/dist/ai/collections/AiContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"AiContext.js","sourceRoot":"","sources":["../../../src/ai/collections/AiContext.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAqB;IACnD,IAAI,EAAE,iBAAiB;IACvB,MAAM,EAAE;QACN,QAAQ,EAAE,YAAY;QACtB,MAAM,EAAE,aAAa;KACtB;IACD,KAAK,EAAE;QACL,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,MAAM;QAClB,cAAc,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,CAAC;QACrE,MAAM,EAAE,KAAK,EAAE,0CAA0C;QACzD,WAAW,EACT,8GAA8G;KACjH;IACD,MAAM,EAAE;QACN,kDAAkD;QAClD,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;QACpC,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;QACtC,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;QACtC,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;KACvC;IACD,MAAM,EAAE;QACN;YACE,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE;gBACL,WAAW,EAAE,yEAAyE;aACvF;SACF;QACD;YACE,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,UAAU;YAChB,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE;gBACL,WAAW,EACT,kGAAkG;gBACpG,IAAI,EAAE,EAAE;aACT;SACF;QACD;YACE,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,OAAO,EAAE;gBAC7C,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,EAAE;gBACzC,EAAE,KAAK,EAAE,qBAAqB,EAAE,KAAK,EAAE,SAAS,EAAE;gBAClD,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,UAAU,EAAE;gBAChD,EAAE,KAAK,EAAE,wBAAwB,EAAE,KAAK,EAAE,WAAW,EAAE;gBACvD,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,UAAU,EAAE;gBAC7C,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;aACnC;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,wCAAwC;aACtD;SACF;QACD;YACE,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,UAAU;YAChB,YAAY,EAAE,IAAI;YAClB,KAAK,EAAE;gBACL,WAAW,EAAE,qEAAqE;aACnF;SACF;QACD;YACE,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,CAAC;YACf,KAAK,EAAE;gBACL,WAAW,EAAE,mEAAmE;aACjF;SACF;KACF;IACD,UAAU,EAAE,IAAI;CACjB,CAAA"}
+{"version":3,"sources":["../../../src/ai/collections/AiContext.ts"],"sourcesContent":["import type { CollectionConfig } from 'payload'\n\n/**\n * AI Context Collection\n *\n * Stores business context entries for the AI chat interface.\n * These context entries are concatenated and sent to the AI system prompt\n * to help it understand your brand, tone, and requirements.\n *\n * @example Creating context entries in Payload admin:\n * - \"Brand Guidelines\" - Colors, fonts, brand voice\n * - \"Tone of Voice\" - How to communicate\n * - \"Product Information\" - What you sell/offer\n * - \"Industry Context\" - Your market and audience\n */\nexport const AiContextCollection: CollectionConfig = {\n  slug: 'puck-ai-context',\n  labels: {\n    singular: 'AI Context',\n    plural: 'AI Contexts',\n  },\n  admin: {\n    group: 'Puck',\n    useAsTitle: 'name',\n    defaultColumns: ['name', 'category', 'enabled', 'order', 'updatedAt'],\n    hidden: false, // Visible in admin for context management\n    description:\n      'Business context for AI page generation. Add entries for brand guidelines, tone of voice, product info, etc.',\n  },\n  access: {\n    // Default: authenticated users can manage context\n    read: ({ req }) => Boolean(req.user),\n    create: ({ req }) => Boolean(req.user),\n    update: ({ req }) => Boolean(req.user),\n    delete: ({ req }) => Boolean(req.user),\n  },\n  fields: [\n    {\n      name: 'name',\n      type: 'text',\n      required: true,\n      admin: {\n        description: 'Name for this context block (e.g., \"Brand Guidelines\", \"Tone of Voice\")',\n      },\n    },\n    {\n      name: 'content',\n      type: 'textarea',\n      required: true,\n      admin: {\n        description:\n          'The context content in markdown format. Use headers (##) to organize, lists for guidelines, etc.',\n        rows: 12,\n      },\n    },\n    {\n      name: 'category',\n      type: 'select',\n      options: [\n        { label: 'Brand Guidelines', value: 'brand' },\n        { label: 'Tone of Voice', value: 'tone' },\n        { label: 'Product Information', value: 'product' },\n        { label: 'Industry Context', value: 'industry' },\n        { label: 'Technical Requirements', value: 'technical' },\n        { label: 'Page Patterns', value: 'patterns' },\n        { label: 'Other', value: 'other' },\n      ],\n      admin: {\n        description: 'Category for organizing context blocks',\n      },\n    },\n    {\n      name: 'enabled',\n      type: 'checkbox',\n      defaultValue: true,\n      admin: {\n        description: 'Include this context in AI prompts. Uncheck to temporarily disable.',\n      },\n    },\n    {\n      name: 'order',\n      type: 'number',\n      defaultValue: 0,\n      admin: {\n        description: 'Order in the context (lower numbers appear earlier in the prompt)',\n      },\n    },\n  ],\n  timestamps: true,\n}\n"],"names":["AiContextCollection","slug","labels","singular","plural","admin","group","useAsTitle","defaultColumns","hidden","description","access","read","req","Boolean","user","create","update","delete","fields","name","type","required","rows","options","label","value","defaultValue","timestamps"],"mappings":"AAEA;;;;;;;;;;;;CAYC,GACD,OAAO,MAAMA,sBAAwC;IACnDC,MAAM;IACNC,QAAQ;QACNC,UAAU;QACVC,QAAQ;IACV;IACAC,OAAO;QACLC,OAAO;QACPC,YAAY;QACZC,gBAAgB;YAAC;YAAQ;YAAY;YAAW;YAAS;SAAY;QACrEC,QAAQ;QACRC,aACE;IACJ;IACAC,QAAQ;QACN,kDAAkD;QAClDC,MAAM,CAAC,EAAEC,GAAG,EAAE,GAAKC,QAAQD,IAAIE,IAAI;QACnCC,QAAQ,CAAC,EAAEH,GAAG,EAAE,GAAKC,QAAQD,IAAIE,IAAI;QACrCE,QAAQ,CAAC,EAAEJ,GAAG,EAAE,GAAKC,QAAQD,IAAIE,IAAI;QACrCG,QAAQ,CAAC,EAAEL,GAAG,EAAE,GAAKC,QAAQD,IAAIE,IAAI;IACvC;IACAI,QAAQ;QACN;YACEC,MAAM;YACNC,MAAM;YACNC,UAAU;YACVjB,OAAO;gBACLK,aAAa;YACf;QACF;QACA;YACEU,MAAM;YACNC,MAAM;YACNC,UAAU;YACVjB,OAAO;gBACLK,aACE;gBACFa,MAAM;YACR;QACF;QACA;YACEH,MAAM;YACNC,MAAM;YACNG,SAAS;gBACP;oBAAEC,OAAO;oBAAoBC,OAAO;gBAAQ;gBAC5C;oBAAED,OAAO;oBAAiBC,OAAO;gBAAO;gBACxC;oBAAED,OAAO;oBAAuBC,OAAO;gBAAU;gBACjD;oBAAED,OAAO;oBAAoBC,OAAO;gBAAW;gBAC/C;oBAAED,OAAO;oBAA0BC,OAAO;gBAAY;gBACtD;oBAAED,OAAO;oBAAiBC,OAAO;gBAAW;gBAC5C;oBAAED,OAAO;oBAASC,OAAO;gBAAQ;aAClC;YACDrB,OAAO;gBACLK,aAAa;YACf;QACF;QACA;YACEU,MAAM;YACNC,MAAM;YACNM,cAAc;YACdtB,OAAO;gBACLK,aAAa;YACf;QACF;QACA;YACEU,MAAM;YACNC,MAAM;YACNM,cAAc;YACdtB,OAAO;gBACLK,aAAa;YACf;QACF;KACD;IACDkB,YAAY;AACd,EAAC"}

package/dist/ai/collections/AiPrompts.js

@@ -4,25 +4,29 @@
  * Stores example prompts for the AI chat interface.
  * These prompts are displayed in the Puck editor for users to quickly
  * start common AI generation tasks.
- */
-export const AiPromptsCollection = {
+ */ export const AiPromptsCollection = {
     slug: 'puck-ai-prompts',
     labels: {
         singular: 'AI Prompt',
-        plural: 'AI Prompts',
+        plural: 'AI Prompts'
     },
     admin: {
         group: 'Puck',
         useAsTitle: 'label',
-        defaultColumns: ['label', 'category', 'order', 'updatedAt'],
-        hidden: false, // Visible in admin for prompt management
+        defaultColumns: [
+            'label',
+            'category',
+            'order',
+            'updatedAt'
+        ],
+        hidden: false
     },
     access: {
         // Default: authenticated users can manage prompts
-        read: ({ req }) => Boolean(req.user),
-        create: ({ req }) => Boolean(req.user),
-        update: ({ req }) => Boolean(req.user),
-        delete: ({ req }) => Boolean(req.user),
+        read: ({ req })=>Boolean(req.user),
+        create: ({ req })=>Boolean(req.user),
+        update: ({ req })=>Boolean(req.user),
+        delete: ({ req })=>Boolean(req.user)
     },
     fields: [
         {
@@ -30,8 +34,8 @@ export const AiPromptsCollection = {
             type: 'text',
             required: true,
             admin: {
-                description: 'Display label for the prompt (e.g., "Landing page")',
-            },
+                description: 'Display label for the prompt (e.g., "Landing page")'
+            }
         },
         {
             name: 'prompt',
@@ -39,25 +43,26 @@ export const AiPromptsCollection = {
             required: true,
             admin: {
                 description: 'The actual prompt text sent to the AI',
-                rows: 4,
-            },
+                rows: 4
+            }
         },
         {
             name: 'category',
             type: 'text',
             admin: {
-                description: 'Optional category for grouping prompts (e.g., "Marketing", "Product")',
-            },
+                description: 'Optional category for grouping prompts (e.g., "Marketing", "Product")'
+            }
         },
         {
             name: 'order',
             type: 'number',
             defaultValue: 0,
             admin: {
-                description: 'Display order (lower numbers appear first)',
-            },
-        },
+                description: 'Display order (lower numbers appear first)'
+            }
+        }
     ],
-    timestamps: true,
+    timestamps: true
 };
+
 //# sourceMappingURL=AiPrompts.js.map