payload-better-editor 1.0.0

package/dist/preview/installHoverStyles.d.ts

@@ -0,0 +1,2 @@
+import { type HoverVars } from './hover-css';
+export declare const installHoverStyles: (doc: Document, vars: HoverVars) => (() => void);

package/dist/preview/installHoverStyles.js

@@ -0,0 +1,15 @@
+import { HOVER_CSS, HOVER_STYLE_ID, clearHoverVars, setHoverVars } from './hover-css';
+export const installHoverStyles = (doc, vars)=>{
+    doc.getElementById(HOVER_STYLE_ID)?.remove();
+    const style = doc.createElement('style');
+    style.id = HOVER_STYLE_ID;
+    style.textContent = HOVER_CSS;
+    doc.head.appendChild(style);
+    setHoverVars(doc, vars);
+    return ()=>{
+        style.remove();
+        clearHoverVars(doc);
+    };
+};
+
+//# sourceMappingURL=installHoverStyles.js.map

package/dist/preview/installHoverStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/preview/installHoverStyles.ts"],"sourcesContent":["import { HOVER_CSS, HOVER_STYLE_ID, clearHoverVars, setHoverVars, type HoverVars } from './hover-css'\n\nexport const installHoverStyles = (doc: Document, vars: HoverVars): (() => void) => {\n  doc.getElementById(HOVER_STYLE_ID)?.remove()\n  const style = doc.createElement('style')\n  style.id = HOVER_STYLE_ID\n  style.textContent = HOVER_CSS\n  doc.head.appendChild(style)\n  setHoverVars(doc, vars)\n  return () => {\n    style.remove()\n    clearHoverVars(doc)\n  }\n}\n"],"names":["HOVER_CSS","HOVER_STYLE_ID","clearHoverVars","setHoverVars","installHoverStyles","doc","vars","getElementById","remove","style","createElement","id","textContent","head","appendChild"],"mappings":"AAAA,SAASA,SAAS,EAAEC,cAAc,EAAEC,cAAc,EAAEC,YAAY,QAAwB,cAAa;AAErG,OAAO,MAAMC,qBAAqB,CAACC,KAAeC;IAChDD,IAAIE,cAAc,CAACN,iBAAiBO;IACpC,MAAMC,QAAQJ,IAAIK,aAAa,CAAC;IAChCD,MAAME,EAAE,GAAGV;IACXQ,MAAMG,WAAW,GAAGZ;IACpBK,IAAIQ,IAAI,CAACC,WAAW,CAACL;IACrBN,aAAaE,KAAKC;IAClB,OAAO;QACLG,MAAMD,MAAM;QACZN,eAAeG;IACjB;AACF,EAAC"}

package/dist/preview/protocol.d.ts

@@ -0,0 +1,11 @@
+export type FocusBlockMessage = {
+    type: 'focus-block';
+    id: string;
+};
+export type BlockActionMessage = {
+    type: 'block-action';
+    id: string;
+    action: 'move-up' | 'move-down' | 'duplicate' | 'add' | 'delete';
+};
+export type ParentInboundMessage = FocusBlockMessage | BlockActionMessage;
+export declare const isParentInboundMessage: (data: unknown) => data is ParentInboundMessage;

package/dist/preview/protocol.js

@@ -0,0 +1,19 @@
+const BLOCK_ACTIONS = new Set([
+    'move-up',
+    'move-down',
+    'duplicate',
+    'add',
+    'delete'
+]);
+export const isParentInboundMessage = (data)=>{
+    if (!data || typeof data !== 'object') return false;
+    const d = data;
+    if (typeof d.id !== 'string') return false;
+    if (d.type === 'focus-block') return true;
+    if (d.type === 'block-action') {
+        return typeof d.action === 'string' && BLOCK_ACTIONS.has(d.action);
+    }
+    return false;
+};
+
+//# sourceMappingURL=protocol.js.map

package/dist/preview/protocol.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/preview/protocol.ts"],"sourcesContent":["export type FocusBlockMessage = { type: 'focus-block'; id: string }\nexport type BlockActionMessage = {\n  type: 'block-action'\n  id: string\n  action: 'move-up' | 'move-down' | 'duplicate' | 'add' | 'delete'\n}\nexport type ParentInboundMessage = FocusBlockMessage | BlockActionMessage\n\nconst BLOCK_ACTIONS: ReadonlySet<string> = new Set<BlockActionMessage['action']>([\n  'move-up',\n  'move-down',\n  'duplicate',\n  'add',\n  'delete',\n])\n\nexport const isParentInboundMessage = (data: unknown): data is ParentInboundMessage => {\n  if (!data || typeof data !== 'object') return false\n  const d = data as Record<string, unknown>\n  if (typeof d.id !== 'string') return false\n  if (d.type === 'focus-block') return true\n  if (d.type === 'block-action') {\n    return typeof d.action === 'string' && BLOCK_ACTIONS.has(d.action)\n  }\n  return false\n}\n"],"names":["BLOCK_ACTIONS","Set","isParentInboundMessage","data","d","id","type","action","has"],"mappings":"AAQA,MAAMA,gBAAqC,IAAIC,IAAkC;IAC/E;IACA;IACA;IACA;IACA;CACD;AAED,OAAO,MAAMC,yBAAyB,CAACC;IACrC,IAAI,CAACA,QAAQ,OAAOA,SAAS,UAAU,OAAO;IAC9C,MAAMC,IAAID;IACV,IAAI,OAAOC,EAAEC,EAAE,KAAK,UAAU,OAAO;IACrC,IAAID,EAAEE,IAAI,KAAK,eAAe,OAAO;IACrC,IAAIF,EAAEE,IAAI,KAAK,gBAAgB;QAC7B,OAAO,OAAOF,EAAEG,MAAM,KAAK,YAAYP,cAAcQ,GAAG,CAACJ,EAAEG,MAAM;IACnE;IACA,OAAO;AACT,EAAC"}

