@delmaredigital/payload-puck 0.6.12 → 0.6.14

package/dist/ai/plugins/PromptEditorPanel.d.ts

@@ -4,6 +4,5 @@ interface PromptEditorPanelProps extends PromptEditorPluginOptions {
 /**
  * Panel component for managing AI prompts in the Puck editor sidebar
  */
-export declare function PromptEditorPanel({ apiEndpoint, canEdit, canCreate, canDelete, }: PromptEditorPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function PromptEditorPanel({ apiEndpoint, canEdit, canCreate, canDelete, }: PromptEditorPanelProps): import("react").JSX.Element;
 export {};
-//# sourceMappingURL=PromptEditorPanel.d.ts.map

package/dist/ai/plugins/PromptEditorPanel.js

@@ -5,15 +5,14 @@ import { Plus, Pencil, Trash2, GripVertical, Save, X } from 'lucide-react';
 import { dispatchPromptsUpdated } from '../hooks/useAiPrompts.js';
 /**
  * Panel component for managing AI prompts in the Puck editor sidebar
- */
-export function PromptEditorPanel({ apiEndpoint = '/api/puck/ai-prompts', canEdit = true, canCreate = true, canDelete = true, }) {
+ */ export function PromptEditorPanel({ apiEndpoint = '/api/puck/ai-prompts', canEdit = true, canCreate = true, canDelete = true }) {
     const [prompts, setPrompts] = useState([]);
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState(null);
     const [editingPrompt, setEditingPrompt] = useState(null);
     const [saving, setSaving] = useState(false);
     // Fetch prompts on mount
-    const fetchPrompts = useCallback(async () => {
+    const fetchPrompts = useCallback(async ()=>{
         try {
             setLoading(true);
             setError(null);
@@ -23,21 +22,22 @@ export function PromptEditorPanel({ apiEndpoint = '/api/puck/ai-prompts', canEdi
             }
             const data = await response.json();
             setPrompts(data.docs || []);
-        }
-        catch (err) {
+        } catch (err) {
             setError(err instanceof Error ? err.message : 'Failed to load prompts');
-        }
-        finally {
+        } finally{
             setLoading(false);
         }
-    }, [apiEndpoint]);
-    useEffect(() => {
+    }, [
+        apiEndpoint
+    ]);
+    useEffect(()=>{
         fetchPrompts();
-    }, [fetchPrompts]);
+    }, [
+        fetchPrompts
+    ]);
     // Save prompt (create or update)
-    const handleSave = async () => {
-        if (!editingPrompt)
-            return;
+    const handleSave = async ()=>{
+        if (!editingPrompt) return;
         try {
             setSaving(true);
             setError(null);
@@ -46,13 +46,15 @@ export function PromptEditorPanel({ apiEndpoint = '/api/puck/ai-prompts', canEdi
             const method = isNew ? 'POST' : 'PATCH';
             const response = await fetch(url, {
                 method,
-                headers: { 'Content-Type': 'application/json' },
+                headers: {
+                    'Content-Type': 'application/json'
+                },
                 body: JSON.stringify({
                     label: editingPrompt.label,
                     prompt: editingPrompt.prompt,
                     category: editingPrompt.category,
-                    order: editingPrompt.order,
-                }),
+                    order: editingPrompt.order
+                })
             });
             if (!response.ok) {
                 throw new Error('Failed to save prompt');
@@ -61,22 +63,19 @@ export function PromptEditorPanel({ apiEndpoint = '/api/puck/ai-prompts', canEdi
             await fetchPrompts();
             // Notify AI plugin to refresh its prompts
             dispatchPromptsUpdated();
-        }
-        catch (err) {
+        } catch (err) {
             setError(err instanceof Error ? err.message : 'Failed to save prompt');
-        }
-        finally {
+        } finally{
             setSaving(false);
         }
     };
     // Delete prompt
-    const handleDelete = async (id) => {
-        if (!confirm('Are you sure you want to delete this prompt?'))
-            return;
+    const handleDelete = async (id)=>{
+        if (!confirm('Are you sure you want to delete this prompt?')) return;
         try {
             setError(null);
             const response = await fetch(`${apiEndpoint}/${id}`, {
-                method: 'DELETE',
+                method: 'DELETE'
             });
             if (!response.ok) {
                 throw new Error('Failed to delete prompt');
@@ -84,8 +83,7 @@ export function PromptEditorPanel({ apiEndpoint = '/api/puck/ai-prompts', canEdi
             await fetchPrompts();
             // Notify AI plugin to refresh its prompts
             dispatchPromptsUpdated();
-        }
-        catch (err) {
+        } catch (err) {
             setError(err instanceof Error ? err.message : 'Failed to delete prompt');
         }
     };
@@ -97,19 +95,19 @@ export function PromptEditorPanel({ apiEndpoint = '/api/puck/ai-prompts', canEdi
             flexDirection: 'column',
             gap: '12px',
             height: '100%',
-            overflowY: 'auto',
+            overflowY: 'auto'
         },
         header: {
             display: 'flex',
             justifyContent: 'space-between',
             alignItems: 'center',
-            marginBottom: '8px',
+            marginBottom: '8px'
         },
         title: {
             fontSize: '14px',
             fontWeight: 600,
             color: 'var(--puck-color-grey-01)',
-            margin: 0,
+            margin: 0
         },
         addButton: {
             display: 'flex',
@@ -122,7 +120,7 @@ export function PromptEditorPanel({ apiEndpoint = '/api/puck/ai-prompts', canEdi
             backgroundColor: 'var(--puck-color-azure-12)',
             border: 'none',
             borderRadius: '4px',
-            cursor: 'pointer',
+            cursor: 'pointer'
         },
         promptItem: {
             display: 'flex',
@@ -131,28 +129,28 @@ export function PromptEditorPanel({ apiEndpoint = '/api/puck/ai-prompts', canEdi
             padding: '12px',
             backgroundColor: 'var(--puck-color-grey-12)',
             borderRadius: '6px',
-            border: '1px solid var(--puck-color-grey-09)',
+            border: '1px solid var(--puck-color-grey-09)'
         },
         promptContent: {
             flex: 1,
-            minWidth: 0,
+            minWidth: 0
         },
         promptLabel: {
             fontSize: '13px',
             fontWeight: 500,
             color: 'var(--puck-color-grey-02)',
-            marginBottom: '4px',
+            marginBottom: '4px'
         },
         promptText: {
             fontSize: '12px',
             color: 'var(--puck-color-grey-04)',
             overflow: 'hidden',
             textOverflow: 'ellipsis',
-            whiteSpace: 'nowrap',
+            whiteSpace: 'nowrap'
         },
         promptActions: {
             display: 'flex',
-            gap: '4px',
+            gap: '4px'
         },
         iconButton: {
             display: 'flex',
@@ -165,7 +163,7 @@ export function PromptEditorPanel({ apiEndpoint = '/api/puck/ai-prompts', canEdi
             border: 'none',
             borderRadius: '4px',
             cursor: 'pointer',
-            color: 'var(--puck-color-grey-05)',
+            color: 'var(--puck-color-grey-05)'
         },
         form: {
             display: 'flex',
@@ -174,17 +172,17 @@ export function PromptEditorPanel({ apiEndpoint = '/api/puck/ai-prompts', canEdi
             padding: '16px',
             backgroundColor: 'var(--puck-color-grey-11)',
             borderRadius: '6px',
-            border: '1px solid var(--puck-color-grey-08)',
+            border: '1px solid var(--puck-color-grey-08)'
         },
         formField: {
             display: 'flex',
             flexDirection: 'column',
-            gap: '4px',
+            gap: '4px'
         },
         formLabel: {
             fontSize: '12px',
             fontWeight: 500,
-            color: 'var(--puck-color-grey-03)',
+            color: 'var(--puck-color-grey-03)'
         },
         formInput: {
             padding: '8px 12px',
@@ -192,7 +190,7 @@ export function PromptEditorPanel({ apiEndpoint = '/api/puck/ai-prompts', canEdi
             backgroundColor: 'var(--puck-color-white)',
             border: '1px solid var(--puck-color-grey-08)',
             borderRadius: '4px',
-            color: 'var(--puck-color-grey-02)',
+            color: 'var(--puck-color-grey-02)'
         },
         formTextarea: {
             padding: '8px 12px',
@@ -202,12 +200,12 @@ export function PromptEditorPanel({ apiEndpoint = '/api/puck/ai-prompts', canEdi
             borderRadius: '4px',
             color: 'var(--puck-color-grey-02)',
             resize: 'vertical',
-            minHeight: '80px',
+            minHeight: '80px'
         },
         formActions: {
             display: 'flex',
             gap: '8px',
-            justifyContent: 'flex-end',
+            justifyContent: 'flex-end'
         },
         saveButton: {
             display: 'flex',
@@ -220,7 +218,7 @@ export function PromptEditorPanel({ apiEndpoint = '/api/puck/ai-prompts', canEdi
             backgroundColor: 'var(--puck-color-azure-04)',
             border: 'none',
             borderRadius: '4px',
-            cursor: 'pointer',
+            cursor: 'pointer'
         },
         cancelButton: {
             display: 'flex',
@@ -233,7 +231,7 @@ export function PromptEditorPanel({ apiEndpoint = '/api/puck/ai-prompts', canEdi
             backgroundColor: 'var(--puck-color-grey-10)',
             border: 'none',
             borderRadius: '4px',
-            cursor: 'pointer',
+            cursor: 'pointer'
         },
         errorMessage: {
             padding: '12px',
@@ -241,30 +239,216 @@ export function PromptEditorPanel({ apiEndpoint = '/api/puck/ai-prompts', canEdi
             border: '1px solid var(--puck-color-red-08)',
             borderRadius: '4px',
             color: 'var(--puck-color-red-04)',
-            fontSize: '13px',
+            fontSize: '13px'
         },
         emptyState: {
             textAlign: 'center',
             padding: '24px',
             color: 'var(--puck-color-grey-05)',
-            fontSize: '13px',
+            fontSize: '13px'
         },
         loading: {
             textAlign: 'center',
             padding: '24px',
             color: 'var(--puck-color-grey-05)',
-            fontSize: '13px',
-        },
+            fontSize: '13px'
+        }
     };
     // Render loading state
     if (loading) {
-        return (_jsx("div", { style: styles.container, children: _jsx("div", { style: styles.loading, children: "Loading prompts..." }) }));
+        return /*#__PURE__*/ _jsx("div", {
+            style: styles.container,
+            children: /*#__PURE__*/ _jsx("div", {
+                style: styles.loading,
+                children: "Loading prompts..."
+            })
+        });
     }
     // Render edit form
     if (editingPrompt) {
-        return (_jsx("div", { style: styles.container, children: _jsxs("div", { style: styles.form, children: [_jsxs("div", { style: styles.formField, children: [_jsx("label", { style: styles.formLabel, children: "Label" }), _jsx("input", { type: "text", style: styles.formInput, value: editingPrompt.label || '', onChange: (e) => setEditingPrompt({ ...editingPrompt, label: e.target.value }), placeholder: "e.g., Landing page" })] }), _jsxs("div", { style: styles.formField, children: [_jsx("label", { style: styles.formLabel, children: "Prompt" }), _jsx("textarea", { style: styles.formTextarea, value: editingPrompt.prompt || '', onChange: (e) => setEditingPrompt({ ...editingPrompt, prompt: e.target.value }), placeholder: "e.g., Create a landing page about our product..." })] }), _jsxs("div", { style: styles.formField, children: [_jsx("label", { style: styles.formLabel, children: "Category (optional)" }), _jsx("input", { type: "text", style: styles.formInput, value: editingPrompt.category || '', onChange: (e) => setEditingPrompt({ ...editingPrompt, category: e.target.value }), placeholder: "e.g., Marketing" })] }), error && _jsx("div", { style: styles.errorMessage, children: error }), _jsxs("div", { style: styles.formActions, children: [_jsxs("button", { type: "button", style: styles.cancelButton, onClick: () => setEditingPrompt(null), disabled: saving, children: [_jsx(X, { size: 14 }), "Cancel"] }), _jsxs("button", { type: "button", style: styles.saveButton, onClick: handleSave, disabled: saving || !editingPrompt.label || !editingPrompt.prompt, children: [_jsx(Save, { size: 14 }), saving ? 'Saving...' : 'Save'] })] })] }) }));
+        return /*#__PURE__*/ _jsx("div", {
+            style: styles.container,
+            children: /*#__PURE__*/ _jsxs("div", {
+                style: styles.form,
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        style: styles.formField,
+                        children: [
+                            /*#__PURE__*/ _jsx("label", {
+                                style: styles.formLabel,
+                                children: "Label"
+                            }),
+                            /*#__PURE__*/ _jsx("input", {
+                                type: "text",
+                                style: styles.formInput,
+                                value: editingPrompt.label || '',
+                                onChange: (e)=>setEditingPrompt({
+                                        ...editingPrompt,
+                                        label: e.target.value
+                                    }),
+                                placeholder: "e.g., Landing page"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        style: styles.formField,
+                        children: [
+                            /*#__PURE__*/ _jsx("label", {
+                                style: styles.formLabel,
+                                children: "Prompt"
+                            }),
+                            /*#__PURE__*/ _jsx("textarea", {
+                                style: styles.formTextarea,
+                                value: editingPrompt.prompt || '',
+                                onChange: (e)=>setEditingPrompt({
+                                        ...editingPrompt,
+                                        prompt: e.target.value
+                                    }),
+                                placeholder: "e.g., Create a landing page about our product..."
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        style: styles.formField,
+                        children: [
+                            /*#__PURE__*/ _jsx("label", {
+                                style: styles.formLabel,
+                                children: "Category (optional)"
+                            }),
+                            /*#__PURE__*/ _jsx("input", {
+                                type: "text",
+                                style: styles.formInput,
+                                value: editingPrompt.category || '',
+                                onChange: (e)=>setEditingPrompt({
+                                        ...editingPrompt,
+                                        category: e.target.value
+                                    }),
+                                placeholder: "e.g., Marketing"
+                            })
+                        ]
+                    }),
+                    error && /*#__PURE__*/ _jsx("div", {
+                        style: styles.errorMessage,
+                        children: error
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        style: styles.formActions,
+                        children: [
+                            /*#__PURE__*/ _jsxs("button", {
+                                type: "button",
+                                style: styles.cancelButton,
+                                onClick: ()=>setEditingPrompt(null),
+                                disabled: saving,
+                                children: [
+                                    /*#__PURE__*/ _jsx(X, {
+                                        size: 14
+                                    }),
+                                    "Cancel"
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsxs("button", {
+                                type: "button",
+                                style: styles.saveButton,
+                                onClick: handleSave,
+                                disabled: saving || !editingPrompt.label || !editingPrompt.prompt,
+                                children: [
+                                    /*#__PURE__*/ _jsx(Save, {
+                                        size: 14
+                                    }),
+                                    saving ? 'Saving...' : 'Save'
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            })
+        });
     }
     // Render prompt list
-    return (_jsxs("div", { style: styles.container, children: [_jsxs("div", { style: styles.header, children: [_jsx("h3", { style: styles.title, children: "Example Prompts" }), canCreate && (_jsxs("button", { type: "button", style: styles.addButton, onClick: () => setEditingPrompt({ label: '', prompt: '' }), children: [_jsx(Plus, { size: 14 }), "Add"] }))] }), error && _jsx("div", { style: styles.errorMessage, children: error }), prompts.length === 0 ? (_jsxs("div", { style: styles.emptyState, children: ["No prompts yet.", canCreate && ' Click "Add" to create one.'] })) : (prompts.map((prompt) => (_jsxs("div", { style: styles.promptItem, children: [_jsx(GripVertical, { size: 16, style: { color: 'var(--puck-color-grey-07)', cursor: 'grab' } }), _jsxs("div", { style: styles.promptContent, children: [_jsx("div", { style: styles.promptLabel, children: prompt.label }), _jsx("div", { style: styles.promptText, children: prompt.prompt })] }), _jsxs("div", { style: styles.promptActions, children: [canEdit && (_jsx("button", { type: "button", style: styles.iconButton, onClick: () => setEditingPrompt(prompt), title: "Edit prompt", children: _jsx(Pencil, { size: 14 }) })), canDelete && (_jsx("button", { type: "button", style: styles.iconButton, onClick: () => handleDelete(prompt.id), title: "Delete prompt", children: _jsx(Trash2, { size: 14 }) }))] })] }, prompt.id))))] }));
+    return /*#__PURE__*/ _jsxs("div", {
+        style: styles.container,
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                style: styles.header,
+                children: [
+                    /*#__PURE__*/ _jsx("h3", {
+                        style: styles.title,
+                        children: "Example Prompts"
+                    }),
+                    canCreate && /*#__PURE__*/ _jsxs("button", {
+                        type: "button",
+                        style: styles.addButton,
+                        onClick: ()=>setEditingPrompt({
+                                label: '',
+                                prompt: ''
+                            }),
+                        children: [
+                            /*#__PURE__*/ _jsx(Plus, {
+                                size: 14
+                            }),
+                            "Add"
+                        ]
+                    })
+                ]
+            }),
+            error && /*#__PURE__*/ _jsx("div", {
+                style: styles.errorMessage,
+                children: error
+            }),
+            prompts.length === 0 ? /*#__PURE__*/ _jsxs("div", {
+                style: styles.emptyState,
+                children: [
+                    "No prompts yet.",
+                    canCreate && ' Click "Add" to create one.'
+                ]
+            }) : prompts.map((prompt)=>/*#__PURE__*/ _jsxs("div", {
+                    style: styles.promptItem,
+                    children: [
+                        /*#__PURE__*/ _jsx(GripVertical, {
+                            size: 16,
+                            style: {
+                                color: 'var(--puck-color-grey-07)',
+                                cursor: 'grab'
+                            }
+                        }),
+                        /*#__PURE__*/ _jsxs("div", {
+                            style: styles.promptContent,
+                            children: [
+                                /*#__PURE__*/ _jsx("div", {
+                                    style: styles.promptLabel,
+                                    children: prompt.label
+                                }),
+                                /*#__PURE__*/ _jsx("div", {
+                                    style: styles.promptText,
+                                    children: prompt.prompt
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsxs("div", {
+                            style: styles.promptActions,
+                            children: [
+                                canEdit && /*#__PURE__*/ _jsx("button", {
+                                    type: "button",
+                                    style: styles.iconButton,
+                                    onClick: ()=>setEditingPrompt(prompt),
+                                    title: "Edit prompt",
+                                    children: /*#__PURE__*/ _jsx(Pencil, {
+                                        size: 14
+                                    })
+                                }),
+                                canDelete && /*#__PURE__*/ _jsx("button", {
+                                    type: "button",
+                                    style: styles.iconButton,
+                                    onClick: ()=>handleDelete(prompt.id),
+                                    title: "Delete prompt",
+                                    children: /*#__PURE__*/ _jsx(Trash2, {
+                                        size: 14
+                                    })
+                                })
+                            ]
+                        })
+                    ]
+                }, prompt.id))
+        ]
+    });
 }
-//# sourceMappingURL=PromptEditorPanel.js.map

package/dist/ai/plugins/contextEditorPlugin.d.ts

@@ -27,4 +27,3 @@ import type { ContextEditorPluginOptions } from '../types.js';
  * ```
  */
 export declare function createContextEditorPlugin(options?: ContextEditorPluginOptions): PuckPlugin;
-//# sourceMappingURL=contextEditorPlugin.d.ts.map

package/dist/ai/plugins/contextEditorPlugin.js

@@ -27,14 +27,19 @@ import { ContextEditorPanel } from './ContextEditorPanel.js';
  *   canDelete: false, // Disable delete for non-admins
  * })
  * ```
- */
-export function createContextEditorPlugin(options = {}) {
-    const { apiEndpoint = '/api/puck/ai-context', canEdit = true, canCreate = true, canDelete = true, } = options;
+ */ export function createContextEditorPlugin(options = {}) {
+    const { apiEndpoint = '/api/puck/ai-context', canEdit = true, canCreate = true, canDelete = true } = options;
     return {
         name: 'context-editor',
         label: 'AI Context',
-        icon: _jsx(FileText, { size: 16 }),
-        render: () => (_jsx(ContextEditorPanel, { apiEndpoint: apiEndpoint, canEdit: canEdit, canCreate: canCreate, canDelete: canDelete })),
+        icon: /*#__PURE__*/ _jsx(FileText, {
+            size: 16
+        }),
+        render: ()=>/*#__PURE__*/ _jsx(ContextEditorPanel, {
+                apiEndpoint: apiEndpoint,
+                canEdit: canEdit,
+                canCreate: canCreate,
+                canDelete: canDelete
+            })
     };
 }
-//# sourceMappingURL=contextEditorPlugin.js.map

package/dist/ai/plugins/promptApiRoutes.d.ts

@@ -65,4 +65,3 @@ export declare function createPromptApiRoutesWithId(config: PromptApiRoutesConfi
     PATCH: RouteHandlerWithId;
     DELETE: RouteHandlerWithId;
 };
-//# sourceMappingURL=promptApiRoutes.d.ts.map