@delmaredigital/payload-puck 0.3.1 → 0.6.0

package/dist/fields/tiptap-styles.css

@@ -1,248 +0,0 @@
-/* TipTap Editor Styles for Puck
- * Applied to the TipTap editor instance in the Puck sidebar.
- */
-
-/* Basic editor styles */
-.tiptap-editor {
-  min-height: 200px;
-  outline: none;
-}
-
-.tiptap-editor:focus {
-  outline: none;
-}
-
-/* Paragraph styles */
-.tiptap-editor p {
-  margin: 0 0 1em 0;
-}
-
-.tiptap-editor p:last-child {
-  margin-bottom: 0;
-}
-
-/* Heading styles - use !important to override Tailwind preflight */
-.tiptap-editor h1 {
-  font-size: 2em !important;
-  font-weight: 700 !important;
-  margin: 1em 0 0.5em 0;
-}
-
-.tiptap-editor h1:first-child {
-  margin-top: 0;
-}
-
-.tiptap-editor h2 {
-  font-size: 1.5em !important;
-  font-weight: 700 !important;
-  margin: 1em 0 0.5em 0;
-}
-
-.tiptap-editor h2:first-child {
-  margin-top: 0;
-}
-
-.tiptap-editor h3 {
-  font-size: 1.25em !important;
-  font-weight: 600 !important;
-  margin: 1em 0 0.5em 0;
-}
-
-.tiptap-editor h3:first-child {
-  margin-top: 0;
-}
-
-.tiptap-editor h4 {
-  font-size: 1.1em !important;
-  font-weight: 600 !important;
-  margin: 1em 0 0.5em 0;
-}
-
-.tiptap-editor h4:first-child {
-  margin-top: 0;
-}
-
-.tiptap-editor h5 {
-  font-size: 1em !important;
-  font-weight: 600 !important;
-  margin: 1em 0 0.5em 0;
-}
-
-.tiptap-editor h5:first-child {
-  margin-top: 0;
-}
-
-.tiptap-editor h6 {
-  font-size: 0.9em !important;
-  font-weight: 600 !important;
-  margin: 1em 0 0.5em 0;
-  color: hsl(var(--muted-foreground, 220 9% 46%));
-}
-
-.tiptap-editor h6:first-child {
-  margin-top: 0;
-}
-
-/* List styles - use !important to override Tailwind preflight */
-.tiptap-editor ul,
-.tiptap-editor ol {
-  padding-left: 1.5em !important;
-  margin: 0 0 1em 0;
-}
-
-.tiptap-editor ul:last-child,
-.tiptap-editor ol:last-child {
-  margin-bottom: 0;
-}
-
-.tiptap-editor ul {
-  list-style-type: disc !important;
-}
-
-.tiptap-editor ol {
-  list-style-type: decimal !important;
-}
-
-.tiptap-editor li {
-  margin: 0.25em 0;
-}
-
-.tiptap-editor li p {
-  margin: 0;
-}
-
-/* Blockquote styles - use !important to override Tailwind preflight */
-.tiptap-editor blockquote {
-  border-left: 4px solid hsl(var(--border, 220 13% 91%)) !important;
-  padding-left: 1em !important;
-  margin: 1em 0 !important;
-  font-style: italic !important;
-  color: hsl(var(--muted-foreground, 220 9% 46%));
-}
-
-/* Link styles - using primary color with fallback */
-.tiptap-editor a {
-  color: hsl(var(--primary, 221 83% 53%));
-  text-decoration: underline;
-  cursor: pointer;
-}
-
-.tiptap-editor a:hover {
-  color: hsl(var(--primary, 221 83% 53%) / 0.8);
-}
-
-/* Code styles - using muted background with fallback */
-.tiptap-editor code {
-  background-color: hsl(var(--muted, 220 14% 96%));
-  padding: 0.125em 0.25em;
-  border-radius: 0.25em;
-  font-family: monospace;
-  font-size: 0.9em;
-}
-
-/* Placeholder */
-.tiptap-editor p.is-editor-empty:first-child::before {
-  content: attr(data-placeholder);
-  float: left;
-  color: hsl(var(--muted-foreground, 220 9% 46%));
-  pointer-events: none;
-  height: 0;
-}
-
-/* Focus styles */
-.ProseMirror:focus {
-  outline: none;
-}
-
-/* Selection styles */
-.tiptap-editor ::selection {
-  background-color: #b4d5fe;
-}
-
-/* Text alignment */
-.tiptap-editor [style*="text-align: center"] {
-  text-align: center;
-}
-
-.tiptap-editor [style*="text-align: right"] {
-  text-align: right;
-}
-
-.tiptap-editor [style*="text-align: left"] {
-  text-align: left;
-}
-
-/* Underline */
-.tiptap-editor u {
-  text-decoration: underline;
-}
-
-/* Strike */
-.tiptap-editor s {
-  text-decoration: line-through;
-}
-
-/* Highlight mark - uses inline style for color, this is fallback */
-.tiptap-editor mark {
-  background-color: #fef08a;
-  padding: 0.125rem 0.25rem;
-  border-radius: 0.125rem;
-}
-
-/* Superscript */
-.tiptap-editor sup {
-  vertical-align: super;
-  font-size: 0.75em;
-}
-
-/* Subscript */
-.tiptap-editor sub {
-  vertical-align: sub;
-  font-size: 0.75em;
-}
-
-/* Horizontal Rule */
-.tiptap-editor hr {
-  border: none;
-  border-top: 2px solid hsl(var(--border, 220 13% 91%));
-  margin: 1.5em 0;
-}
-
-/* Justify alignment */
-.tiptap-editor [style*="text-align: justify"] {
-  text-align: justify;
-}
-
-/* =============================================================================
-   Inline Editor Styles (for RichTextInlineEditor)
-   ============================================================================= */
-
-/* Inline editor wrapper */
-.richtext-inline-editor {
-  position: relative;
-}
-
-/* Make the editor content area clickable and editable */
-.richtext-inline-editor .tiptap-editor {
-  cursor: text;
-}
-
-/* Subtle focus indicator for the entire editor area */
-.richtext-inline-editor:focus-within {
-  outline: none;
-}
-
-/* Ensure editor content has appropriate sizing within inline context */
-.richtext-inline-editor .ProseMirror {
-  min-height: 40px;
-  outline: none;
-}
-
-/* Placeholder for empty inline editor */
-.richtext-inline-editor .ProseMirror p.is-editor-empty:first-child::before {
-  content: 'Click to start editing...';
-  color: hsl(var(--muted-foreground, 220 9% 46%));
-  pointer-events: none;
-  float: left;
-  height: 0;
-}

