@reacteditor/core 0.0.21 → 0.0.22

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-D_rLbpVe.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-D_rLbpVe.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-Dq_FpsiR.mjs';
+import { O as OnPublish, E as EditorRoute, A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-ByKXq8j5.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,18 @@ 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`.
  */
 type GlobalsMap = NonNullable<Data["globals"]>;
+/**
+ * Reserved key inside `data.globals` that stores shared root props. Chosen
+ * with a double underscore so it cannot collide with a user-defined component
+ * type name.
+ */
+declare const GLOBAL_ROOT_KEY: "__root";
 
 /**
  * A route key — the literal string used as a `pages` key in `<App>` and
@@ -111,6 +121,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 +141,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 +597,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, 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-D_rLbpVe.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-D_rLbpVe.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-CklAwhBX.js';
+import { O as OnPublish, E as EditorRoute, A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-jLN0kzKZ.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,18 @@ 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`.
  */
 type GlobalsMap = NonNullable<Data["globals"]>;
+/**
+ * Reserved key inside `data.globals` that stores shared root props. Chosen
+ * with a double underscore so it cannot collide with a user-defined component
+ * type name.
+ */
+declare const GLOBAL_ROOT_KEY: "__root";
 
 /**
  * A route key — the literal string used as a `pages` key in `<App>` and
@@ -111,6 +121,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 +141,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 +597,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, 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,6 +5585,7 @@ __export(index_exports, {
   Drawer: () => Drawer,
   Editor: () => Editor4,
   FieldLabel: () => FieldLabel,
+  GLOBAL_ROOT_KEY: () => GLOBAL_ROOT_KEY,
   Group: () => Group,
   IconButton: () => IconButton,
   Label: () => Label,
@@ -5665,6 +5666,7 @@ init_react_import();
 
 // types/Globals.ts
 init_react_import();
+var GLOBAL_ROOT_KEY = "__root";
 
 // types/Props.tsx
 init_react_import();
@@ -8044,6 +8046,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 +8197,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 +9527,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 +9568,23 @@ function resolveItem(item, globals, config, visitedTypes) {
   return __spreadProps(__spreadValues({}, item), { props: mergedProps });
 }
 function resolveGlobals(data, config) {
-  var _a;
+  var _a, _b, _c, _d;
   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 = globals[GLOBAL_ROOT_KEY];
+  const rootSynced = ((_b = data.root) == null ? void 0 : _b.synced) !== false;
+  let nextRoot = data.root;
+  if (isRootGlobal(config) && rootSynced && rootGlobal) {
+    const currentProps = (_d = (_c = data.root) == null ? void 0 : _c.props) != null ? _d : {};
+    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,8 +13095,12 @@ 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 : {});
   function visit(node) {
     var _a2, _b2;
@@ -13078,7 +13122,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 +13134,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 +13519,8 @@ var UrlBar = () => {
         inputValue,
         onInputValueChange: (next) => setInputValue(next),
         autoHighlight: false,
+        openOnInputClick: true,
+        filter: null,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
             "form",
@@ -15025,11 +15083,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 +15103,19 @@ var useApp = () => {
 var import_jsx_runtime93 = require("react/jsx-runtime");
 var EDITOR_PATH = "/editor";
 var isServer = typeof window === "undefined";
+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,
@@ -15046,14 +15125,22 @@ function AppProvider({
   children
 }) {
   const stablePages = useStableValue(pages);
+  const [globals, setGlobals] = (0, import_react98.useState)(
+    () => seedGlobalsFromPages(stablePages)
+  );
+  const updateGlobals = (0, import_react98.useCallback)((next) => {
+    setGlobals(next);
+  }, []);
   const resolvedEditorPath = editorPath === null ? 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 +15181,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 +15199,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 +15238,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,6 +15727,7 @@ var legacySideBarPlugin = () => ({
   Drawer,
   Editor,
   FieldLabel,
+  GLOBAL_ROOT_KEY,
   Group,
   IconButton,
   Label,

package/dist/index.mjs

@@ -7,6 +7,7 @@ import {
   Drawer,
   Editor,
   FieldLabel,
+  GLOBAL_ROOT_KEY,
   Render,
   appConfigContext,
   blocksPlugin,
@@ -25,8 +26,8 @@ import {
   usePropsContext,
   useRouteParams,
   useStableValue
-} from "./chunk-HWYAMQID.mjs";
-import "./chunk-BORTMJJZ.mjs";
+} from "./chunk-UOKINS3M.mjs";
+import "./chunk-UEPLVAME.mjs";
 import {
   Action,
   ActionBar,
@@ -35,25 +36,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,6 +72,7 @@ export {
   Drawer,
   Editor,
   FieldLabel,
+  GLOBAL_ROOT_KEY,
   Group,
   IconButton,
   Label,

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-D_rLbpVe.mjs';
+import { A as AppStore } from './index-ByKXq8j5.mjs';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
 import '@tiptap/extension-bold';

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-D_rLbpVe.js';
+import { A as AppStore } from './index-jLN0kzKZ.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";