@delmaredigital/payload-puck 0.6.20 → 0.6.22

package/dist/admin/PuckEditorView.js

@@ -2,6 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { useParams, useSearchParams } from 'next/navigation';
+import { mapPayloadFieldsToRootProps } from '../api/utils/mapRootProps.js';
 /**
  * Ready-to-use Puck editor page component
  *
@@ -190,7 +191,7 @@ import { useParams, useSearchParams } from 'next/navigation';
         });
     }
     // Default puck data if none exists
-    const initialData = page.puckData || {
+    const basePuckData = page.puckData || {
         root: {
             props: {
                 title: page.title || 'New Page'
@@ -199,6 +200,20 @@ import { useParams, useSearchParams } from 'next/navigation';
         content: [],
         zones: {}
     };
+    // Hydrate root.props from Payload fields — ensures saved values like pageLayout,
+    // isHomepage, conversion settings etc. are reflected in the editor UI even if
+    // they weren't stored in puckData (Puck may strip props that match defaults)
+    const payloadRootProps = mapPayloadFieldsToRootProps(page);
+    const initialData = {
+        ...basePuckData,
+        root: {
+            ...basePuckData.root,
+            props: {
+                ...basePuckData.root?.props,
+                ...payloadRootProps
+            }
+        }
+    };
     return /*#__PURE__*/ _jsx(PuckEditor, {
         pageId: page.id,
         initialData: initialData,

package/dist/editor/PuckEditorImpl.client.js

@@ -74,7 +74,17 @@ import { useAiPrompts } from '../ai/hooks/useAiPrompts.js';
     // Preview modal state
     const [isPreviewOpen, setIsPreviewOpen] = useState(false);
     // Preview dark mode state (for toggling dark/light in preview iframe)
-    const [previewDarkMode, setPreviewDarkMode] = useState(initialPreviewDarkMode);
+    // If not explicitly set, derive from the active layout's editorDarkMode setting
+    const initialDarkMode = useMemo(()=>{
+        if (initialPreviewDarkMode) return true;
+        if (!layouts || layouts.length === 0) return false;
+        // Check the initial data's pageLayout to find the active layout
+        const pageLayout = initialData?.root?.props?.[layoutKey];
+        const activeLayout = layouts.find((l)=>l.value === pageLayout) ?? layouts[0];
+        return activeLayout?.editorDarkMode ?? false;
+    }, []) // eslint-disable-line react-hooks/exhaustive-deps -- only compute once on mount
+    ;
+    const [previewDarkMode, setPreviewDarkMode] = useState(initialDarkMode);
     // Inject slug into initial data if not present
     const dataWithSlug = useMemo(()=>{
         const data = initialData;

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "0.6.20";
+export declare const VERSION = "0.6.22";

package/dist/version.js

@@ -1,2 +1,2 @@
 // Auto-generated by scripts/generate-version.js - do not edit manually
-export const VERSION = '0.6.20';
+export const VERSION = '0.6.22';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@delmaredigital/payload-puck",
-  "version": "0.6.20",
+  "version": "0.6.22",
   "description": "Puck visual page builder plugin for Payload CMS",
   "type": "module",
   "license": "MIT",