@delmaredigital/payload-puck 0.1.3 → 0.3.0

package/dist/editor/components/VersionHistory.js

@@ -0,0 +1,308 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useEffect, useRef, memo } from 'react';
+import { History, Loader2, Check, RotateCcw, X, ChevronDown, } from 'lucide-react';
+// Shared styles
+const styles = {
+    container: {
+        position: 'relative',
+    },
+    button: {
+        display: 'inline-flex',
+        alignItems: 'center',
+        whiteSpace: 'nowrap',
+        padding: '6px 12px',
+        fontSize: '14px',
+        fontWeight: 500,
+        borderRadius: '6px',
+        transition: 'background-color 0.15s',
+        backgroundColor: 'var(--theme-bg)',
+        color: 'var(--theme-elevation-700)',
+        border: '1px solid var(--theme-elevation-200)',
+        cursor: 'pointer',
+    },
+    buttonDisabled: {
+        opacity: 0.5,
+        cursor: 'not-allowed',
+    },
+    icon: {
+        width: '16px',
+        height: '16px',
+        marginRight: '4px',
+        flexShrink: 0,
+    },
+    iconSmall: {
+        width: '12px',
+        height: '12px',
+        marginLeft: '4px',
+        flexShrink: 0,
+    },
+    dropdown: {
+        position: 'absolute',
+        top: '100%',
+        right: 0,
+        marginTop: '4px',
+        backgroundColor: 'var(--theme-bg)',
+        border: '1px solid var(--theme-elevation-200)',
+        borderRadius: '8px',
+        boxShadow: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
+        zIndex: 50,
+        width: '320px',
+        maxHeight: '400px',
+        overflow: 'hidden',
+    },
+    header: {
+        borderBottom: '1px solid var(--theme-elevation-200)',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        padding: '12px 16px',
+    },
+    headerTitle: {
+        fontWeight: 500,
+        fontSize: '14px',
+        color: 'var(--theme-elevation-900)',
+    },
+    closeButton: {
+        color: 'var(--theme-elevation-400)',
+        transition: 'color 0.15s',
+        padding: '4px',
+        background: 'none',
+        border: 'none',
+        cursor: 'pointer',
+    },
+    content: {
+        maxHeight: '340px',
+        overflowY: 'auto',
+    },
+    loadingContainer: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: '32px',
+    },
+    loadingIcon: {
+        width: '20px',
+        height: '20px',
+        color: 'var(--theme-elevation-400)',
+        animation: 'spin 1s linear infinite',
+    },
+    errorText: {
+        fontSize: '14px',
+        color: 'var(--theme-error-600)',
+        padding: '16px',
+        textAlign: 'center',
+    },
+    emptyText: {
+        fontSize: '14px',
+        color: 'var(--theme-elevation-500)',
+        padding: '16px',
+        textAlign: 'center',
+    },
+    listContainer: {
+        padding: '8px',
+    },
+    versionItem: {
+        borderRadius: '6px',
+        transition: 'background-color 0.15s',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        padding: '10px 12px',
+        gap: '12px',
+    },
+    versionInfo: {
+        flex: 1,
+        minWidth: 0,
+    },
+    versionHeader: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+    },
+    versionDate: {
+        fontSize: '14px',
+        fontWeight: 500,
+        color: 'var(--theme-elevation-900)',
+    },
+    badgeCurrent: {
+        fontSize: '12px',
+        fontWeight: 500,
+        borderRadius: '9999px',
+        padding: '2px 8px',
+        backgroundColor: 'var(--theme-elevation-100)',
+        color: 'var(--theme-elevation-700)',
+    },
+    badgePublished: {
+        fontSize: '12px',
+        fontWeight: 500,
+        borderRadius: '9999px',
+        padding: '2px 8px',
+        backgroundColor: 'var(--theme-success-100)',
+        color: 'var(--theme-success-700)',
+    },
+    autosaveText: {
+        fontSize: '12px',
+        color: 'var(--theme-elevation-400)',
+    },
+    versionDetails: {
+        fontSize: '12px',
+        color: 'var(--theme-elevation-500)',
+        marginTop: '2px',
+    },
+    restoreButton: {
+        fontSize: '12px',
+        fontWeight: 500,
+        color: 'var(--theme-elevation-700)',
+        transition: 'color 0.15s',
+        display: 'flex',
+        alignItems: 'center',
+        gap: '4px',
+        padding: '4px 8px',
+        flexShrink: 0,
+        background: 'none',
+        border: 'none',
+        cursor: 'pointer',
+    },
+    restoreButtonDisabled: {
+        opacity: 0.5,
+        cursor: 'not-allowed',
+    },
+    checkIcon: {
+        width: '16px',
+        height: '16px',
+        color: 'var(--theme-elevation-400)',
+        flexShrink: 0,
+    },
+};
+/**
+ * Version history dropdown for the Puck editor
+ *
+ * Shows a list of previous versions with the ability to restore them.
+ */
+export const VersionHistory = memo(function VersionHistory({ pageId, apiEndpoint = '/api/puck/pages', onRestore, disabled, }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const [isLoading, setIsLoading] = useState(false);
+    const [isRestoring, setIsRestoring] = useState(false);
+    const [versions, setVersions] = useState([]);
+    const [error, setError] = useState(null);
+    const [isAvailable, setIsAvailable] = useState(null);
+    const [hoveredIndex, setHoveredIndex] = useState(null);
+    const dropdownRef = useRef(null);
+    // Check if versions endpoint is available on mount
+    useEffect(() => {
+        async function checkAvailability() {
+            try {
+                const response = await fetch(`${apiEndpoint}/${pageId}/versions?limit=1`, {
+                    method: 'GET',
+                });
+                setIsAvailable(response.status !== 404);
+            }
+            catch {
+                setIsAvailable(false);
+            }
+        }
+        checkAvailability();
+    }, [apiEndpoint, pageId]);
+    // Close on outside click
+    useEffect(() => {
+        function handleClickOutside(event) {
+            if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+                setIsOpen(false);
+            }
+        }
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, []);
+    // Fetch versions when dropdown opens
+    const fetchVersions = useCallback(async () => {
+        setIsLoading(true);
+        setError(null);
+        try {
+            const response = await fetch(`${apiEndpoint}/${pageId}/versions?limit=20`);
+            if (!response.ok) {
+                throw new Error('Failed to fetch versions');
+            }
+            const data = await response.json();
+            setVersions(data.docs || []);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : 'Failed to load versions');
+            console.error('Error fetching versions:', err);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [apiEndpoint, pageId]);
+    // Fetch versions when opening
+    useEffect(() => {
+        if (isOpen) {
+            fetchVersions();
+        }
+    }, [isOpen, fetchVersions]);
+    // Handle version restore
+    const handleRestore = useCallback(async (version) => {
+        if (!confirm(`Restore this version from ${formatDate(version.updatedAt)}? This will overwrite current changes.`)) {
+            return;
+        }
+        setIsRestoring(true);
+        try {
+            const response = await fetch(`${apiEndpoint}/${pageId}/versions`, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ versionId: version.id }),
+            });
+            if (!response.ok) {
+                throw new Error('Failed to restore version');
+            }
+            onRestore?.(version);
+            setIsOpen(false);
+            window.location.reload();
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : 'Failed to restore version');
+            console.error('Error restoring version:', err);
+        }
+        finally {
+            setIsRestoring(false);
+        }
+    }, [apiEndpoint, pageId, onRestore]);
+    // Format date for display
+    function formatDate(dateStr) {
+        const date = new Date(dateStr);
+        const now = new Date();
+        const diffMs = now.getTime() - date.getTime();
+        const diffMins = Math.floor(diffMs / 60000);
+        const diffHours = Math.floor(diffMs / 3600000);
+        const diffDays = Math.floor(diffMs / 86400000);
+        if (diffMins < 1)
+            return 'Just now';
+        if (diffMins < 60)
+            return `${diffMins}m ago`;
+        if (diffHours < 24)
+            return `${diffHours}h ago`;
+        if (diffDays < 7)
+            return `${diffDays}d ago`;
+        return date.toLocaleDateString();
+    }
+    // Format time for display
+    function formatTime(dateStr) {
+        const date = new Date(dateStr);
+        return date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
+    }
+    // Don't render if versions endpoint is not available or still checking
+    if (isAvailable !== true) {
+        return null;
+    }
+    return (_jsxs("div", { ref: dropdownRef, style: styles.container, children: [_jsxs("button", { type: "button", onClick: () => setIsOpen(!isOpen), disabled: disabled, style: {
+                    ...styles.button,
+                    ...(disabled ? styles.buttonDisabled : {}),
+                }, children: [_jsx(History, { style: styles.icon }), "History", _jsx(ChevronDown, { style: styles.iconSmall })] }), isOpen && (_jsxs("div", { style: styles.dropdown, children: [_jsxs("div", { style: styles.header, children: [_jsx("span", { style: styles.headerTitle, children: "Version History" }), _jsx("button", { type: "button", onClick: () => setIsOpen(false), style: styles.closeButton, children: _jsx(X, { style: { width: '16px', height: '16px' } }) })] }), _jsx("div", { style: styles.content, children: isLoading ? (_jsx("div", { style: styles.loadingContainer, children: _jsx(Loader2, { style: styles.loadingIcon }) })) : error ? (_jsx("div", { style: styles.errorText, children: error })) : versions.length === 0 ? (_jsx("div", { style: styles.emptyText, children: "No version history available" })) : (_jsx("div", { style: styles.listContainer, children: versions.map((version, index) => (_jsxs("div", { style: {
+                                    ...styles.versionItem,
+                                    backgroundColor: hoveredIndex === index ? 'var(--theme-elevation-50)' : 'transparent',
+                                }, onMouseEnter: () => setHoveredIndex(index), onMouseLeave: () => setHoveredIndex(null), children: [_jsxs("div", { style: styles.versionInfo, children: [_jsxs("div", { style: styles.versionHeader, children: [_jsx("span", { style: styles.versionDate, children: formatDate(version.updatedAt) }), index === 0 && (_jsx("span", { style: styles.badgeCurrent, children: "Current" })), version.version._status === 'published' && (_jsx("span", { style: styles.badgePublished, children: "Published" })), version.autosave && (_jsx("span", { style: styles.autosaveText, title: "Autosaved", children: "(auto)" }))] }), _jsxs("div", { style: styles.versionDetails, children: [formatTime(version.updatedAt), version.version.title && (_jsxs("span", { children: [" \u00B7 ", version.version.title] }))] })] }), index > 0 && (_jsxs("button", { type: "button", onClick: () => handleRestore(version), disabled: isRestoring, style: {
+                                            ...styles.restoreButton,
+                                            ...(isRestoring ? styles.restoreButtonDisabled : {}),
+                                        }, children: [isRestoring ? (_jsx(Loader2, { style: { width: '12px', height: '12px', animation: 'spin 1s linear infinite' } })) : (_jsx(RotateCcw, { style: { width: '12px', height: '12px' } })), "Restore"] })), index === 0 && (_jsx("span", { style: { flexShrink: 0 }, children: _jsx(Check, { style: styles.checkIcon }) }))] }, version.id))) })) })] }))] }));
+});
+//# sourceMappingURL=VersionHistory.js.map

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

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

