@reacteditor/core 0.0.8 → 0.0.10

package/dist/{Editor-KXEVJBNG.mjs → Editor-3COFH5WN.mjs}

@@ -4,12 +4,12 @@ import {
 import {
   EditorInner,
   LoadedRichTextMenu
-} from "./chunk-AJWRDM22.mjs";
+} from "./chunk-BZ4BQZJR.mjs";
+import "./chunk-BUR5T7IX.mjs";
+import "./chunk-FT6UFK7G.mjs";
 import "./chunk-6QJ2HF4O.mjs";
-import "./chunk-U7VW3V3W.mjs";
 import "./chunk-OIFPBVSF.mjs";
 import "./chunk-AD7BMXAA.mjs";
-import "./chunk-FT6UFK7G.mjs";
 import {
   useAppStore,
   useAppStoreApi

package/dist/{actions-2L-1hQ7r.d.mts → actions-B8_EA7vy.d.mts}

@@ -856,4 +856,4 @@ type EditorAction = {
     recordHistory?: boolean;
 } & (ReorderAction | InsertAction | MoveAction | ReplaceAction | ReplaceRootAction | RemoveAction | DuplicateAction | SetAction | SetDataAction | SetUiAction | RegisterZoneAction | UnregisterZoneAction);
 
-export { type EditorComponent as $, type AppState as A, type BaseData as B, type Config as C, type Data as D, type EditorAction as E, type Fields as F, type ComponentConfigExtensions as G, type History as H, type IframeConfig as I, type ComponentConfigParams as J, type ComponentDataMap as K, type ComponentDataOptionalId as L, type Metadata as M, type ComponentMetadata as N, type OnAction as O, type PrivateAppState as P, type ConfigParams as Q, type RootData as R, type CustomField as S, type CustomFieldRender as T, type UserGenerics as U, type Viewports as V, type WithId as W, type DefaultRootProps as X, type DefaultRootRenderProps as Y, type Direction as Z, type DragAxis as _, type Content as a, type EditorContext as a0, type EditorMetadata as a1, type ExternalField as a2, type ExternalFieldWithAdaptor as a3, type ExtractConfigParams as a4, type ExtractField as a5, type FieldMetadata as a6, type FieldRenderFunctions as a7, type FieldTransformFn as a8, type FieldTransformFnParams as a9, type ItemWithId as aa, type MappedItem as ab, type NumberField as ac, type ObjectField as ad, type OverrideKey as ae, type RadioField as af, type RichText as ag, type RootConfig as ah, type RootDataWithoutProps as ai, type SelectField as aj, type Slot as ak, type SlotComponent as al, type SlotField as am, type TextField as an, type TextareaField as ao, type Viewport as ap, type WithChildren as aq, type WithEditorProps as ar, type WithSlotProps as as, overrideKeys as at, type ComponentData as b, type DefaultComponents as c, type DefaultComponentProps as d, type DefaultRootFieldProps as e, type Permissions as f, type RootDataWithProps as g, type ResolveDataTrigger as h, type Plugin as i, type Overrides as j, type UiState as k, type ComponentConfig as l, type FieldTransforms as m, type RichtextField as n, type Field as o, type FieldProps as p, type InitialHistory as q, type ItemSelector as r, type PluginInternal as s, type Adaptor as t, type ArrayField as u, type ArrayState as v, type AsFieldProps as w, type BaseField as x, type CacheOpts as y, type ColorField as z };
+export { type EditorComponent as $, type AppState as A, type BaseData as B, type Config as C, type Data as D, type EditorAction as E, type Fields as F, type ComponentConfigExtensions as G, type History as H, type IframeConfig as I, type ComponentConfigParams as J, type ComponentDataMap as K, type ComponentDataOptionalId as L, type Metadata as M, type ComponentMetadata as N, type OnAction as O, type PrivateAppState as P, type ConfigParams as Q, type RootDataWithProps as R, type CustomField as S, type CustomFieldRender as T, type UserGenerics as U, type Viewports as V, type WithId as W, type DefaultRootProps as X, type DefaultRootRenderProps as Y, type Direction as Z, type DragAxis as _, type Permissions as a, type EditorContext as a0, type EditorMetadata as a1, type ExternalField as a2, type ExternalFieldWithAdaptor as a3, type ExtractConfigParams as a4, type ExtractField as a5, type FieldMetadata as a6, type FieldRenderFunctions as a7, type FieldTransformFn as a8, type FieldTransformFnParams as a9, type ItemWithId as aa, type MappedItem as ab, type NumberField as ac, type ObjectField as ad, type OverrideKey as ae, type RadioField as af, type RichText as ag, type RootConfig as ah, type RootDataWithoutProps as ai, type SelectField as aj, type Slot as ak, type SlotComponent as al, type SlotField as am, type TextField as an, type TextareaField as ao, type Viewport as ap, type WithChildren as aq, type WithEditorProps as ar, type WithSlotProps as as, overrideKeys as at, type ComponentData as b, type ResolveDataTrigger as c, type Plugin as d, type Overrides as e, type UiState as f, type ComponentConfig as g, type FieldTransforms as h, type RichtextField as i, type Content as j, type DefaultComponents as k, type DefaultComponentProps as l, type DefaultRootFieldProps as m, type RootData as n, type Field as o, type FieldProps as p, type InitialHistory as q, type ItemSelector as r, type PluginInternal as s, type Adaptor as t, type ArrayField as u, type ArrayState as v, type AsFieldProps as w, type BaseField as x, type CacheOpts as y, type ColorField as z };

package/dist/{actions-2L-1hQ7r.d.ts → actions-B8_EA7vy.d.ts}

@@ -856,4 +856,4 @@ type EditorAction = {
     recordHistory?: boolean;
 } & (ReorderAction | InsertAction | MoveAction | ReplaceAction | ReplaceRootAction | RemoveAction | DuplicateAction | SetAction | SetDataAction | SetUiAction | RegisterZoneAction | UnregisterZoneAction);
 
-export { type EditorComponent as $, type AppState as A, type BaseData as B, type Config as C, type Data as D, type EditorAction as E, type Fields as F, type ComponentConfigExtensions as G, type History as H, type IframeConfig as I, type ComponentConfigParams as J, type ComponentDataMap as K, type ComponentDataOptionalId as L, type Metadata as M, type ComponentMetadata as N, type OnAction as O, type PrivateAppState as P, type ConfigParams as Q, type RootData as R, type CustomField as S, type CustomFieldRender as T, type UserGenerics as U, type Viewports as V, type WithId as W, type DefaultRootProps as X, type DefaultRootRenderProps as Y, type Direction as Z, type DragAxis as _, type Content as a, type EditorContext as a0, type EditorMetadata as a1, type ExternalField as a2, type ExternalFieldWithAdaptor as a3, type ExtractConfigParams as a4, type ExtractField as a5, type FieldMetadata as a6, type FieldRenderFunctions as a7, type FieldTransformFn as a8, type FieldTransformFnParams as a9, type ItemWithId as aa, type MappedItem as ab, type NumberField as ac, type ObjectField as ad, type OverrideKey as ae, type RadioField as af, type RichText as ag, type RootConfig as ah, type RootDataWithoutProps as ai, type SelectField as aj, type Slot as ak, type SlotComponent as al, type SlotField as am, type TextField as an, type TextareaField as ao, type Viewport as ap, type WithChildren as aq, type WithEditorProps as ar, type WithSlotProps as as, overrideKeys as at, type ComponentData as b, type DefaultComponents as c, type DefaultComponentProps as d, type DefaultRootFieldProps as e, type Permissions as f, type RootDataWithProps as g, type ResolveDataTrigger as h, type Plugin as i, type Overrides as j, type UiState as k, type ComponentConfig as l, type FieldTransforms as m, type RichtextField as n, type Field as o, type FieldProps as p, type InitialHistory as q, type ItemSelector as r, type PluginInternal as s, type Adaptor as t, type ArrayField as u, type ArrayState as v, type AsFieldProps as w, type BaseField as x, type CacheOpts as y, type ColorField as z };
+export { type EditorComponent as $, type AppState as A, type BaseData as B, type Config as C, type Data as D, type EditorAction as E, type Fields as F, type ComponentConfigExtensions as G, type History as H, type IframeConfig as I, type ComponentConfigParams as J, type ComponentDataMap as K, type ComponentDataOptionalId as L, type Metadata as M, type ComponentMetadata as N, type OnAction as O, type PrivateAppState as P, type ConfigParams as Q, type RootDataWithProps as R, type CustomField as S, type CustomFieldRender as T, type UserGenerics as U, type Viewports as V, type WithId as W, type DefaultRootProps as X, type DefaultRootRenderProps as Y, type Direction as Z, type DragAxis as _, type Permissions as a, type EditorContext as a0, type EditorMetadata as a1, type ExternalField as a2, type ExternalFieldWithAdaptor as a3, type ExtractConfigParams as a4, type ExtractField as a5, type FieldMetadata as a6, type FieldRenderFunctions as a7, type FieldTransformFn as a8, type FieldTransformFnParams as a9, type ItemWithId as aa, type MappedItem as ab, type NumberField as ac, type ObjectField as ad, type OverrideKey as ae, type RadioField as af, type RichText as ag, type RootConfig as ah, type RootDataWithoutProps as ai, type SelectField as aj, type Slot as ak, type SlotComponent as al, type SlotField as am, type TextField as an, type TextareaField as ao, type Viewport as ap, type WithChildren as aq, type WithEditorProps as ar, type WithSlotProps as as, overrideKeys as at, type ComponentData as b, type ResolveDataTrigger as c, type Plugin as d, type Overrides as e, type UiState as f, type ComponentConfig as g, type FieldTransforms as h, type RichtextField as i, type Content as j, type DefaultComponents as k, type DefaultComponentProps as l, type DefaultRootFieldProps as m, type RootData as n, type Field as o, type FieldProps as p, type InitialHistory as q, type ItemSelector as r, type PluginInternal as s, type Adaptor as t, type ArrayField as u, type ArrayState as v, type AsFieldProps as w, type BaseField as x, type CacheOpts as y, type ColorField as z };

package/dist/{chunk-R5DQGUQS.mjs → chunk-3IP22OOD.mjs}

@@ -1,7 +1,13 @@
 import {
   EditorInner,
   LoadedRichTextMenu
-} from "./chunk-AJWRDM22.mjs";
+} from "./chunk-BZ4BQZJR.mjs";
+import {
+  ActionBar,
+  IconButton,
+  LoadedRichTextMenuInner,
+  Loader
+} from "./chunk-BUR5T7IX.mjs";
 import {
   RichTextRenderFallback,
   SlotRender,
@@ -10,13 +16,7 @@ import {
   getSlotTransform,
   useRichtextProps,
   useSlots
-} from "./chunk-TI3KC54Y.mjs";
-import {
-  ActionBar,
-  IconButton,
-  LoadedRichTextMenuInner,
-  Loader
-} from "./chunk-U7VW3V3W.mjs";
+} from "./chunk-PUDWMFBH.mjs";
 import {
   Check,
   ChevronDown,
@@ -2146,7 +2146,7 @@ EditorFallback.displayName = "EditorFallback";
 // components/AutoField/fields/RichtextField/index.tsx
 import { Fragment as Fragment3, jsx as jsx20 } from "react/jsx-runtime";
 var Editor = lazy(
-  () => import("./Editor-KXEVJBNG.mjs").then((m) => ({
+  () => import("./Editor-3COFH5WN.mjs").then((m) => ({
     default: m.Editor
   }))
 );
@@ -3698,23 +3698,25 @@ var DragDropContextClient = ({
       },
       scrollToComponent: (id) => {
         const virtualizers = Array.from(rootVirtualizers.values());
-        if (virtualizers.length > 0) {
-          for (const handle of virtualizers) {
-            const index = handle.resolveIndex(id);
-            if (index < 0) {
-              continue;
+        const scroll = () => {
+          if (virtualizers.length > 0) {
+            for (const handle of virtualizers) {
+              const index = handle.resolveIndex(id);
+              if (index < 0) continue;
+              handle.virtualizer.scrollToIndex(index, {
+                behavior: "smooth",
+                align: "center"
+              });
             }
-            handle.virtualizer.scrollToIndex(index, {
-              behavior: "auto",
-              // We avoid smooth scroll as this triggers virtualizer renders
-              align: "auto"
-            });
+            return;
           }
-        } else {
           const frame = getFrame();
-          const el = frame == null ? void 0 : frame.querySelector(`[data-editor-component="${id}"]`);
-          el == null ? void 0 : el.scrollIntoView({ behavior: "smooth" });
-        }
+          const el = frame == null ? void 0 : frame.querySelector(
+            `[data-editor-component="${id}"]`
+          );
+          el == null ? void 0 : el.scrollIntoView({ behavior: "smooth", block: "center" });
+        };
+        requestAnimationFrame(() => requestAnimationFrame(scroll));
       }
     }));
   });
@@ -4696,7 +4698,7 @@ import {
 } from "react";
 import { jsx as jsx30 } from "react/jsx-runtime";
 var Editor2 = lazy2(
-  () => import("./Editor-KXEVJBNG.mjs").then((m) => ({
+  () => import("./Editor-3COFH5WN.mjs").then((m) => ({
     default: m.Editor
   }))
 );
@@ -7660,7 +7662,7 @@ var DEVICE_VIEWPORTS = {
 var BrowserBar = ({
   onViewportChange
 }) => {
-  const { routes, currentPath, onRouteChange } = usePropsContext();
+  const { routes, currentRoute, onRouteChange } = usePropsContext();
   const viewports = useAppStore((s) => s.state.ui.viewports);
   const dispatch = useAppStore((s) => s.dispatch);
   const leftSideBarVisible = useAppStore((s) => s.state.ui.leftSideBarVisible);
@@ -7686,24 +7688,24 @@ var BrowserBar = ({
   const setDevice = (device) => {
     onViewportChange == null ? void 0 : onViewportChange(DEVICE_VIEWPORTS[device]);
   };
-  const showRoutePicker = !!routes && currentPath !== void 0 && !!onRouteChange;
-  const [inputValue, setInputValue] = useState20(currentPath != null ? currentPath : "");
-  const lastSyncedPath = useRef13(currentPath);
-  if (lastSyncedPath.current !== currentPath) {
-    lastSyncedPath.current = currentPath;
-    setInputValue(currentPath != null ? currentPath : "");
+  const showRoutePicker = !!routes && currentRoute !== void 0 && !!onRouteChange;
+  const [inputValue, setInputValue] = useState20(currentRoute != null ? currentRoute : "");
+  const lastSyncedPath = useRef13(currentRoute);
+  if (lastSyncedPath.current !== currentRoute) {
+    lastSyncedPath.current = currentRoute;
+    setInputValue(currentRoute != null ? currentRoute : "");
   }
   const submit = (raw) => {
     const next = normalizeRoute(raw);
-    if (!next || next === currentPath) return;
+    if (!next || next === currentRoute) return;
     void (onRouteChange == null ? void 0 : onRouteChange(next));
   };
   return /* @__PURE__ */ jsxs20("div", { className: getClassName30(), children: [
     showRoutePicker ? /* @__PURE__ */ jsxs20(
       Combobox,
       {
-        items: routes.map((r) => r.path),
-        value: currentPath,
+        items: routes,
+        value: currentRoute,
         onValueChange: (next) => {
           if (typeof next === "string") submit(next);
         },
@@ -7736,13 +7738,7 @@ var BrowserBar = ({
           ),
           /* @__PURE__ */ jsxs20(ComboboxContent, { children: [
             /* @__PURE__ */ jsx49(ComboboxEmpty, { children: "Press Enter to go to this path" }),
-            /* @__PURE__ */ jsx49(ComboboxList, { children: (path) => {
-              const route = routes.find((r) => r.path === path);
-              return /* @__PURE__ */ jsxs20(ComboboxItem, { value: path, children: [
-                /* @__PURE__ */ jsx49("span", { className: getClassName30("itemPath"), children: path }),
-                (route == null ? void 0 : route.title) ? /* @__PURE__ */ jsx49("span", { className: getClassName30("itemTitle"), children: route.title }) : null
-              ] }, path);
-            } })
+            /* @__PURE__ */ jsx49(ComboboxList, { children: (path) => /* @__PURE__ */ jsx49(ComboboxItem, { value: path, children: /* @__PURE__ */ jsx49("span", { className: getClassName30("itemPath"), children: path }) }, path) })
           ] })
         ]
       }
@@ -8454,7 +8450,7 @@ var getLayoutClassName = get_class_name_factory_default("EditorLayout", styles_m
 var getPluginTabClassName = get_class_name_factory_default("EditorPluginTab", styles_module_default23);
 var FieldSideBarToolbar = () => {
   const appStore = useAppStoreApi();
-  const { onPublish } = usePropsContext();
+  const { onPublish, currentRoute } = usePropsContext();
   const back = useAppStore((s) => s.history.back);
   const forward = useAppStore((s) => s.history.forward);
   const hasFuture = useAppStore((s) => s.history.hasFuture());
@@ -8490,7 +8486,7 @@ var FieldSideBarToolbar = () => {
       {
         onClick: () => {
           const data = appStore.getState().state.data;
-          onPublish && onPublish(data);
+          onPublish && onPublish(data, currentRoute);
         },
         children: "Publish"
       }
@@ -9071,6 +9067,280 @@ Editor3.Layout = Layout;
 Editor3.Outline = Outline;
 Editor3.Preview = Preview2;
 
+// lib/use-stable-value.ts
+init_react_import();
+import { useRef as useRef20 } from "react";
+import { deepEqual as deepEqual3 } from "fast-equals";
+var useStableValue = (value) => {
+  const ref = useRef20(value);
+  if (!deepEqual3(ref.current, value)) {
+    ref.current = value;
+  }
+  return ref.current;
+};
+
+// components/App/context.ts
+init_react_import();
+import { createContext as createContext9, useContext as useContext16, useMemo as useMemo25 } from "react";
+import { matchRoutes, useLocation, useNavigate } from "react-router";
+var appConfigContext = createContext9(null);
+var useAppConfigContext = () => {
+  const ctx = useContext16(appConfigContext);
+  if (!ctx) {
+    throw new Error("useApp must be called inside an <AppProvider> or <App>");
+  }
+  return ctx;
+};
+var stripPrefix = (path, prefix) => {
+  if (path === prefix) return "/";
+  if (!path.startsWith(`${prefix}/`)) return path;
+  const rest = path.slice(prefix.length);
+  return rest.startsWith("/") ? rest : `/${rest}`;
+};
+var useApp = () => {
+  const cfg = useAppConfigContext();
+  const location = useLocation();
+  const rrNavigate = useNavigate();
+  const currentPath = location.pathname || "/";
+  const isEditing = cfg.editorPath !== null && (currentPath === cfg.editorPath || currentPath.startsWith(`${cfg.editorPath}/`));
+  const matchRoute = isEditing ? stripPrefix(currentPath, cfg.editorPath) : currentPath;
+  const matched = useMemo25(() => {
+    const routeKeys = Object.keys(cfg.pages);
+    if (routeKeys.length === 0) return null;
+    const matches = matchRoutes(
+      routeKeys.map((path) => ({ path })),
+      matchRoute
+    );
+    if (!matches || matches.length === 0) return null;
+    const last = matches[matches.length - 1];
+    const key = last.route.path;
+    return {
+      route: key,
+      params: last.params,
+      data: cfg.pages[key]
+    };
+  }, [cfg.pages, matchRoute]);
+  const routes = useMemo25(() => Object.keys(cfg.pages), [cfg.pages]);
+  const navigate = (route) => {
+    const target = isEditing && cfg.editorPath ? `${cfg.editorPath}${route === "/" ? "" : route}` || "/" : route;
+    rrNavigate(target || "/");
+  };
+  return __spreadProps(__spreadValues({}, cfg), {
+    routes,
+    currentPath,
+    isEditing,
+    matchRoute,
+    matched,
+    navigate
+  });
+};
+
+// components/App/AppProvider.tsx
+init_react_import();
+import { useMemo as useMemo26 } from "react";
+import {
+  BrowserRouter,
+  HashRouter,
+  MemoryRouter,
+  StaticRouter
+} from "react-router";
+import { jsx as jsx57 } from "react/jsx-runtime";
+var EDITOR_PATH = "/editor";
+var isServer = typeof window === "undefined";
+function AppProvider({
+  config,
+  pages,
+  editorPath = EDITOR_PATH,
+  router = "browser",
+  currentPath,
+  children
+}) {
+  const stablePages = useStableValue(pages);
+  const resolvedEditorPath = editorPath === null ? null : editorPath || EDITOR_PATH;
+  const ctxValue = useMemo26(
+    () => ({
+      config,
+      pages: stablePages,
+      editorPath: resolvedEditorPath
+    }),
+    [config, stablePages, resolvedEditorPath]
+  );
+  const inner = /* @__PURE__ */ jsx57(appConfigContext.Provider, { value: ctxValue, children });
+  if (isServer) {
+    return /* @__PURE__ */ jsx57(StaticRouter, { location: currentPath != null ? currentPath : "/", children: inner });
+  }
+  if (router === "hash") {
+    return /* @__PURE__ */ jsx57(HashRouter, { children: inner });
+  }
+  if (router === "memory") {
+    return /* @__PURE__ */ jsx57(MemoryRouter, { initialEntries: [currentPath != null ? currentPath : "/"], children: inner });
+  }
+  return /* @__PURE__ */ jsx57(BrowserRouter, { children: inner });
+}
+
+// components/App/App.tsx
+init_react_import();
+import { Route, Routes } from "react-router";
+import { Fragment as Fragment16, jsx as jsx58, jsxs as jsxs25 } from "react/jsx-runtime";
+var joinEditorPath = (editorPath, route) => {
+  if (route === "/") return editorPath;
+  return `${editorPath}${route}`;
+};
+var DefaultNotFound = () => /* @__PURE__ */ jsx58(
+  "div",
+  {
+    style: {
+      display: "flex",
+      height: "100vh",
+      textAlign: "center",
+      justifyContent: "center",
+      alignItems: "center"
+    },
+    children: /* @__PURE__ */ jsxs25("div", { children: [
+      /* @__PURE__ */ jsx58("h1", { children: "404" }),
+      /* @__PURE__ */ jsx58("p", { children: "No page matches this route." })
+    ] })
+  }
+);
+function RenderRoute({
+  routeKey,
+  metadata
+}) {
+  const { config, pages } = useApp();
+  const data = pages[routeKey];
+  if (!data) return null;
+  return /* @__PURE__ */ jsx58(
+    Render,
+    {
+      config,
+      data,
+      metadata
+    },
+    routeKey
+  );
+}
+function EditorRouteRender({
+  routeKey,
+  layoutProps
+}) {
+  const {
+    onPublish,
+    onChange,
+    plugins,
+    overrides,
+    fieldTransforms,
+    metadata,
+    iframe,
+    viewports,
+    permissions
+  } = layoutProps;
+  const { config, pages, routes, navigate } = useApp();
+  const data = pages[routeKey];
+  if (!data) return null;
+  return /* @__PURE__ */ jsx58(
+    Editor3,
+    {
+      config,
+      data,
+      plugins,
+      overrides,
+      fieldTransforms,
+      metadata,
+      iframe,
+      viewports,
+      permissions,
+      onChange,
+      onPublish,
+      routes,
+      currentRoute: routeKey,
+      onRouteChange: (next) => navigate(next)
+    },
+    routeKey
+  );
+}
+function NotFoundRoute({
+  renderNotFound
+}) {
+  return renderNotFound ? /* @__PURE__ */ jsx58(Fragment16, { children: renderNotFound() }) : /* @__PURE__ */ jsx58(DefaultNotFound, {});
+}
+function AppLayout(layoutProps) {
+  const { pages, editorPath } = useApp();
+  const renderRoutes = Object.keys(pages);
+  return /* @__PURE__ */ jsxs25(Routes, { children: [
+    renderRoutes.map((routeKey) => /* @__PURE__ */ jsx58(
+      Route,
+      {
+        path: routeKey,
+        element: /* @__PURE__ */ jsx58(
+          RenderRoute,
+          {
+            routeKey,
+            metadata: layoutProps.metadata
+          }
+        )
+      },
+      `render:${routeKey}`
+    )),
+    editorPath !== null && renderRoutes.map((routeKey) => /* @__PURE__ */ jsx58(
+      Route,
+      {
+        path: joinEditorPath(editorPath, routeKey),
+        element: /* @__PURE__ */ jsx58(
+          EditorRouteRender,
+          {
+            routeKey,
+            layoutProps
+          }
+        )
+      },
+      `edit:${routeKey}`
+    )),
+    /* @__PURE__ */ jsx58(
+      Route,
+      {
+        path: "*",
+        element: /* @__PURE__ */ jsx58(NotFoundRoute, { renderNotFound: layoutProps.renderNotFound })
+      }
+    )
+  ] });
+}
+function App(props) {
+  const _a = props, {
+    config,
+    pages,
+    currentPath,
+    editorPath,
+    router,
+    children
+  } = _a, layoutProps = __objRest(_a, [
+    "config",
+    "pages",
+    "currentPath",
+    "editorPath",
+    "router",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsx58(
+    AppProvider,
+    {
+      config,
+      pages,
+      currentPath,
+      editorPath,
+      router,
+      children: children != null ? children : /* @__PURE__ */ jsx58(AppLayout, __spreadValues({}, layoutProps))
+    }
+  );
+}
+
+// components/App/use-route-params.ts
+init_react_import();
+import { useParams } from "react-router";
+var useRouteParams = useParams;
+
+// components/App/index.ts
+init_react_import();
+
 // lib/page-metadata.ts
 init_react_import();
 function pageMetadata(data) {
@@ -9096,12 +9366,12 @@ function pageMetadata(data) {
 
 // plugins/legacy-side-bar/index.tsx
 init_react_import();
-import { jsx as jsx57, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs26 } from "react/jsx-runtime";
 var legacySideBarPlugin = () => ({
   name: "legacy-side-bar",
-  render: () => /* @__PURE__ */ jsxs25("div", { style: { overflowY: "auto" }, children: [
-    /* @__PURE__ */ jsx57(SidebarSection, { title: "Components", noBorderTop: true, children: /* @__PURE__ */ jsx57(Components, {}) }),
-    /* @__PURE__ */ jsx57(SidebarSection, { title: "Outline", children: /* @__PURE__ */ jsx57(Outline, {}) })
+  render: () => /* @__PURE__ */ jsxs26("div", { style: { overflowY: "auto" }, children: [
+    /* @__PURE__ */ jsx59(SidebarSection, { title: "Components", noBorderTop: true, children: /* @__PURE__ */ jsx59(Components, {}) }),
+    /* @__PURE__ */ jsx59(SidebarSection, { title: "Outline", children: /* @__PURE__ */ jsx59(Outline, {}) })
   ] })
 });
 
@@ -9166,6 +9436,12 @@ export {
   fieldsPlugin,
   usePropsContext,
   Editor3 as Editor,
+  useStableValue,
+  appConfigContext,
+  useApp,
+  AppProvider,
+  App,
+  useRouteParams,
   pageMetadata,
   legacySideBarPlugin
 };

package/dist/{chunk-AJWRDM22.mjs → chunk-BZ4BQZJR.mjs}

@@ -1,9 +1,9 @@
+import {
+  LoadedRichTextMenuInner
+} from "./chunk-BUR5T7IX.mjs";
 import {
   styles_module_default
 } from "./chunk-6QJ2HF4O.mjs";
-import {
-  LoadedRichTextMenuInner
-} from "./chunk-U7VW3V3W.mjs";
 import {
   useAppStore,
   useAppStoreApi
@@ -100,7 +100,7 @@ init_react_import();
 import { lazy, Suspense } from "react";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var LoadedRichTextMenuFull = lazy(
-  () => import("./full-ZFZZ626B.mjs").then((m) => ({
+  () => import("./full-QT5KXRDP.mjs").then((m) => ({
     default: m.LoadedRichTextMenuFull
   }))
 );

package/dist/{chunk-TI3KC54Y.mjs → chunk-PUDWMFBH.mjs}

@@ -24,6 +24,50 @@ import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";
 
+// lib/get-route-props.ts
+init_react_import();
+import { matchRoutes } from "react-router";
+var DEFAULT_EDITOR_PATH = "/editor";
+var stripEditorPrefix = (currentRoute, editorPath) => {
+  if (!editorPath) return currentRoute;
+  if (currentRoute === editorPath) return "/";
+  if (!currentRoute.startsWith(`${editorPath}/`)) return currentRoute;
+  const rest = currentRoute.slice(editorPath.length);
+  return rest.startsWith("/") ? rest : `/${rest}`;
+};
+var findMatch = (pages, pathname) => {
+  const keys = Object.keys(pages);
+  if (keys.length === 0) return null;
+  const matches = matchRoutes(
+    keys.map((path) => ({ path })),
+    pathname
+  );
+  if (!matches || matches.length === 0) return null;
+  const last = matches[matches.length - 1];
+  const key = last.route.path;
+  return { route: key, params: last.params, data: pages[key] };
+};
+var getRouteProps = (pages, currentRoute, options = {}) => {
+  var _a, _b;
+  const editorPath = options.editorPath === void 0 ? DEFAULT_EDITOR_PATH : options.editorPath;
+  const matchRoute = stripEditorPrefix(currentRoute || "/", editorPath);
+  const match = findMatch(pages, matchRoute);
+  if (!match) return null;
+  const props = (_b = (_a = match.data) == null ? void 0 : _a.root) == null ? void 0 : _b.props;
+  return props != null ? props : null;
+};
+var resolveRouteFromString = (pages, currentRoute, options = {}) => {
+  const editorPath = options.editorPath === void 0 ? DEFAULT_EDITOR_PATH : options.editorPath;
+  const matchRoute = stripEditorPrefix(currentRoute || "/", editorPath);
+  const match = findMatch(pages, matchRoute);
+  if (!match) return null;
+  return {
+    route: match.route,
+    data: match.data,
+    params: match.params
+  };
+};
+
 // lib/migrate.ts
 init_react_import();
 var migrations = [
@@ -470,6 +514,8 @@ export {
   useRichtextProps,
   SlotRenderPure,
   SlotRender,
+  getRouteProps,
+  resolveRouteFromString,
   migrate,
   transformProps,
   resolveAllData

package/dist/{full-ZFZZ626B.mjs → full-QT5KXRDP.mjs}

@@ -1,9 +1,9 @@
 import {
   LoadedRichTextMenuInner
-} from "./chunk-U7VW3V3W.mjs";
+} from "./chunk-BUR5T7IX.mjs";
+import "./chunk-FT6UFK7G.mjs";
 import "./chunk-OIFPBVSF.mjs";
 import "./chunk-AD7BMXAA.mjs";
-import "./chunk-FT6UFK7G.mjs";
 import "./chunk-LRFRIIKG.mjs";
 import "./chunk-M4JDRFYB.mjs";
 import "./chunk-IIRJMJFU.mjs";

package/dist/{index-BNsSzMCj.d.ts → index-BrHy0cc_.d.ts}

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

package/dist/{index-BXuSeNez.d.mts → index-JoD48fK_.d.mts}

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