@reacteditor/core 0.0.21 → 0.0.23

package/dist/internal.d.ts

@@ -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.js';
-import { A as AppStore } from './index-YRgZBGas.js';
+import { D as Data, A as AppState, O as OnAction, P as PrivateAppState, E as EditorAction } from './actions-BxpNoF2q.js';
+import { A as AppStore } from './index-XnBvIAmy.js';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
 import '@tiptap/extension-bold';

package/dist/internal.js

@@ -389,11 +389,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)
@@ -608,10 +608,10 @@ var replaceRootAction = (state, action, appStore) => {
     (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;
     }

package/dist/internal.mjs

@@ -1,7 +1,7 @@
 import {
   createReducer
-} from "./chunk-M4JDRFYB.mjs";
-import "./chunk-JIXMPJZA.mjs";
+} from "./chunk-BFLF77R7.mjs";
+import "./chunk-SQ66YE7L.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{loaded-BHRFTTT2.mjs → loaded-B6MZXIYJ.mjs}

@@ -1,15 +1,15 @@
 import {
   useHeadingOptions
-} from "./chunk-DKFLK64M.mjs";
+} from "./chunk-ANWIFBRQ.mjs";
 import {
   Heading,
   SelectControl,
   useControlContext
-} from "./chunk-MUBFR675.mjs";
-import "./chunk-M4JDRFYB.mjs";
-import "./chunk-FTVOCMGV.mjs";
+} from "./chunk-QGW2O2TN.mjs";
+import "./chunk-BFLF77R7.mjs";
+import "./chunk-MGEDZ4MA.mjs";
 import "./chunk-DQU3HIP4.mjs";
-import "./chunk-JIXMPJZA.mjs";
+import "./chunk-SQ66YE7L.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{loaded-XKFARPER.mjs → loaded-IYWHACEP.mjs}

@@ -1,15 +1,15 @@
 import {
   useAlignOptions
-} from "./chunk-PGSQPCM6.mjs";
+} from "./chunk-R344I62Q.mjs";
 import {
   AlignLeft,
   SelectControl,
   useControlContext
-} from "./chunk-MUBFR675.mjs";
-import "./chunk-M4JDRFYB.mjs";
-import "./chunk-FTVOCMGV.mjs";
+} from "./chunk-QGW2O2TN.mjs";
+import "./chunk-BFLF77R7.mjs";
+import "./chunk-MGEDZ4MA.mjs";
 import "./chunk-DQU3HIP4.mjs";
-import "./chunk-JIXMPJZA.mjs";
+import "./chunk-SQ66YE7L.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{loaded-HIFB4G2Q.mjs → loaded-QSBR22EG.mjs}

@@ -1,15 +1,15 @@
 import {
   useListOptions
-} from "./chunk-M36T7BWB.mjs";
+} from "./chunk-HIOPRNZ4.mjs";
 import {
   List,
   SelectControl,
   useControlContext
-} from "./chunk-MUBFR675.mjs";
-import "./chunk-M4JDRFYB.mjs";
-import "./chunk-FTVOCMGV.mjs";
+} from "./chunk-QGW2O2TN.mjs";
+import "./chunk-BFLF77R7.mjs";
+import "./chunk-MGEDZ4MA.mjs";
 import "./chunk-DQU3HIP4.mjs";
-import "./chunk-JIXMPJZA.mjs";
+import "./chunk-SQ66YE7L.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/no-external.css

@@ -3142,13 +3142,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;
@@ -3156,7 +3157,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/no-external.d.mts

