@reacteditor/core 0.0.21 → 0.0.23

package/dist/{full-QWTPWHXQ.mjs → full-WQ3EE5XF.mjs}

@@ -1,14 +1,14 @@
 import {
   LoadedRichTextMenuInner
-} from "./chunk-MVJENRGK.mjs";
-import "./chunk-M36T7BWB.mjs";
-import "./chunk-PGSQPCM6.mjs";
-import "./chunk-DKFLK64M.mjs";
-import "./chunk-MUBFR675.mjs";
-import "./chunk-M4JDRFYB.mjs";
-import "./chunk-FTVOCMGV.mjs";
+} from "./chunk-XREK5QOM.mjs";
+import "./chunk-HIOPRNZ4.mjs";
+import "./chunk-R344I62Q.mjs";
+import "./chunk-ANWIFBRQ.mjs";
+import "./chunk-QGW2O2TN.mjs";
+import "./chunk-BFLF77R7.mjs";
+import "./chunk-MGEDZ4MA.mjs";
 import "./chunk-DQU3HIP4.mjs";
-import "./chunk-JIXMPJZA.mjs";
+import "./chunk-SQ66YE7L.mjs";
 import {
   __spreadValues,
   init_react_import

package/dist/{index-YRgZBGas.d.ts → index-XnBvIAmy.d.ts}

@@ -1,4 +1,4 @@
-import { H as History, a as Permissions, b as ComponentData, C as Config, U as UserGenerics, F as Fields, E as EditorAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, e as Overrides, V as Viewports, I as IframeConfig, f as UiState, g as ComponentConfig, A as AppState, M as Metadata, h as FieldTransforms, i as RichtextField } from './actions-BxLinRKD.js';
+import { H as History, a as Permissions, b as ComponentData, C as Config, U as UserGenerics, F as Fields, E as EditorAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, e as Overrides, V as Viewports, I as IframeConfig, f as UiState, g as ComponentConfig, A as AppState, M as Metadata, h as FieldTransforms, i as RichtextField } from './actions-BxpNoF2q.js';
 import { Editor } from '@tiptap/react';
 
 type HistorySlice<D = any> = {

package/dist/{index-DET4zR84.d.mts → index-YjPj7lv4.d.mts}

@@ -1,4 +1,4 @@
-import { H as History, a as Permissions, b as ComponentData, C as Config, U as UserGenerics, F as Fields, E as EditorAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, e as Overrides, V as Viewports, I as IframeConfig, f as UiState, g as ComponentConfig, A as AppState, M as Metadata, h as FieldTransforms, i as RichtextField } from './actions-BxLinRKD.mjs';
+import { H as History, a as Permissions, b as ComponentData, C as Config, U as UserGenerics, F as Fields, E as EditorAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, e as Overrides, V as Viewports, I as IframeConfig, f as UiState, g as ComponentConfig, A as AppState, M as Metadata, h as FieldTransforms, i as RichtextField } from './actions-BxpNoF2q.mjs';
 import { Editor } from '@tiptap/react';
 
 type HistorySlice<D = any> = {

package/dist/index.css

@@ -3144,13 +3144,14 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
 }
 
 /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/plugins/fields/styles.module.css/#css-module-data */
-._FieldsPlugin_262zt_1 {
-  background: white;
+._FieldsPlugin_11j3y_1 {
+  background: var(--editor-surface-panel);
   height: 100%;
   overflow-y: auto;
 }
-._FieldsPlugin-header_262zt_7 {
-  border-bottom: 1px solid var(--editor-color-grey-09);
+._FieldsPlugin-header_11j3y_7 {
+  border-bottom: 1px solid var(--editor-border-subtle);
+  color: var(--editor-text-primary);
   font-weight: 600;
   padding-bottom: 8px;
   padding-left: 16px;
@@ -3158,7 +3159,7 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
   padding-top: 8px;
 }
 @media (min-width: 638px) {
-  ._FieldsPlugin-header_262zt_7 {
+  ._FieldsPlugin-header_11j3y_7 {
     padding: 16px;
   }
 }

package/dist/index.d.mts

@@ -1,7 +1,7 @@
-import { D as Data, o as Field, p as FieldProps, C as Config, U as UserGenerics, O as OnAction, f as UiState, q as EditorChromeConfig, d as Plugin, e as Overrides, h as FieldTransforms, M as Metadata, I as IframeConfig, V as Viewports, a as Permissions, E as EditorAction, r as InitialHistory, b as ComponentData, l as DefaultComponentProps, m as DefaultRootFieldProps, c as ResolveDataTrigger, s as ItemSelector, t as PluginInternal } from './actions-BxLinRKD.mjs';
-export { u as Adaptor, A as AppState, v as ArrayField, w as ArrayState, x as AsFieldProps, B as BaseData, y as BaseField, z as CacheOpts, G as ColorField, g as ComponentConfig, J as ComponentConfigExtensions, K as ComponentConfigParams, L as ComponentDataMap, N as ComponentDataOptionalId, Q as ComponentMetadata, S as ConfigParams, j as Content, T as CustomField, X as CustomFieldRender, k as DefaultComponents, Y as DefaultRootProps, Z as DefaultRootRenderProps, _ as Direction, $ as DragAxis, a0 as EditorComponent, a1 as EditorContext, a2 as EditorMetadata, a3 as ExternalField, a4 as ExternalFieldWithAdaptor, a5 as ExtractConfigParams, a6 as ExtractField, a7 as FieldMetadata, a8 as FieldRenderFunctions, a9 as FieldTransformFn, aa as FieldTransformFnParams, F as Fields, H as History, ab as ItemWithId, ac as MappedItem, ad as NumberField, ae as ObjectField, af as OverrideKey, ag as RadioField, ah as RichText, i as RichtextField, ai as RootConfig, n as RootData, R as RootDataWithProps, aj as RootDataWithoutProps, ak as SelectField, al as Slot, am as SlotComponent, an as SlotField, ao as TextField, ap as TextareaField, aq as Viewport, ar as WithChildren, as as WithEditorProps, W as WithId, at as WithSlotProps, au as overrideKeys } from './actions-BxLinRKD.mjs';
-export { G as GetRoutePropsOptions, g as getRouteProps, m as migrate, r as resolveAllData, a as resolveRouteFromString, t as transformProps, w as walkTree } from './walk-tree-BvYigWFL.mjs';
-import { O as OnPublish, E as EditorRoute, A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-DET4zR84.mjs';
+import { D as Data, o as Field, p as FieldProps, C as Config, U as UserGenerics, O as OnAction, f as UiState, q as EditorChromeConfig, d as Plugin, e as Overrides, h as FieldTransforms, M as Metadata, I as IframeConfig, V as Viewports, a as Permissions, E as EditorAction, r as InitialHistory, b as ComponentData, l as DefaultComponentProps, m as DefaultRootFieldProps, c as ResolveDataTrigger, s as ItemSelector, t as PluginInternal } from './actions-BxpNoF2q.mjs';
+export { u as Adaptor, A as AppState, v as ArrayField, w as ArrayState, x as AsFieldProps, B as BaseData, y as BaseField, z as CacheOpts, G as ColorField, g as ComponentConfig, J as ComponentConfigExtensions, K as ComponentConfigParams, L as ComponentDataMap, N as ComponentDataOptionalId, Q as ComponentMetadata, S as ConfigParams, j as Content, T as CustomField, X as CustomFieldRender, k as DefaultComponents, Y as DefaultRootProps, Z as DefaultRootRenderProps, _ as Direction, $ as DragAxis, a0 as EditorComponent, a1 as EditorContext, a2 as EditorMetadata, a3 as ExternalField, a4 as ExternalFieldWithAdaptor, a5 as ExtractConfigParams, a6 as ExtractField, a7 as FieldMetadata, a8 as FieldRenderFunctions, a9 as FieldTransformFn, aa as FieldTransformFnParams, F as Fields, H as History, ab as ItemWithId, ac as MappedItem, ad as NumberField, ae as ObjectField, af as OverrideKey, ag as RadioField, ah as RichText, i as RichtextField, ai as RootConfig, n as RootData, R as RootDataWithProps, aj as RootDataWithoutProps, ak as SelectField, al as Slot, am as SlotComponent, an as SlotField, ao as TextField, ap as TextareaField, aq as Viewport, ar as WithChildren, as as WithEditorProps, W as WithId, at as WithSlotProps, au as overrideKeys } from './actions-BxpNoF2q.mjs';
+export { G as GetRoutePropsOptions, g as getRouteProps, m as migrate, r as resolveAllData, a as resolveRouteFromString, t as transformProps, w as walkTree } from './walk-tree-uv_FsXcr.mjs';
+import { O as OnPublish, E as EditorRoute, A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-YjPj7lv4.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import react__default, { ReactNode, SyntheticEvent, ReactElement, CSSProperties } from 'react';
@@ -26,8 +26,26 @@ import '@tiptap/extension-underline';
  * `data.globals` and is keyed by component type. Instances opt in per-node
  * via `synced: true`; synced instances render from this map (children + id
  * stay extrinsic).
+ *
+ * The reserved key `root` (see {@link GLOBAL_ROOT_KEY}) holds shared props
+ * for the page root when `config.root.global !== false` and the page's
+ * `data.root.synced` is not `false`. Matches `data.root` at the top level
+ * — same concept, same name.
  */
 type GlobalsMap = NonNullable<Data["globals"]>;
+/**
+ * Reserved key inside `data.globals` that stores shared root props. Mirrors
+ * the top-level `data.root` field name so the concept is identifiable in
+ * both spots. Component types in this codebase are PascalCase by convention,
+ * so collision with a lowercase `root` component type is not a real concern.
+ */
+declare const GLOBAL_ROOT_KEY: "root";
+/**
+ * Legacy key — `data.globals` rows written by core 0.0.22 used this. The
+ * resolver / splitter reads from it as a fallback so stored data keeps
+ * resolving until callers re-publish. Safe to remove in a future major.
+ */
+declare const LEGACY_GLOBAL_ROOT_KEY: "__root";
 
 /**
  * A route key — the literal string used as a `pages` key in `<App>` and
@@ -111,6 +129,15 @@ type AppConfigContext<UserConfig extends Config = Config, G extends UserGenerics
     pages: Record<RouteKey, Partial<G["UserData"] | Data>>;
     /** "/edit" by default; null disables editor mode entirely. */
     editorPath: string | null;
+    /**
+     * App-owned globals map overlaid onto each page's `data.globals` so synced
+     * instances (and the synced root) share state across pages. Always defined
+     * — App seeds it from the initial pages and keeps it in sync via
+     * `setGlobals` (called by the editor's onChange wrapper).
+     */
+    globals: GlobalsMap;
+    /** Internal: update the shared globals map. Not exposed to host code. */
+    setGlobals: (next: GlobalsMap) => void;
 };
 declare const appConfigContext: react.Context<AppConfigContext<Config, UserGenerics<Config>> | null>;
 type AppContextValue<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = AppConfigContext<UserConfig, G> & {
@@ -122,6 +149,12 @@ type AppContextValue<UserConfig extends Config = Config, G extends UserGenerics<
     route: AppRoute | null;
     /** Navigate to a route key. Wraps with editorPath when editing. */
     navigate: (route: RouteKey) => void;
+    /**
+     * Resolved per-page data with `globals` overlaid from the app-level
+     * `globals` prop (app wins over the page's own `data.globals`). Returns
+     * the page's data unchanged when no app-level globals are configured.
+     */
+    resolvePageData: <D extends Partial<Data>>(pageData: D) => D;
 };
 /**
  * Read the resolved route context. Combines config + pages + editorPath
@@ -572,4 +605,4 @@ declare const outlinePlugin: () => Plugin;
 
 declare const legacySideBarPlugin: () => Plugin;
 
-export { Action, ActionBar, App, type AppContextValue, type AppEditorProps, type AppProps, AppProvider, type AppProviderProps, type AppRenderProps, type AppRoute, type AppRouterVariant, AutoField, Button, ComponentData, ComponentList, Config, Data, DefaultComponentProps, DefaultRootFieldProps, Drawer, Editor, EditorAction, type EditorApi, EditorChromeConfig, type EditorCommands, EditorRoute, Field, FieldLabel, FieldProps, FieldTransforms, type GlobalsMap, Group, IconButton, IframeConfig, InitialHistory, type InsertComponentArgs, Label, Metadata, type MoveDestination, OnAction, OnPublish, Overrides, type PageMetadata, type Parent, Permissions, Plugin, Render, ResolveDataTrigger, RichTextMenu, type Route, type RouteKey, Separator, UiState, type UseEditorData, UserGenerics, Viewports, appConfigContext, blocksPlugin, createUseEditor, fieldsPlugin, legacySideBarPlugin, outlinePlugin, pageMetadata, registerOverlayPortal, renderContext, setDeep, useApp, useEditor, useGetEditor, usePropsContext, useRouteParams, useStableValue };
+export { Action, ActionBar, App, type AppContextValue, type AppEditorProps, type AppProps, AppProvider, type AppProviderProps, type AppRenderProps, type AppRoute, type AppRouterVariant, AutoField, Button, ComponentData, ComponentList, Config, Data, DefaultComponentProps, DefaultRootFieldProps, Drawer, Editor, EditorAction, type EditorApi, EditorChromeConfig, type EditorCommands, EditorRoute, Field, FieldLabel, FieldProps, FieldTransforms, GLOBAL_ROOT_KEY, type GlobalsMap, Group, IconButton, IframeConfig, InitialHistory, type InsertComponentArgs, LEGACY_GLOBAL_ROOT_KEY, Label, Metadata, type MoveDestination, OnAction, OnPublish, Overrides, type PageMetadata, type Parent, Permissions, Plugin, Render, ResolveDataTrigger, RichTextMenu, type Route, type RouteKey, Separator, UiState, type UseEditorData, UserGenerics, Viewports, appConfigContext, blocksPlugin, createUseEditor, fieldsPlugin, legacySideBarPlugin, outlinePlugin, pageMetadata, registerOverlayPortal, renderContext, setDeep, useApp, useEditor, useGetEditor, usePropsContext, useRouteParams, useStableValue };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-import { D as Data, o as Field, p as FieldProps, C as Config, U as UserGenerics, O as OnAction, f as UiState, q as EditorChromeConfig, d as Plugin, e as Overrides, h as FieldTransforms, M as Metadata, I as IframeConfig, V as Viewports, a as Permissions, E as EditorAction, r as InitialHistory, b as ComponentData, l as DefaultComponentProps, m as DefaultRootFieldProps, c as ResolveDataTrigger, s as ItemSelector, t as PluginInternal } from './actions-BxLinRKD.js';
-export { u as Adaptor, A as AppState, v as ArrayField, w as ArrayState, x as AsFieldProps, B as BaseData, y as BaseField, z as CacheOpts, G as ColorField, g as ComponentConfig, J as ComponentConfigExtensions, K as ComponentConfigParams, L as ComponentDataMap, N as ComponentDataOptionalId, Q as ComponentMetadata, S as ConfigParams, j as Content, T as CustomField, X as CustomFieldRender, k as DefaultComponents, Y as DefaultRootProps, Z as DefaultRootRenderProps, _ as Direction, $ as DragAxis, a0 as EditorComponent, a1 as EditorContext, a2 as EditorMetadata, a3 as ExternalField, a4 as ExternalFieldWithAdaptor, a5 as ExtractConfigParams, a6 as ExtractField, a7 as FieldMetadata, a8 as FieldRenderFunctions, a9 as FieldTransformFn, aa as FieldTransformFnParams, F as Fields, H as History, ab as ItemWithId, ac as MappedItem, ad as NumberField, ae as ObjectField, af as OverrideKey, ag as RadioField, ah as RichText, i as RichtextField, ai as RootConfig, n as RootData, R as RootDataWithProps, aj as RootDataWithoutProps, ak as SelectField, al as Slot, am as SlotComponent, an as SlotField, ao as TextField, ap as TextareaField, aq as Viewport, ar as WithChildren, as as WithEditorProps, W as WithId, at as WithSlotProps, au as overrideKeys } from './actions-BxLinRKD.js';
-export { G as GetRoutePropsOptions, g as getRouteProps, m as migrate, r as resolveAllData, a as resolveRouteFromString, t as transformProps, w as walkTree } from './walk-tree-Clklc1Ql.js';
-import { O as OnPublish, E as EditorRoute, A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-YRgZBGas.js';
+import { D as Data, o as Field, p as FieldProps, C as Config, U as UserGenerics, O as OnAction, f as UiState, q as EditorChromeConfig, d as Plugin, e as Overrides, h as FieldTransforms, M as Metadata, I as IframeConfig, V as Viewports, a as Permissions, E as EditorAction, r as InitialHistory, b as ComponentData, l as DefaultComponentProps, m as DefaultRootFieldProps, c as ResolveDataTrigger, s as ItemSelector, t as PluginInternal } from './actions-BxpNoF2q.js';
+export { u as Adaptor, A as AppState, v as ArrayField, w as ArrayState, x as AsFieldProps, B as BaseData, y as BaseField, z as CacheOpts, G as ColorField, g as ComponentConfig, J as ComponentConfigExtensions, K as ComponentConfigParams, L as ComponentDataMap, N as ComponentDataOptionalId, Q as ComponentMetadata, S as ConfigParams, j as Content, T as CustomField, X as CustomFieldRender, k as DefaultComponents, Y as DefaultRootProps, Z as DefaultRootRenderProps, _ as Direction, $ as DragAxis, a0 as EditorComponent, a1 as EditorContext, a2 as EditorMetadata, a3 as ExternalField, a4 as ExternalFieldWithAdaptor, a5 as ExtractConfigParams, a6 as ExtractField, a7 as FieldMetadata, a8 as FieldRenderFunctions, a9 as FieldTransformFn, aa as FieldTransformFnParams, F as Fields, H as History, ab as ItemWithId, ac as MappedItem, ad as NumberField, ae as ObjectField, af as OverrideKey, ag as RadioField, ah as RichText, i as RichtextField, ai as RootConfig, n as RootData, R as RootDataWithProps, aj as RootDataWithoutProps, ak as SelectField, al as Slot, am as SlotComponent, an as SlotField, ao as TextField, ap as TextareaField, aq as Viewport, ar as WithChildren, as as WithEditorProps, W as WithId, at as WithSlotProps, au as overrideKeys } from './actions-BxpNoF2q.js';
+export { G as GetRoutePropsOptions, g as getRouteProps, m as migrate, r as resolveAllData, a as resolveRouteFromString, t as transformProps, w as walkTree } from './walk-tree-BfVJmXEX.js';
+import { O as OnPublish, E as EditorRoute, A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-XnBvIAmy.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import react__default, { ReactNode, SyntheticEvent, ReactElement, CSSProperties } from 'react';
@@ -26,8 +26,26 @@ import '@tiptap/extension-underline';
  * `data.globals` and is keyed by component type. Instances opt in per-node
  * via `synced: true`; synced instances render from this map (children + id
  * stay extrinsic).
+ *
+ * The reserved key `root` (see {@link GLOBAL_ROOT_KEY}) holds shared props
+ * for the page root when `config.root.global !== false` and the page's
+ * `data.root.synced` is not `false`. Matches `data.root` at the top level
+ * — same concept, same name.
  */
 type GlobalsMap = NonNullable<Data["globals"]>;
+/**
+ * Reserved key inside `data.globals` that stores shared root props. Mirrors
+ * the top-level `data.root` field name so the concept is identifiable in
+ * both spots. Component types in this codebase are PascalCase by convention,
+ * so collision with a lowercase `root` component type is not a real concern.
+ */
+declare const GLOBAL_ROOT_KEY: "root";
+/**
+ * Legacy key — `data.globals` rows written by core 0.0.22 used this. The
+ * resolver / splitter reads from it as a fallback so stored data keeps
+ * resolving until callers re-publish. Safe to remove in a future major.
+ */
+declare const LEGACY_GLOBAL_ROOT_KEY: "__root";
 
 /**
  * A route key — the literal string used as a `pages` key in `<App>` and
@@ -111,6 +129,15 @@ type AppConfigContext<UserConfig extends Config = Config, G extends UserGenerics
     pages: Record<RouteKey, Partial<G["UserData"] | Data>>;
     /** "/edit" by default; null disables editor mode entirely. */
     editorPath: string | null;
+    /**
+     * App-owned globals map overlaid onto each page's `data.globals` so synced
+     * instances (and the synced root) share state across pages. Always defined
+     * — App seeds it from the initial pages and keeps it in sync via
+     * `setGlobals` (called by the editor's onChange wrapper).
+     */
+    globals: GlobalsMap;
+    /** Internal: update the shared globals map. Not exposed to host code. */
+    setGlobals: (next: GlobalsMap) => void;
 };
 declare const appConfigContext: react.Context<AppConfigContext<Config, UserGenerics<Config>> | null>;
 type AppContextValue<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = AppConfigContext<UserConfig, G> & {
@@ -122,6 +149,12 @@ type AppContextValue<UserConfig extends Config = Config, G extends UserGenerics<
     route: AppRoute | null;
     /** Navigate to a route key. Wraps with editorPath when editing. */
     navigate: (route: RouteKey) => void;
+    /**
+     * Resolved per-page data with `globals` overlaid from the app-level
+     * `globals` prop (app wins over the page's own `data.globals`). Returns
+     * the page's data unchanged when no app-level globals are configured.
+     */
+    resolvePageData: <D extends Partial<Data>>(pageData: D) => D;
 };
 /**
  * Read the resolved route context. Combines config + pages + editorPath
@@ -572,4 +605,4 @@ declare const outlinePlugin: () => Plugin;
 
 declare const legacySideBarPlugin: () => Plugin;
 
-export { Action, ActionBar, App, type AppContextValue, type AppEditorProps, type AppProps, AppProvider, type AppProviderProps, type AppRenderProps, type AppRoute, type AppRouterVariant, AutoField, Button, ComponentData, ComponentList, Config, Data, DefaultComponentProps, DefaultRootFieldProps, Drawer, Editor, EditorAction, type EditorApi, EditorChromeConfig, type EditorCommands, EditorRoute, Field, FieldLabel, FieldProps, FieldTransforms, type GlobalsMap, Group, IconButton, IframeConfig, InitialHistory, type InsertComponentArgs, Label, Metadata, type MoveDestination, OnAction, OnPublish, Overrides, type PageMetadata, type Parent, Permissions, Plugin, Render, ResolveDataTrigger, RichTextMenu, type Route, type RouteKey, Separator, UiState, type UseEditorData, UserGenerics, Viewports, appConfigContext, blocksPlugin, createUseEditor, fieldsPlugin, legacySideBarPlugin, outlinePlugin, pageMetadata, registerOverlayPortal, renderContext, setDeep, useApp, useEditor, useGetEditor, usePropsContext, useRouteParams, useStableValue };
+export { Action, ActionBar, App, type AppContextValue, type AppEditorProps, type AppProps, AppProvider, type AppProviderProps, type AppRenderProps, type AppRoute, type AppRouterVariant, AutoField, Button, ComponentData, ComponentList, Config, Data, DefaultComponentProps, DefaultRootFieldProps, Drawer, Editor, EditorAction, type EditorApi, EditorChromeConfig, type EditorCommands, EditorRoute, Field, FieldLabel, FieldProps, FieldTransforms, GLOBAL_ROOT_KEY, type GlobalsMap, Group, IconButton, IframeConfig, InitialHistory, type InsertComponentArgs, LEGACY_GLOBAL_ROOT_KEY, Label, Metadata, type MoveDestination, OnAction, OnPublish, Overrides, type PageMetadata, type Parent, Permissions, Plugin, Render, ResolveDataTrigger, RichTextMenu, type Route, type RouteKey, Separator, UiState, type UseEditorData, UserGenerics, Viewports, appConfigContext, blocksPlugin, createUseEditor, fieldsPlugin, legacySideBarPlugin, outlinePlugin, pageMetadata, registerOverlayPortal, renderContext, setDeep, useApp, useEditor, useGetEditor, usePropsContext, useRouteParams, useStableValue };

package/dist/index.js

@@ -1693,11 +1693,11 @@ function walkAppState(state, config, mapContent = (content) => content, mapNodeO
   const processedRoot = processItem(rootAsComponent, [], -1);
   const root = __spreadValues(__spreadValues({}, state.data.root), processedRoot);
   return __spreadProps(__spreadValues({}, state), {
-    data: {
+    data: __spreadValues({
       root,
       content: processedContent,
       zones: __spreadValues(__spreadValues({}, state.data.zones), newZones)
-    },
+    }, state.data.globals !== void 0 ? { globals: state.data.globals } : {}),
     indexes: {
       nodes: __spreadValues(__spreadValues({}, state.indexes.nodes), newNodeIndex),
       zones: __spreadValues(__spreadValues({}, state.indexes.zones), newZoneIndex)
@@ -1996,10 +1996,10 @@ var init_replace_root = __esm({
         (content) => content,
         (childItem) => {
           if (childItem.props.id === "root") {
-            return __spreadProps(__spreadValues({}, childItem), {
+            return __spreadValues(__spreadProps(__spreadValues({}, childItem), {
               props: __spreadValues(__spreadValues({}, childItem.props), action.root.props),
               readOnly: action.root.readOnly
-            });
+            }), action.root.synced !== void 0 ? { synced: action.root.synced } : {});
           }
           return childItem;
         }
@@ -5585,8 +5585,10 @@ __export(index_exports, {
   Drawer: () => Drawer,
   Editor: () => Editor4,
   FieldLabel: () => FieldLabel,
+  GLOBAL_ROOT_KEY: () => GLOBAL_ROOT_KEY,
   Group: () => Group,
   IconButton: () => IconButton,
+  LEGACY_GLOBAL_ROOT_KEY: () => LEGACY_GLOBAL_ROOT_KEY,
   Label: () => Label,
   Render: () => Render,
   RichTextMenu: () => RichTextMenu,
@@ -5665,6 +5667,8 @@ init_react_import();
 
 // types/Globals.ts
 init_react_import();
+var GLOBAL_ROOT_KEY = "root";
+var LEGACY_GLOBAL_ROOT_KEY = "__root";
 
 // types/Props.tsx
 init_react_import();
@@ -8044,6 +8048,7 @@ init_react_import();
 
 // components/App/App.tsx
 init_react_import();
+var import_react99 = require("react");
 var import_react_router3 = require("react-router");
 
 // components/Editor/index.tsx
@@ -8194,21 +8199,45 @@ var GlobalSyncButton = () => {
       return selectedItem ? ((_a = s.config.components[selectedItem.type]) == null ? void 0 : _a.global) === true : false;
     }
   );
-  if (!selectedItem || !isGlobalType) return null;
-  const isUnlinked = selectedItem.synced === false;
+  const isRootGlobal3 = useAppStore(
+    (s) => {
+      var _a;
+      return !selectedItem && ((_a = s.config.root) == null ? void 0 : _a.global) !== false;
+    }
+  );
+  const rootSynced = useAppStore(
+    (s) => {
+      var _a;
+      return ((_a = s.state.data.root) == null ? void 0 : _a.synced) !== false;
+    }
+  );
+  if (selectedItem) {
+    if (!isGlobalType) return null;
+  } else if (!isRootGlobal3) {
+    return null;
+  }
+  const isUnlinked = selectedItem ? selectedItem.synced === false : !rootSynced;
   const onClick = () => __async(null, null, function* () {
     const { dispatch, state, resolveComponentData: resolveComponentData2 } = appStore.getState();
-    const latestSelector = getSelectorForId(state, selectedItem.props.id);
-    if (!latestSelector) return;
-    const resolved = yield resolveComponentData2(
-      __spreadProps(__spreadValues({}, selectedItem), { synced: isUnlinked ? true : false }),
-      "replace"
-    );
+    if (selectedItem) {
+      const latestSelector = getSelectorForId(state, selectedItem.props.id);
+      if (!latestSelector) return;
+      const resolved = yield resolveComponentData2(
+        __spreadProps(__spreadValues({}, selectedItem), { synced: isUnlinked ? true : false }),
+        "replace"
+      );
+      dispatch({
+        type: "replace",
+        destinationIndex: latestSelector.index,
+        destinationZone: latestSelector.zone || rootDroppableId,
+        data: resolved.node
+      });
+      return;
+    }
     dispatch({
-      type: "replace",
-      destinationIndex: latestSelector.index,
-      destinationZone: latestSelector.zone || rootDroppableId,
-      data: resolved.node
+      type: "replaceRoot",
+      root: __spreadProps(__spreadValues({}, state.data.root), { synced: isUnlinked ? true : false }),
+      recordHistory: true
     });
   });
   const syncButtonClass = [
@@ -9500,6 +9529,10 @@ var ContextSlotRender = ({
 
 // lib/resolve-globals.ts
 init_react_import();
+var isRootGlobal = (config) => {
+  var _a;
+  return ((_a = config.root) == null ? void 0 : _a.global) !== false;
+};
 function resolveItem(item, globals, config, visitedTypes) {
   var _a, _b, _c, _d;
   const type = item.type;
@@ -9537,14 +9570,23 @@ function resolveItem(item, globals, config, visitedTypes) {
   return __spreadProps(__spreadValues({}, item), { props: mergedProps });
 }
 function resolveGlobals(data, config) {
-  var _a;
+  var _a, _b, _c, _d, _e;
   const globals = data.globals;
   if (!globals || Object.keys(globals).length === 0) return data;
   const visited = /* @__PURE__ */ new Set();
   const content = ((_a = data.content) != null ? _a : []).map(
     (item) => resolveItem(item, globals, config, visited)
   );
-  return __spreadProps(__spreadValues({}, data), { content });
+  const rootGlobal = (_b = globals[GLOBAL_ROOT_KEY]) != null ? _b : globals[LEGACY_GLOBAL_ROOT_KEY];
+  const rootSynced = ((_c = data.root) == null ? void 0 : _c.synced) !== false;
+  let nextRoot = data.root;
+  if (isRootGlobal(config) && rootSynced && rootGlobal) {
+    const currentProps = (_e = (_d = data.root) == null ? void 0 : _d.props) != null ? _e : {};
+    nextRoot = __spreadProps(__spreadValues({}, data.root), {
+      props: __spreadValues(__spreadValues(__spreadValues({}, rootGlobal.props), currentProps.children !== void 0 ? { children: currentProps.children } : {}), currentProps.id !== void 0 ? { id: currentProps.id } : {})
+    });
+  }
+  return __spreadProps(__spreadValues({}, data), { root: nextRoot, content });
 }
 
 // components/Render/index.tsx
@@ -13055,9 +13097,16 @@ init_populate_ids();
 
 // lib/split-global-data.ts
 init_react_import();
+var isRootGlobal2 = (config) => {
+  var _a;
+  return ((_a = config.root) == null ? void 0 : _a.global) !== false;
+};
 function splitGlobals(data, config) {
-  var _a, _b;
+  var _a, _b, _c, _d;
   const extracted = __spreadValues({}, (_a = data.globals) != null ? _a : {});
+  if (LEGACY_GLOBAL_ROOT_KEY in extracted) {
+    delete extracted[LEGACY_GLOBAL_ROOT_KEY];
+  }
   function visit(node) {
     var _a2, _b2;
     const type = node.type;
@@ -13078,7 +13127,7 @@ function splitGlobals(data, config) {
     if (!isGlobalType || !node.synced) {
       return __spreadProps(__spreadValues({}, node), { props: processedProps });
     }
-    const _c = processedProps, { children, id } = _c, sharedProps = __objRest(_c, ["children", "id"]);
+    const _c2 = processedProps, { children, id } = _c2, sharedProps = __objRest(_c2, ["children", "id"]);
     extracted[type] = { props: sharedProps };
     const instanceProps = { id };
     if (children !== void 0) instanceProps.children = children;
@@ -13090,7 +13139,19 @@ function splitGlobals(data, config) {
   const strippedContent = ((_b = data.content) != null ? _b : []).map(
     (item) => visit(item)
   );
+  let nextRoot = data.root;
+  const rootSynced = ((_c = data.root) == null ? void 0 : _c.synced) !== false;
+  if (isRootGlobal2(config) && rootSynced && data.root) {
+    const currentProps = (_d = data.root.props) != null ? _d : {};
+    const _e = currentProps, { children, id } = _e, sharedRootProps = __objRest(_e, ["children", "id"]);
+    extracted[GLOBAL_ROOT_KEY] = { props: sharedRootProps };
+    const instanceProps = {};
+    if (id !== void 0) instanceProps.id = id;
+    if (children !== void 0) instanceProps.children = children;
+    nextRoot = __spreadProps(__spreadValues({}, data.root), { props: instanceProps });
+  }
   return __spreadProps(__spreadValues({}, data), {
+    root: nextRoot,
     content: strippedContent,
     globals: extracted
   });
@@ -13463,6 +13524,8 @@ var UrlBar = () => {
         inputValue,
         onInputValueChange: (next) => setInputValue(next),
         autoHighlight: false,
+        openOnInputClick: true,
+        filter: null,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
             "form",
@@ -14255,7 +14318,7 @@ init_store();
 
 // css-module:/Users/rami/Documents/apps/react-editor/packages/core/plugins/fields/styles.module.css#css-module
 init_react_import();
-var styles_module_default34 = { "FieldsPlugin": "_FieldsPlugin_262zt_1", "FieldsPlugin-header": "_FieldsPlugin-header_262zt_7" };
+var styles_module_default34 = { "FieldsPlugin": "_FieldsPlugin_11j3y_1", "FieldsPlugin-header": "_FieldsPlugin-header_11j3y_7" };
 
 // plugins/fields/index.tsx
 init_lib();
@@ -15025,11 +15088,19 @@ var useApp = () => {
     const next = isEditing && cfg.editorPath ? `${cfg.editorPath}${target === "/" ? "" : target}` || "/" : target;
     rrNavigate(next || "/");
   };
+  const resolvePageData = (pageData) => {
+    var _a;
+    if (!cfg.globals || Object.keys(cfg.globals).length === 0) return pageData;
+    return __spreadProps(__spreadValues({}, pageData), {
+      globals: __spreadValues(__spreadValues({}, (_a = pageData.globals) != null ? _a : {}), cfg.globals)
+    });
+  };
   return __spreadProps(__spreadValues({}, cfg), {
     routes,
     isEditing,
     route,
-    navigate
+    navigate,
+    resolvePageData
   });
 };
 
@@ -15037,6 +15108,24 @@ var useApp = () => {
 var import_jsx_runtime93 = require("react/jsx-runtime");
 var EDITOR_PATH = "/editor";
 var isServer = typeof window === "undefined";
+var normalizeEditorPath = (path) => {
+  if (!path || path === "/") return EDITOR_PATH;
+  const withLeading = path.startsWith("/") ? path : `/${path}`;
+  return withLeading.length > 1 && withLeading.endsWith("/") ? withLeading.slice(0, -1) : withLeading;
+};
+var seedGlobalsFromPages = (pages) => {
+  const merged = {};
+  for (const page of Object.values(pages)) {
+    const pageGlobals = page.globals;
+    if (!pageGlobals) continue;
+    for (const [key, entry] of Object.entries(pageGlobals)) {
+      if (entry && entry.props) {
+        merged[key] = entry;
+      }
+    }
+  }
+  return merged;
+};
 function AppProvider({
   config,
   pages,
@@ -15045,15 +15134,28 @@ function AppProvider({
   currentPath,
   children
 }) {
+  if (!pages || typeof pages !== "object") {
+    throw new Error(
+      "<App> requires a `pages` prop (a map of route \u2192 data). For a single-page setup with no routing, use <Editor> directly instead."
+    );
+  }
   const stablePages = useStableValue(pages);
-  const resolvedEditorPath = editorPath === null ? null : editorPath || EDITOR_PATH;
+  const [globals, setGlobals] = (0, import_react98.useState)(
+    () => seedGlobalsFromPages(stablePages)
+  );
+  const updateGlobals = (0, import_react98.useCallback)((next) => {
+    setGlobals(next);
+  }, []);
+  const resolvedEditorPath = editorPath === null ? null : normalizeEditorPath(editorPath != null ? editorPath : EDITOR_PATH);
   const ctxValue = (0, import_react98.useMemo)(
     () => ({
       config,
       pages: stablePages,
-      editorPath: resolvedEditorPath
+      editorPath: resolvedEditorPath,
+      globals,
+      setGlobals: updateGlobals
     }),
-    [config, stablePages, resolvedEditorPath]
+    [config, stablePages, resolvedEditorPath, globals, updateGlobals]
   );
   const inner = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(appConfigContext.Provider, { value: ctxValue, children });
   if (isServer) {
@@ -15094,14 +15196,14 @@ function RenderForKey({
   routeKey,
   metadata
 }) {
-  const { config, pages } = useApp();
+  const { config, pages, resolvePageData } = useApp();
   const data = pages[routeKey];
   if (!data) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
     Render,
     {
       config,
-      data,
+      data: resolvePageData(data),
       metadata
     },
     routeKey
@@ -15112,9 +15214,27 @@ function EditorForKey({
   editorProps,
   children
 }) {
-  const { config, pages, routes, navigate, route } = useApp();
-  const data = pages[routeKey];
-  if (!data) return null;
+  const {
+    config,
+    pages,
+    routes,
+    navigate,
+    route,
+    resolvePageData,
+    setGlobals
+  } = useApp();
+  const rawData = pages[routeKey];
+  const hostOnChange = editorProps.onChange;
+  const handleChange = (0, import_react99.useCallback)(
+    (next) => {
+      const nextGlobals = next.globals;
+      if (nextGlobals) setGlobals(nextGlobals);
+      hostOnChange == null ? void 0 : hostOnChange(next);
+    },
+    [hostOnChange, setGlobals]
+  );
+  if (!rawData) return null;
+  const data = resolvePageData(rawData);
   const editorRoute = {
     key: routeKey,
     path: (route == null ? void 0 : route.key) === routeKey ? route.path : routeKey,
@@ -15133,7 +15253,7 @@ function EditorForKey({
       iframe: editorProps.iframe,
       viewports: editorProps.viewports,
       permissions: editorProps.permissions,
-      onChange: editorProps.onChange,
+      onChange: handleChange,
       onPublish: editorProps.onPublish,
       onAction: editorProps.onAction,
       renderHeader: editorProps.renderHeader,
@@ -15622,8 +15742,10 @@ var legacySideBarPlugin = () => ({
   Drawer,
   Editor,
   FieldLabel,
+  GLOBAL_ROOT_KEY,
   Group,
   IconButton,
+  LEGACY_GLOBAL_ROOT_KEY,
   Label,
   Render,
   RichTextMenu,

package/dist/index.mjs

@@ -7,6 +7,8 @@ import {
   Drawer,
   Editor,
   FieldLabel,
+  GLOBAL_ROOT_KEY,
+  LEGACY_GLOBAL_ROOT_KEY,
   Render,
   appConfigContext,
   blocksPlugin,
@@ -25,8 +27,8 @@ import {
   usePropsContext,
   useRouteParams,
   useStableValue
-} from "./chunk-HWYAMQID.mjs";
-import "./chunk-BORTMJJZ.mjs";
+} from "./chunk-5WTMEYPV.mjs";
+import "./chunk-UEPLVAME.mjs";
 import {
   Action,
   ActionBar,
@@ -35,25 +37,25 @@ import {
   Label,
   RichTextMenu,
   Separator
-} from "./chunk-MVJENRGK.mjs";
-import "./chunk-M36T7BWB.mjs";
+} from "./chunk-XREK5QOM.mjs";
+import "./chunk-HIOPRNZ4.mjs";
 import {
   getRouteProps,
   migrate,
   resolveAllData,
   resolveRouteFromString,
   transformProps
-} from "./chunk-AD67LVXW.mjs";
+} from "./chunk-U52CF6C5.mjs";
 import "./chunk-6QJ2HF4O.mjs";
-import "./chunk-PGSQPCM6.mjs";
-import "./chunk-DKFLK64M.mjs";
-import "./chunk-MUBFR675.mjs";
-import "./chunk-M4JDRFYB.mjs";
-import "./chunk-FTVOCMGV.mjs";
+import "./chunk-R344I62Q.mjs";
+import "./chunk-ANWIFBRQ.mjs";
+import "./chunk-QGW2O2TN.mjs";
+import "./chunk-BFLF77R7.mjs";
+import "./chunk-MGEDZ4MA.mjs";
 import "./chunk-DQU3HIP4.mjs";
 import {
   walkTree
-} from "./chunk-JIXMPJZA.mjs";
+} from "./chunk-SQ66YE7L.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";
@@ -71,8 +73,10 @@ export {
   Drawer,
   Editor,
   FieldLabel,
+  GLOBAL_ROOT_KEY,
   Group,
   IconButton,
+  LEGACY_GLOBAL_ROOT_KEY,
   Label,
   Render,
   RichTextMenu,

package/dist/internal.d.mts

@@ -1,6 +1,6 @@
 import { Reducer } from 'react';
-import { D as Data, A as AppState, O as OnAction, P as PrivateAppState, E as EditorAction } from './actions-BxLinRKD.mjs';
-import { A as AppStore } from './index-DET4zR84.mjs';
+import { D as Data, A as AppState, O as OnAction, P as PrivateAppState, E as EditorAction } from './actions-BxpNoF2q.mjs';
+import { A as AppStore } from './index-YjPj7lv4.mjs';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
 import '@tiptap/extension-bold';