package/dist/preview/toolbar-position.d.ts

@@ -0,0 +1,20 @@
+import type { HoverToolbarPosition } from '../internal/constants';
+export type ToolbarRect = Pick<DOMRect, 'top' | 'bottom' | 'left' | 'right'>;
+export type ToolbarSize = {
+    width: number;
+    height: number;
+};
+export type ScrollOffset = {
+    scrollX: number;
+    scrollY: number;
+};
+export type ToolbarCoords = {
+    top: number;
+    left: number;
+};
+/**
+ * Pure layout math: places a toolbar in one of the 4 corners of a target
+ * rect, inset by the outline + a breathing-room gap. Decoupled from the
+ * DOM so it stays testable.
+ */
+export declare const calculateToolbarPosition: (rect: ToolbarRect, size: ToolbarSize, scroll: ScrollOffset, position: HoverToolbarPosition, outlineWidth: number) => ToolbarCoords;

package/dist/preview/toolbar-position.js

@@ -0,0 +1,22 @@
+// Mirrors the 1px outline-edge gap in HOVER_CSS so the toolbar stays a
+// consistent visual distance from the outline regardless of outline width.
+const OUTLINE_EDGE_GAP = 1;
+// Visual breathing room between the outline's inner edge and the toolbar.
+const TOOLBAR_BREATHING_ROOM = 3;
+/**
+ * Pure layout math: places a toolbar in one of the 4 corners of a target
+ * rect, inset by the outline + a breathing-room gap. Decoupled from the
+ * DOM so it stays testable.
+ */ export const calculateToolbarPosition = (rect, size, scroll, position, outlineWidth)=>{
+    const inset = OUTLINE_EDGE_GAP + outlineWidth + TOOLBAR_BREATHING_ROOM;
+    const isTop = position.startsWith('top');
+    const isRight = position.endsWith('right');
+    const top = isTop ? scroll.scrollY + rect.top + inset : scroll.scrollY + rect.bottom - size.height - inset;
+    const left = isRight ? scroll.scrollX + rect.right - size.width - inset : scroll.scrollX + rect.left + inset;
+    return {
+        top,
+        left
+    };
+};
+
+//# sourceMappingURL=toolbar-position.js.map

package/dist/preview/toolbar-position.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/preview/toolbar-position.ts"],"sourcesContent":["import type { HoverToolbarPosition } from '../internal/constants'\n\n// Mirrors the 1px outline-edge gap in HOVER_CSS so the toolbar stays a\n// consistent visual distance from the outline regardless of outline width.\nconst OUTLINE_EDGE_GAP = 1\n// Visual breathing room between the outline's inner edge and the toolbar.\nconst TOOLBAR_BREATHING_ROOM = 3\n\nexport type ToolbarRect = Pick<DOMRect, 'top' | 'bottom' | 'left' | 'right'>\nexport type ToolbarSize = { width: number; height: number }\nexport type ScrollOffset = { scrollX: number; scrollY: number }\n\nexport type ToolbarCoords = { top: number; left: number }\n\n/**\n * Pure layout math: places a toolbar in one of the 4 corners of a target\n * rect, inset by the outline + a breathing-room gap. Decoupled from the\n * DOM so it stays testable.\n */\nexport const calculateToolbarPosition = (\n  rect: ToolbarRect,\n  size: ToolbarSize,\n  scroll: ScrollOffset,\n  position: HoverToolbarPosition,\n  outlineWidth: number,\n): ToolbarCoords => {\n  const inset = OUTLINE_EDGE_GAP + outlineWidth + TOOLBAR_BREATHING_ROOM\n  const isTop = position.startsWith('top')\n  const isRight = position.endsWith('right')\n  const top = isTop\n    ? scroll.scrollY + rect.top + inset\n    : scroll.scrollY + rect.bottom - size.height - inset\n  const left = isRight\n    ? scroll.scrollX + rect.right - size.width - inset\n    : scroll.scrollX + rect.left + inset\n  return { top, left }\n}\n"],"names":["OUTLINE_EDGE_GAP","TOOLBAR_BREATHING_ROOM","calculateToolbarPosition","rect","size","scroll","position","outlineWidth","inset","isTop","startsWith","isRight","endsWith","top","scrollY","bottom","height","left","scrollX","right","width"],"mappings":"AAEA,uEAAuE;AACvE,2EAA2E;AAC3E,MAAMA,mBAAmB;AACzB,0EAA0E;AAC1E,MAAMC,yBAAyB;AAQ/B;;;;CAIC,GACD,OAAO,MAAMC,2BAA2B,CACtCC,MACAC,MACAC,QACAC,UACAC;IAEA,MAAMC,QAAQR,mBAAmBO,eAAeN;IAChD,MAAMQ,QAAQH,SAASI,UAAU,CAAC;IAClC,MAAMC,UAAUL,SAASM,QAAQ,CAAC;IAClC,MAAMC,MAAMJ,QACRJ,OAAOS,OAAO,GAAGX,KAAKU,GAAG,GAAGL,QAC5BH,OAAOS,OAAO,GAAGX,KAAKY,MAAM,GAAGX,KAAKY,MAAM,GAAGR;IACjD,MAAMS,OAAON,UACTN,OAAOa,OAAO,GAAGf,KAAKgB,KAAK,GAAGf,KAAKgB,KAAK,GAAGZ,QAC3CH,OAAOa,OAAO,GAAGf,KAAKc,IAAI,GAAGT;IACjC,OAAO;QAAEK;QAAKI;IAAK;AACrB,EAAC"}

