@reacteditor/core 0.0.9 → 0.0.10

package/dist/index.css

@@ -1686,6 +1686,90 @@ textarea._Input-input_zwh6e_27 {
   padding: 14px 12px;
 }
 
+/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Editor/components/Fields/styles.module.css/#css-module-data */
+._EditorFields_3dnua_1 {
+  position: relative;
+  font-family: var(--editor-font-family);
+}
+._EditorFields--isLoading_3dnua_6 {
+  min-height: 48px;
+}
+._EditorFields-loadingOverlay_3dnua_10 {
+  background: var(--editor-surface-panel);
+  display: flex;
+  justify-content: flex-end;
+  align-items: flex-start;
+  height: 100%;
+  width: 100%;
+  top: 0px;
+  position: absolute;
+  z-index: 1;
+  pointer-events: all;
+  box-sizing: border-box;
+  opacity: 0.8;
+}
+._EditorFields-loadingOverlayInner_3dnua_25 {
+  display: flex;
+  padding: 16px;
+  position: sticky;
+  top: 0;
+}
+._EditorFields-field_3dnua_32 * {
+  box-sizing: border-box;
+}
+._EditorFields--wrapFields_3dnua_36 ._EditorFields-field_3dnua_32 {
+  color: var(--editor-text-secondary);
+  padding: 14px 16px;
+  display: block;
+}
+._EditorFields--wrapFields_3dnua_36 ._EditorFields-field_3dnua_32 + ._EditorFields-field_3dnua_32 {
+  border-top: 1px solid var(--editor-border-subtle);
+}
+._EditorFields-syncButton_3dnua_46 {
+  align-items: center;
+  background: transparent;
+  border: 1px solid var(--editor-color-global);
+  border-radius: var(--editor-radius-md);
+  color: var(--editor-color-global);
+  cursor: pointer;
+  display: flex;
+  font: inherit;
+  font-size: var(--editor-font-size-xxs);
+  font-weight: 500;
+  gap: 8px;
+  justify-content: center;
+  margin: 12px 16px;
+  padding: 10px;
+  transition:
+    background-color var(--editor-motion-fast) var(--editor-ease),
+    border-color var(--editor-motion-fast) var(--editor-ease),
+    color var(--editor-motion-fast) var(--editor-ease);
+  width: calc(100% - 32px);
+}
+@media (hover: hover) and (pointer: fine) {
+  ._EditorFields-syncButton_3dnua_46:hover {
+    background: var(--editor-color-global-soft);
+  }
+}
+._EditorFields-syncButton_3dnua_46:focus-visible {
+  outline: none;
+  box-shadow: var(--editor-ring);
+}
+._EditorFields-syncButton--unlinked_3dnua_78 {
+  border-color: var(--editor-border-default);
+  color: var(--editor-text-secondary);
+}
+@media (hover: hover) and (pointer: fine) {
+  ._EditorFields-syncButton--unlinked_3dnua_78:hover {
+    background: var(--editor-surface-hover);
+    border-color: var(--editor-border-strong);
+    color: var(--editor-text-primary);
+  }
+}
+._EditorFields--wrapFields_3dnua_36 ._EditorFields-syncButton_3dnua_46 + ._EditorFields-field_3dnua_32 {
+  border-top: none;
+}
+
 /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/ComponentList/styles.module.css/#css-module-data */
 ._ComponentList_1mlcu_1 {
   max-width: 100%;
@@ -2051,90 +2135,6 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
   display: none;
 }
 
