@delmaredigital/payload-puck 0.1.3 → 0.3.0

package/dist/editor/components/PreviewModal.d.ts

@@ -0,0 +1,54 @@
+import type { Data as PuckData } from '@measured/puck';
+import type { LayoutDefinition } from '../../layouts/index.js';
+export interface PreviewModalProps {
+    /**
+     * Whether the modal is open
+     */
+    isOpen: boolean;
+    /**
+     * Handler for closing the modal
+     */
+    onClose: () => void;
+    /**
+     * Puck data to render in the preview
+     */
+    data: PuckData | null;
+    /**
+     * Page title for the modal header
+     */
+    pageTitle?: string;
+    /**
+     * Handler for opening the page in a new tab
+     */
+    onOpenInNewTab?: () => void;
+    /**
+     * Available layouts for rendering
+     */
+    layouts?: LayoutDefinition[];
+    /**
+     * Whether there are unsaved changes in the editor
+     */
+    hasUnsavedChanges?: boolean;
+    /**
+     * Handler to save the current data before navigating
+     */
+    onSave?: () => Promise<void>;
+    /**
+     * Whether a save is in progress
+     */
+    isSaving?: boolean;
+}
+/**
+ * Full-screen preview modal with client-side rendering
+ *
+ * Renders the current editor data directly using PageRenderer.
+ * Links prompt for confirmation before navigating (with option to save first).
+ *
+ * Features:
+ * - Zero consumer setup required
+ * - Shows current editor state (including unsaved changes)
+ * - Interactive elements (accordions, hover states) still work
+ * - Links show confirmation dialog before navigating
+ */
+export declare const PreviewModal: import("react").NamedExoticComponent<PreviewModalProps>;
+//# sourceMappingURL=PreviewModal.d.ts.map

package/dist/editor/components/PreviewModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewModal.d.ts","sourceRoot":"","sources":["../../../src/editor/components/PreviewModal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAOtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAE9D,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB;;OAEG;IACH,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAA;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AA0MD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,yDA6NvB,CAAA"}

package/dist/editor/components/PreviewModal.js