package/dist/editor/hooks/useUnsavedChanges.d.ts

@@ -0,0 +1,27 @@
+export interface UseUnsavedChangesReturn {
+    hasUnsavedChanges: boolean;
+    markClean: () => void;
+    markDirty: () => void;
+}
+/**
+ * Hook to track unsaved changes and warn before navigation
+ *
+ * Registers a beforeunload handler to prevent accidental navigation
+ * when there are unsaved changes.
+ *
+ * @example
+ * ```tsx
+ * const { hasUnsavedChanges, markClean, markDirty } = useUnsavedChanges()
+ *
+ * const handleChange = () => {
+ *   markDirty()
+ * }
+ *
+ * const handleSave = async () => {
+ *   await save()
+ *   markClean()
+ * }
+ * ```
+ */
+export declare function useUnsavedChanges(): UseUnsavedChangesReturn;
+//# sourceMappingURL=useUnsavedChanges.d.ts.map

package/dist/editor/hooks/useUnsavedChanges.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUnsavedChanges.d.ts","sourceRoot":"","sources":["../../../src/editor/hooks/useUnsavedChanges.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,uBAAuB;IACtC,iBAAiB,EAAE,OAAO,CAAA;IAC1B,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,iBAAiB,IAAI,uBAAuB,CAqC3D"}