package/dist/views/PuckEditorClient.d.ts

@@ -1,73 +0,0 @@
-import type { Data as PuckData } from '@measured/puck';
-import type { LayoutDefinition } from '../layouts/index.js';
-export interface PuckEditorClientProps {
-    /**
-     * Page ID for save operations
-     */
-    pageId: string;
-    /**
-     * Collection slug
-     */
-    collection: string;
-    /**
-     * Initial Puck data
-     */
-    initialData: PuckData;
-    /**
-     * Page title for display
-     */
-    pageTitle: string;
-    /**
-     * Page slug for preview
-     */
-    pageSlug: string;
-    /**
-     * Initial document status
-     */
-    initialStatus?: 'draft' | 'published';
-    /**
-     * URL to navigate back to
-     */
-    backUrl?: string;
-    /**
-     * Admin route base
-     */
-    adminRoute?: string;
-    /**
-     * Layout definitions (can also come from context)
-     */
-    layouts?: LayoutDefinition[];
-    /**
-     * Whether page-tree integration is active (auto-detected)
-     * When true, folder picker and page segment fields are injected into root
-     */
-    hasPageTree?: boolean;
-}
-/**
- * Client component that renders the Puck editor
- *
- * The Puck config is obtained from PuckConfigContext. The consuming application
- * must wrap their app with PuckConfigProvider.
- *
- * @example
- * ```tsx
- * // In your app's layout:
- * import { PuckConfigProvider } from '@delmaredigital/payload-puck/client'
- * import { editorConfig } from '@delmaredigital/payload-puck/config/editor'
- *
- * export default function RootLayout({ children }) {
- *   return (
- *     <html>
- *       <body>
- *         <PuckConfigProvider config={editorConfig}>
- *           {children}
- *         </PuckConfigProvider>
- *       </body>
- *     </html>
- *   )
- * }
- * ```
- */
-export declare function PuckEditorClient({ pageId, collection, initialData, pageTitle, pageSlug, initialStatus, backUrl, adminRoute, layouts: layoutsProp, hasPageTree, }: PuckEditorClientProps): import("react/jsx-runtime").JSX.Element;
-export default PuckEditorClient;
-//# sourceMappingURL=PuckEditorClient.d.ts.map

package/dist/views/PuckEditorClient.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PuckEditorClient.d.ts","sourceRoot":"","sources":["../../src/views/PuckEditorClient.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,IAAI,IAAI,QAAQ,EAAwB,MAAM,gBAAgB,CAAA;AAE5E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAM3D,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,MAAM,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,UAAU,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,WAAW,EAAE,QAAQ,CAAA;IACrB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,WAAW,CAAA;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,UAAU,EACV,WAAW,EACX,SAAS,EACT,QAAQ,EACR,aAAa,EACb,OAAO,EACP,UAAqB,EACrB,OAAO,EAAE,WAAW,EACpB,WAAmB,GACpB,EAAE,qBAAqB,2CA+IvB;AAED,eAAe,gBAAgB,CAAA"}

package/dist/views/PuckEditorClient.js