package/dist/providers/BetterEditorConfigProvider.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { type StorageKeys } from '../internal/storage-keys';
+export type BetterEditorRuntimeConfig = {
+    storageKeys: StorageKeys;
+    storageNamespace: string;
+    adminPortalSelector?: string;
+};
+export declare const useBetterEditorConfig: () => BetterEditorRuntimeConfig;
+export type BetterEditorConfigProviderProps = {
+    children: React.ReactNode;
+    storageNamespace?: string;
+    adminPortalSelector?: string;
+};
+export declare const BetterEditorConfigProvider: React.FC<BetterEditorConfigProviderProps>;

package/dist/providers/BetterEditorConfigProvider.js

@@ -0,0 +1,26 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { createContext, useContext, useMemo } from 'react';
+import { buildStorageKeys, DEFAULT_STORAGE_KEYS, DEFAULT_STORAGE_NAMESPACE } from '../internal/storage-keys';
+const DEFAULT_RUNTIME_CONFIG = {
+    storageKeys: DEFAULT_STORAGE_KEYS,
+    storageNamespace: DEFAULT_STORAGE_NAMESPACE
+};
+const Ctx = /*#__PURE__*/ createContext(DEFAULT_RUNTIME_CONFIG);
+export const useBetterEditorConfig = ()=>useContext(Ctx);
+export const BetterEditorConfigProvider = ({ children, storageNamespace, adminPortalSelector })=>{
+    const value = useMemo(()=>({
+            storageKeys: storageNamespace ? buildStorageKeys(storageNamespace) : DEFAULT_STORAGE_KEYS,
+            storageNamespace: storageNamespace ?? DEFAULT_STORAGE_NAMESPACE,
+            adminPortalSelector
+        }), [
+        storageNamespace,
+        adminPortalSelector
+    ]);
+    return /*#__PURE__*/ _jsx(Ctx.Provider, {
+        value: value,
+        children: children
+    });
+};
+
+//# sourceMappingURL=BetterEditorConfigProvider.js.map

package/dist/providers/BetterEditorConfigProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/providers/BetterEditorConfigProvider.tsx"],"sourcesContent":["'use client'\n\nimport React, { createContext, useContext, useMemo } from 'react'\nimport {\n  buildStorageKeys,\n  DEFAULT_STORAGE_KEYS,\n  DEFAULT_STORAGE_NAMESPACE,\n  type StorageKeys,\n} from '../internal/storage-keys'\n\nexport type BetterEditorRuntimeConfig = {\n  storageKeys: StorageKeys\n  storageNamespace: string\n  adminPortalSelector?: string\n}\n\nconst DEFAULT_RUNTIME_CONFIG: BetterEditorRuntimeConfig = {\n  storageKeys: DEFAULT_STORAGE_KEYS,\n  storageNamespace: DEFAULT_STORAGE_NAMESPACE,\n}\n\nconst Ctx = createContext<BetterEditorRuntimeConfig>(DEFAULT_RUNTIME_CONFIG)\n\nexport const useBetterEditorConfig = (): BetterEditorRuntimeConfig => useContext(Ctx)\n\nexport type BetterEditorConfigProviderProps = {\n  children: React.ReactNode\n  storageNamespace?: string\n  adminPortalSelector?: string\n}\n\nexport const BetterEditorConfigProvider: React.FC<BetterEditorConfigProviderProps> = ({\n  children,\n  storageNamespace,\n  adminPortalSelector,\n}) => {\n  const value = useMemo<BetterEditorRuntimeConfig>(\n    () => ({\n      storageKeys: storageNamespace ? buildStorageKeys(storageNamespace) : DEFAULT_STORAGE_KEYS,\n      storageNamespace: storageNamespace ?? DEFAULT_STORAGE_NAMESPACE,\n      adminPortalSelector,\n    }),\n    [storageNamespace, adminPortalSelector],\n  )\n\n  return <Ctx.Provider value={value}>{children}</Ctx.Provider>\n}\n"],"names":["React","createContext","useContext","useMemo","buildStorageKeys","DEFAULT_STORAGE_KEYS","DEFAULT_STORAGE_NAMESPACE","DEFAULT_RUNTIME_CONFIG","storageKeys","storageNamespace","Ctx","useBetterEditorConfig","BetterEditorConfigProvider","children","adminPortalSelector","value","Provider"],"mappings":"AAAA;;AAEA,OAAOA,SAASC,aAAa,EAAEC,UAAU,EAAEC,OAAO,QAAQ,QAAO;AACjE,SACEC,gBAAgB,EAChBC,oBAAoB,EACpBC,yBAAyB,QAEpB,2BAA0B;AAQjC,MAAMC,yBAAoD;IACxDC,aAAaH;IACbI,kBAAkBH;AACpB;AAEA,MAAMI,oBAAMT,cAAyCM;AAErD,OAAO,MAAMI,wBAAwB,IAAiCT,WAAWQ,KAAI;AAQrF,OAAO,MAAME,6BAAwE,CAAC,EACpFC,QAAQ,EACRJ,gBAAgB,EAChBK,mBAAmB,EACpB;IACC,MAAMC,QAAQZ,QACZ,IAAO,CAAA;YACLK,aAAaC,mBAAmBL,iBAAiBK,oBAAoBJ;YACrEI,kBAAkBA,oBAAoBH;YACtCQ;QACF,CAAA,GACA;QAACL;QAAkBK;KAAoB;IAGzC,qBAAO,KAACJ,IAAIM,QAAQ;QAACD,OAAOA;kBAAQF;;AACtC,EAAC"}