package/dist/editor/hooks/useUnsavedChanges.js

@@ -0,0 +1,55 @@
+'use client';
+import { useState, useEffect, useCallback, useRef } from 'react';
+/**
+ * Hook to track unsaved changes and warn before navigation
+ *
+ * Registers a beforeunload handler to prevent accidental navigation
+ * when there are unsaved changes.
+ *
+ * @example
+ * ```tsx
+ * const { hasUnsavedChanges, markClean, markDirty } = useUnsavedChanges()
+ *
+ * const handleChange = () => {
+ *   markDirty()
+ * }
+ *
+ * const handleSave = async () => {
+ *   await save()
+ *   markClean()
+ * }
+ * ```
+ */
+export function useUnsavedChanges() {
+    const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);
+    // Use a ref to track the latest value for the beforeunload handler
+    // This ensures the handler always checks the current value, not a stale closure
+    const hasUnsavedChangesRef = useRef(hasUnsavedChanges);
+    hasUnsavedChangesRef.current = hasUnsavedChanges;
+    // Register beforeunload handler once (uses ref for latest value)
+    useEffect(() => {
+        const handleBeforeUnload = (e) => {
+            if (hasUnsavedChangesRef.current) {
+                e.preventDefault();
+                // Modern browsers ignore custom messages but still show a warning
+                e.returnValue = '';
+            }
+        };
+        window.addEventListener('beforeunload', handleBeforeUnload);
+        return () => window.removeEventListener('beforeunload', handleBeforeUnload);
+    }, []);
+    const markClean = useCallback(() => {
+        hasUnsavedChangesRef.current = false; // Update ref immediately for beforeunload
+        setHasUnsavedChanges(false);
+    }, []);
+    const markDirty = useCallback(() => {
+        hasUnsavedChangesRef.current = true; // Update ref immediately for beforeunload
+        setHasUnsavedChanges(true);
+    }, []);
+    return {
+        hasUnsavedChanges,
+        markClean,
+        markDirty,
+    };
+}
+//# sourceMappingURL=useUnsavedChanges.js.map