@@ -1,7 +1,7 @@
-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, b as ComponentData, L as ComponentDataMap, N as ComponentDataOptionalId, Q as ComponentMetadata, C as Config, S as ConfigParams, j as Content, T as CustomField, X as CustomFieldRender, D as Data, l as DefaultComponentProps, k as DefaultComponents, m as DefaultRootFieldProps, Y as DefaultRootProps, Z as DefaultRootRenderProps, _ as Direction, $ as DragAxis, E as EditorAction, q as EditorChromeConfig, a0 as EditorComponent, a1 as EditorContext, a2 as EditorMetadata, a3 as ExternalField, a4 as ExternalFieldWithAdaptor, a5 as ExtractConfigParams, a6 as ExtractField, o as Field, a7 as FieldMetadata, p as FieldProps, a8 as FieldRenderFunctions, a9 as FieldTransformFn, aa as FieldTransformFnParams, h as FieldTransforms, F as Fields, H as History, I as IframeConfig, r as InitialHistory, ab as ItemWithId, ac as MappedItem, M as Metadata, ad as NumberField, ae as ObjectField, O as OnAction, af as OverrideKey, e as Overrides, a as Permissions, d as Plugin, ag as RadioField, c as ResolveDataTrigger, 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, f as UiState, U as UserGenerics, aq as Viewport, V as Viewports, ar as WithChildren, as as WithEditorProps, W as WithId, at as WithSlotProps, au as overrideKeys } from './actions-BxLinRKD.mjs';
-export { Action, ActionBar, App, AppContextValue, AppEditorProps, AppProps, AppProvider, AppProviderProps, AppRenderProps, AppRoute, AppRouterVariant, AutoField, Button, ComponentList, Drawer, Editor, EditorApi, EditorCommands, FieldLabel, GlobalsMap, Group, IconButton, InsertComponentArgs, Label, MoveDestination, PageMetadata, Parent, Render, RichTextMenu, Route, RouteKey, Separator, UseEditorData, appConfigContext, blocksPlugin, createUseEditor, fieldsPlugin, legacySideBarPlugin, outlinePlugin, pageMetadata, registerOverlayPortal, renderContext, setDeep, useApp, useEditor, useGetEditor, usePropsContext, useRouteParams, useStableValue } from './index.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';
-export { E as EditorRoute, O as OnPublish } from './index-DET4zR84.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, b as ComponentData, L as ComponentDataMap, N as ComponentDataOptionalId, Q as ComponentMetadata, C as Config, S as ConfigParams, j as Content, T as CustomField, X as CustomFieldRender, D as Data, l as DefaultComponentProps, k as DefaultComponents, m as DefaultRootFieldProps, Y as DefaultRootProps, Z as DefaultRootRenderProps, _ as Direction, $ as DragAxis, E as EditorAction, q as EditorChromeConfig, a0 as EditorComponent, a1 as EditorContext, a2 as EditorMetadata, a3 as ExternalField, a4 as ExternalFieldWithAdaptor, a5 as ExtractConfigParams, a6 as ExtractField, o as Field, a7 as FieldMetadata, p as FieldProps, a8 as FieldRenderFunctions, a9 as FieldTransformFn, aa as FieldTransformFnParams, h as FieldTransforms, F as Fields, H as History, I as IframeConfig, r as InitialHistory, ab as ItemWithId, ac as MappedItem, M as Metadata, ad as NumberField, ae as ObjectField, O as OnAction, af as OverrideKey, e as Overrides, a as Permissions, d as Plugin, ag as RadioField, c as ResolveDataTrigger, 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, f as UiState, U as UserGenerics, aq as Viewport, V as Viewports, ar as WithChildren, as as WithEditorProps, W as WithId, at as WithSlotProps, au as overrideKeys } from './actions-BxpNoF2q.mjs';
+export { Action, ActionBar, App, AppContextValue, AppEditorProps, AppProps, AppProvider, AppProviderProps, AppRenderProps, AppRoute, AppRouterVariant, AutoField, Button, ComponentList, Drawer, Editor, EditorApi, EditorCommands, FieldLabel, GLOBAL_ROOT_KEY, GlobalsMap, Group, IconButton, InsertComponentArgs, LEGACY_GLOBAL_ROOT_KEY, Label, MoveDestination, PageMetadata, Parent, Render, RichTextMenu, Route, RouteKey, Separator, UseEditorData, appConfigContext, blocksPlugin, createUseEditor, fieldsPlugin, legacySideBarPlugin, outlinePlugin, pageMetadata, registerOverlayPortal, renderContext, setDeep, useApp, useEditor, useGetEditor, usePropsContext, useRouteParams, useStableValue } from './index.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';
+export { E as EditorRoute, O as OnPublish } from './index-YjPj7lv4.mjs';
 import 'react';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';

package/dist/no-external.d.ts

