@delmaredigital/payload-puck 0.6.4 → 0.6.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +37 -0
- package/dist/editor/components/IframeWrapper.d.ts +29 -0
- package/dist/editor/components/IframeWrapper.d.ts.map +1 -1
- package/dist/editor/components/IframeWrapper.js +34 -4
- package/dist/editor/components/IframeWrapper.js.map +1 -1
- package/dist/editor/index.d.ts +1 -1
- package/dist/editor/index.d.ts.map +1 -1
- package/dist/editor/index.js +1 -1
- package/dist/editor/index.js.map +1 -1
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/package.json +3 -2
package/README.md
CHANGED
|
@@ -904,6 +904,43 @@ function CustomEditor() {
|
|
|
904
904
|
}
|
|
905
905
|
```
|
|
906
906
|
|
|
907
|
+
### Detecting Theme in Puck Components
|
|
908
|
+
|
|
909
|
+
If your Puck components need to dynamically adjust JavaScript-controlled styles based on the preview theme (not just CSS), use the `usePuckPreviewTheme()` hook:
|
|
910
|
+
|
|
911
|
+
```typescript
|
|
912
|
+
import { usePuckPreviewTheme } from '@delmaredigital/payload-puck/editor'
|
|
913
|
+
import { useEffect, useState } from 'react'
|
|
914
|
+
|
|
915
|
+
function useDetectTheme() {
|
|
916
|
+
const puckTheme = usePuckPreviewTheme()
|
|
917
|
+
|
|
918
|
+
// For frontend (non-editor), read from DOM
|
|
919
|
+
const [domTheme, setDomTheme] = useState(() =>
|
|
920
|
+
typeof document !== 'undefined'
|
|
921
|
+
? document.documentElement.getAttribute('data-theme') === 'dark'
|
|
922
|
+
: false
|
|
923
|
+
)
|
|
924
|
+
|
|
925
|
+
useEffect(() => {
|
|
926
|
+
const observer = new MutationObserver((mutations) => {
|
|
927
|
+
for (const mutation of mutations) {
|
|
928
|
+
if (mutation.attributeName === 'data-theme') {
|
|
929
|
+
setDomTheme(document.documentElement.getAttribute('data-theme') === 'dark')
|
|
930
|
+
}
|
|
931
|
+
}
|
|
932
|
+
})
|
|
933
|
+
observer.observe(document.documentElement, { attributes: true })
|
|
934
|
+
return () => observer.disconnect()
|
|
935
|
+
}, [])
|
|
936
|
+
|
|
937
|
+
// In editor: use context. On frontend: use DOM.
|
|
938
|
+
return puckTheme !== null ? puckTheme : domTheme
|
|
939
|
+
}
|
|
940
|
+
```
|
|
941
|
+
|
|
942
|
+
**Why this is needed:** CSS dark mode variants (like Tailwind's `dark:` classes) work automatically via the `data-theme` attribute. However, if you need to conditionally render different JavaScript values (like overlay colors), those won't update reactively when the preview toggle changes. The context provides reactive updates.
|
|
943
|
+
|
|
907
944
|
---
|
|
908
945
|
|
|
909
946
|
## Page-Tree Integration
|
|
@@ -1,5 +1,34 @@
|
|
|
1
1
|
import { type ReactNode, type ComponentType } from 'react';
|
|
2
2
|
import type { LayoutDefinition } from '../../layouts';
|
|
3
|
+
/**
|
|
4
|
+
* Context for preview dark mode state.
|
|
5
|
+
* - `null` = not inside the editor (use DOM-based theme detection)
|
|
6
|
+
* - `boolean` = inside the editor, indicates current dark mode state
|
|
7
|
+
*
|
|
8
|
+
* This allows Puck components to reactively respond to preview theme changes
|
|
9
|
+
* without polling or MutationObserver hacks.
|
|
10
|
+
*/
|
|
11
|
+
export declare const PuckPreviewThemeContext: import("react").Context<boolean | null>;
|
|
12
|
+
/**
|
|
13
|
+
* Hook to get the current preview theme from IframeWrapper context.
|
|
14
|
+
*
|
|
15
|
+
* @returns `null` if not inside the editor, or a `boolean` indicating dark mode state
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* ```tsx
|
|
19
|
+
* function MyComponent() {
|
|
20
|
+
* const previewTheme = usePuckPreviewTheme()
|
|
21
|
+
*
|
|
22
|
+
* // If in editor, use context; otherwise fall back to DOM
|
|
23
|
+
* const isDark = previewTheme !== null
|
|
24
|
+
* ? previewTheme
|
|
25
|
+
* : document.documentElement.getAttribute('data-theme') === 'dark'
|
|
26
|
+
*
|
|
27
|
+
* return <div className={isDark ? 'dark-styles' : 'light-styles'}>...</div>
|
|
28
|
+
* }
|
|
29
|
+
* ```
|
|
30
|
+
*/
|
|
31
|
+
export declare const usePuckPreviewTheme: () => boolean | null;
|
|
3
32
|
/**
|
|
4
33
|
* Layout style configuration for theme-aware preview
|
|
5
34
|
* @deprecated Use LayoutDefinition with editorBackground and editorDarkMode instead
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IframeWrapper.d.ts","sourceRoot":"","sources":["../../../src/editor/components/IframeWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"IframeWrapper.d.ts","sourceRoot":"","sources":["../../../src/editor/components/IframeWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAA;AAEzH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAMrD;;;;;;;GAOG;AACH,eAAO,MAAM,uBAAuB,yCAAsC,CAAA;AAE1E;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,mBAAmB,sBAA4C,CAAA;AAE5E;;;GAGG;AACH,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,UAAU,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,MAAM,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,aAAa,CAAA;CACvB;AAaD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;IAC1C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC5B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;OAKG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAA;CAClC;AAUD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,aAAa,0DAmYxB,CAAA"}
|
|
@@ -1,10 +1,39 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { memo, useEffect, useMemo, useState } from 'react';
|
|
3
|
+
import { memo, useEffect, useMemo, useState, createContext, useContext } from 'react';
|
|
4
4
|
import { createUsePuck } from '@puckeditor/core';
|
|
5
5
|
import { backgroundValueToCSS } from '../../fields/shared';
|
|
6
6
|
// Create usePuck hook for accessing editor state
|
|
7
7
|
const usePuck = createUsePuck();
|
|
8
|
+
/**
|
|
9
|
+
* Context for preview dark mode state.
|
|
10
|
+
* - `null` = not inside the editor (use DOM-based theme detection)
|
|
11
|
+
* - `boolean` = inside the editor, indicates current dark mode state
|
|
12
|
+
*
|
|
13
|
+
* This allows Puck components to reactively respond to preview theme changes
|
|
14
|
+
* without polling or MutationObserver hacks.
|
|
15
|
+
*/
|
|
16
|
+
export const PuckPreviewThemeContext = createContext(null);
|
|
17
|
+
/**
|
|
18
|
+
* Hook to get the current preview theme from IframeWrapper context.
|
|
19
|
+
*
|
|
20
|
+
* @returns `null` if not inside the editor, or a `boolean` indicating dark mode state
|
|
21
|
+
*
|
|
22
|
+
* @example
|
|
23
|
+
* ```tsx
|
|
24
|
+
* function MyComponent() {
|
|
25
|
+
* const previewTheme = usePuckPreviewTheme()
|
|
26
|
+
*
|
|
27
|
+
* // If in editor, use context; otherwise fall back to DOM
|
|
28
|
+
* const isDark = previewTheme !== null
|
|
29
|
+
* ? previewTheme
|
|
30
|
+
* : document.documentElement.getAttribute('data-theme') === 'dark'
|
|
31
|
+
*
|
|
32
|
+
* return <div className={isDark ? 'dark-styles' : 'light-styles'}>...</div>
|
|
33
|
+
* }
|
|
34
|
+
* ```
|
|
35
|
+
*/
|
|
36
|
+
export const usePuckPreviewTheme = () => useContext(PuckPreviewThemeContext);
|
|
8
37
|
/**
|
|
9
38
|
* Default layout config
|
|
10
39
|
*/
|
|
@@ -74,6 +103,8 @@ export const IframeWrapper = memo(function IframeWrapper({ children, document: i
|
|
|
74
103
|
}, [layouts, layoutStyles]);
|
|
75
104
|
// Get config for current layout
|
|
76
105
|
const layoutConfig = layoutConfigMap[layoutValue] || layoutConfigMap[defaultLayout] || DEFAULT_LAYOUT_CONFIG;
|
|
106
|
+
// Calculate isDark for context provider (same logic as in useEffect)
|
|
107
|
+
const isDark = previewDarkModeOverride ?? layoutConfig.isDark;
|
|
77
108
|
useEffect(() => {
|
|
78
109
|
if (!iframeDoc)
|
|
79
110
|
return;
|
|
@@ -97,7 +128,6 @@ export const IframeWrapper = memo(function IframeWrapper({ children, document: i
|
|
|
97
128
|
// Apply theme class and data-theme attribute for dark/light mode
|
|
98
129
|
// Supports both patterns: CSS classes (.dark/.light) and data attributes ([data-theme='dark'])
|
|
99
130
|
// previewDarkModeOverride takes precedence over layoutConfig.isDark
|
|
100
|
-
const isDark = previewDarkModeOverride ?? layoutConfig.isDark;
|
|
101
131
|
if (isDark) {
|
|
102
132
|
html.classList.add('dark');
|
|
103
133
|
html.classList.remove('light');
|
|
@@ -355,9 +385,9 @@ export const IframeWrapper = memo(function IframeWrapper({ children, document: i
|
|
|
355
385
|
: { pointerEvents: 'none' };
|
|
356
386
|
// Use key to force re-render when styles finish loading
|
|
357
387
|
// This ensures Tailwind classes are applied after the stylesheet loads
|
|
358
|
-
return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', minHeight: '100vh' }, children: [shouldShowHeader && LayoutHeader && (_jsx("div", { style: headerFooterStyle, children: _jsx(LayoutHeader, {}) })), _jsx("div", { style: contentStyle, children: children }), shouldShowFooter && LayoutFooter && (_jsx("div", { style: headerFooterStyle, children: _jsx(LayoutFooter, {}) }))] }, stylesLoaded ? 'styles-loaded' : 'styles-loading'));
|
|
388
|
+
return (_jsx(PuckPreviewThemeContext.Provider, { value: isDark, children: _jsxs("div", { style: { display: 'flex', flexDirection: 'column', minHeight: '100vh' }, children: [shouldShowHeader && LayoutHeader && (_jsx("div", { style: headerFooterStyle, children: _jsx(LayoutHeader, {}) })), _jsx("div", { style: contentStyle, children: children }), shouldShowFooter && LayoutFooter && (_jsx("div", { style: headerFooterStyle, children: _jsx(LayoutFooter, {}) }))] }, stylesLoaded ? 'styles-loaded' : 'styles-loading') }));
|
|
359
389
|
}
|
|
360
390
|
// Use key to force re-render when styles finish loading
|
|
361
|
-
return (_jsx("div", { children: children }, stylesLoaded ? 'styles-loaded' : 'styles-loading'));
|
|
391
|
+
return (_jsx(PuckPreviewThemeContext.Provider, { value: isDark, children: _jsx("div", { children: children }, stylesLoaded ? 'styles-loaded' : 'styles-loading') }));
|
|
362
392
|
});
|
|
363
393
|
//# sourceMappingURL=IframeWrapper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IframeWrapper.js","sourceRoot":"","sources":["../../../src/editor/components/IframeWrapper.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAsC,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"IframeWrapper.js","sourceRoot":"","sources":["../../../src/editor/components/IframeWrapper.tsx"],"names":[],"mappings":"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"}
|
package/dist/editor/index.d.ts
CHANGED
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
export { PuckEditor, type PuckEditorProps } from './PuckEditor.js';
|
|
45
45
|
export { PuckEditorView, type PuckEditorViewProps } from '../admin/PuckEditorView.js';
|
|
46
46
|
export { HeaderActions, type HeaderActionsProps } from './components/HeaderActions.js';
|
|
47
|
-
export { IframeWrapper, type IframeWrapperProps, type LayoutStyle } from './components/IframeWrapper.js';
|
|
47
|
+
export { IframeWrapper, type IframeWrapperProps, type LayoutStyle, PuckPreviewThemeContext, usePuckPreviewTheme, } from './components/IframeWrapper.js';
|
|
48
48
|
export { LoadingState, type LoadingStateProps } from './components/LoadingState.js';
|
|
49
49
|
export { PreviewModal, type PreviewModalProps } from './components/PreviewModal.js';
|
|
50
50
|
export { DarkModeStyles, type DarkModeStylesProps } from './components/DarkModeStyles.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/editor/index.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AAGH,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAGlE,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAGrF,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAA;AACtF,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/editor/index.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AAGH,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAGlE,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAGrF,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAA;AACtF,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,EACvB,KAAK,WAAW,EAChB,uBAAuB,EACvB,mBAAmB,GACpB,MAAM,+BAA+B,CAAA;AACtC,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AACnF,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AACnF,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,gCAAgC,CAAA;AACzF,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,mCAAmC,CAAA;AAClG;;GAEG;AACH,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,KAAK,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAG3G,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAA;AACtE,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAG7E,OAAO,EAAE,iBAAiB,EAAE,KAAK,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AAC9F,OAAO,EAAE,WAAW,EAAE,KAAK,iBAAiB,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAGjG,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EACL,0BAA0B,EAC1B,KAAK,2BAA2B,EAChC,mBAAmB,EACnB,KAAK,wBAAwB,GAC9B,MAAM,oBAAoB,CAAA"}
|
package/dist/editor/index.js
CHANGED
|
@@ -48,7 +48,7 @@ export { PuckEditor } from './PuckEditor.js';
|
|
|
48
48
|
export { PuckEditorView } from '../admin/PuckEditorView.js';
|
|
49
49
|
// Sub-components for advanced customization
|
|
50
50
|
export { HeaderActions } from './components/HeaderActions.js';
|
|
51
|
-
export { IframeWrapper } from './components/IframeWrapper.js';
|
|
51
|
+
export { IframeWrapper, PuckPreviewThemeContext, usePuckPreviewTheme, } from './components/IframeWrapper.js';
|
|
52
52
|
export { LoadingState } from './components/LoadingState.js';
|
|
53
53
|
export { PreviewModal } from './components/PreviewModal.js';
|
|
54
54
|
export { DarkModeStyles } from './components/DarkModeStyles.js';
|
package/dist/editor/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/editor/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AAEH,wBAAwB;AACxB,OAAO,EAAE,UAAU,EAAwB,MAAM,iBAAiB,CAAA;AAElE,gFAAgF;AAChF,OAAO,EAAE,cAAc,EAA4B,MAAM,4BAA4B,CAAA;AAErF,4CAA4C;AAC5C,OAAO,EAAE,aAAa,EAA2B,MAAM,+BAA+B,CAAA;AACtF,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/editor/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AAEH,wBAAwB;AACxB,OAAO,EAAE,UAAU,EAAwB,MAAM,iBAAiB,CAAA;AAElE,gFAAgF;AAChF,OAAO,EAAE,cAAc,EAA4B,MAAM,4BAA4B,CAAA;AAErF,4CAA4C;AAC5C,OAAO,EAAE,aAAa,EAA2B,MAAM,+BAA+B,CAAA;AACtF,OAAO,EACL,aAAa,EAGb,uBAAuB,EACvB,mBAAmB,GACpB,MAAM,+BAA+B,CAAA;AACtC,OAAO,EAAE,YAAY,EAA0B,MAAM,8BAA8B,CAAA;AACnF,OAAO,EAAE,YAAY,EAA0B,MAAM,8BAA8B,CAAA;AACnF,OAAO,EAAE,cAAc,EAA4B,MAAM,gCAAgC,CAAA;AACzF,OAAO,EAAE,iBAAiB,EAA+B,MAAM,mCAAmC,CAAA;AAClG;;GAEG;AACH,OAAO,EAAE,cAAc,EAA8C,MAAM,gCAAgC,CAAA;AAE3G,YAAY;AACZ,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAA;AACtE,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAE7E,QAAQ;AACR,OAAO,EAAE,iBAAiB,EAAgC,MAAM,8BAA8B,CAAA;AAC9F,OAAO,EAAE,WAAW,EAA+C,MAAM,wBAAwB,CAAA;AAEjG,UAAU;AACV,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EACL,0BAA0B,EAE1B,mBAAmB,GAEpB,MAAM,oBAAoB,CAAA"}
|
package/dist/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const VERSION = "0.6.
|
|
1
|
+
export declare const VERSION = "0.6.6";
|
|
2
2
|
//# sourceMappingURL=version.d.ts.map
|
package/dist/version.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@delmaredigital/payload-puck",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.6",
|
|
4
4
|
"description": "Puck visual page builder plugin for Payload CMS",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -68,8 +68,9 @@
|
|
|
68
68
|
"types": "./dist/ai/index.d.ts"
|
|
69
69
|
},
|
|
70
70
|
"./next": {
|
|
71
|
+
"types": "./dist/next/index.d.ts",
|
|
71
72
|
"import": "./dist/next/index.js",
|
|
72
|
-
"
|
|
73
|
+
"default": "./dist/next/index.js"
|
|
73
74
|
}
|
|
74
75
|
},
|
|
75
76
|
"files": [
|