@delmaredigital/payload-puck 0.3.1 → 0.6.0

package/dist/config/merge.d.ts

@@ -1,14 +1,14 @@
-import type { Config as PuckConfig } from '@measured/puck';
+import type { Config as PuckConfig } from '@puckeditor/core';
 import type { MergeConfigOptions } from '../types';
 /**
  * Merges Puck configurations together
  *
  * @example
  * ```typescript
- * import { mergeConfigs, baseConfig } from '@delmaredigital/payload-puck/config'
+ * import { extendConfig, fullConfig } from '@delmaredigital/payload-puck/config/editor'
  *
- * const customConfig = mergeConfigs({
- *   base: baseConfig,
+ * const puckConfig = extendConfig({
+ *   base: fullConfig,
  *   components: {
  *     CustomHero: myHeroConfig,
  *   },

package/dist/config/merge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"merge.d.ts","sourceRoot":"","sources":["../../src/config/merge.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAElD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,kBAAkB,GAAG,UAAU,CAkEpE"}
+{"version":3,"file":"merge.d.ts","sourceRoot":"","sources":["../../src/config/merge.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAElD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,kBAAkB,GAAG,UAAU,CAkEpE"}

package/dist/config/merge.js

@@ -3,10 +3,10 @@
  *
  * @example
  * ```typescript
- * import { mergeConfigs, baseConfig } from '@delmaredigital/payload-puck/config'
+ * import { extendConfig, fullConfig } from '@delmaredigital/payload-puck/config/editor'
  *
- * const customConfig = mergeConfigs({
- *   base: baseConfig,
+ * const puckConfig = extendConfig({
+ *   base: fullConfig,
  *   components: {
  *     CustomHero: myHeroConfig,
  *   },

package/dist/config/presets.d.ts

@@ -20,15 +20,15 @@
  * })
  * ```
  */