@@ -1,7 +1,7 @@
-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, b as ComponentData, L as ComponentDataMap, N as ComponentDataOptionalId, Q as ComponentMetadata, C as Config, S as ConfigParams, j as Content, T as CustomField, X as CustomFieldRender, D as Data, l as DefaultComponentProps, k as DefaultComponents, m as DefaultRootFieldProps, Y as DefaultRootProps, Z as DefaultRootRenderProps, _ as Direction, $ as DragAxis, E as EditorAction, q as EditorChromeConfig, a0 as EditorComponent, a1 as EditorContext, a2 as EditorMetadata, a3 as ExternalField, a4 as ExternalFieldWithAdaptor, a5 as ExtractConfigParams, a6 as ExtractField, o as Field, a7 as FieldMetadata, p as FieldProps, a8 as FieldRenderFunctions, a9 as FieldTransformFn, aa as FieldTransformFnParams, h as FieldTransforms, F as Fields, H as History, I as IframeConfig, r as InitialHistory, ab as ItemWithId, ac as MappedItem, M as Metadata, ad as NumberField, ae as ObjectField, O as OnAction, af as OverrideKey, e as Overrides, a as Permissions, d as Plugin, ag as RadioField, c as ResolveDataTrigger, 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, f as UiState, U as UserGenerics, aq as Viewport, V as Viewports, ar as WithChildren, as as WithEditorProps, W as WithId, at as WithSlotProps, au as overrideKeys } from './actions-BxLinRKD.js';
-export { Action, ActionBar, App, AppContextValue, AppEditorProps, AppProps, AppProvider, AppProviderProps, AppRenderProps, AppRoute, AppRouterVariant, AutoField, Button, ComponentList, Drawer, Editor, EditorApi, EditorCommands, FieldLabel, GlobalsMap, Group, IconButton, InsertComponentArgs, Label, MoveDestination, PageMetadata, Parent, Render, RichTextMenu, Route, RouteKey, Separator, UseEditorData, appConfigContext, blocksPlugin, createUseEditor, fieldsPlugin, legacySideBarPlugin, outlinePlugin, pageMetadata, registerOverlayPortal, renderContext, setDeep, useApp, useEditor, useGetEditor, usePropsContext, useRouteParams, useStableValue } from './index.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';
-export { E as EditorRoute, O as OnPublish } from './index-YRgZBGas.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, b as ComponentData, L as ComponentDataMap, N as ComponentDataOptionalId, Q as ComponentMetadata, C as Config, S as ConfigParams, j as Content, T as CustomField, X as CustomFieldRender, D as Data, l as DefaultComponentProps, k as DefaultComponents, m as DefaultRootFieldProps, Y as DefaultRootProps, Z as DefaultRootRenderProps, _ as Direction, $ as DragAxis, E as EditorAction, q as EditorChromeConfig, a0 as EditorComponent, a1 as EditorContext, a2 as EditorMetadata, a3 as ExternalField, a4 as ExternalFieldWithAdaptor, a5 as ExtractConfigParams, a6 as ExtractField, o as Field, a7 as FieldMetadata, p as FieldProps, a8 as FieldRenderFunctions, a9 as FieldTransformFn, aa as FieldTransformFnParams, h as FieldTransforms, F as Fields, H as History, I as IframeConfig, r as InitialHistory, ab as ItemWithId, ac as MappedItem, M as Metadata, ad as NumberField, ae as ObjectField, O as OnAction, af as OverrideKey, e as Overrides, a as Permissions, d as Plugin, ag as RadioField, c as ResolveDataTrigger, 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, f as UiState, U as UserGenerics, aq as Viewport, V as Viewports, ar as WithChildren, as as WithEditorProps, W as WithId, at as WithSlotProps, au as overrideKeys } from './actions-BxpNoF2q.js';
+export { Action, ActionBar, App, AppContextValue, AppEditorProps, AppProps, AppProvider, AppProviderProps, AppRenderProps, AppRoute, AppRouterVariant, AutoField, Button, ComponentList, Drawer, Editor, EditorApi, EditorCommands, FieldLabel, GLOBAL_ROOT_KEY, GlobalsMap, Group, IconButton, InsertComponentArgs, LEGACY_GLOBAL_ROOT_KEY, Label, MoveDestination, PageMetadata, Parent, Render, RichTextMenu, Route, RouteKey, Separator, UseEditorData, appConfigContext, blocksPlugin, createUseEditor, fieldsPlugin, legacySideBarPlugin, outlinePlugin, pageMetadata, registerOverlayPortal, renderContext, setDeep, useApp, useEditor, useGetEditor, usePropsContext, useRouteParams, useStableValue } from './index.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';
+export { E as EditorRoute, O as OnPublish } from './index-XnBvIAmy.js';
 import 'react';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';

package/dist/no-external.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(no_external_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/no-external.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/rsc.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as Config, U as UserGenerics, M as Metadata } 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 { C as Config, U as UserGenerics, M as Metadata } 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 'react';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';

package/dist/rsc.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as Config, U as UserGenerics, M as Metadata } 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 { C as Config, U as UserGenerics, M as Metadata } 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 'react';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';

package/dist/rsc.js

@@ -1355,11 +1355,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)

package/dist/rsc.mjs

@@ -7,9 +7,9 @@ import {
   transformProps,
   useRichtextProps,
   useSlots
-} from "./chunk-AD67LVXW.mjs";
+} from "./chunk-U52CF6C5.mjs";
 import "./chunk-6QJ2HF4O.mjs";
-import "./chunk-FTVOCMGV.mjs";
+import "./chunk-MGEDZ4MA.mjs";
 import "./chunk-DQU3HIP4.mjs";
 import {
   rootAreaId,
@@ -17,7 +17,7 @@ import {
   rootZone,
   setupZone,
   walkTree
-} from "./chunk-JIXMPJZA.mjs";
+} from "./chunk-SQ66YE7L.mjs";
 import {
   __spreadProps,
   __spreadValues,