package/dist/providers/OverlayProviders.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { type BetterEditorConfigProviderProps } from './BetterEditorConfigProvider';
+export type OverlayProvidersProps = {
+    onClose: () => void;
+    onReset?: () => void;
+    children: React.ReactNode;
+} & Pick<BetterEditorConfigProviderProps, 'storageNamespace' | 'adminPortalSelector'>;
+export declare const OverlayProviders: React.FC<OverlayProvidersProps>;

package/dist/providers/OverlayProviders.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { OverlayErrorBoundary } from '../admin/ErrorBoundary';
+import { BetterEditorSettingsProvider } from '../state/useBetterEditorSettings';
+import { EditorHistoryProvider } from '../state/useEditorHistory';
+import { BetterEditorConfigProvider } from './BetterEditorConfigProvider';
+export const OverlayProviders = ({ onClose, onReset, children, storageNamespace, adminPortalSelector })=>/*#__PURE__*/ _jsx(OverlayErrorBoundary, {
+        onClose: onClose,
+        onReset: onReset,
+        children: /*#__PURE__*/ _jsx(BetterEditorConfigProvider, {
+            storageNamespace: storageNamespace,
+            adminPortalSelector: adminPortalSelector,
+            children: /*#__PURE__*/ _jsx(BetterEditorSettingsProvider, {
+                children: /*#__PURE__*/ _jsx(EditorHistoryProvider, {
+                    children: children
+                })
+            })
+        })
+    });
+
+//# sourceMappingURL=OverlayProviders.js.map

package/dist/providers/OverlayProviders.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/providers/OverlayProviders.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\nimport { OverlayErrorBoundary } from '../admin/ErrorBoundary'\nimport { BetterEditorSettingsProvider } from '../state/useBetterEditorSettings'\nimport { EditorHistoryProvider } from '../state/useEditorHistory'\nimport {\n  BetterEditorConfigProvider,\n  type BetterEditorConfigProviderProps,\n} from './BetterEditorConfigProvider'\n\nexport type OverlayProvidersProps = {\n  onClose: () => void\n  onReset?: () => void\n  children: React.ReactNode\n} & Pick<BetterEditorConfigProviderProps, 'storageNamespace' | 'adminPortalSelector'>\n\nexport const OverlayProviders: React.FC<OverlayProvidersProps> = ({\n  onClose,\n  onReset,\n  children,\n  storageNamespace,\n  adminPortalSelector,\n}) => (\n  <OverlayErrorBoundary onClose={onClose} onReset={onReset}>\n    <BetterEditorConfigProvider\n      storageNamespace={storageNamespace}\n      adminPortalSelector={adminPortalSelector}\n    >\n      <BetterEditorSettingsProvider>\n        <EditorHistoryProvider>{children}</EditorHistoryProvider>\n      </BetterEditorSettingsProvider>\n    </BetterEditorConfigProvider>\n  </OverlayErrorBoundary>\n)\n"],"names":["React","OverlayErrorBoundary","BetterEditorSettingsProvider","EditorHistoryProvider","BetterEditorConfigProvider","OverlayProviders","onClose","onReset","children","storageNamespace","adminPortalSelector"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AACzB,SAASC,oBAAoB,QAAQ,yBAAwB;AAC7D,SAASC,4BAA4B,QAAQ,mCAAkC;AAC/E,SAASC,qBAAqB,QAAQ,4BAA2B;AACjE,SACEC,0BAA0B,QAErB,+BAA8B;AAQrC,OAAO,MAAMC,mBAAoD,CAAC,EAChEC,OAAO,EACPC,OAAO,EACPC,QAAQ,EACRC,gBAAgB,EAChBC,mBAAmB,EACpB,iBACC,KAACT;QAAqBK,SAASA;QAASC,SAASA;kBAC/C,cAAA,KAACH;YACCK,kBAAkBA;YAClBC,qBAAqBA;sBAErB,cAAA,KAACR;0BACC,cAAA,KAACC;8BAAuBK;;;;OAI/B"}

