@reacteditor/core 0.0.1-alpha.0

package/dist/full-ELX6RALJ.css

@@ -0,0 +1,311 @@
+/* css-module:/Users/rami/Documents/apps/frontend-react-editor/packages/core/components/RichTextMenu/styles.module.css/#css-module-data */
+._RichTextMenu_7muaf_1 {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+}
+._RichTextMenu--form_7muaf_7 {
+  border-top-left-radius: var(--re-radius-md);
+  border-top-right-radius: var(--re-radius-md);
+  padding: 6px 6px;
+  background-color: var(--re-surface-sunken);
+  position: relative;
+  scrollbar-width: none;
+  overflow-x: auto;
+}
+._RichTextMenu-group_7muaf_17 {
+  display: flex;
+  align-items: space-between;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  padding-inline: 6px;
+  gap: 2px;
+  position: relative;
+}
+._RichTextMenu-group_7muaf_17:first-of-type {
+  padding-left: 0;
+}
+._RichTextMenu-group_7muaf_17:last-of-type {
+  padding-right: 0;
+}
+._RichTextMenu--inline_7muaf_35 ._RichTextMenu-group_7muaf_17 {
+  color: var(--re-text-inverse);
+  opacity: 0.85;
+  gap: 0px;
+  flex-wrap: nowrap;
+}
+._RichTextMenu-group_7muaf_17 + ._RichTextMenu-group_7muaf_17 {
+  border-left: 1px solid var(--re-border-subtle);
+}
+._RichTextMenu--inline_7muaf_35 ._RichTextMenu-group_7muaf_17 + ._RichTextMenu-group_7muaf_17 {
+  border-left: 0.5px solid rgba(255, 255, 255, 0.2);
+}
+
+/* css-module:/Users/rami/Documents/apps/frontend-react-editor/packages/core/components/IconButton/IconButton.module.css/#css-module-data */
+._IconButton_19x6h_1 {
+  align-items: center;
+  background: transparent;
+  border: none;
+  border-radius: var(--re-radius-md);
+  color: currentColor;
+  display: flex;
+  font-family: var(--re-font-family);
+  justify-content: center;
+  padding: 4px;
+  transition: background-color var(--re-motion-fast) var(--re-ease), color var(--re-motion-fast) var(--re-ease);
+}
+._IconButton--active_19x6h_15 {
+  color: var(--re-text-accent);
+  background: var(--re-accent-soft);
+}
+._IconButton_19x6h_1:focus-visible {
+  outline: none;
+  box-shadow: var(--re-ring);
+}
+@media (hover: hover) and (pointer: fine) {
+  ._IconButton_19x6h_1:hover:not(._IconButton--disabled_19x6h_26) {
+    background: var(--re-surface-hover);
+    color: var(--re-text-accent);
+    cursor: pointer;
+    transition: none;
+  }
+}
+._IconButton_19x6h_1:active {
+  background: var(--re-accent-soft);
+  transition: none;
+}
+._IconButton-title_19x6h_39 {
+  clip: rect(0 0 0 0);
+  clip-path: inset(100%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+._IconButton--disabled_19x6h_26 {
+  color: var(--re-text-tertiary);
+}
+
+/* css-module:/Users/rami/Documents/apps/frontend-react-editor/packages/core/components/Loader/styles.module.css/#css-module-data */
+@keyframes _loader-animation_nacdm_1 {
+  0% {
+    transform: rotate(0deg) scale(1);
+  }
+  50% {
+    transform: rotate(180deg) scale(0.8);
+  }
+  100% {
+    transform: rotate(360deg) scale(1);
+  }
+}
+._Loader_nacdm_13 {
+  background: transparent;
+  border-radius: 100%;
+  border: 2px solid currentColor;
+  border-bottom-color: transparent;
+  display: inline-block;
+  animation: _loader-animation_nacdm_1 1s 0s infinite linear;
+  animation-fill-mode: both;
+}
+
+/* css-module:/Users/rami/Documents/apps/frontend-react-editor/packages/core/components/ActionBar/styles.module.css/#css-module-data */
+._ActionBar_5kf61_1 {
+  align-items: center;
+  cursor: default;
+  display: flex;
+  width: auto;
+  padding: 4px;
+  padding-inline-start: 0;
+  padding-inline-end: 0;
+  border-top-left-radius: var(--re-radius-lg);
+  border-top-right-radius: var(--re-radius-lg);
+  border-radius: var(--re-radius-lg);
+  background: var(--re-primary);
+  color: var(--re-primary-foreground);
+  font-family: var(--re-font-family);
+  min-height: 26px;
+  box-shadow: var(--re-shadow-md);
+}
+._ActionBar-label_5kf61_19 {
+  color: var(--re-primary-foreground);
+  opacity: 0.85;
+  font-size: var(--re-font-size-xxxs);
+  font-weight: 500;
+  padding-inline-start: 8px;
+  padding-inline-end: 8px;
+  margin-inline-start: 4px;
+  margin-inline-end: 4px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+._ActionBarAction_5kf61_32 + ._ActionBar-label_5kf61_19 {
+  padding-inline-start: 0;
+}
+._ActionBar-label_5kf61_19 + ._ActionBarAction_5kf61_32 {
+  margin-inline-start: -4px;
+}
+._ActionBar-group_5kf61_40 {
+  align-items: center;
+  border-inline-start: 0.5px solid rgba(255, 255, 255, 0.2);
+  display: flex;
+  height: 100%;
+  padding-inline-start: 4px;
+  padding-inline-end: 4px;
+}
+._ActionBar-group_5kf61_40:first-of-type {
+  border-inline-start: 0;
+}
+._ActionBar-group_5kf61_40:empty {
+  display: none;
+}
+._ActionBarAction_5kf61_32 {
+  background: transparent;
+  border: none;
+  color: var(--re-primary-foreground);
+  opacity: 0.85;
+  cursor: pointer;
+  padding: 6px;
+  margin-inline-start: 4px;
+  margin-inline-end: 4px;
+  border-radius: var(--re-radius-sm);
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: opacity var(--re-motion-fast) var(--re-ease), background-color var(--re-motion-fast) var(--re-ease);
+}
+._ActionBarAction--disabled_5kf61_75 {
+  cursor: auto;
+  opacity: 0.4;
+}
+._ActionBarAction_5kf61_32 svg {
+  max-width: none !important;
+}
+._ActionBarAction_5kf61_32:focus-visible {
+  outline: none;
+  box-shadow: var(--re-ring);
+}
+@media (hover: hover) and (pointer: fine) {
+  ._ActionBarAction_5kf61_32:hover:not(._ActionBarAction--disabled_5kf61_75) {
+    opacity: 1;
+    background: rgba(255, 255, 255, 0.12);
+    transition: none;
+  }
+}
+._ActionBarAction_5kf61_32:active:not(._ActionBarAction--disabled_5kf61_75),
+._ActionBarAction--active_5kf61_98 {
+  opacity: 1;
+  background: rgba(255, 255, 255, 0.18);
+  transition: none;
+}
+._ActionBar-group_5kf61_40 * {
+  margin: 0;
+}
+._ActionBar-separator_5kf61_108 {
+  background: rgba(255, 255, 255, 0.2);
+  margin-inline: 4px;
+  width: 0.5px;
+  height: 100%;
+}
+
+/* css-module:/Users/rami/Documents/apps/frontend-react-editor/packages/core/components/RichTextMenu/components/Control/styles.module.css/#css-module-data */
+._Control_1aveu_1 .lucide {
+  height: 18px;
+  width: 18px;
+}
+._Control--inline_1aveu_6 .lucide {
+  height: 16px;
+  width: 16px;
+}
+
+/* css-module:/Users/rami/Documents/apps/frontend-react-editor/packages/core/components/Select/styles.module.css/#css-module-data */
+._Select_6nen1_1 {
+  position: relative;
+  z-index: 1;
+}
+._Select-button_6nen1_6 {
+  align-items: center;
+  background: transparent;
+  border: none;
+  border-radius: var(--re-radius-sm);
+  display: flex;
+  justify-content: center;
+  gap: 0px;
+  height: 100%;
+  padding: 4px;
+  padding-right: 2px;
+  transition: background-color var(--re-motion-fast) var(--re-ease), color var(--re-motion-fast) var(--re-ease);
+}
+._Select--hasOptions_6nen1_21 ._Select-button_6nen1_6 {
+  color: currentColor;
+}
+._Select--hasOptions_6nen1_21:not(._Select--disabled_6nen1_25) ._Select-button_6nen1_6 {
+  cursor: pointer;
+}
+._Select-buttonIcon_6nen1_29 {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+._Select--standalone_6nen1_35 ._Select-buttonIcon_6nen1_29 .lucide {
+  height: 18px;
+  width: 18px;
+}
+._Select--actionBar_6nen1_40 ._Select-buttonIcon_6nen1_29 .lucide {
+  height: 16px;
+  width: 16px;
+}
+._Select--hasOptions_6nen1_21:not(._Select--disabled_6nen1_25) ._Select-button_6nen1_6:hover,
+._Select--hasValue_6nen1_46 ._Select-button_6nen1_6 {
+  background: var(--re-surface-hover);
+  color: var(--re-text-accent);
+}
+._Select--disabled_6nen1_25 ._Select-button_6nen1_6 {
+  color: var(--re-text-tertiary);
+}
+._Select--actionBar_6nen1_40 {
+  &._Select--hasOptions_6nen1_21 ._Select-button_6nen1_6:hover,
+  &._Select--hasValue_6nen1_46 ._Select-button_6nen1_6 {
+    background: rgba(255, 255, 255, 0.12);
+    color: var(--re-text-inverse);
+  }
+}
+._Select-items_6nen1_63 {
+  background: var(--re-surface-panel);
+  border: 1px solid var(--re-border-subtle);
+  border-radius: var(--re-radius-lg);
+  box-shadow: var(--re-shadow-lg);
+  margin: 10px 8px;
+  margin-left: 0;
+  padding: 4px;
+  z-index: 2;
+  list-style: none;
+}
+._SelectItem_6nen1_75 {
+  background: transparent;
+  border-radius: var(--re-radius-sm);
+  border: none;
+  color: var(--re-text-secondary);
+  cursor: pointer;
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  font-size: var(--re-font-size-xxs);
+  margin: 0;
+  padding: 8px 12px;
+  width: 100%;
+  transition: background-color var(--re-motion-fast) var(--re-ease), color var(--re-motion-fast) var(--re-ease);
+}
+._SelectItem--isSelected_6nen1_92 {
+  background: var(--re-accent-soft);
+  color: var(--re-text-accent);
+  font-weight: 500;
+}
+._SelectItem--isSelected_6nen1_92 ._SelectItem-icon_6nen1_98 {
+  color: var(--re-text-accent);
+}
+._SelectItem_6nen1_75:hover {
+  background: var(--re-surface-hover);
+  color: var(--re-text-accent);
+}

package/dist/full-OBTPW7TC.mjs

@@ -0,0 +1,93 @@
+import {
+  LoadedRichTextMenuInner
+} from "./chunk-V2OPYD42.mjs";
+import "./chunk-6B2Q5R3C.mjs";
+import "./chunk-DXGQXXQG.mjs";
+import "./chunk-GUMYXUO3.mjs";
+import "./chunk-SURZYH7D.mjs";
+import "./chunk-VUEM62JF.mjs";
+import "./chunk-VOLQMQPK.mjs";
+import "./chunk-Y2EFNT5P.mjs";
+import "./chunk-GAUBBDIR.mjs";
+import {
+  __spreadValues,
+  init_react_import
+} from "./chunk-M6W7YEVX.mjs";
+
+// components/RichTextMenu/full.tsx
+init_react_import();
+import { useEditorState } from "@tiptap/react";
+import { useMemo } from "react";
+
+// components/RichTextEditor/selector.ts
+init_react_import();
+var defaultEditorState = (ctx, readOnly) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B;
+  const editor = ctx.editor;
+  if (!editor) return {};
+  const canChain = () => editor.can().chain();
+  return {
+    isAlignLeft: editor.isActive({ textAlign: "left" }),
+    canAlignLeft: !readOnly && ((_b = (_a = canChain()).setTextAlign) == null ? void 0 : _b.call(_a, "left").run()),
+    isAlignCenter: editor.isActive({ textAlign: "center" }),
+    canAlignCenter: !readOnly && ((_d = (_c = canChain()).setTextAlign) == null ? void 0 : _d.call(_c, "center").run()),
+    isAlignRight: editor.isActive({ textAlign: "right" }),
+    canAlignRight: !readOnly && ((_f = (_e = canChain()).setTextAlign) == null ? void 0 : _f.call(_e, "right").run()),
+    isAlignJustify: editor.isActive({ textAlign: "justify" }),
+    canAlignJustify: !readOnly && ((_h = (_g = canChain()).setTextAlign) == null ? void 0 : _h.call(_g, "justify").run()),
+    isBold: editor.isActive("bold"),
+    canBold: !readOnly && ((_j = (_i = canChain()).toggleBold) == null ? void 0 : _j.call(_i).run()),
+    isItalic: editor.isActive("italic"),
+    canItalic: !readOnly && ((_l = (_k = canChain()).toggleItalic) == null ? void 0 : _l.call(_k).run()),
+    isUnderline: editor.isActive("underline"),
+    canUnderline: !readOnly && ((_n = (_m = canChain()).toggleUnderline) == null ? void 0 : _n.call(_m).run()),
+    isStrike: editor.isActive("strike"),
+    canStrike: !readOnly && ((_p = (_o = canChain()).toggleStrike) == null ? void 0 : _p.call(_o).run()),
+    isInlineCode: editor.isActive("code"),
+    canInlineCode: !readOnly && ((_r = (_q = canChain()).toggleCode) == null ? void 0 : _r.call(_q).run()),
+    isBulletList: editor.isActive("bulletList"),
+    canBulletList: !readOnly && ((_t = (_s = canChain()).toggleBulletList) == null ? void 0 : _t.call(_s).run()),
+    isOrderedList: editor.isActive("orderedList"),
+    canOrderedList: !readOnly && ((_v = (_u = canChain()).toggleOrderedList) == null ? void 0 : _v.call(_u).run()),
+    isCodeBlock: editor.isActive("codeBlock"),
+    canCodeBlock: !readOnly && ((_x = (_w = canChain()).toggleCodeBlock) == null ? void 0 : _x.call(_w).run()),
+    isBlockquote: editor.isActive("blockquote"),
+    canBlockquote: !readOnly && ((_z = (_y = canChain()).toggleBlockquote) == null ? void 0 : _z.call(_y).run()),
+    canHorizontalRule: !readOnly && ((_B = (_A = canChain()).setHorizontalRule) == null ? void 0 : _B.call(_A).run())
+  };
+};
+
+// components/RichTextMenu/full.tsx
+import { jsx } from "react/jsx-runtime";
+var LoadedRichTextMenuFull = ({
+  editor,
+  field,
+  readOnly,
+  inline
+}) => {
+  const { tiptap = {} } = field;
+  const { selector } = tiptap;
+  const resolvedSelector = useMemo(() => {
+    return (ctx) => __spreadValues(__spreadValues({}, defaultEditorState(ctx, readOnly)), selector ? selector(ctx, readOnly) : {});
+  }, [selector, readOnly]);
+  const editorState = useEditorState({
+    editor,
+    selector: resolvedSelector
+  });
+  if (!editor || !editorState) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    LoadedRichTextMenuInner,
+    {
+      editor,
+      editorState,
+      field,
+      readOnly,
+      inline
+    }
+  );
+};
+export {
+  LoadedRichTextMenuFull
+};

package/dist/index-ComBHfdn.d.ts

@@ -0,0 +1,117 @@
+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-BCDhqbeL.js';
+import { Editor } from '@tiptap/react';
+
+type HistorySlice<D = any> = {
+    index: number;
+    hasPast: () => boolean;
+    hasFuture: () => boolean;
+    histories: History<D>[];
+    record: (data: D) => void;
+    back: VoidFunction;
+    forward: VoidFunction;
+    currentHistory: () => History;
+    nextHistory: () => History<D> | null;
+    prevHistory: () => History<D> | null;
+    setHistories: (histories: History[]) => void;
+    setHistoryIndex: (index: number) => void;
+    initialAppState: D;
+};
+
+type NodeHandle = {
+    sync: () => void;
+    hideOverlay: () => void;
+    showOverlay: () => void;
+};
+type NodesSlice = {
+    registerNode: (id: string, handle: NodeHandle) => void;
+    unregisterNode: (id: string) => void;
+    syncNode: (id?: string | null) => void;
+    syncNodes: (ids: Array<string | null | undefined>) => void;
+    setOverlayVisible: (id: string | null | undefined, visible: boolean) => void;
+};
+
+type PermissionsArgs<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = {
+    item?: G["UserComponentData"] | null;
+    type?: keyof G["UserProps"];
+    root?: boolean;
+};
+type GetPermissions<UserConfig extends Config = Config> = (params?: PermissionsArgs<UserConfig>) => Permissions;
+type ResolvePermissions<UserConfig extends Config = Config> = (params?: PermissionsArgs<UserConfig>, force?: boolean) => void;
+type RefreshPermissions<UserConfig extends Config = Config> = (params?: PermissionsArgs<UserConfig>, force?: boolean) => void;
+type Cache = Record<string, {
+    lastPermissions: Partial<Permissions>;
+    lastData: ComponentData | null;
+    lastParentId: string | null;
+}>;
+type PermissionsSlice = {
+    cache: Cache;
+    globalPermissions: Permissions;
+    resolvedPermissions: Record<string, Partial<Permissions> | undefined>;
+    getPermissions: GetPermissions<Config>;
+    resolvePermissions: ResolvePermissions<Config>;
+    refreshPermissions: RefreshPermissions<Config>;
+};
+
+type ComponentOrRootData = Omit<ComponentData<any>, "type">;
+type FieldsSlice = {
+    fields: Fields | Partial<Fields>;
+    loading: boolean;
+    lastResolvedData: Partial<ComponentOrRootData>;
+    id: string | undefined;
+};
+
+type Status = "LOADING" | "MOUNTED" | "READY";
+type ZoomConfig = {
+    autoZoom: number;
+    rootHeight: number;
+    zoom: number;
+};
+type ComponentState = Record<string, {
+    loadingCount: number;
+}>;
+type AppStore<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = {
+    instanceId: string;
+    state: G["UserAppState"];
+    dispatch: (action: EditorAction) => void;
+    config: UserConfig;
+    componentState: ComponentState;
+    setComponentState: (componentState: ComponentState) => void;
+    setComponentLoading: (id: string, loading?: boolean, defer?: number) => () => void;
+    unsetComponentLoading: (id: string) => void;
+    pendingLoadTimeouts: Record<string, NodeJS.Timeout>;
+    resolveComponentData: <T extends ComponentData | RootDataWithProps>(componentData: T, trigger: ResolveDataTrigger) => Promise<{
+        node: T;
+        didChange: boolean;
+    }>;
+    resolveAndCommitData: () => void;
+    plugins: Plugin[];
+    overrides: Partial<Overrides>;
+    viewports: Viewports;
+    zoomConfig: ZoomConfig;
+    setZoomConfig: (zoomConfig: ZoomConfig) => void;
+    status: Status;
+    setStatus: (status: Status) => void;
+    iframe: IframeConfig;
+    fullScreenCanvas: boolean;
+    _experimentalVirtualization: boolean;
+    selectedItem?: G["UserData"]["content"][0] | null;
+    getCurrentData: () => G["UserData"]["content"][0] | G["UserData"]["root"];
+    setUi: (ui: Partial<UiState>, recordHistory?: boolean) => void;
+    getComponentConfig: (type?: string) => ComponentConfig | null | undefined;
+    onAction?: (action: EditorAction, newState: AppState, state: AppState) => void;
+    metadata: Metadata;
+    fields: FieldsSlice;
+    history: HistorySlice;
+    nodes: NodesSlice;
+    permissions: PermissionsSlice;
+    fieldTransforms: FieldTransforms;
+    currentRichText?: {
+        inlineComponentId?: string;
+        inline: boolean;
+        field: RichtextField;
+        editor: Editor;
+        id: string;
+    } | null;
+};
+
+export type { AppStore as A, GetPermissions as G, HistorySlice as H, RefreshPermissions as R };

package/dist/index-DVwiIwYU.d.mts

@@ -0,0 +1,117 @@
+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-BCDhqbeL.mjs';
+import { Editor } from '@tiptap/react';
+
+type HistorySlice<D = any> = {
+    index: number;
+    hasPast: () => boolean;
+    hasFuture: () => boolean;
+    histories: History<D>[];
+    record: (data: D) => void;
+    back: VoidFunction;
+    forward: VoidFunction;
+    currentHistory: () => History;
+    nextHistory: () => History<D> | null;
+    prevHistory: () => History<D> | null;
+    setHistories: (histories: History[]) => void;
+    setHistoryIndex: (index: number) => void;
+    initialAppState: D;
+};
+
+type NodeHandle = {
+    sync: () => void;
+    hideOverlay: () => void;
+    showOverlay: () => void;
+};
+type NodesSlice = {
+    registerNode: (id: string, handle: NodeHandle) => void;
+    unregisterNode: (id: string) => void;
+    syncNode: (id?: string | null) => void;
+    syncNodes: (ids: Array<string | null | undefined>) => void;
+    setOverlayVisible: (id: string | null | undefined, visible: boolean) => void;
+};
+
+type PermissionsArgs<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = {
+    item?: G["UserComponentData"] | null;
+    type?: keyof G["UserProps"];
+    root?: boolean;
+};
+type GetPermissions<UserConfig extends Config = Config> = (params?: PermissionsArgs<UserConfig>) => Permissions;
+type ResolvePermissions<UserConfig extends Config = Config> = (params?: PermissionsArgs<UserConfig>, force?: boolean) => void;
+type RefreshPermissions<UserConfig extends Config = Config> = (params?: PermissionsArgs<UserConfig>, force?: boolean) => void;
+type Cache = Record<string, {
+    lastPermissions: Partial<Permissions>;
+    lastData: ComponentData | null;
+    lastParentId: string | null;
+}>;
+type PermissionsSlice = {
+    cache: Cache;
+    globalPermissions: Permissions;
+    resolvedPermissions: Record<string, Partial<Permissions> | undefined>;
+    getPermissions: GetPermissions<Config>;
+    resolvePermissions: ResolvePermissions<Config>;
+    refreshPermissions: RefreshPermissions<Config>;
+};
+
+type ComponentOrRootData = Omit<ComponentData<any>, "type">;
+type FieldsSlice = {
+    fields: Fields | Partial<Fields>;
+    loading: boolean;
+    lastResolvedData: Partial<ComponentOrRootData>;
+    id: string | undefined;
+};
+
+type Status = "LOADING" | "MOUNTED" | "READY";
+type ZoomConfig = {
+    autoZoom: number;
+    rootHeight: number;
+    zoom: number;
+};
+type ComponentState = Record<string, {
+    loadingCount: number;
+}>;
+type AppStore<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = {
+    instanceId: string;
+    state: G["UserAppState"];
+    dispatch: (action: EditorAction) => void;
+    config: UserConfig;
+    componentState: ComponentState;
+    setComponentState: (componentState: ComponentState) => void;
+    setComponentLoading: (id: string, loading?: boolean, defer?: number) => () => void;
+    unsetComponentLoading: (id: string) => void;
+    pendingLoadTimeouts: Record<string, NodeJS.Timeout>;
+    resolveComponentData: <T extends ComponentData | RootDataWithProps>(componentData: T, trigger: ResolveDataTrigger) => Promise<{
+        node: T;
+        didChange: boolean;
+    }>;
+    resolveAndCommitData: () => void;
+    plugins: Plugin[];
+    overrides: Partial<Overrides>;
+    viewports: Viewports;
+    zoomConfig: ZoomConfig;
+    setZoomConfig: (zoomConfig: ZoomConfig) => void;
+    status: Status;
+    setStatus: (status: Status) => void;
+    iframe: IframeConfig;
+    fullScreenCanvas: boolean;
+    _experimentalVirtualization: boolean;
+    selectedItem?: G["UserData"]["content"][0] | null;
+    getCurrentData: () => G["UserData"]["content"][0] | G["UserData"]["root"];
+    setUi: (ui: Partial<UiState>, recordHistory?: boolean) => void;
+    getComponentConfig: (type?: string) => ComponentConfig | null | undefined;
+    onAction?: (action: EditorAction, newState: AppState, state: AppState) => void;
+    metadata: Metadata;
+    fields: FieldsSlice;
+    history: HistorySlice;
+    nodes: NodesSlice;
+    permissions: PermissionsSlice;
+    fieldTransforms: FieldTransforms;
+    currentRichText?: {
+        inlineComponentId?: string;
+        inline: boolean;
+        field: RichtextField;
+        editor: Editor;
+        id: string;
+    } | null;
+};
+
+export type { AppStore as A, GetPermissions as G, HistorySlice as H, RefreshPermissions as R };