-/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Editor/components/Fields/styles.module.css/#css-module-data */
-._EditorFields_3dnua_1 {
-  position: relative;
-  font-family: var(--editor-font-family);
-}
-._EditorFields--isLoading_3dnua_6 {
-  min-height: 48px;
-}
-._EditorFields-loadingOverlay_3dnua_10 {
-  background: var(--editor-surface-panel);
-  display: flex;
-  justify-content: flex-end;
-  align-items: flex-start;
-  height: 100%;
-  width: 100%;
-  top: 0px;
-  position: absolute;
-  z-index: 1;
-  pointer-events: all;
-  box-sizing: border-box;
-  opacity: 0.8;
-}
-._EditorFields-loadingOverlayInner_3dnua_25 {
-  display: flex;
-  padding: 16px;
-  position: sticky;
-  top: 0;
-}
-._EditorFields-field_3dnua_32 * {
-  box-sizing: border-box;
-}
-._EditorFields--wrapFields_3dnua_36 ._EditorFields-field_3dnua_32 {
-  color: var(--editor-text-secondary);
-  padding: 14px 16px;
-  display: block;
-}
-._EditorFields--wrapFields_3dnua_36 ._EditorFields-field_3dnua_32 + ._EditorFields-field_3dnua_32 {
-  border-top: 1px solid var(--editor-border-subtle);
-}
-._EditorFields-syncButton_3dnua_46 {
-  align-items: center;
-  background: transparent;
-  border: 1px solid var(--editor-color-global);
-  border-radius: var(--editor-radius-md);
-  color: var(--editor-color-global);
-  cursor: pointer;
-  display: flex;
-  font: inherit;
-  font-size: var(--editor-font-size-xxs);
-  font-weight: 500;
-  gap: 8px;
-  justify-content: center;
-  margin: 12px 16px;
-  padding: 10px;
-  transition:
-    background-color var(--editor-motion-fast) var(--editor-ease),
-    border-color var(--editor-motion-fast) var(--editor-ease),
-    color var(--editor-motion-fast) var(--editor-ease);
-  width: calc(100% - 32px);
-}
-@media (hover: hover) and (pointer: fine) {
-  ._EditorFields-syncButton_3dnua_46:hover {
-    background: var(--editor-color-global-soft);
-  }
-}
-._EditorFields-syncButton_3dnua_46:focus-visible {
-  outline: none;
-  box-shadow: var(--editor-ring);
-}
-._EditorFields-syncButton--unlinked_3dnua_78 {
-  border-color: var(--editor-border-default);
-  color: var(--editor-text-secondary);
-}
-@media (hover: hover) and (pointer: fine) {
-  ._EditorFields-syncButton--unlinked_3dnua_78:hover {
-    background: var(--editor-surface-hover);
-    border-color: var(--editor-border-strong);
-    color: var(--editor-text-primary);
-  }
-}
-._EditorFields--wrapFields_3dnua_36 ._EditorFields-syncButton_3dnua_46 + ._EditorFields-field_3dnua_32 {
-  border-top: none;
-}
-
 /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Editor/components/Components/styles.module.css/#css-module-data */
 ._Components-search_recer_1 {
   position: relative;

package/dist/index.d.mts

@@ -1,10 +1,10 @@
-import { D as Data, o as Field, p as FieldProps, C as Config, U as UserGenerics, k as UiState, O as OnAction, f as Permissions, i as Plugin, j as Overrides, m as FieldTransforms, E as EditorAction, V as Viewports, I as IframeConfig, q as InitialHistory, M as Metadata, b as ComponentData, d as DefaultComponentProps, e as DefaultRootFieldProps, h as ResolveDataTrigger, r as ItemSelector, s as PluginInternal } from './actions-2L-1hQ7r.mjs';
-export { t as Adaptor, A as AppState, u as ArrayField, v as ArrayState, w as AsFieldProps, B as BaseData, x as BaseField, y as CacheOpts, z as ColorField, l as ComponentConfig, G as ComponentConfigExtensions, J as ComponentConfigParams, K as ComponentDataMap, L as ComponentDataOptionalId, N as ComponentMetadata, Q as ConfigParams, a as Content, S as CustomField, T as CustomFieldRender, c as DefaultComponents, X as DefaultRootProps, Y as DefaultRootRenderProps, Z as Direction, _ as DragAxis, $ as EditorComponent, a0 as EditorContext, a1 as EditorMetadata, a2 as ExternalField, a3 as ExternalFieldWithAdaptor, a4 as ExtractConfigParams, a5 as ExtractField, a6 as FieldMetadata, a7 as FieldRenderFunctions, a8 as FieldTransformFn, a9 as FieldTransformFnParams, F as Fields, H as History, aa as ItemWithId, ab as MappedItem, ac as NumberField, ad as ObjectField, ae as OverrideKey, af as RadioField, ag as RichText, n as RichtextField, ah as RootConfig, R as RootData, g as RootDataWithProps, ai as RootDataWithoutProps, aj as SelectField, ak as Slot, al as SlotComponent, am as SlotField, an as TextField, ao as TextareaField, ap as Viewport, aq as WithChildren, ar as WithEditorProps, W as WithId, as as WithSlotProps, at as overrideKeys } from './actions-2L-1hQ7r.mjs';
-export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-4C3ODO3X.mjs';
+import { D as Data, o as Field, p as FieldProps, C as Config, U as UserGenerics, d as Plugin, e as Overrides, h as FieldTransforms, M as Metadata, I as IframeConfig, V as Viewports, a as Permissions, f as UiState, O as OnAction, E as EditorAction, q as InitialHistory, b as ComponentData, l as DefaultComponentProps, m as DefaultRootFieldProps, c as ResolveDataTrigger, r as ItemSelector, s as PluginInternal } from './actions-B8_EA7vy.mjs';
+export { t as Adaptor, A as AppState, u as ArrayField, v as ArrayState, w as AsFieldProps, B as BaseData, x as BaseField, y as CacheOpts, z as ColorField, g as ComponentConfig, G as ComponentConfigExtensions, J as ComponentConfigParams, K as ComponentDataMap, L as ComponentDataOptionalId, N as ComponentMetadata, Q as ConfigParams, j as Content, S as CustomField, T as CustomFieldRender, k as DefaultComponents, X as DefaultRootProps, Y as DefaultRootRenderProps, Z as Direction, _ as DragAxis, $ as EditorComponent, a0 as EditorContext, a1 as EditorMetadata, a2 as ExternalField, a3 as ExternalFieldWithAdaptor, a4 as ExtractConfigParams, a5 as ExtractField, a6 as FieldMetadata, a7 as FieldRenderFunctions, a8 as FieldTransformFn, a9 as FieldTransformFnParams, F as Fields, H as History, aa as ItemWithId, ab as MappedItem, ac as NumberField, ad as ObjectField, ae as OverrideKey, af as RadioField, ag as RichText, i as RichtextField, ah as RootConfig, n as RootData, R as RootDataWithProps, ai as RootDataWithoutProps, aj as SelectField, ak as Slot, al as SlotComponent, am as SlotField, an as TextField, ao as TextareaField, ap as Viewport, aq as WithChildren, ar as WithEditorProps, W as WithId, as as WithSlotProps, at as overrideKeys } from './actions-B8_EA7vy.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-BR2XIZ0W.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import react__default, { ReactNode, SyntheticEvent, ReactElement, CSSProperties } from 'react';
-import { A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-BXuSeNez.mjs';
+import { A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-JoD48fK_.mjs';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
 import '@tiptap/extension-bold';
@@ -30,17 +30,17 @@ import '@tiptap/extension-underline';
 type GlobalsMap = NonNullable<Data["globals"]>;
 
 /**
- * A concrete page destination surfaced in the editor's page switcher.
- * `path` is the stable identifier AND the URL; `title` is the display
- * label. Keep this type light — full page content lives in separate
- * per-page data blobs owned by the consumer. When Editor eventually
- * introduces a richer `Page` type (data + metadata + path + title),
- * `Route` can stay as the summary / reference projection of it.
+ * A route key — the literal string used as a `pages` key in `<App>` and
+ * the picker entry in `<Editor routes>`. The same string flows through:
+ *   - `pages={{ [routeKey]: pageData }}` declares the schema
+ *   - `<Editor routes={[routeKey, ...]}>` powers the page picker
+ *   - `<Editor currentPath={routeKey}>` marks the selected page
+ *   - `onPublish(data, routeKey)` returns it for persistence
+ *
+ * Patterns follow path-to-regexp v8 / Express 5 syntax: "/", "/about",
+ * "/products/:handle", "/docs/*splat".
  */
-type Route = {
-    path: string;
-    title: string;
-};
+type Route = string;
 
 declare const ActionBar: {
     ({ label, children, }: {
@@ -91,6 +91,90 @@ declare function AutoField<ValueType = any, FieldType extends FieldNoLabel<Value
     value: any;
 }): react_jsx_runtime.JSX.Element | null;
 
+/** A route key — the literal pattern used in `pages`. */
+type RouteKey = string;
+type AppMatched<Data = unknown> = {
+    /** The route key string — stable persistence identifier. */
+    route: RouteKey;
+    /** Concrete params extracted from the URL (e.g. { handle: "abc" }). */
+    params: Readonly<Record<string, string | undefined>>;
+    /** The page's data. */
+    data: Data;
+};
+type AppConfigContext<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = {
+    config: UserConfig;
+    pages: Record<RouteKey, Partial<G["UserData"] | Data>>;
+    /** "/edit" by default; null disables editor mode entirely. */
+    editorPath: string | null;
+};
+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> & {
+    /** All page route keys, in declaration order. */
+    routes: RouteKey[];
+    /** Resolved current pathname from React Router. */
+    currentPath: string;
+    /** True when currentPath starts with editorPath. */
+    isEditing: boolean;
+    /** The URL relative to editorPath when isEditing — what pages are matched against. */
+    matchRoute: string;
+    /** Result of matching matchRoute against pages. Null = 404. */
+    matched: AppMatched<Partial<G["UserData"] | Data>> | null;
+    /** Navigate to a route key. Wraps with editorPath when editing. */
+    navigate: (route: RouteKey) => void;
+};
+/**
+ * Read the resolved route context. Combines config + pages + editorPath
+ * (from `<AppProvider>`) with the live location/navigation (from React Router).
+ */
+declare const useApp: <UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>() => AppContextValue<UserConfig, G>;
+
+/** Which RR router variant to use on the client. SSR always uses StaticRouter. */
+type AppRouterVariant = "browser" | "hash" | "memory";
+type AppProviderProps<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = {
+    config: UserConfig;
+    pages: Record<RouteKey, Partial<G["UserData"] | Data>>;
+    /** Defaults to "/editor". Pass null to disable editor mode. */
+    editorPath?: string | null;
+    /** Client-side router variant. Defaults to "browser". */
+    router?: AppRouterVariant;
+    /**
+     * Initial pathname for SSR (StaticRouter) or MemoryRouter.
+     * Required during SSR so the first paint matches the requested URL.
+     * Ignored for BrowserRouter and HashRouter on the client (they read window).
+     */
+    currentPath?: string;
+    children?: ReactNode;
+};
+declare function AppProvider<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ config, pages, editorPath, router, currentPath, children, }: AppProviderProps<UserConfig, G>): react_jsx_runtime.JSX.Element;
+
+type AppProps<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = AppProviderProps<UserConfig, G> & {
+    /** Called when the editor publishes. `route` is the schema route key. */
+    onPublish?: (data: G["UserData"], route?: string) => void;
+    onChange?: (data: G["UserData"]) => void;
+    /** Pass-through Editor configuration. */
+    plugins?: Plugin<UserConfig>[];
+    overrides?: Partial<Overrides<UserConfig>>;
+    fieldTransforms?: FieldTransforms<UserConfig>;
+    metadata?: Metadata;
+    iframe?: IframeConfig;
+    viewports?: Viewports;
+    permissions?: Partial<Permissions>;
+    /** Optional custom not-found component — falls back to a built-in. */
+    renderNotFound?: () => ReactNode;
+};
+declare function App<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>(props: AppProps<UserConfig, G>): react_jsx_runtime.JSX.Element;
+
+/**
+ * Returns the schema-named params extracted from the current route.
+ *
+ * Designed for components rendered *inside* the schema (e.g. a ProductDetails
+ * block inside `pages["/products/:handle"]`) — they need `:handle` resolved
+ * by name. This is a typed re-export of React Router's `useParams()`.
+ *
+ * Returns `{}` when no page matched (404).
+ */
+declare const useRouteParams: <P extends Record<string, string | undefined> = Record<string, string | undefined>>() => Readonly<P>;
+
 declare const Button: ({ children, href, onClick, variant, type, disabled, tabIndex, newTab, fullWidth, icon, size, loading: loadingProp, ...props }: {
     children: ReactNode;
     href?: string;
@@ -161,7 +245,7 @@ type EditorProps<UserConfig extends Config = Config, G extends UserGenerics<User
     data: Partial<G["UserData"] | Data>;
     ui?: Partial<UiState>;
     onChange?: (data: G["UserData"]) => void;
-    onPublish?: (data: G["UserData"]) => void;
+    onPublish?: (data: G["UserData"], route?: string) => void;
     onAction?: OnAction<G["UserData"]>;
     permissions?: Partial<Permissions>;
     plugins?: Plugin<UserConfig>[];
@@ -180,7 +264,7 @@ type EditorProps<UserConfig extends Config = Config, G extends UserGenerics<User
     headerPath?: string;
     title?: ReactNode;
     routes?: Route[];
-    currentPath?: string;
+    currentRoute?: string;
     onRouteChange?: (path: string) => void | Promise<void>;
     viewports?: Viewports;
     iframe?: IframeConfig;
@@ -284,6 +368,15 @@ declare const RichTextMenu: {
     Underline: typeof Underline;
 };
 
+/**
+ * Returns a structurally-stable reference. Updates only when `value` deep-changes,
+ * so referentially-fresh-but-content-equal objects don't re-trigger downstream memos.
+ *
+ * Used inside `<AppProvider>` so that users passing inline `pages={{ ... }}` don't
+ * re-compile the route table on every parent render.
+ */
+declare const useStableValue: <T>(value: T) => T;
+
 /**
  * Framework-agnostic SEO output shape. Mirrors the subset of Next.js's
  * Metadata type that most page builders care about — title, description,
@@ -413,4 +506,4 @@ declare const outlinePlugin: () => Plugin;
 
 declare const legacySideBarPlugin: () => Plugin;
 
-export { Action, ActionBar, AutoField, Button, ComponentData, ComponentList, Config, Data, DefaultComponentProps, DefaultRootFieldProps, Drawer, Editor, EditorAction, type EditorApi, type EditorCommands, Field, FieldLabel, FieldProps, FieldTransforms, type GlobalsMap, Group, IconButton, IframeConfig, InitialHistory, type InsertComponentArgs, Label, Metadata, type MoveDestination, OnAction, Overrides, type PageMetadata, type Parent, Permissions, Plugin, Render, ResolveDataTrigger, RichTextMenu, type Route, Separator, UiState, type UseEditorData, UserGenerics, Viewports, blocksPlugin, createUseEditor, fieldsPlugin, legacySideBarPlugin, outlinePlugin, pageMetadata, registerOverlayPortal, renderContext, setDeep, useEditor, useGetEditor, usePropsContext };
+export { Action, ActionBar, App, type AppContextValue, type AppMatched, type AppProps, AppProvider, type AppProviderProps, type AppRouterVariant, AutoField, Button, ComponentData, ComponentList, Config, Data, DefaultComponentProps, DefaultRootFieldProps, Drawer, Editor, EditorAction, type EditorApi, type EditorCommands, Field, FieldLabel, FieldProps, FieldTransforms, type GlobalsMap, Group, IconButton, IframeConfig, InitialHistory, type InsertComponentArgs, Label, Metadata, type MoveDestination, OnAction, 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,10 +1,10 @@
-import { D as Data, o as Field, p as FieldProps, C as Config, U as UserGenerics, k as UiState, O as OnAction, f as Permissions, i as Plugin, j as Overrides, m as FieldTransforms, E as EditorAction, V as Viewports, I as IframeConfig, q as InitialHistory, M as Metadata, b as ComponentData, d as DefaultComponentProps, e as DefaultRootFieldProps, h as ResolveDataTrigger, r as ItemSelector, s as PluginInternal } from './actions-2L-1hQ7r.js';
-export { t as Adaptor, A as AppState, u as ArrayField, v as ArrayState, w as AsFieldProps, B as BaseData, x as BaseField, y as CacheOpts, z as ColorField, l as ComponentConfig, G as ComponentConfigExtensions, J as ComponentConfigParams, K as ComponentDataMap, L as ComponentDataOptionalId, N as ComponentMetadata, Q as ConfigParams, a as Content, S as CustomField, T as CustomFieldRender, c as DefaultComponents, X as DefaultRootProps, Y as DefaultRootRenderProps, Z as Direction, _ as DragAxis, $ as EditorComponent, a0 as EditorContext, a1 as EditorMetadata, a2 as ExternalField, a3 as ExternalFieldWithAdaptor, a4 as ExtractConfigParams, a5 as ExtractField, a6 as FieldMetadata, a7 as FieldRenderFunctions, a8 as FieldTransformFn, a9 as FieldTransformFnParams, F as Fields, H as History, aa as ItemWithId, ab as MappedItem, ac as NumberField, ad as ObjectField, ae as OverrideKey, af as RadioField, ag as RichText, n as RichtextField, ah as RootConfig, R as RootData, g as RootDataWithProps, ai as RootDataWithoutProps, aj as SelectField, ak as Slot, al as SlotComponent, am as SlotField, an as TextField, ao as TextareaField, ap as Viewport, aq as WithChildren, ar as WithEditorProps, W as WithId, as as WithSlotProps, at as overrideKeys } from './actions-2L-1hQ7r.js';
-export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-C9GrSWsR.js';
+import { D as Data, o as Field, p as FieldProps, C as Config, U as UserGenerics, d as Plugin, e as Overrides, h as FieldTransforms, M as Metadata, I as IframeConfig, V as Viewports, a as Permissions, f as UiState, O as OnAction, E as EditorAction, q as InitialHistory, b as ComponentData, l as DefaultComponentProps, m as DefaultRootFieldProps, c as ResolveDataTrigger, r as ItemSelector, s as PluginInternal } from './actions-B8_EA7vy.js';
+export { t as Adaptor, A as AppState, u as ArrayField, v as ArrayState, w as AsFieldProps, B as BaseData, x as BaseField, y as CacheOpts, z as ColorField, g as ComponentConfig, G as ComponentConfigExtensions, J as ComponentConfigParams, K as ComponentDataMap, L as ComponentDataOptionalId, N as ComponentMetadata, Q as ConfigParams, j as Content, S as CustomField, T as CustomFieldRender, k as DefaultComponents, X as DefaultRootProps, Y as DefaultRootRenderProps, Z as Direction, _ as DragAxis, $ as EditorComponent, a0 as EditorContext, a1 as EditorMetadata, a2 as ExternalField, a3 as ExternalFieldWithAdaptor, a4 as ExtractConfigParams, a5 as ExtractField, a6 as FieldMetadata, a7 as FieldRenderFunctions, a8 as FieldTransformFn, a9 as FieldTransformFnParams, F as Fields, H as History, aa as ItemWithId, ab as MappedItem, ac as NumberField, ad as ObjectField, ae as OverrideKey, af as RadioField, ag as RichText, i as RichtextField, ah as RootConfig, n as RootData, R as RootDataWithProps, ai as RootDataWithoutProps, aj as SelectField, ak as Slot, al as SlotComponent, am as SlotField, an as TextField, ao as TextareaField, ap as Viewport, aq as WithChildren, ar as WithEditorProps, W as WithId, as as WithSlotProps, at as overrideKeys } from './actions-B8_EA7vy.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-DpUJ9kDx.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import react__default, { ReactNode, SyntheticEvent, ReactElement, CSSProperties } from 'react';
-import { A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-BNsSzMCj.js';
+import { A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-BrHy0cc_.js';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
 import '@tiptap/extension-bold';
@@ -30,17 +30,17 @@ import '@tiptap/extension-underline';
 type GlobalsMap = NonNullable<Data["globals"]>;
 
 /**
- * A concrete page destination surfaced in the editor's page switcher.
- * `path` is the stable identifier AND the URL; `title` is the display
- * label. Keep this type light — full page content lives in separate
- * per-page data blobs owned by the consumer. When Editor eventually
- * introduces a richer `Page` type (data + metadata + path + title),
- * `Route` can stay as the summary / reference projection of it.
+ * A route key — the literal string used as a `pages` key in `<App>` and
+ * the picker entry in `<Editor routes>`. The same string flows through:
+ *   - `pages={{ [routeKey]: pageData }}` declares the schema
+ *   - `<Editor routes={[routeKey, ...]}>` powers the page picker
+ *   - `<Editor currentPath={routeKey}>` marks the selected page
+ *   - `onPublish(data, routeKey)` returns it for persistence
+ *
+ * Patterns follow path-to-regexp v8 / Express 5 syntax: "/", "/about",
+ * "/products/:handle", "/docs/*splat".
  */
-type Route = {
-    path: string;
-    title: string;
-};
+type Route = string;
 
 declare const ActionBar: {
     ({ label, children, }: {
@@ -91,6 +91,90 @@ declare function AutoField<ValueType = any, FieldType extends FieldNoLabel<Value
     value: any;
 }): react_jsx_runtime.JSX.Element | null;
 
+/** A route key — the literal pattern used in `pages`. */
+type RouteKey = string;
+type AppMatched<Data = unknown> = {
+    /** The route key string — stable persistence identifier. */
+    route: RouteKey;
+    /** Concrete params extracted from the URL (e.g. { handle: "abc" }). */
+    params: Readonly<Record<string, string | undefined>>;
+    /** The page's data. */
+    data: Data;
+};
+type AppConfigContext<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = {
+    config: UserConfig;
+    pages: Record<RouteKey, Partial<G["UserData"] | Data>>;
+    /** "/edit" by default; null disables editor mode entirely. */
+    editorPath: string | null;
+};
+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> & {
+    /** All page route keys, in declaration order. */
+    routes: RouteKey[];
+    /** Resolved current pathname from React Router. */
+    currentPath: string;
+    /** True when currentPath starts with editorPath. */
+    isEditing: boolean;
+    /** The URL relative to editorPath when isEditing — what pages are matched against. */
+    matchRoute: string;
+    /** Result of matching matchRoute against pages. Null = 404. */
+    matched: AppMatched<Partial<G["UserData"] | Data>> | null;
+    /** Navigate to a route key. Wraps with editorPath when editing. */
+    navigate: (route: RouteKey) => void;
+};
+/**
+ * Read the resolved route context. Combines config + pages + editorPath
+ * (from `<AppProvider>`) with the live location/navigation (from React Router).
+ */
+declare const useApp: <UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>() => AppContextValue<UserConfig, G>;
+
+/** Which RR router variant to use on the client. SSR always uses StaticRouter. */
+type AppRouterVariant = "browser" | "hash" | "memory";
+type AppProviderProps<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = {
+    config: UserConfig;
+    pages: Record<RouteKey, Partial<G["UserData"] | Data>>;
+    /** Defaults to "/editor". Pass null to disable editor mode. */
+    editorPath?: string | null;
+    /** Client-side router variant. Defaults to "browser". */
+    router?: AppRouterVariant;
+    /**
+     * Initial pathname for SSR (StaticRouter) or MemoryRouter.
+     * Required during SSR so the first paint matches the requested URL.
+     * Ignored for BrowserRouter and HashRouter on the client (they read window).
+     */
+    currentPath?: string;
+    children?: ReactNode;
+};
+declare function AppProvider<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ config, pages, editorPath, router, currentPath, children, }: AppProviderProps<UserConfig, G>): react_jsx_runtime.JSX.Element;
+
+type AppProps<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = AppProviderProps<UserConfig, G> & {
+    /** Called when the editor publishes. `route` is the schema route key. */
+    onPublish?: (data: G["UserData"], route?: string) => void;
+    onChange?: (data: G["UserData"]) => void;
+    /** Pass-through Editor configuration. */
+    plugins?: Plugin<UserConfig>[];
+    overrides?: Partial<Overrides<UserConfig>>;
+    fieldTransforms?: FieldTransforms<UserConfig>;
+    metadata?: Metadata;
+    iframe?: IframeConfig;
+    viewports?: Viewports;
+    permissions?: Partial<Permissions>;
+    /** Optional custom not-found component — falls back to a built-in. */
+    renderNotFound?: () => ReactNode;
+};
+declare function App<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>(props: AppProps<UserConfig, G>): react_jsx_runtime.JSX.Element;
+
+/**
+ * Returns the schema-named params extracted from the current route.
+ *
+ * Designed for components rendered *inside* the schema (e.g. a ProductDetails
+ * block inside `pages["/products/:handle"]`) — they need `:handle` resolved
+ * by name. This is a typed re-export of React Router's `useParams()`.
+ *
+ * Returns `{}` when no page matched (404).
+ */
+declare const useRouteParams: <P extends Record<string, string | undefined> = Record<string, string | undefined>>() => Readonly<P>;
+
 declare const Button: ({ children, href, onClick, variant, type, disabled, tabIndex, newTab, fullWidth, icon, size, loading: loadingProp, ...props }: {
     children: ReactNode;
     href?: string;
@@ -161,7 +245,7 @@ type EditorProps<UserConfig extends Config = Config, G extends UserGenerics<User
     data: Partial<G["UserData"] | Data>;
     ui?: Partial<UiState>;
     onChange?: (data: G["UserData"]) => void;
-    onPublish?: (data: G["UserData"]) => void;
+    onPublish?: (data: G["UserData"], route?: string) => void;
     onAction?: OnAction<G["UserData"]>;
     permissions?: Partial<Permissions>;
     plugins?: Plugin<UserConfig>[];
@@ -180,7 +264,7 @@ type EditorProps<UserConfig extends Config = Config, G extends UserGenerics<User
     headerPath?: string;
     title?: ReactNode;
     routes?: Route[];
-    currentPath?: string;
+    currentRoute?: string;
     onRouteChange?: (path: string) => void | Promise<void>;
     viewports?: Viewports;
     iframe?: IframeConfig;
@@ -284,6 +368,15 @@ declare const RichTextMenu: {
     Underline: typeof Underline;
 };
 
+/**
+ * Returns a structurally-stable reference. Updates only when `value` deep-changes,
+ * so referentially-fresh-but-content-equal objects don't re-trigger downstream memos.
+ *
+ * Used inside `<AppProvider>` so that users passing inline `pages={{ ... }}` don't
+ * re-compile the route table on every parent render.
+ */
+declare const useStableValue: <T>(value: T) => T;
+
 /**
  * Framework-agnostic SEO output shape. Mirrors the subset of Next.js's
  * Metadata type that most page builders care about — title, description,
@@ -413,4 +506,4 @@ declare const outlinePlugin: () => Plugin;
 
 declare const legacySideBarPlugin: () => Plugin;
 
-export { Action, ActionBar, AutoField, Button, ComponentData, ComponentList, Config, Data, DefaultComponentProps, DefaultRootFieldProps, Drawer, Editor, EditorAction, type EditorApi, type EditorCommands, Field, FieldLabel, FieldProps, FieldTransforms, type GlobalsMap, Group, IconButton, IframeConfig, InitialHistory, type InsertComponentArgs, Label, Metadata, type MoveDestination, OnAction, Overrides, type PageMetadata, type Parent, Permissions, Plugin, Render, ResolveDataTrigger, RichTextMenu, type Route, Separator, UiState, type UseEditorData, UserGenerics, Viewports, blocksPlugin, createUseEditor, fieldsPlugin, legacySideBarPlugin, outlinePlugin, pageMetadata, registerOverlayPortal, renderContext, setDeep, useEditor, useGetEditor, usePropsContext };
+export { Action, ActionBar, App, type AppContextValue, type AppMatched, type AppProps, AppProvider, type AppProviderProps, type AppRouterVariant, AutoField, Button, ComponentData, ComponentList, Config, Data, DefaultComponentProps, DefaultRootFieldProps, Drawer, Editor, EditorAction, type EditorApi, type EditorCommands, Field, FieldLabel, FieldProps, FieldTransforms, type GlobalsMap, Group, IconButton, IframeConfig, InitialHistory, type InsertComponentArgs, Label, Metadata, type MoveDestination, OnAction, 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 };