package/dist/state/useBetterEditorSettings.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { type HoverToolbarPosition, type SidebarPosition } from '../internal/constants';
+export type { HoverToolbarPosition };
+export type BetterEditorSettings = {
+    sidebarPosition: SidebarPosition;
+    forceFullWidthFields: boolean;
+    tabletWidth: number;
+    mobileWidth: number;
+    hoverColorTopLevel: string;
+    hoverColorNested: string;
+    hoverOutlineWidth: number;
+    showHoverToolbar: boolean;
+    hoverToolbarPosition: HoverToolbarPosition;
+};
+export declare const useBetterEditorSettings: () => BetterEditorSettings;
+export declare const BetterEditorSettingsProvider: React.FC<{
+    children: React.ReactNode;
+}>;

package/dist/state/useBetterEditorSettings.js

@@ -0,0 +1,65 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { createContext, useContext, useEffect, useMemo, useState } from 'react';
+import { BETTER_EDITOR_SETTINGS_SLUG } from '../global';
+import { DEFAULT_BETTER_EDITOR_SETTINGS, HOVER_TOOLBAR_POSITIONS, SIDEBAR_POSITIONS } from '../internal/constants';
+const DEFAULTS = {
+    ...DEFAULT_BETTER_EDITOR_SETTINGS
+};
+const Ctx = /*#__PURE__*/ createContext(DEFAULTS);
+export const useBetterEditorSettings = ()=>useContext(Ctx);
+const pick = (value, isValid, fallback)=>isValid(value) ? value : fallback;
+const isOneOf = (allowed)=>(v)=>typeof v === 'string' && allowed.includes(v);
+const isBool = (v)=>typeof v === 'boolean';
+const isFiniteNumber = (v)=>typeof v === 'number' && Number.isFinite(v);
+const isNonEmptyString = (v)=>typeof v === 'string' && v.length > 0;
+const normalizeSettings = (raw)=>{
+    if (!raw || typeof raw !== 'object') return DEFAULTS;
+    const d = raw;
+    return {
+        sidebarPosition: pick(d.sidebarPosition, isOneOf(SIDEBAR_POSITIONS), DEFAULTS.sidebarPosition),
+        forceFullWidthFields: pick(d.forceFullWidthFields, isBool, DEFAULTS.forceFullWidthFields),
+        tabletWidth: pick(d.tabletWidth, isFiniteNumber, DEFAULTS.tabletWidth),
+        mobileWidth: pick(d.mobileWidth, isFiniteNumber, DEFAULTS.mobileWidth),
+        hoverColorTopLevel: pick(d.hoverColorTopLevel, isNonEmptyString, DEFAULTS.hoverColorTopLevel),
+        hoverColorNested: pick(d.hoverColorNested, isNonEmptyString, DEFAULTS.hoverColorNested),
+        hoverOutlineWidth: pick(d.hoverOutlineWidth, isFiniteNumber, DEFAULTS.hoverOutlineWidth),
+        showHoverToolbar: pick(d.showHoverToolbar, isBool, DEFAULTS.showHoverToolbar),
+        hoverToolbarPosition: pick(d.hoverToolbarPosition, isOneOf(HOVER_TOOLBAR_POSITIONS), DEFAULTS.hoverToolbarPosition)
+    };
+};
+export const BetterEditorSettingsProvider = ({ children })=>{
+    const [settings, setSettings] = useState(DEFAULTS);
+    useEffect(()=>{
+        const controller = new AbortController();
+        const isDev = process.env.NODE_ENV !== 'production';
+        fetch(`/api/globals/${BETTER_EDITOR_SETTINGS_SLUG}?depth=0`, {
+            credentials: 'include',
+            signal: controller.signal
+        }).then((r)=>{
+            if (r.ok) return r.json();
+            if (isDev) {
+                console.warn(`[better-editor] settings fetch returned HTTP ${r.status} — falling back to defaults`);
+            }
+            return null;
+        }).then((data)=>{
+            if (data != null) setSettings(normalizeSettings(data));
+        }).catch((err)=>{
+            // AbortError on unmount is expected and silent.
+            if (err instanceof DOMException && err.name === 'AbortError') return;
+            if (isDev) {
+                console.warn('[better-editor] settings fetch failed — falling back to defaults:', err);
+            }
+        });
+        return ()=>controller.abort();
+    }, []);
+    const value = useMemo(()=>settings, [
+        settings
+    ]);
+    return /*#__PURE__*/ _jsx(Ctx.Provider, {
+        value: value,
+        children: children
+    });
+};
+
+//# sourceMappingURL=useBetterEditorSettings.js.map