package/dist/editor/hooks/useUnsavedChanges.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUnsavedChanges.js","sourceRoot":"","sources":["../../../src/editor/hooks/useUnsavedChanges.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAQhE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,iBAAiB;IAC/B,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjE,mEAAmE;IACnE,gFAAgF;IAChF,MAAM,oBAAoB,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAA;IACtD,oBAAoB,CAAC,OAAO,GAAG,iBAAiB,CAAA;IAEhD,iEAAiE;IACjE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,kBAAkB,GAAG,CAAC,CAAoB,EAAE,EAAE;YAClD,IAAI,oBAAoB,CAAC,OAAO,EAAE,CAAC;gBACjC,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,kEAAkE;gBAClE,CAAC,CAAC,WAAW,GAAG,EAAE,CAAA;YACpB,CAAC;QACH,CAAC,CAAA;QAED,MAAM,CAAC,gBAAgB,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAA;QAC3D,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAA;IAC7E,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,oBAAoB,CAAC,OAAO,GAAG,KAAK,CAAA,CAAC,0CAA0C;QAC/E,oBAAoB,CAAC,KAAK,CAAC,CAAA;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,oBAAoB,CAAC,OAAO,GAAG,IAAI,CAAA,CAAC,0CAA0C;QAC9E,oBAAoB,CAAC,IAAI,CAAC,CAAA;IAC5B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO;QACL,iBAAiB;QACjB,SAAS;QACT,SAAS;KACV,CAAA;AACH,CAAC"}