@@ -1,130 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * PuckEditorClient - Client component for the Puck editor in Payload admin
- *
- * This wraps PuckEditorCore and provides the necessary context for
- * running within Payload's admin UI.
- */
-import { useMemo } from 'react';
-import { PuckEditorCore } from '../editor/PuckEditorCore.client.js';
-import { usePuckConfig } from './PuckConfigContext.js';
-import { createFolderPickerField } from '../fields/FolderPickerField.js';
-import { createPageSegmentField } from '../fields/PageSegmentField.js';
-import { createSlugPreviewField } from '../fields/SlugPreviewField.js';
-/**
- * Client component that renders the Puck editor
- *
- * The Puck config is obtained from PuckConfigContext. The consuming application
- * must wrap their app with PuckConfigProvider.
- *
- * @example
- * ```tsx
- * // In your app's layout:
- * import { PuckConfigProvider } from '@delmaredigital/payload-puck/client'
- * import { editorConfig } from '@delmaredigital/payload-puck/config/editor'
- *
- * export default function RootLayout({ children }) {
- *   return (
- *     <html>
- *       <body>
- *         <PuckConfigProvider config={editorConfig}>
- *           {children}
- *         </PuckConfigProvider>
- *       </body>
- *     </html>
- *   )
- * }
- * ```
- */
-export function PuckEditorClient({ pageId, collection, initialData, pageTitle, pageSlug, initialStatus, backUrl, adminRoute = '/admin', layouts: layoutsProp, hasPageTree = false, }) {
-    // Get config from context
-    const { config: baseConfig, layouts: layoutsFromContext, theme } = usePuckConfig();
-    // Use layouts from props or context
-    const layouts = layoutsProp || layoutsFromContext;
-    // If page-tree is active, inject folder picker fields into root config
-    const config = useMemo(() => {
-        if (!baseConfig || !hasPageTree)
-            return baseConfig;
-        // Create page-tree specific fields
-        const pageTreeFields = {
-            folder: createFolderPickerField({ label: 'Folder' }),
-            pageSegment: createPageSegmentField({ label: 'Page Segment' }),
-            slug: createSlugPreviewField({
-                label: 'URL Slug',
-                hint: 'Auto-generated from folder + page segment',
-            }),
-        };
-        // Merge page-tree fields into root config, replacing slug field
-        const existingRootFields = baseConfig.root?.fields || {};
-        const { slug: _existingSlug, ...otherFields } = existingRootFields;
-        return {
-            ...baseConfig,
-            root: {
-                ...baseConfig.root,
-                fields: {
-                    ...otherFields,
-                    ...pageTreeFields,
-                },
-            },
-        };
-    }, [baseConfig, hasPageTree]);
-    // API endpoint based on collection
-    const apiEndpoint = `/api/puck/${collection}`;
-    // Preview URL - defaults to the page slug
-    const previewUrl = (slug) => `/${slug}`;
-    if (!config) {
-        return (_jsx("div", { style: {
-                display: 'flex',
-                flexDirection: 'column',
-                alignItems: 'center',
-                justifyContent: 'center',
-                height: 'calc(100vh - 120px)',
-                padding: '40px',
-                textAlign: 'center',
-            }, children: _jsxs("div", { style: {
-                    backgroundColor: 'var(--theme-elevation-50)',
-                    border: '1px solid var(--theme-elevation-150)',
-                    borderRadius: '8px',
-                    padding: '32px 48px',
-                    maxWidth: '560px',
-                }, children: [_jsx("h2", { style: {
-                            color: 'var(--theme-elevation-800)',
-                            fontSize: '18px',
-                            fontWeight: 600,
-                            margin: '0 0 12px 0',
-                        }, children: "Puck Configuration Required" }), _jsxs("p", { style: {
-                            color: 'var(--theme-elevation-500)',
-                            fontSize: '14px',
-                            lineHeight: 1.6,
-                            margin: '0 0 16px 0',
-                        }, children: ["To use the Puck editor, wrap your application with", ' ', _jsx("code", { style: {
-                                    backgroundColor: 'var(--theme-elevation-100)',
-                                    padding: '2px 6px',
-                                    borderRadius: '4px',
-                                    fontSize: '13px',
-                                }, children: "PuckConfigProvider" })] }), _jsx("pre", { style: {
-                            backgroundColor: 'var(--theme-elevation-100)',
-                            padding: '16px',
-                            borderRadius: '6px',
-                            fontSize: '12px',
-                            textAlign: 'left',
-                            overflow: 'auto',
-                            margin: 0,
-                        }, children: `// In your layout.tsx:
-import { PuckConfigProvider } from '@delmaredigital/payload-puck/client'
-import { editorConfig } from '@delmaredigital/payload-puck/config/editor'
-
-<PuckConfigProvider config={editorConfig}>
-  {children}
-</PuckConfigProvider>` })] }) }));
-    }
-    return (_jsx("div", { style: {
-            // Take up full available height within the admin template
-            height: 'calc(100vh - 60px)',
-            display: 'flex',
-            flexDirection: 'column',
-        }, children: _jsx(PuckEditorCore, { pageId: pageId, initialData: initialData, config: config, pageTitle: pageTitle, pageSlug: pageSlug, apiEndpoint: apiEndpoint, backUrl: backUrl, previewUrl: previewUrl, initialStatus: initialStatus, layouts: layouts, theme: theme }) }));
-}
-export default PuckEditorClient;
-//# sourceMappingURL=PuckEditorClient.js.map

package/dist/views/PuckEditorClient.js.map

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