package/dist/state/useBetterEditorSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/state/useBetterEditorSettings.tsx"],"sourcesContent":["'use client'\n\nimport React, { createContext, useContext, useEffect, useMemo, useState } from 'react'\nimport { BETTER_EDITOR_SETTINGS_SLUG } from '../global'\nimport {\n  DEFAULT_BETTER_EDITOR_SETTINGS,\n  HOVER_TOOLBAR_POSITIONS,\n  SIDEBAR_POSITIONS,\n  type HoverToolbarPosition,\n  type SidebarPosition,\n} from '../internal/constants'\n\nexport type { HoverToolbarPosition }\n\nexport type BetterEditorSettings = {\n  sidebarPosition: SidebarPosition\n  forceFullWidthFields: boolean\n  tabletWidth: number\n  mobileWidth: number\n  hoverColorTopLevel: string\n  hoverColorNested: string\n  hoverOutlineWidth: number\n  showHoverToolbar: boolean\n  hoverToolbarPosition: HoverToolbarPosition\n}\n\nconst DEFAULTS: BetterEditorSettings = { ...DEFAULT_BETTER_EDITOR_SETTINGS }\n\nconst Ctx = createContext<BetterEditorSettings>(DEFAULTS)\n\nexport const useBetterEditorSettings = (): BetterEditorSettings => useContext(Ctx)\n\nconst pick = <T,>(value: unknown, isValid: (v: unknown) => v is T, fallback: T): T =>\n  isValid(value) ? value : fallback\n\nconst isOneOf = <T extends string>(allowed: readonly T[]) =>\n  (v: unknown): v is T => typeof v === 'string' && (allowed as readonly string[]).includes(v)\n\nconst isBool = (v: unknown): v is boolean => typeof v === 'boolean'\nconst isFiniteNumber = (v: unknown): v is number => typeof v === 'number' && Number.isFinite(v)\nconst isNonEmptyString = (v: unknown): v is string => typeof v === 'string' && v.length > 0\n\nconst normalizeSettings = (raw: unknown): BetterEditorSettings => {\n  if (!raw || typeof raw !== 'object') return DEFAULTS\n  const d = raw as Partial<BetterEditorSettings>\n  return {\n    sidebarPosition: pick(d.sidebarPosition, isOneOf(SIDEBAR_POSITIONS), DEFAULTS.sidebarPosition),\n    forceFullWidthFields: pick(d.forceFullWidthFields, isBool, DEFAULTS.forceFullWidthFields),\n    tabletWidth: pick(d.tabletWidth, isFiniteNumber, DEFAULTS.tabletWidth),\n    mobileWidth: pick(d.mobileWidth, isFiniteNumber, DEFAULTS.mobileWidth),\n    hoverColorTopLevel: pick(d.hoverColorTopLevel, isNonEmptyString, DEFAULTS.hoverColorTopLevel),\n    hoverColorNested: pick(d.hoverColorNested, isNonEmptyString, DEFAULTS.hoverColorNested),\n    hoverOutlineWidth: pick(d.hoverOutlineWidth, isFiniteNumber, DEFAULTS.hoverOutlineWidth),\n    showHoverToolbar: pick(d.showHoverToolbar, isBool, DEFAULTS.showHoverToolbar),\n    hoverToolbarPosition: pick(\n      d.hoverToolbarPosition,\n      isOneOf(HOVER_TOOLBAR_POSITIONS),\n      DEFAULTS.hoverToolbarPosition,\n    ),\n  }\n}\n\nexport const BetterEditorSettingsProvider: React.FC<{ children: React.ReactNode }> = ({\n  children,\n}) => {\n  const [settings, setSettings] = useState<BetterEditorSettings>(DEFAULTS)\n\n  useEffect(() => {\n    const controller = new AbortController()\n    const isDev = process.env.NODE_ENV !== 'production'\n\n    fetch(`/api/globals/${BETTER_EDITOR_SETTINGS_SLUG}?depth=0`, {\n      credentials: 'include',\n      signal: controller.signal,\n    })\n      .then((r) => {\n        if (r.ok) return r.json()\n        if (isDev) {\n          console.warn(\n            `[better-editor] settings fetch returned HTTP ${r.status} — falling back to defaults`,\n          )\n        }\n        return null\n      })\n      .then((data: unknown) => {\n        if (data != null) setSettings(normalizeSettings(data))\n      })\n      .catch((err: unknown) => {\n        // AbortError on unmount is expected and silent.\n        if (err instanceof DOMException && err.name === 'AbortError') return\n        if (isDev) {\n          console.warn(\n            '[better-editor] settings fetch failed — falling back to defaults:',\n            err,\n          )\n        }\n      })\n\n    return () => controller.abort()\n  }, [])\n\n  const value = useMemo(() => settings, [settings])\n\n  return <Ctx.Provider value={value}>{children}</Ctx.Provider>\n}\n"],"names":["React","createContext","useContext","useEffect","useMemo","useState","BETTER_EDITOR_SETTINGS_SLUG","DEFAULT_BETTER_EDITOR_SETTINGS","HOVER_TOOLBAR_POSITIONS","SIDEBAR_POSITIONS","DEFAULTS","Ctx","useBetterEditorSettings","pick","value","isValid","fallback","isOneOf","allowed","v","includes","isBool","isFiniteNumber","Number","isFinite","isNonEmptyString","length","normalizeSettings","raw","d","sidebarPosition","forceFullWidthFields","tabletWidth","mobileWidth","hoverColorTopLevel","hoverColorNested","hoverOutlineWidth","showHoverToolbar","hoverToolbarPosition","BetterEditorSettingsProvider","children","settings","setSettings","controller","AbortController","isDev","process","env","NODE_ENV","fetch","credentials","signal","then","r","ok","json","console","warn","status","data","catch","err","DOMException","name","abort","Provider"],"mappings":"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"}

package/dist/state/useEditorHistory.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+type HistoryContextValue = {
+    pushSnapshot: () => void;
+    /** Push a snapshot, run the mutation, mark the form modified. */
+    commit: (mutation: () => void) => void;
+    undo: () => void;
+    redo: () => void;
+    canUndo: boolean;
+    canRedo: boolean;
+    mutationToken: number;
+};
+export declare const useEditorHistory: () => HistoryContextValue;
+export declare const EditorHistoryProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export {};

package/dist/state/useEditorHistory.js

@@ -0,0 +1,157 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { createContext, useCallback, useContext, useEffect, useMemo, useReducer, useRef, useState } from 'react';
+import { useAllFormFields, useForm } from '@payloadcms/ui';
+const noop = ()=>{};
+const DEFAULT_VALUE = {
+    pushSnapshot: noop,
+    commit: (mutation)=>mutation(),
+    undo: noop,
+    redo: noop,
+    canUndo: false,
+    canRedo: false,
+    mutationToken: 0
+};
+const Ctx = /*#__PURE__*/ createContext(DEFAULT_VALUE);
+export const useEditorHistory = ()=>useContext(Ctx);
+const MAX_HISTORY = 50;
+const initialState = {
+    undo: [],
+    redo: []
+};
+const reducer = (state, action)=>{
+    switch(action.type){
+        case 'push':
+            {
+                const next = state.undo.length >= MAX_HISTORY ? [
+                    ...state.undo.slice(-(MAX_HISTORY - 1)),
+                    action.snapshot
+                ] : [
+                    ...state.undo,
+                    action.snapshot
+                ];
+                return {
+                    undo: next,
+                    redo: []
+                };
+            }
+        case 'undo':
+            {
+                if (state.undo.length === 0) return state;
+                return {
+                    undo: state.undo.slice(0, -1),
+                    redo: [
+                        ...state.redo,
+                        action.current
+                    ]
+                };
+            }
+        case 'redo':
+            {
+                if (state.redo.length === 0) return state;
+                return {
+                    undo: [
+                        ...state.undo,
+                        action.current
+                    ],
+                    redo: state.redo.slice(0, -1)
+                };
+            }
+    }
+};
+export const EditorHistoryProvider = ({ children })=>{
+    const [fields] = useAllFormFields();
+    const fieldsRef = useRef(fields);
+    fieldsRef.current = fields;
+    const { dispatchFields, setModified } = useForm();
+    const [state, dispatch] = useReducer(reducer, initialState);
+    const [mutationToken, setMutationToken] = useState(0);
+    const bumpMutationToken = useCallback(()=>setMutationToken((n)=>n + 1), []);
+    const restoringRef = useRef(false);
+    const restoreTimerRef = useRef(null);
+    useEffect(()=>()=>{
+            if (restoreTimerRef.current !== null) clearTimeout(restoreTimerRef.current);
+        }, []);
+    const pushSnapshot = useCallback(()=>{
+        if (restoringRef.current) return;
+        dispatch({
+            type: 'push',
+            snapshot: fieldsRef.current
+        });
+    }, []);
+    const commit = useCallback((mutation)=>{
+        pushSnapshot();
+        mutation();
+        setModified(true);
+        bumpMutationToken();
+    }, [
+        pushSnapshot,
+        setModified,
+        bumpMutationToken
+    ]);
+    const restore = useCallback((direction, target)=>{
+        dispatch({
+            type: direction,
+            current: fieldsRef.current
+        });
+        restoringRef.current = true;
+        dispatchFields({
+            type: 'REPLACE_STATE',
+            state: target
+        });
+        setModified(true);
+        // Cleared after the React commit so a transient pushSnapshot triggered
+        // by the REPLACE_STATE effect cannot poison redo.
+        if (restoreTimerRef.current !== null) clearTimeout(restoreTimerRef.current);
+        restoreTimerRef.current = setTimeout(()=>{
+            restoringRef.current = false;
+            restoreTimerRef.current = null;
+        }, 0);
+        bumpMutationToken();
+    }, [
+        dispatchFields,
+        setModified,
+        bumpMutationToken
+    ]);
+    const undo = useCallback(()=>{
+        const stack = state.undo;
+        if (stack.length === 0) return;
+        restore('undo', stack[stack.length - 1]);
+    }, [
+        state.undo,
+        restore
+    ]);
+    const redo = useCallback(()=>{
+        const stack = state.redo;
+        if (stack.length === 0) return;
+        restore('redo', stack[stack.length - 1]);
+    }, [
+        state.redo,
+        restore
+    ]);
+    const canUndo = state.undo.length > 0;
+    const canRedo = state.redo.length > 0;
+    const value = useMemo(()=>({
+            pushSnapshot,
+            commit,
+            undo,
+            redo,
+            canUndo,
+            canRedo,
+            mutationToken
+        }), [
+        pushSnapshot,
+        commit,
+        undo,
+        redo,
+        canUndo,
+        canRedo,
+        mutationToken
+    ]);
+    return /*#__PURE__*/ _jsx(Ctx.Provider, {
+        value: value,
+        children: children
+    });
+};
+
+//# sourceMappingURL=useEditorHistory.js.map

package/dist/state/useEditorHistory.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/state/useEditorHistory.tsx"],"sourcesContent":["'use client'\n\nimport React, {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from 'react'\nimport type { FormState } from 'payload'\nimport { useAllFormFields, useForm } from '@payloadcms/ui'\n\ntype HistoryContextValue = {\n  pushSnapshot: () => void\n  /** Push a snapshot, run the mutation, mark the form modified. */\n  commit: (mutation: () => void) => void\n  undo: () => void\n  redo: () => void\n  canUndo: boolean\n  canRedo: boolean\n  mutationToken: number\n}\n\nconst noop = (): void => {}\n\nconst DEFAULT_VALUE: HistoryContextValue = {\n  pushSnapshot: noop,\n  commit: (mutation) => mutation(),\n  undo: noop,\n  redo: noop,\n  canUndo: false,\n  canRedo: false,\n  mutationToken: 0,\n}\n\nconst Ctx = createContext<HistoryContextValue>(DEFAULT_VALUE)\n\nexport const useEditorHistory = (): HistoryContextValue => useContext(Ctx)\n\nconst MAX_HISTORY = 50\n\ntype HistoryState = {\n  undo: FormState[]\n  redo: FormState[]\n}\n\ntype HistoryAction =\n  | { type: 'push'; snapshot: FormState }\n  | { type: 'undo'; current: FormState }\n  | { type: 'redo'; current: FormState }\n\nconst initialState: HistoryState = { undo: [], redo: [] }\n\nconst reducer = (state: HistoryState, action: HistoryAction): HistoryState => {\n  switch (action.type) {\n    case 'push': {\n      const next =\n        state.undo.length >= MAX_HISTORY\n          ? [...state.undo.slice(-(MAX_HISTORY - 1)), action.snapshot]\n          : [...state.undo, action.snapshot]\n      return { undo: next, redo: [] }\n    }\n    case 'undo': {\n      if (state.undo.length === 0) return state\n      return {\n        undo: state.undo.slice(0, -1),\n        redo: [...state.redo, action.current],\n      }\n    }\n    case 'redo': {\n      if (state.redo.length === 0) return state\n      return {\n        undo: [...state.undo, action.current],\n        redo: state.redo.slice(0, -1),\n      }\n    }\n  }\n}\n\nexport const EditorHistoryProvider: React.FC<{ children: React.ReactNode }> = ({\n  children,\n}) => {\n  const [fields] = useAllFormFields()\n  const fieldsRef = useRef<FormState>(fields)\n  fieldsRef.current = fields\n\n  const { dispatchFields, setModified } = useForm()\n  const [state, dispatch] = useReducer(reducer, initialState)\n  const [mutationToken, setMutationToken] = useState(0)\n  const bumpMutationToken = useCallback(() => setMutationToken((n) => n + 1), [])\n  const restoringRef = useRef(false)\n  const restoreTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  useEffect(\n    () => () => {\n      if (restoreTimerRef.current !== null) clearTimeout(restoreTimerRef.current)\n    },\n    [],\n  )\n\n  const pushSnapshot = useCallback(() => {\n    if (restoringRef.current) return\n    dispatch({ type: 'push', snapshot: fieldsRef.current })\n  }, [])\n\n  const commit = useCallback(\n    (mutation: () => void) => {\n      pushSnapshot()\n      mutation()\n      setModified(true)\n      bumpMutationToken()\n    },\n    [pushSnapshot, setModified, bumpMutationToken],\n  )\n\n  const restore = useCallback(\n    (direction: 'undo' | 'redo', target: FormState) => {\n      dispatch({ type: direction, current: fieldsRef.current })\n      restoringRef.current = true\n      dispatchFields({ type: 'REPLACE_STATE', state: target })\n      setModified(true)\n      // Cleared after the React commit so a transient pushSnapshot triggered\n      // by the REPLACE_STATE effect cannot poison redo.\n      if (restoreTimerRef.current !== null) clearTimeout(restoreTimerRef.current)\n      restoreTimerRef.current = setTimeout(() => {\n        restoringRef.current = false\n        restoreTimerRef.current = null\n      }, 0)\n      bumpMutationToken()\n    },\n    [dispatchFields, setModified, bumpMutationToken],\n  )\n\n  const undo = useCallback(() => {\n    const stack = state.undo\n    if (stack.length === 0) return\n    restore('undo', stack[stack.length - 1])\n  }, [state.undo, restore])\n\n  const redo = useCallback(() => {\n    const stack = state.redo\n    if (stack.length === 0) return\n    restore('redo', stack[stack.length - 1])\n  }, [state.redo, restore])\n\n  const canUndo = state.undo.length > 0\n  const canRedo = state.redo.length > 0\n\n  const value = useMemo<HistoryContextValue>(\n    () => ({ pushSnapshot, commit, undo, redo, canUndo, canRedo, mutationToken }),\n    [pushSnapshot, commit, undo, redo, canUndo, canRedo, mutationToken],\n  )\n\n  return <Ctx.Provider value={value}>{children}</Ctx.Provider>\n}\n"],"names":["React","createContext","useCallback","useContext","useEffect","useMemo","useReducer","useRef","useState","useAllFormFields","useForm","noop","DEFAULT_VALUE","pushSnapshot","commit","mutation","undo","redo","canUndo","canRedo","mutationToken","Ctx","useEditorHistory","MAX_HISTORY","initialState","reducer","state","action","type","next","length","slice","snapshot","current","EditorHistoryProvider","children","fields","fieldsRef","dispatchFields","setModified","dispatch","setMutationToken","bumpMutationToken","n","restoringRef","restoreTimerRef","clearTimeout","restore","direction","target","setTimeout","stack","value","Provider"],"mappings":"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"}