@reacteditor/core 0.0.9 → 0.0.11

package/dist/{chunk-IIRJMJFU.mjs → chunk-ERNSJXVF.mjs}

@@ -116,6 +116,7 @@ var defaultAppState = {
   ui: {
     leftSideBarVisible: true,
     rightSideBarVisible: true,
+    navBarVisible: true,
     arrayState: {},
     itemSelector: null,
     componentList: {},

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

@@ -4,7 +4,7 @@ import {
 import {
   defaultAppState,
   resolveComponentData
-} from "./chunk-IIRJMJFU.mjs";
+} from "./chunk-ERNSJXVF.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.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/{chunk-AD7BMXAA.mjs → chunk-MJJPWASL.mjs}

@@ -5,7 +5,7 @@ import {
   Heading4,
   Heading5,
   Heading6
-} from "./chunk-LRFRIIKG.mjs";
+} from "./chunk-56I7ST5F.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{chunk-U7VW3V3W.mjs → chunk-TGVAC3JP.mjs}

@@ -1,12 +1,12 @@
+import {
+  useListOptions
+} from "./chunk-X4EUZIHA.mjs";
 import {
   useAlignOptions
-} from "./chunk-OIFPBVSF.mjs";
+} from "./chunk-XLVEWZWT.mjs";
 import {
   useHeadingOptions
-} from "./chunk-AD7BMXAA.mjs";
-import {
-  useListOptions
-} from "./chunk-FT6UFK7G.mjs";
+} from "./chunk-MJJPWASL.mjs";
 import {
   AlignCenter,
   AlignJustify,
@@ -26,7 +26,7 @@ import {
   Strikethrough,
   Underline,
   useControlContext
-} from "./chunk-LRFRIIKG.mjs";
+} from "./chunk-56I7ST5F.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -349,7 +349,7 @@ function AlignSelectFallback() {
 // components/RichTextMenu/controls/AlignSelect/index.tsx
 import { jsx as jsx10 } from "react/jsx-runtime";
 var AlignSelectLoaded = lazy(
-  () => import("./loaded-GLBLMTBL.mjs").then((m) => ({
+  () => import("./loaded-BT7NIVEO.mjs").then((m) => ({
     default: m.AlignSelectLoaded
   }))
 );
@@ -580,7 +580,7 @@ function HeadingSelectFallback() {
 // components/RichTextMenu/controls/HeadingSelect/index.tsx
 import { jsx as jsx22 } from "react/jsx-runtime";
 var HeadingSelectLoaded = lazy2(
-  () => import("./loaded-R34BR6I5.mjs").then((m) => ({
+  () => import("./loaded-YFYCF5F4.mjs").then((m) => ({
     default: m.HeadingSelectLoaded
   }))
 );
@@ -612,7 +612,7 @@ function ListSelectFallback() {
 // components/RichTextMenu/controls/ListSelect/index.tsx
 import { jsx as jsx24 } from "react/jsx-runtime";
 var ListSelectLoaded = lazy3(
-  () => import("./loaded-O4QHGE26.mjs").then((m) => ({
+  () => import("./loaded-HVOKDVC3.mjs").then((m) => ({
     default: m.ListSelectLoaded
   }))
 );

package/dist/{chunk-FT6UFK7G.mjs → chunk-X4EUZIHA.mjs}

@@ -1,7 +1,7 @@
 import {
   List,
   ListOrdered
-} from "./chunk-LRFRIIKG.mjs";
+} from "./chunk-56I7ST5F.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{chunk-OIFPBVSF.mjs → chunk-XLVEWZWT.mjs}

@@ -3,7 +3,7 @@ import {
   AlignJustify,
   AlignLeft,
   AlignRight
-} from "./chunk-LRFRIIKG.mjs";
+} from "./chunk-56I7ST5F.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

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

@@ -1,13 +1,13 @@
+import {
+  LoadedRichTextMenuInner
+} from "./chunk-TGVAC3JP.mjs";
 import {
   styles_module_default
 } from "./chunk-6QJ2HF4O.mjs";
-import {
-  LoadedRichTextMenuInner
-} from "./chunk-U7VW3V3W.mjs";
 import {
   useAppStore,
   useAppStoreApi
-} from "./chunk-LRFRIIKG.mjs";
+} from "./chunk-56I7ST5F.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -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-IUPXFMQP.mjs").then((m) => ({
     default: m.LoadedRichTextMenuFull
   }))
 );

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

@@ -1,12 +1,12 @@
 import {
   LoadedRichTextMenuInner
-} from "./chunk-U7VW3V3W.mjs";
-import "./chunk-OIFPBVSF.mjs";
-import "./chunk-AD7BMXAA.mjs";
-import "./chunk-FT6UFK7G.mjs";
-import "./chunk-LRFRIIKG.mjs";
+} from "./chunk-TGVAC3JP.mjs";
+import "./chunk-X4EUZIHA.mjs";
+import "./chunk-XLVEWZWT.mjs";
+import "./chunk-MJJPWASL.mjs";
+import "./chunk-56I7ST5F.mjs";
 import "./chunk-M4JDRFYB.mjs";
-import "./chunk-IIRJMJFU.mjs";
+import "./chunk-ERNSJXVF.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import "./chunk-JIXMPJZA.mjs";
 import {

package/dist/{index-BXuSeNez.d.mts → index-DMbFEg8G.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-C0LX6bI4.mjs';
 import { Editor } from '@tiptap/react';
 
 type HistorySlice<D = any> = {

package/dist/{index-BNsSzMCj.d.ts → index-DmThy7vE.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-C0LX6bI4.js';
 import { Editor } from '@tiptap/react';
 
 type HistorySlice<D = any> = {

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%;
@@ -1741,21 +1825,21 @@ textarea._Input-input_zwh6e_27 {
 }
 
 /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Drawer/styles.module.css/#css-module-data */
-._Drawer_146py_1 {
+._Drawer_1h4db_1 {
   display: flex;
   flex-direction: column;
   font-family: var(--editor-font-family);
   gap: 6px;
 }
-._Drawer--tile_146py_8 {
+._Drawer--tile_1h4db_8 {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(min(88px, calc(50% - 3px)), 1fr));
   gap: 6px;
 }
-._Drawer-draggable_146py_19 {
+._Drawer-draggable_1h4db_19 {
   position: relative;
 }
-._Drawer-draggableBg_146py_23 {
+._Drawer-draggableBg_1h4db_23 {
   position: absolute;
   top: 0;
   right: 0;
@@ -1764,8 +1848,8 @@ textarea._Input-input_zwh6e_27 {
   pointer-events: none;
   z-index: -1;
 }
-._DrawerItem-draggable_146py_33 {
-  background: var(--editor-surface-panel);
+._DrawerItem-draggable_1h4db_33 {
+  background: var(--editor-surface-raised);
   cursor: grab;
   padding: 8px 10px;
   display: flex;
@@ -1781,43 +1865,43 @@ textarea._Input-input_zwh6e_27 {
     border-color var(--editor-motion-fast) var(--editor-ease),
     box-shadow var(--editor-motion-fast) var(--editor-ease);
 }
-._DrawerItem-icon_146py_50 {
+._DrawerItem-icon_1h4db_50 {
   color: var(--editor-text-tertiary);
   display: flex;
   transition: color var(--editor-motion-fast) var(--editor-ease);
 }
-._DrawerItem--disabled_146py_56 ._DrawerItem-draggable_146py_33 {
+._DrawerItem--disabled_1h4db_56 ._DrawerItem-draggable_1h4db_33 {
   background: var(--editor-surface-sunken);
   color: var(--editor-text-tertiary);
   cursor: not-allowed;
 }
-._DrawerItem_146py_33:focus-visible {
+._DrawerItem_1h4db_33:focus-visible {
   outline: 0;
 }
-._Drawer_146py_1:not(._Drawer--isDraggingFrom_146py_66) ._DrawerItem_146py_33:focus-visible ._DrawerItem-draggable_146py_33 {
+._Drawer_1h4db_1:not(._Drawer--isDraggingFrom_1h4db_66) ._DrawerItem_1h4db_33:focus-visible ._DrawerItem-draggable_1h4db_33 {
   border-radius: var(--editor-radius-md);
   outline: none;
   box-shadow: var(--editor-ring);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Drawer_146py_1:not(._Drawer--isDraggingFrom_146py_66) ._DrawerItem_146py_33:not(._DrawerItem--disabled_146py_56) ._DrawerItem-draggable_146py_33:hover {
+  ._Drawer_1h4db_1:not(._Drawer--isDraggingFrom_1h4db_66) ._DrawerItem_1h4db_33:not(._DrawerItem--disabled_1h4db_56) ._DrawerItem-draggable_1h4db_33:hover {
     background-color: var(--editor-surface-hover);
     border-color: var(--editor-border-default);
     color: var(--editor-text-accent);
     box-shadow: var(--editor-shadow-sm);
     transition: none;
   }
-  ._Drawer_146py_1:not(._Drawer--isDraggingFrom_146py_66) ._DrawerItem_146py_33:not(._DrawerItem--disabled_146py_56) ._DrawerItem-draggable_146py_33:hover ._DrawerItem-icon_146py_50 {
+  ._Drawer_1h4db_1:not(._Drawer--isDraggingFrom_1h4db_66) ._DrawerItem_1h4db_33:not(._DrawerItem--disabled_1h4db_56) ._DrawerItem-draggable_1h4db_33:hover ._DrawerItem-icon_1h4db_50 {
     color: var(--editor-text-accent);
   }
 }
-._DrawerItem-name_146py_91 {
+._DrawerItem-name_1h4db_91 {
   overflow-x: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-weight: 500;
 }
-._Drawer--tile_146py_8 ._DrawerItem-draggable_146py_33 {
+._Drawer--tile_1h4db_8 ._DrawerItem-draggable_1h4db_33 {
   flex-direction: column;
   align-items: center;
   justify-content: center;
@@ -1826,16 +1910,16 @@ textarea._Input-input_zwh6e_27 {
   padding: 8px;
   gap: 6px;
 }
-._Drawer--tile_146py_8 ._DrawerItem-icon_146py_50 {
+._Drawer--tile_1h4db_8 ._DrawerItem-icon_1h4db_50 {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-._Drawer--tile_146py_8 ._DrawerItem-icon_146py_50 svg {
+._Drawer--tile_1h4db_8 ._DrawerItem-icon_1h4db_50 svg {
   width: 22px;
   height: 22px;
 }
-._Drawer--tile_146py_8 ._DrawerItem-name_146py_91 {
+._Drawer--tile_1h4db_8 ._DrawerItem-name_1h4db_91 {
   width: 100%;
   font-size: var(--editor-font-size-xxxs);
   line-height: 1.2;
@@ -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;
@@ -3192,14 +3192,6 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
   display: none;
 }
 
-/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/plugins/outline/styles.module.css/#css-module-data */
-._OutlinePlugin_q92j6_1 {
-  padding: 16px;
-  height: 100%;
-  overflow-y: auto;
-  box-sizing: border-box;
-}
-
 /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/plugins/fields/styles.module.css/#css-module-data */
 ._FieldsPlugin_262zt_1 {
   background: white;
@@ -3219,3 +3211,11 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
     padding: 16px;
   }
 }
+
+/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/plugins/outline/styles.module.css/#css-module-data */
+._OutlinePlugin_q92j6_1 {
+  padding: 16px;
+  height: 100%;
+  overflow-y: auto;
+  box-sizing: border-box;
+}