@@ -0,0 +1,298 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback, memo, useEffect } from 'react';
+import { X, ExternalLink, AlertTriangle, } from 'lucide-react';
+import { PageRenderer } from '../../render/PageRenderer.js';
+// Styles
+const styles = {
+    overlay: {
+        position: 'fixed',
+        inset: 0,
+        zIndex: 9990,
+        backgroundColor: 'var(--theme-bg)',
+    },
+    controlPanel: {
+        position: 'fixed',
+        top: '50%',
+        right: '16px',
+        transform: 'translateY(-50%)',
+        zIndex: 9998,
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '8px',
+        alignItems: 'flex-end',
+    },
+    controlCard: {
+        backgroundColor: 'var(--theme-bg)',
+        borderRadius: '8px',
+        boxShadow: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
+        border: '1px solid var(--theme-elevation-200)',
+        padding: '8px',
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '4px',
+    },
+    closeButton: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+        padding: '8px 12px',
+        fontSize: '14px',
+        fontWeight: 500,
+        color: 'var(--theme-bg)',
+        backgroundColor: 'var(--theme-elevation-900)',
+        borderRadius: '6px',
+        transition: 'background-color 0.15s',
+        border: 'none',
+        cursor: 'pointer',
+    },
+    viewButton: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+        padding: '8px 12px',
+        fontSize: '14px',
+        color: 'var(--theme-elevation-600)',
+        backgroundColor: 'transparent',
+        borderRadius: '6px',
+        transition: 'background-color 0.15s, color 0.15s',
+        border: 'none',
+        cursor: 'pointer',
+    },
+    unsavedBadge: {
+        backgroundColor: 'var(--theme-warning-100)',
+        color: 'var(--theme-warning-700)',
+        padding: '6px 12px',
+        borderRadius: '9999px',
+        fontSize: '12px',
+        fontWeight: 500,
+        boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
+    },
+    content: {
+        height: '100%',
+        overflow: 'auto',
+        backgroundColor: 'var(--theme-bg)',
+    },
+    emptyState: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: '100%',
+        color: 'var(--theme-elevation-500)',
+    },
+    // Navigation dialog styles
+    dialogOverlay: {
+        position: 'fixed',
+        inset: 0,
+        zIndex: 9999,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: 'rgba(0, 0, 0, 0.5)',
+    },
+    dialogContainer: {
+        backgroundColor: 'var(--theme-bg)',
+        borderRadius: '8px',
+        boxShadow: '0 25px 50px -12px rgba(0, 0, 0, 0.25)',
+        maxWidth: '448px',
+        width: '100%',
+        margin: '0 16px',
+        overflow: 'hidden',
+    },
+    dialogHeader: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '12px',
+        padding: '16px 20px',
+        borderBottom: '1px solid var(--theme-elevation-200)',
+        backgroundColor: 'var(--theme-warning-50)',
+    },
+    dialogIconWrapper: {
+        flexShrink: 0,
+        width: '40px',
+        height: '40px',
+        borderRadius: '50%',
+        backgroundColor: 'var(--theme-warning-100)',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    dialogTitle: {
+        fontSize: '16px',
+        fontWeight: 600,
+        color: 'var(--theme-elevation-900)',
+        margin: 0,
+    },
+    dialogSubtitle: {
+        fontSize: '14px',
+        color: 'var(--theme-elevation-500)',
+        margin: 0,
+    },
+    dialogBody: {
+        padding: '16px 20px',
+    },
+    dialogBodyText: {
+        fontSize: '14px',
+        color: 'var(--theme-elevation-700)',
+        margin: 0,
+        marginBottom: '8px',
+    },
+    dialogUrl: {
+        fontSize: '14px',
+        fontFamily: 'monospace',
+        backgroundColor: 'var(--theme-elevation-100)',
+        padding: '8px 12px',
+        borderRadius: '4px',
+        color: 'var(--theme-elevation-800)',
+        wordBreak: 'break-all',
+    },
+    dialogWarning: {
+        fontSize: '14px',
+        color: 'var(--theme-warning-600)',
+        marginTop: '12px',
+        fontWeight: 500,
+    },
+    dialogFooter: {
+        padding: '16px 20px',
+        backgroundColor: 'var(--theme-elevation-50)',
+        borderTop: '1px solid var(--theme-elevation-200)',
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '8px',
+    },
+    buttonSecondary: {
+        padding: '8px 16px',
+        fontSize: '14px',
+        fontWeight: 500,
+        color: 'var(--theme-elevation-700)',
+        backgroundColor: 'var(--theme-bg)',
+        border: '1px solid var(--theme-elevation-300)',
+        borderRadius: '6px',
+        transition: 'background-color 0.15s',
+        cursor: 'pointer',
+    },
+    buttonPrimary: {
+        padding: '8px 16px',
+        fontSize: '14px',
+        fontWeight: 500,
+        color: 'var(--theme-bg)',
+        backgroundColor: 'var(--theme-elevation-900)',
+        border: 'none',
+        borderRadius: '6px',
+        transition: 'background-color 0.15s',
+        cursor: 'pointer',
+    },
+    buttonDanger: {
+        padding: '8px 16px',
+        fontSize: '14px',
+        fontWeight: 500,
+        color: 'var(--theme-error-700)',
+        backgroundColor: 'var(--theme-error-50)',
+        border: '1px solid var(--theme-error-200)',
+        borderRadius: '6px',
+        transition: 'background-color 0.15s',
+        cursor: 'pointer',
+    },
+    buttonDisabled: {
+        opacity: 0.5,
+        cursor: 'not-allowed',
+    },
+    icon: {
+        width: '16px',
+        height: '16px',
+    },
+};
+/**
+ * Full-screen preview modal with client-side rendering
+ *
+ * Renders the current editor data directly using PageRenderer.
+ * Links prompt for confirmation before navigating (with option to save first).
+ *
+ * Features:
+ * - Zero consumer setup required
+ * - Shows current editor state (including unsaved changes)
+ * - Interactive elements (accordions, hover states) still work
+ * - Links show confirmation dialog before navigating
+ */
+export const PreviewModal = memo(function PreviewModal({ isOpen, onClose, data, pageTitle, onOpenInNewTab, layouts, hasUnsavedChanges = false, onSave, isSaving = false, }) {
+    // Navigation confirmation state
+    const [pendingNavigation, setPendingNavigation] = useState(null);
+    const [isNavigating, setIsNavigating] = useState(false);
+    const [viewButtonHovered, setViewButtonHovered] = useState(false);
+    // Handle escape key
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        const handleEscape = (e) => {
+            if (e.key === 'Escape') {
+                if (pendingNavigation) {
+                    setPendingNavigation(null);
+                }
+                else {
+                    onClose();
+                }
+            }
+        };
+        document.addEventListener('keydown', handleEscape);
+        return () => document.removeEventListener('keydown', handleEscape);
+    }, [isOpen, pendingNavigation, onClose]);
+    // Intercept link clicks
+    const handleContentClick = useCallback((e) => {
+        const target = e.target;
+        const anchor = target.closest('a');
+        if (anchor) {
+            const href = anchor.getAttribute('href');
+            // Allow hash-only links (scroll to section on same page)
+            if (href?.startsWith('#') && !href.includes('/')) {
+                return;
+            }
+            // Block navigation and show confirmation
+            e.preventDefault();
+            e.stopPropagation();
+            if (href) {
+                setPendingNavigation(href);
+            }
+        }
+    }, []);
+    // Handle navigation after confirmation
+    const handleNavigate = useCallback((saveFirst) => {
+        if (!pendingNavigation)
+            return;
+        const navigate = () => {
+            setIsNavigating(true);
+            onClose();
+            window.location.href = pendingNavigation;
+        };
+        if (saveFirst && onSave) {
+            onSave().then(navigate).catch(() => {
+                setIsNavigating(false);
+            });
+        }
+        else {
+            navigate();
+        }
+    }, [pendingNavigation, onClose, onSave]);
+    // Cancel navigation
+    const handleCancelNavigation = useCallback(() => {
+        setPendingNavigation(null);
+    }, []);
+    if (!isOpen)
+        return null;
+    return (_jsxs("div", { style: styles.overlay, children: [_jsxs("div", { style: styles.controlPanel, children: [_jsxs("div", { style: styles.controlCard, children: [_jsxs("button", { type: "button", onClick: onClose, style: styles.closeButton, title: "Close preview (Esc)", children: [_jsx(X, { style: styles.icon }), "Close Preview"] }), onOpenInNewTab && (_jsxs("button", { type: "button", onClick: onOpenInNewTab, style: {
+                                    ...styles.viewButton,
+                                    ...(viewButtonHovered ? {
+                                        backgroundColor: 'var(--theme-elevation-100)',
+                                        color: 'var(--theme-elevation-900)',
+                                    } : {}),
+                                }, onMouseEnter: () => setViewButtonHovered(true), onMouseLeave: () => setViewButtonHovered(false), title: "Open published page in new tab", children: [_jsx(ExternalLink, { style: styles.icon }), "View Page"] }))] }), hasUnsavedChanges && (_jsx("div", { style: styles.unsavedBadge, children: "Unsaved changes" }))] }), _jsx("div", { style: styles.content, onClickCapture: handleContentClick, children: data ? (_jsx(PageRenderer, { data: data, layouts: layouts })) : (_jsx("div", { style: styles.emptyState, children: "No content to preview" })) }), pendingNavigation && (_jsx("div", { style: styles.dialogOverlay, children: _jsxs("div", { style: styles.dialogContainer, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { style: styles.dialogHeader, children: [_jsx("div", { style: styles.dialogIconWrapper, children: _jsx(AlertTriangle, { style: { width: '20px', height: '20px', color: 'var(--theme-warning-600)' } }) }), _jsxs("div", { children: [_jsx("h3", { style: styles.dialogTitle, children: "Navigate away?" }), _jsx("p", { style: styles.dialogSubtitle, children: "This will close the preview" })] })] }), _jsxs("div", { style: styles.dialogBody, children: [_jsx("p", { style: styles.dialogBodyText, children: "You're about to navigate to:" }), _jsx("p", { style: styles.dialogUrl, children: pendingNavigation }), hasUnsavedChanges && (_jsx("p", { style: styles.dialogWarning, children: "You have unsaved changes that will be lost." }))] }), _jsx("div", { style: styles.dialogFooter, children: _jsxs("div", { style: { display: 'flex', gap: '8px', justifyContent: 'flex-end', flexWrap: 'wrap' }, children: [_jsx("button", { type: "button", onClick: handleCancelNavigation, disabled: isNavigating || isSaving, style: {
+                                            ...styles.buttonSecondary,
+                                            ...((isNavigating || isSaving) ? styles.buttonDisabled : {}),
+                                        }, children: "Cancel" }), hasUnsavedChanges && onSave && (_jsx("button", { type: "button", onClick: () => handleNavigate(true), disabled: isNavigating || isSaving, style: {
+                                            ...styles.buttonPrimary,
+                                            ...((isNavigating || isSaving) ? styles.buttonDisabled : {}),
+                                        }, children: isSaving ? 'Saving...' : 'Save & Navigate' })), _jsx("button", { type: "button", onClick: () => handleNavigate(false), disabled: isNavigating || isSaving, style: {
+                                            ...(hasUnsavedChanges ? styles.buttonDanger : styles.buttonPrimary),
+                                            ...((isNavigating || isSaving) ? styles.buttonDisabled : {}),
+                                        }, children: isNavigating ? 'Navigating...' : hasUnsavedChanges ? 'Navigate without saving' : 'Navigate' })] }) })] }) }))] }));
+});
+//# sourceMappingURL=PreviewModal.js.map