-import type { ComponentConfig } from '@measured/puck';
+import type { ComponentConfig } from '@puckeditor/core';
 import type { ReactNode } from 'react';
 /**
  * Default root configuration used by presets
  */
 export declare const defaultRoot: {
     fields: {
-        slug: import("@measured/puck").CustomField<string>;
-        isHomepage: import("@measured/puck").CustomField<boolean>;
+        slug: import("@puckeditor/core").CustomField<string>;
+        isHomepage: import("@puckeditor/core").CustomField<boolean>;
         title: {
             type: "text";
             label: string;
@@ -57,7 +57,7 @@ export declare const defaultRoot: {
                 value: string;
             }[];
         };
-        pageBackground: import("@measured/puck").CustomField<import("../fields/shared.js").BackgroundValue | null>;
+        pageBackground: import("@puckeditor/core").CustomField<import("../fields/shared.js").BackgroundValue | null>;
         pageMaxWidth: {
             type: "select";
             label: string;
@@ -105,10 +105,10 @@ export declare const pageTreeRoot: {
             type: "text";
             label: string;
         };
-        folder: import("@measured/puck").CustomField<string | null>;
-        pageSegment: import("@measured/puck").CustomField<string>;
-        slug: import("@measured/puck").CustomField<string>;
-        isHomepage: import("@measured/puck").CustomField<boolean>;
+        folder: import("@puckeditor/core").CustomField<string | null>;
+        pageSegment: import("@puckeditor/core").CustomField<string>;
+        slug: import("@puckeditor/core").CustomField<string>;
+        isHomepage: import("@puckeditor/core").CustomField<boolean>;
         pageLayout: {
             type: "select";
             label: string;
@@ -133,7 +133,7 @@ export declare const pageTreeRoot: {
                 value: string;
             }[];
         };
-        pageBackground: import("@measured/puck").CustomField<import("../fields/shared.js").BackgroundValue | null>;
+        pageBackground: import("@puckeditor/core").CustomField<import("../fields/shared.js").BackgroundValue | null>;
         pageMaxWidth: {
             type: "select";
             label: string;
@@ -167,8 +167,8 @@ export declare const pageTreeRoot: {
 export declare const fullConfig: {
     root: {
         fields: {
-            slug: import("@measured/puck").CustomField<string>;
-            isHomepage: import("@measured/puck").CustomField<boolean>;
+            slug: import("@puckeditor/core").CustomField<string>;
+            isHomepage: import("@puckeditor/core").CustomField<boolean>;
             title: {
                 type: "text";
                 label: string;
@@ -197,7 +197,7 @@ export declare const fullConfig: {
                     value: string;
                 }[];
             };
-            pageBackground: import("@measured/puck").CustomField<import("../fields/shared.js").BackgroundValue | null>;
+            pageBackground: import("@puckeditor/core").CustomField<import("../fields/shared.js").BackgroundValue | null>;
             pageMaxWidth: {
                 type: "select";
                 label: string;
@@ -265,8 +265,8 @@ export declare const fullConfig: {
 export declare const minimalConfig: {
     root: {
         fields: {
-            slug: import("@measured/puck").CustomField<string>;
-            isHomepage: import("@measured/puck").CustomField<boolean>;
+            slug: import("@puckeditor/core").CustomField<string>;
+            isHomepage: import("@puckeditor/core").CustomField<boolean>;
             title: {
                 type: "text";
                 label: string;
@@ -295,7 +295,7 @@ export declare const minimalConfig: {
                     value: string;
                 }[];
             };
-            pageBackground: import("@measured/puck").CustomField<import("../fields/shared.js").BackgroundValue | null>;
+            pageBackground: import("@puckeditor/core").CustomField<import("../fields/shared.js").BackgroundValue | null>;
             pageMaxWidth: {
                 type: "select";
                 label: string;

package/dist/config/presets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"presets.d.ts","sourceRoot":"","sources":["../../src/config/presets.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KAAK,EAAwB,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAC3E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AA2BtC;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAgEC;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE;CAC/C,CAAA;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAwEA;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE;CAC/C,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BArGE;YAAE,QAAQ,EAAE,SAAS,CAAA;SAAE;;;;;;;;;;;;;;;;;;;;;;mBA4Hd,eAAe,CAAC,GAAG,CAAC;cAC9B,eAAe,CAAC,GAAG,CAAC;cACpB,eAAe,CAAC,GAAG,CAAC;iBACd,eAAe,CAAC,GAAG,CAAC;gBACtB,eAAe,CAAC,GAAG,CAAC;kBAChB,eAAe,CAAC,GAAG,CAAC;iBAEtB,eAAe,CAAC,GAAG,CAAC;cAC1B,eAAe,CAAC,GAAG,CAAC;kBACN,eAAe,CAAC,GAAG,CAAC;eAEhC,eAAe,CAAC,GAAG,CAAC;gBAElB,eAAe,CAAC,GAAG,CAAC;cACxB,eAAe,CAAC,GAAG,CAAC;iBACd,eAAe,CAAC,GAAG,CAAC;mBAChB,eAAe,CAAC,GAAG,CAAC;;CAEhC,CAAA;AAEtB;;;;GAIG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BArJD;YAAE,QAAQ,EAAE,SAAS,CAAA;SAAE;;;;;;;;;;;;;;iBAmKlB,eAAe,CAAC,GAAG,CAAC;iBACpB,eAAe,CAAC,GAAG,CAAC;cAC1B,eAAe,CAAC,GAAG,CAAC;eAClB,eAAe,CAAC,GAAG,CAAC;gBAClB,eAAe,CAAC,GAAG,CAAC;;CAE1B,CAAA;AAGtB,OAAO,EAAE,YAAY,EAAE,YAAY,IAAI,YAAY,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"presets.d.ts","sourceRoot":"","sources":["../../src/config/presets.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KAAK,EAAwB,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AA2BtC;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAgEC;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE;CAC/C,CAAA;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAwEA;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE;CAC/C,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BArGE;YAAE,QAAQ,EAAE,SAAS,CAAA;SAAE;;;;;;;;;;;;;;;;;;;;;;mBA4Hd,eAAe,CAAC,GAAG,CAAC;cAC9B,eAAe,CAAC,GAAG,CAAC;cACpB,eAAe,CAAC,GAAG,CAAC;iBACd,eAAe,CAAC,GAAG,CAAC;gBACtB,eAAe,CAAC,GAAG,CAAC;kBAChB,eAAe,CAAC,GAAG,CAAC;iBAEtB,eAAe,CAAC,GAAG,CAAC;cAC1B,eAAe,CAAC,GAAG,CAAC;kBACN,eAAe,CAAC,GAAG,CAAC;eAEhC,eAAe,CAAC,GAAG,CAAC;gBAElB,eAAe,CAAC,GAAG,CAAC;cACxB,eAAe,CAAC,GAAG,CAAC;iBACd,eAAe,CAAC,GAAG,CAAC;mBAChB,eAAe,CAAC,GAAG,CAAC;;CAEhC,CAAA;AAEtB;;;;GAIG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BArJD;YAAE,QAAQ,EAAE,SAAS,CAAA;SAAE;;;;;;;;;;;;;;iBAmKlB,eAAe,CAAC,GAAG,CAAC;iBACpB,eAAe,CAAC,GAAG,CAAC;cAC1B,eAAe,CAAC,GAAG,CAAC;eAClB,eAAe,CAAC,GAAG,CAAC;gBAClB,eAAe,CAAC,GAAG,CAAC;;CAE1B,CAAA;AAGtB,OAAO,EAAE,YAAY,EAAE,YAAY,IAAI,YAAY,EAAE,MAAM,YAAY,CAAA"}

package/dist/editor/PuckEditor.d.ts

@@ -0,0 +1,255 @@
+import type { Config as PuckConfig, Data, Plugin as PuckPlugin, Overrides as PuckOverrides } from '@puckeditor/core';
+import type { ReactNode } from 'react';
+import type { LayoutStyle } from './components/IframeWrapper';
+import type { ThemeConfig } from '../theme';
+import type { LayoutDefinition } from '../layouts';
+import type { AiExamplePrompt, ComponentAiOverrides } from '../ai/types.js';
+export interface PuckEditorProps {
+    /**
+     * Page ID for save operations
+     */
+    pageId: string;
+    /**
+     * Initial Puck data to load
+     */
+    initialData: Data;
+    /**
+     * Puck configuration with components and settings.
+     * If not provided, will attempt to read from PuckConfigContext.
+     */
+    config?: PuckConfig;
+    /**
+     * Page title for display
+     */
+    pageTitle: string;
+    /**
+     * Page slug for preview URL
+     */
+    pageSlug: string;
+    /**
+     * API endpoint for save operations
+     * @default '/api/puck/pages'
+     */
+    apiEndpoint?: string;
+    /**
+     * URL to navigate to when back button is clicked
+     */
+    backUrl?: string;
+    /**
+     * Preview URL or function to generate preview URL from slug
+     */
+    previewUrl?: string | ((slug: string) => string);
+    /**
+     * Whether to enable viewport switching
+     * @default true
+     */
+    enableViewports?: boolean;
+    /**
+     * Additional Puck plugins to use.
+     * The headingAnalyzer plugin is included by default.
+     * Set to `false` to disable all default plugins.
+     */
+    plugins?: PuckPlugin[] | false;
+    /**
+     * Layout definitions for the editor preview.
+     * The editor reads header, footer, editorBackground, and editorDarkMode
+     * from the layout definition matching the selected pageLayout.
+     */
+    layouts?: LayoutDefinition[];
+    /**
+     * Layout style configurations for theme-aware preview
+     * @deprecated Use `layouts` prop instead. layoutStyles will be removed in a future version.
+     */
+    layoutStyles?: Record<string, LayoutStyle>;
+    /**
+     * Key in root.props to read layout value from
+     * @default 'pageLayout'
+     */
+    layoutKey?: string;
+    /**
+     * Custom actions to render at the start of the header
+     */
+    headerActionsStart?: ReactNode;
+    /**
+     * Custom actions to render at the end of the header
+     */
+    headerActionsEnd?: ReactNode;
+    /**
+     * Puck overrides to merge with defaults
+     */
+    overrides?: Partial<PuckOverrides>;
+    /**
+     * Callback on successful save
+     */
+    onSaveSuccess?: (data: Data) => void;
+    /**
+     * Callback on save error
+     */
+    onSaveError?: (error: Error) => void;
+    /**
+     * Callback when data changes
+     */
+    onChange?: (data: Data) => void;
+    /**
+     * Initial document status from Payload (_status field)
+     * Automatically populated when using PuckEditorView
+     */
+    initialStatus?: 'draft' | 'published';
+    /**
+     * Theme configuration for customizing component styles
+     * When provided, components will use themed styles
+     */
+    theme?: ThemeConfig;
+    /**
+     * Enable page-tree integration (folder picker, page segment, computed slug).
+     * When true, injects folder/pageSegment/slug fields into root config.
+     * Requires @delmaredigital/payload-page-tree plugin to be installed.
+     * @default false
+     */
+    hasPageTree?: boolean;
+    /**
+     * Initial folder ID for page-tree integration.
+     * Only used when hasPageTree is true.
+     */
+    folder?: string | null;
+    /**
+     * Initial page segment for page-tree integration.
+     * Only used when hasPageTree is true.
+     */
+    pageSegment?: string;
+    /**
+     * Stylesheet URLs to inject into the editor iframe.
+     * Use this to provide frontend CSS (Tailwind, CSS variables, etc.)
+     * that header/footer components need for proper styling.
+     * Takes precedence over stylesheets from PuckConfigProvider.
+     *
+     * @example
+     * ```tsx
+     * <PuckEditor
+     *   editorStylesheets={['/editor-styles.css']}
+     *   // ...
+     * />
+     * ```
+     */
+    editorStylesheets?: string[];
+    /**
+     * Raw CSS to inject into the editor iframe.
+     * Useful for CSS variables or style overrides.
+     * Takes precedence over CSS from PuckConfigProvider.
+     *
+     * @example
+     * ```tsx
+     * <PuckEditor
+     *   editorCss=":root { --primary: blue; }"
+     *   // ...
+     * />
+     * ```
+     */
+    editorCss?: string;
+    /**
+     * Enable AI features in the editor.
+     * When true, adds the AI chat plugin to the editor.
+     * Requires @puckeditor/plugin-ai to be installed and
+     * PUCK_API_KEY environment variable to be set.
+     * @default false
+     */
+    enableAi?: boolean;
+    /**
+     * AI plugin configuration options.
+     * Only used when enableAi is true.
+     */
+    aiOptions?: {
+        /**
+         * API host for AI requests.
+         * @default '/api/puck/ai'
+         */
+        host?: string;
+        /**
+         * Example prompts to show in the chat interface.
+         * Users can click these to quickly send common prompts.
+         */
+        examplePrompts?: AiExamplePrompt[];
+    };
+    /**
+     * Example prompts from plugin config.
+     * These are merged with aiOptions.examplePrompts if both are provided.
+     * Typically set automatically by PuckEditorView from plugin config.
+     */
+    aiExamplePrompts?: AiExamplePrompt[];
+    /**
+     * Whether the puck-ai-prompts collection is enabled.
+     * When true, the prompt editor plugin is added to the plugin rail.
+     * Typically set automatically by PuckEditorView from plugin config.
+     */
+    hasPromptsCollection?: boolean;
+    /**
+     * Whether the puck-ai-context collection is enabled.
+     * When true, the context editor plugin is added to the plugin rail.
+     * Typically set automatically by PuckEditorView from plugin config.
+     */
+    hasContextCollection?: boolean;
+    /**
+     * Custom component AI instructions to override or extend defaults.
+     * When AI is enabled, built-in component instructions are auto-applied.
+     * Use this to customize instructions for your brand/use case.
+     * Typically set automatically by PuckEditorView from plugin config.
+     */
+    aiComponentInstructions?: ComponentAiOverrides;
+    /**
+     * Enable experimental full screen canvas mode.
+     * When enabled, the canvas takes up the full viewport with a floating viewport switcher.
+     * This is an experimental Puck feature.
+     * @default false
+     */
+    experimentalFullScreenCanvas?: boolean;
+}
+/**
+ * Puck Editor - The primary editor component
+ *
+ * A full-featured visual page builder with:
+ * - Save draft and publish functionality
+ * - Unsaved changes tracking with beforeunload warning
+ * - Interactive/Edit mode toggle
+ * - Theme-aware preview backgrounds
+ * - Responsive viewport switching
+ * - Optional page-tree integration (folder-based URL structure)
+ *
+ * @example Basic usage
+ * ```tsx
+ * 'use client'
+ *
+ * import { PuckEditor } from '@delmaredigital/payload-puck/editor'
+ * import { editorConfig } from '@delmaredigital/payload-puck/config/editor'
+ *
+ * export function PageEditor({ page }) {
+ *   return (
+ *     <PuckEditor
+ *       pageId={page.id}
+ *       initialData={page.puckData}
+ *       config={editorConfig}
+ *       pageTitle={page.title}
+ *       pageSlug={page.slug}
+ *       apiEndpoint="/api/puck/pages"
+ *       backUrl="/admin/pages"
+ *     />
+ *   )
+ * }
+ * ```
+ *
+ * @example With page-tree integration
+ * ```tsx
+ * <PuckEditor
+ *   pageId={page.id}
+ *   initialData={page.puckData}
+ *   config={editorConfig}
+ *   pageTitle={page.title}
+ *   pageSlug={page.slug}
+ *   apiEndpoint="/api/puck/pages"
+ *   hasPageTree={true}
+ *   folder={page.folder}
+ *   pageSegment={page.pageSegment}
+ * />
+ * ```
+ */
+export declare function PuckEditor({ pageId, initialData, config: configProp, pageTitle, pageSlug, apiEndpoint, backUrl, previewUrl, enableViewports, plugins, layouts: layoutsProp, layoutStyles, layoutKey, headerActionsStart, headerActionsEnd, overrides, onSaveSuccess, onSaveError, onChange, initialStatus, theme: themeProp, hasPageTree, folder, pageSegment, editorStylesheets: editorStylesheetsProp, editorCss: editorCssProp, enableAi, aiOptions, aiExamplePrompts, hasPromptsCollection, hasContextCollection, aiComponentInstructions, experimentalFullScreenCanvas, }: PuckEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PuckEditor.d.ts.map

package/dist/editor/PuckEditor.d.ts.map

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

package/dist/editor/PuckEditor.js

@@ -0,0 +1,205 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import dynamic from 'next/dynamic';
+import { LoadingState } from './components/LoadingState';
+import { injectPageTreeFields } from './utils/injectPageTreeFields.js';
+import { hasPageTreeFields } from './utils/detectPageTree.js';
+import { usePuckConfig } from '../views/PuckConfigContext.js';
+import { injectAiConfig, hasAiConfig } from '../ai/utils/injectAiConfig.js';
+import { comprehensiveComponentAiConfig } from '../ai/presets/index.js';
+// Dynamic import with ssr: false to prevent hydration mismatch
+// Puck generates random IDs for drag-and-drop that differ between server/client
+const PuckEditorImpl = dynamic(() => import('./PuckEditorImpl.client').then((mod) => mod.PuckEditorImpl), {
+    ssr: false,
+    loading: () => _jsx(LoadingState, {}),
+});
+/**
+ * Puck Editor - The primary editor component
+ *
+ * A full-featured visual page builder with:
+ * - Save draft and publish functionality
+ * - Unsaved changes tracking with beforeunload warning
+ * - Interactive/Edit mode toggle
+ * - Theme-aware preview backgrounds
+ * - Responsive viewport switching
+ * - Optional page-tree integration (folder-based URL structure)
+ *
+ * @example Basic usage
+ * ```tsx
+ * 'use client'
+ *
+ * import { PuckEditor } from '@delmaredigital/payload-puck/editor'
+ * import { editorConfig } from '@delmaredigital/payload-puck/config/editor'
+ *
+ * export function PageEditor({ page }) {
+ *   return (
+ *     <PuckEditor
+ *       pageId={page.id}
+ *       initialData={page.puckData}
+ *       config={editorConfig}
+ *       pageTitle={page.title}
+ *       pageSlug={page.slug}
+ *       apiEndpoint="/api/puck/pages"
+ *       backUrl="/admin/pages"
+ *     />
+ *   )
+ * }
+ * ```
+ *
+ * @example With page-tree integration
+ * ```tsx
+ * <PuckEditor
+ *   pageId={page.id}
+ *   initialData={page.puckData}
+ *   config={editorConfig}
+ *   pageTitle={page.title}
+ *   pageSlug={page.slug}
+ *   apiEndpoint="/api/puck/pages"
+ *   hasPageTree={true}
+ *   folder={page.folder}
+ *   pageSegment={page.pageSegment}
+ * />
+ * ```
+ */
+export function PuckEditor({ pageId, initialData, config: configProp, pageTitle, pageSlug, apiEndpoint, backUrl, previewUrl, enableViewports, plugins, layouts: layoutsProp, layoutStyles, layoutKey, headerActionsStart, headerActionsEnd, overrides, onSaveSuccess, onSaveError, onChange, initialStatus, theme: themeProp, 
+// Page-tree props
+hasPageTree = false, folder, pageSegment, 
+// Editor iframe styling props
+editorStylesheets: editorStylesheetsProp, editorCss: editorCssProp, 
+// AI integration props
+enableAi = false, aiOptions, aiExamplePrompts, hasPromptsCollection = false, hasContextCollection = false, aiComponentInstructions, experimentalFullScreenCanvas = false, }) {
+    // Get config from context as fallback
+    const { config: configFromContext, layouts: layoutsFromContext, theme: themeFromContext, editorStylesheets: editorStylesheetsFromContext, editorCss: editorCssFromContext, } = usePuckConfig();
+    // Use prop config if provided, otherwise fall back to context
+    const baseConfig = configProp || configFromContext;
+    const theme = themeProp || themeFromContext;
+    // Props take precedence over context for editor stylesheets
+    const editorStylesheets = editorStylesheetsProp || editorStylesheetsFromContext;
+    const editorCss = editorCssProp || editorCssFromContext;
+    // Merge layouts from props and context
+    // Props may have metadata (value, label, editorBackground) but no React components
+    // Context may have React components (header, footer) that can't be serialized through props
+    // Merge by matching on 'value', combining properties, preferring context for components
+    const layouts = useMemo(() => {
+        // If no layouts from either source, return undefined
+        if (!layoutsProp && !layoutsFromContext)
+            return undefined;
+        // If only one source, use it
+        if (!layoutsProp)
+            return layoutsFromContext;
+        if (!layoutsFromContext)
+            return layoutsProp;
+        // Merge: for each prop layout, find matching context layout and combine
+        return layoutsProp.map((propLayout) => {
+            const contextLayout = layoutsFromContext.find((c) => c.value === propLayout.value);
+            if (!contextLayout)
+                return propLayout;
+            // Combine: prop values first, then context values (context provides components)
+            return {
+                ...propLayout,
+                // Context provides React components (these can't be serialized through server props)
+                header: propLayout.header || contextLayout.header,
+                footer: propLayout.footer || contextLayout.footer,
+                // Context may also provide other values not in props
+                editorBackground: propLayout.editorBackground || contextLayout.editorBackground,
+                editorDarkMode: propLayout.editorDarkMode ?? contextLayout.editorDarkMode,
+                stickyHeaderHeight: propLayout.stickyHeaderHeight ?? contextLayout.stickyHeaderHeight,
+                styles: propLayout.styles || contextLayout.styles,
+            };
+        });
+    }, [layoutsProp, layoutsFromContext]);
+    // Conditionally inject page-tree fields and AI config into config
+    const finalConfig = useMemo(() => {
+        if (!baseConfig)
+            return null;
+        let config = baseConfig;
+        // Inject AI component instructions when AI is enabled
+        if (enableAi && !hasAiConfig(config)) {
+            // Merge comprehensive instructions with user-provided overrides
+            const mergedAiConfig = aiComponentInstructions
+                ? { ...comprehensiveComponentAiConfig, ...aiComponentInstructions }
+                : comprehensiveComponentAiConfig;
+            config = injectAiConfig(config, mergedAiConfig);
+        }
+        // Inject page-tree fields if enabled
+        if (hasPageTree && !hasPageTreeFields(config)) {
+            config = injectPageTreeFields(config);
+        }
+        return config;
+    }, [baseConfig, hasPageTree, enableAi, aiComponentInstructions]);
+    // Merge page-tree initial values into initialData
+    const finalInitialData = useMemo(() => {
+        if (!hasPageTree)
+            return initialData;
+        return {
+            ...initialData,
+            root: {
+                ...initialData.root,
+                props: {
+                    ...initialData.root?.props,
+                    // Only set if provided and hasPageTree is true
+                    ...(folder !== undefined && { folder }),
+                    ...(pageSegment !== undefined && { pageSegment }),
+                },
+            },
+        };
+    }, [initialData, hasPageTree, folder, pageSegment]);
+    // Show error if no config available
+    if (!finalConfig) {
+        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: ["Either pass ", _jsx("code", { style: { backgroundColor: 'var(--theme-elevation-100)', padding: '2px 6px', borderRadius: '4px', fontSize: '13px' }, children: "config" }), " prop directly, or 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: `// Option 1: Pass config directly
+<PuckEditor config={editorConfig} ... />
+
+// Option 2: Use context provider
+<PuckConfigProvider config={editorConfig}>
+  <PuckEditor ... />
+</PuckConfigProvider>` })] }) }));
+    }
+    // Merge example prompts from plugin config and aiOptions prop
+    const mergedAiOptions = useMemo(() => {
+        if (!enableAi)
+            return undefined;
+        const mergedPrompts = [
+            ...(aiExamplePrompts || []),
+            ...(aiOptions?.examplePrompts || []),
+        ];
+        return {
+            host: aiOptions?.host || '/api/puck/ai',
+            examplePrompts: mergedPrompts.length > 0 ? mergedPrompts : undefined,
+        };
+    }, [enableAi, aiExamplePrompts, aiOptions]);
+    return (_jsx(PuckEditorImpl, { pageId: pageId, initialData: finalInitialData, config: finalConfig, pageTitle: pageTitle, pageSlug: pageSlug, apiEndpoint: apiEndpoint, backUrl: backUrl, previewUrl: previewUrl, enableViewports: enableViewports, plugins: plugins, layouts: layouts, layoutStyles: layoutStyles, layoutKey: layoutKey, headerActionsStart: headerActionsStart, headerActionsEnd: headerActionsEnd, overrides: overrides, onSaveSuccess: onSaveSuccess, onSaveError: onSaveError, onChange: onChange, initialStatus: initialStatus, theme: theme, editorStylesheets: editorStylesheets, editorCss: editorCss, enableAi: enableAi, aiOptions: mergedAiOptions, hasPromptsCollection: hasPromptsCollection, hasContextCollection: hasContextCollection, experimentalFullScreenCanvas: experimentalFullScreenCanvas }));
+}
+//# sourceMappingURL=PuckEditor.js.map

package/dist/editor/PuckEditor.js.map

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