package/dist/editor/components/PreviewModal.js.map

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

package/dist/editor/components/VersionHistory.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Version entry from Payload's versions system
+ */
+export interface PageVersion {
+    id: string;
+    parent: string;
+    version: {
+        title?: string;
+        slug?: string;
+        _status?: 'draft' | 'published';
+        updatedAt: string;
+        createdAt: string;
+    };
+    createdAt: string;
+    updatedAt: string;
+    autosave?: boolean;
+    latest?: boolean;
+}
+export interface VersionHistoryProps {
+    /**
+     * Page ID to fetch versions for
+     */
+    pageId: string;
+    /**
+     * API endpoint base path
+     * @default '/api/puck/pages'
+     */
+    apiEndpoint?: string;
+    /**
+     * Callback when a version is restored
+     */
+    onRestore?: (version: PageVersion) => void;
+    /**
+     * Whether restore operations are disabled
+     */
+    disabled?: boolean;
+}
+/**
+ * Version history dropdown for the Puck editor
+ *
+ * Shows a list of previous versions with the ability to restore them.
+ */
+export declare const VersionHistory: import("react").NamedExoticComponent<VersionHistoryProps>;
+//# sourceMappingURL=VersionHistory.d.ts.map

package/dist/editor/components/VersionHistory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VersionHistory.d.ts","sourceRoot":"","sources":["../../../src/editor/components/VersionHistory.tsx"],"names":[],"mappings":"AAYA;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,OAAO,CAAC,EAAE,OAAO,GAAG,WAAW,CAAA;QAC/B,SAAS,EAAE,MAAM,CAAA;QACjB,SAAS,EAAE,MAAM,CAAA;KAClB,CAAA;IACD,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,MAAM,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAA;IAC1C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAgLD;;;;GAIG;AACH,eAAO,MAAM,cAAc,2DAyPzB,CAAA"}