@ecsplico/editor 0.0.0-stage → 1.0.0

package/dist/react/EditorToolbar.js

@@ -0,0 +1,182 @@
+import { abilitiesAtSelection } from "../core/abilities.js";
+import { createMetadataRegistry } from "../core/metadata.js";
+import { mergeToolbarGroups } from "../core/toolbar.js";
+import { contributions } from "../core/define-editor.js";
+import { editorEntryOf, notifierOf } from "../core/editor-ui.js";
+import { useEditorContext } from "./context.js";
+import { useEditorI18n } from "./use-editor-i18n.js";
+import { cn } from "./ui/utils.js";
+import { Icon } from "./Icon.js";
+import { useStore } from "./use-store.js";
+import { Button } from "./ui/button.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "./ui/dropdown-menu.js";
+import { Separator } from "./ui/separator.js";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEditorState } from "@tiptap/react";
+//#region src/react/EditorToolbar.tsx
+const NO_ABILITIES = /* @__PURE__ */ new Set();
+const built = /* @__PURE__ */ new WeakMap();
+function groupsOf(ctx, preset) {
+	if (!preset) return [];
+	let byPreset = built.get(ctx);
+	if (!byPreset) built.set(ctx, byPreset = /* @__PURE__ */ new WeakMap());
+	const cached = byPreset.get(preset);
+	if (cached) return cached;
+	const groups = mergeToolbarGroups(contributions(preset, "toolbar").flatMap((factory) => factory(ctx)));
+	byPreset.set(preset, groups);
+	return groups;
+}
+const isMac = typeof navigator !== "undefined" && /Mac|iPhone|iPad/.test(navigator.platform);
+const KEY_LABELS = {
+	meta: isMac ? "⌘" : "Ctrl",
+	ctrl: "Ctrl",
+	alt: isMac ? "⌥" : "Alt",
+	shift: "⇧",
+	enter: "↵"
+};
+/**
+* The toolbar of an editor, placed anywhere on the page. `editor` is the instance it works on (from the surface's
+* `onReady`); the preset registered for that instance supplies the groups, `preset` renders them (disabled) while
+* there is no editor yet. A destroyed editor counts as none: a host still holds the old instance for the render in
+* which its keyed surface remounts. Never reads a global active editor.
+*/
+function EditorToolbar({ editor: given, preset }) {
+	const editor = given?.isDestroyed ? void 0 : given;
+	const app = useEditorContext();
+	const { t } = useEditorI18n();
+	const [state] = useState(() => {
+		const ref = { current: editor };
+		const fallbackMetadata = createMetadataRegistry();
+		const entry = () => editorEntryOf(ref.current);
+		const ui = () => entry()?.ui;
+		return {
+			ref,
+			ctx: {
+				app,
+				locale: app.locale,
+				t: app.t,
+				settings: app.settings,
+				notify: notifierOf(() => ref.current, app),
+				fetch: app.fetch,
+				ai: app.ai,
+				get metadata() {
+					return entry()?.ctx.metadata ?? fallbackMetadata;
+				},
+				ui: {
+					openSettings: (tab) => ui()?.openSettings(tab),
+					toggleSidebar: () => ui()?.toggleSidebar(),
+					toggleComments: () => ui()?.toggleComments(),
+					get commentsOpen() {
+						return ui()?.commentsOpen ?? false;
+					}
+				},
+				get documentId() {
+					return entry()?.ctx.documentId;
+				},
+				get upload() {
+					return entry()?.ctx.upload;
+				},
+				get collaboration() {
+					return entry()?.ctx.collaboration;
+				},
+				get anchorResolver() {
+					return entry()?.ctx.anchorResolver ?? null;
+				},
+				get abilities() {
+					return entry()?.ctx.abilities ?? {};
+				},
+				slashCommands: () => entry()?.ctx.slashCommands() ?? [],
+				getEditor: () => ref.current
+			}
+		};
+	});
+	state.ref.current = editor;
+	useStore(app.settings);
+	const abilities = useEditorState({
+		editor: editor ?? null,
+		selector: ({ editor: current }) => current && !current.isDestroyed ? abilitiesAtSelection(current) : NO_ABILITIES,
+		equalityFn: () => false
+	}) ?? NO_ABILITIES;
+	const groups = groupsOf(state.ctx, editorEntryOf(editor)?.preset ?? preset).filter((group) => !editor || !group.visible || group.visible(editor)).map((group) => ({
+		group,
+		items: group.items.filter((item) => !editor || !item.visible || item.visible(editor))
+	})).filter(({ items }) => items.length > 0);
+	const active = (item) => !!editor && !!item.active?.(editor);
+	const disabled = (item) => {
+		if (!editor) return true;
+		if (item.disabled?.(editor)) return true;
+		return !active(item) && !!item.ability && !abilities.has(item.ability);
+	};
+	return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx("div", {
+		className: "flex flex-wrap items-center gap-1.5",
+		role: "toolbar",
+		"aria-label": t("toolbar.label"),
+		children: groups.map(({ group, items }, index) => /* @__PURE__ */ jsxs("div", {
+			className: "contents",
+			children: [index > 0 && /* @__PURE__ */ jsx(Separator, {
+				orientation: "vertical",
+				className: "mx-2 h-6 data-[orientation=vertical]:h-6"
+			}), /* @__PURE__ */ jsx("div", {
+				className: "flex items-center gap-0.5",
+				children: items.map((item) => item.component ? /* @__PURE__ */ jsx(item.component, { editor }, item.id) : /* @__PURE__ */ jsx(ToolbarButton, {
+					item,
+					editor,
+					active: active(item),
+					disabled: disabled(item)
+				}, item.id))
+			})]
+		}, group.id))
+	}) });
+}
+function ToolbarButton({ item, editor, active, disabled }) {
+	const button = /* @__PURE__ */ jsx(Button, {
+		variant: "ghost",
+		size: "icon-sm",
+		"aria-label": item.label,
+		"aria-pressed": item.active ? active : void 0,
+		"data-state": item.active ? active ? "on" : "off" : void 0,
+		disabled,
+		className: cn(active && "bg-primary/10 text-primary hover:bg-primary/15 hover:text-primary"),
+		onMouseDown: (event) => event.preventDefault(),
+		onClick: item.run && editor ? () => item.run(editor) : void 0,
+		children: /* @__PURE__ */ jsx(Icon, { name: item.icon })
+	});
+	const tooltip = (trigger) => /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+		asChild: true,
+		children: trigger
+	}), /* @__PURE__ */ jsxs(TooltipContent, { children: [item.label, item.kbds && item.kbds.length > 0 && /* @__PURE__ */ jsx("kbd", {
+		"data-slot": "kbd",
+		className: "rounded-sm bg-background/20 px-1 font-sans",
+		children: item.kbds.map((key) => KEY_LABELS[key] ?? key.toUpperCase()).join("+")
+	})] })] });
+	if (!item.menu) return tooltip(button);
+	return /* @__PURE__ */ jsxs(DropdownMenu, { children: [tooltip(/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+		asChild: true,
+		children: button
+	})), /* @__PURE__ */ jsx(DropdownMenuContent, {
+		align: "start",
+		children: editor && item.menu(editor).map((entry, index) => /* @__PURE__ */ jsx(MenuRow, { entry }, index))
+	})] });
+}
+function MenuRow({ entry }) {
+	if (entry.type === "label") return /* @__PURE__ */ jsx(DropdownMenuLabel, { children: entry.label });
+	if (entry.type === "separator") return /* @__PURE__ */ jsx(DropdownMenuSeparator, {});
+	return /* @__PURE__ */ jsxs(DropdownMenuItem, {
+		disabled: entry.disabled,
+		onSelect: () => entry.onSelect?.(),
+		children: [
+			entry.icon && /* @__PURE__ */ jsx(Icon, { name: entry.icon }),
+			/* @__PURE__ */ jsx("span", { children: entry.label }),
+			entry.description && /* @__PURE__ */ jsx("span", {
+				className: "ml-auto text-xs text-muted-foreground",
+				children: entry.description
+			})
+		]
+	});
+}
+//#endregion
+export { EditorToolbar };
+
+//# sourceMappingURL=EditorToolbar.js.map

package/dist/react/EditorToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorToolbar.js","names":[],"sources":["../../src/react/EditorToolbar.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport { useEditorState } from '@tiptap/react'\nimport { type ComponentType, type ReactNode, useState } from 'react'\nimport { abilitiesAtSelection } from '../core/abilities'\nimport { contributions } from '../core/define-editor'\nimport { editorEntryOf, notifierOf } from '../core/editor-ui'\nimport type { FeatureContext } from '../core/feature'\nimport { createMetadataRegistry } from '../core/metadata'\nimport type { Ability } from '../core/schema/abilities'\nimport { mergeToolbarGroups, type MenuItem, type ToolbarGroup, type ToolbarItem } from '../core/toolbar'\nimport { useEditorContext } from './context'\nimport type { ReactPreset } from './EditorSurface'\nimport { Icon } from './Icon'\nimport { Button } from './ui/button'\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from './ui/dropdown-menu'\nimport { Separator } from './ui/separator'\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './ui/tooltip'\nimport { useEditorI18n } from './use-editor-i18n'\nimport { useStore } from './use-store'\nimport { cn } from './ui/utils'\n\ntype ItemComponent = ComponentType<{ editor: Editor }>\ntype Item = ToolbarItem<ItemComponent>\ntype Group = ToolbarGroup<ItemComponent>\n\nconst NO_ABILITIES: ReadonlySet<Ability> = new Set()\n\n// Factories are plain functions here (React features must not call hooks in them): built once per preset, app-wide,\n// keyed by the toolbar's `ctx` so each toolbar's items delegate to its own editor.\nconst built = new WeakMap<FeatureContext, WeakMap<ReactPreset, Group[]>>()\nfunction groupsOf(ctx: FeatureContext, preset: ReactPreset | undefined): Group[] {\n  if (!preset) return []\n  let byPreset = built.get(ctx)\n  if (!byPreset) built.set(ctx, byPreset = new WeakMap())\n  const cached = byPreset.get(preset)\n  if (cached) return cached\n  const groups = mergeToolbarGroups(contributions(preset, 'toolbar').flatMap(factory => factory(ctx)))\n  byPreset.set(preset, groups)\n  return groups\n}\n\nconst isMac = typeof navigator !== 'undefined' && /Mac|iPhone|iPad/.test(navigator.platform)\nconst KEY_LABELS: Record<string, string> = {\n  meta: isMac ? '⌘' : 'Ctrl',\n  ctrl: 'Ctrl',\n  // i18n-ignore: keyboard key name, shown as on the keycap\n  alt: isMac ? '⌥' : 'Alt',\n  shift: '⇧',\n  enter: '↵',\n}\n\n/**\n * The toolbar of an editor, placed anywhere on the page. `editor` is the instance it works on (from the surface's\n * `onReady`); the preset registered for that instance supplies the groups, `preset` renders them (disabled) while\n * there is no editor yet. A destroyed editor counts as none: a host still holds the old instance for the render in\n * which its keyed surface remounts. Never reads a global active editor.\n */\nexport function EditorToolbar({ editor: given, preset }: { editor?: Editor, preset?: ReactPreset }) {\n  const editor = given?.isDestroyed ? undefined : given\n  const app = useEditorContext()\n  const { t } = useEditorI18n()\n\n  // The context toolbar factories see: settings and fetch of the app, everything per-surface delegates to the editor's\n  // registered context while there is one. Built once; `ref` keeps it pointing at the current editor.\n  const [state] = useState(() => {\n    const ref: { current: Editor | undefined } = { current: editor }\n    const fallbackMetadata = createMetadataRegistry()\n    const entry = () => editorEntryOf(ref.current)\n    const ui = () => entry()?.ui\n    const ctx: FeatureContext = {\n      app,\n      locale: app.locale,\n      t: app.t,\n      settings: app.settings,\n      notify: notifierOf(() => ref.current, app),\n      fetch: app.fetch,\n      ai: app.ai,\n      get metadata() { return entry()?.ctx.metadata ?? fallbackMetadata },\n      ui: {\n        openSettings: tab => ui()?.openSettings(tab),\n        toggleSidebar: () => ui()?.toggleSidebar(),\n        toggleComments: () => ui()?.toggleComments(),\n        get commentsOpen() { return ui()?.commentsOpen ?? false },\n      },\n      get documentId() { return entry()?.ctx.documentId },\n      get upload() { return entry()?.ctx.upload },\n      get collaboration() { return entry()?.ctx.collaboration },\n      get anchorResolver() { return entry()?.ctx.anchorResolver ?? null },\n      get abilities() { return entry()?.ctx.abilities ?? {} },\n      slashCommands: () => entry()?.ctx.slashCommands() ?? [],\n      getEditor: () => ref.current,\n    }\n    return { ref, ctx }\n  })\n  state.ref.current = editor\n\n  // `active`/`visible`/`menu` may read the settings: re-render when they change.\n  useStore(app.settings)\n  // `active`, `can()` and the abilities read the editor state: re-render on every transaction.\n  const abilities = useEditorState({\n    editor: editor ?? null,\n    selector: ({ editor: current }) => current && !current.isDestroyed ? abilitiesAtSelection(current) : NO_ABILITIES,\n    equalityFn: () => false,\n  }) ?? NO_ABILITIES\n\n  const groups = groupsOf(state.ctx, (editorEntryOf(editor)?.preset as ReactPreset | undefined) ?? preset)\n    .filter(group => !editor || !group.visible || group.visible(editor))\n    .map(group => ({ group, items: group.items.filter(item => !editor || !item.visible || item.visible(editor)) }))\n    .filter(({ items }) => items.length > 0)\n\n  const active = (item: Item) => !!editor && !!item.active?.(editor)\n  const disabled = (item: Item) => {\n    if (!editor) return true\n    if (item.disabled?.(editor)) return true\n    return !active(item) && !!item.ability && !abilities.has(item.ability)\n  }\n\n  return (\n    <TooltipProvider>\n      <div className=\"flex flex-wrap items-center gap-1.5\" role=\"toolbar\" aria-label={t('toolbar.label')}>\n        {groups.map(({ group, items }, index) => (\n          <div key={group.id} className=\"contents\">\n            {index > 0 && <Separator orientation=\"vertical\" className=\"mx-2 h-6 data-[orientation=vertical]:h-6\" />}\n            <div className=\"flex items-center gap-0.5\">\n              {items.map(item => item.component\n                ? <item.component key={item.id} editor={editor!} />\n                : <ToolbarButton\n                    key={item.id}\n                    item={item}\n                    editor={editor}\n                    active={active(item)}\n                    disabled={disabled(item)}\n                  />)}\n            </div>\n          </div>\n        ))}\n      </div>\n    </TooltipProvider>\n  )\n}\n\nfunction ToolbarButton({ item, editor, active, disabled }: { item: Item, editor: Editor | undefined, active: boolean, disabled: boolean }) {\n  const button = (\n    <Button\n      variant=\"ghost\"\n      size=\"icon-sm\"\n      aria-label={item.label}\n      aria-pressed={item.active ? active : undefined}\n      data-state={item.active ? (active ? 'on' : 'off') : undefined}\n      disabled={disabled}\n      className={cn(active && 'bg-primary/10 text-primary hover:bg-primary/15 hover:text-primary')}\n      onMouseDown={event => event.preventDefault()}\n      onClick={item.run && editor ? () => item.run!(editor) : undefined}\n    >\n      <Icon name={item.icon} />\n    </Button>\n  )\n  const tooltip = (trigger: ReactNode) => (\n    <Tooltip>\n      <TooltipTrigger asChild>{trigger}</TooltipTrigger>\n      <TooltipContent>\n        {item.label}\n        {item.kbds && item.kbds.length > 0 && (\n          <kbd data-slot=\"kbd\" className=\"rounded-sm bg-background/20 px-1 font-sans\">{item.kbds.map(key => KEY_LABELS[key] ?? key.toUpperCase()).join('+')}</kbd>\n        )}\n      </TooltipContent>\n    </Tooltip>\n  )\n  if (!item.menu) return tooltip(button)\n  return (\n    <DropdownMenu>\n      {tooltip(<DropdownMenuTrigger asChild>{button}</DropdownMenuTrigger>)}\n      <DropdownMenuContent align=\"start\">\n        {editor && item.menu(editor).map((entry, index) => <MenuRow key={index} entry={entry} />)}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n\nfunction MenuRow({ entry }: { entry: MenuItem }) {\n  if (entry.type === 'label') return <DropdownMenuLabel>{entry.label}</DropdownMenuLabel>\n  if (entry.type === 'separator') return <DropdownMenuSeparator />\n  return (\n    <DropdownMenuItem disabled={entry.disabled} onSelect={() => entry.onSelect?.()}>\n      {entry.icon && <Icon name={entry.icon} />}\n      <span>{entry.label}</span>\n      {entry.description && <span className=\"ml-auto text-xs text-muted-foreground\">{entry.description}</span>}\n    </DropdownMenuItem>\n  )\n}\n"],"mappings":"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"}

package/dist/react/Icon.d.ts

@@ -0,0 +1,13 @@
+import { CSSProperties } from "react";
+//#region src/react/Icon.d.ts
+/**
+ * Renders an Iconify icon from the names the core descriptors use (`i-lucide-bold` → `lucide:bold`). Hosts preload the
+ * collection (`addCollection`) so no request is made at runtime.
+ */
+export declare function Icon({ name, className, style }: {
+  name: string;
+  className?: string;
+  style?: CSSProperties;
+}): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=Icon.d.ts.map

package/dist/react/Icon.js

@@ -0,0 +1,19 @@
+import { cn } from "./ui/utils.js";
+import { jsx } from "react/jsx-runtime";
+import { Icon } from "@iconify/react";
+//#region src/react/Icon.tsx
+/**
+* Renders an Iconify icon from the names the core descriptors use (`i-lucide-bold` → `lucide:bold`). Hosts preload the
+* collection (`addCollection`) so no request is made at runtime.
+*/
+function Icon$1({ name, className, style }) {
+	return /* @__PURE__ */ jsx(Icon, {
+		icon: name.replace(/^i-([a-z0-9]+)-/, "$1:"),
+		className: cn("size-4 shrink-0", className),
+		style
+	});
+}
+//#endregion
+export { Icon$1 as Icon };
+
+//# sourceMappingURL=Icon.js.map

package/dist/react/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","names":["Icon","Iconify"],"sources":["../../src/react/Icon.tsx"],"sourcesContent":["import { Icon as Iconify } from '@iconify/react'\nimport type { CSSProperties } from 'react'\nimport { cn } from './ui/utils'\n\n/**\n * Renders an Iconify icon from the names the core descriptors use (`i-lucide-bold` → `lucide:bold`). Hosts preload the\n * collection (`addCollection`) so no request is made at runtime.\n */\nexport function Icon({ name, className, style }: { name: string, className?: string, style?: CSSProperties }) {\n  return <Iconify icon={name.replace(/^i-([a-z0-9]+)-/, '$1:')} className={cn('size-4 shrink-0', className)} style={style} />\n}\n"],"mappings":";;;;;;;;AAQA,SAAgBA,OAAK,EAAE,MAAM,WAAW,SAAsE;CAC5G,OAAO,oBAACC,MAAD;EAAS,MAAM,KAAK,QAAQ,mBAAmB,KAAK;EAAG,WAAW,GAAG,mBAAmB,SAAS;EAAU;CAAQ,CAAA;AAC5H"}

package/dist/react/SettingsSection.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+//#region src/react/SettingsSection.d.ts
+/** Titled group of settings rows; rows are separated by dividers. */
+export declare function SettingsSection({ title, description, children }: {
+  title: string;
+  description?: string;
+  children?: ReactNode;
+}): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=SettingsSection.d.ts.map

package/dist/react/SettingsSection.js

@@ -0,0 +1,22 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/react/SettingsSection.tsx
+/** Titled group of settings rows; rows are separated by dividers. */
+function SettingsSection({ title, description, children }) {
+	return /* @__PURE__ */ jsxs("section", {
+		className: "flex flex-col gap-2",
+		children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+			className: "text-sm font-semibold text-foreground",
+			children: title
+		}), description && /* @__PURE__ */ jsx("p", {
+			className: "text-xs text-muted-foreground",
+			children: description
+		})] }), /* @__PURE__ */ jsx("div", {
+			className: "flex flex-col divide-y divide-border",
+			children
+		})]
+	});
+}
+//#endregion
+export { SettingsSection };
+
+//# sourceMappingURL=SettingsSection.js.map

package/dist/react/SettingsSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsSection.js","names":[],"sources":["../../src/react/SettingsSection.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\n/** Titled group of settings rows; rows are separated by dividers. */\nexport function SettingsSection({ title, description, children }: { title: string, description?: string, children?: ReactNode }) {\n  return (\n    <section className=\"flex flex-col gap-2\">\n      <div>\n        <h3 className=\"text-sm font-semibold text-foreground\">{title}</h3>\n        {description && <p className=\"text-xs text-muted-foreground\">{description}</p>}\n      </div>\n      <div className=\"flex flex-col divide-y divide-border\">{children}</div>\n    </section>\n  )\n}\n"],"mappings":";;;AAGA,SAAgB,gBAAgB,EAAE,OAAO,aAAa,YAA2E;CAC/H,OACE,qBAAC,WAAD;EAAS,WAAU;EAAnB,UAAA,CACE,qBAAC,OAAD,EAAA,UAAA,CACE,oBAAC,MAAD;GAAI,WAAU;GAAyC,UAAA;EAAU,CAAA,GAChE,eAAe,oBAAC,KAAD;GAAG,WAAU;GAAiC,UAAA;EAAe,CAAA,CAC1E,EAAA,CAAA,GACL,oBAAC,OAAD;GAAK,WAAU;GAAwC;EAAc,CAAA,CAC9D;;AAEb"}

package/dist/react/SimpleEditor.d.ts

@@ -0,0 +1,27 @@
+import { AbilitiesOptions, SlashCommandItem } from "../core/extension-points.js";
+import { EditorMetadata, MetadataItem } from "../core/metadata-types.js";
+import { AnyExtension, Editor, JSONContent } from "@tiptap/core";
+//#region src/react/SimpleEditor.d.ts
+export interface SimpleEditorProps {
+  /** TipTap JSON, with `onChange`; the editor keeps its own undo history. Content outside the simple schema is rejected through `onContentError`. */
+  value?: JSONContent;
+  onChange?: (content: JSONContent) => void;
+  editable?: boolean;
+  /** Host lists (custom `@`/`#`-style sources); the simple editor has no built-in lists. */
+  metadata?: EditorMetadata;
+  /** Deep-merged into the ability defaults; read once at mount. */
+  abilities?: Partial<AbilitiesOptions>;
+  /** Added after the built-in extensions; read once at mount. */
+  extensions?: AnyExtension[];
+  /** Builds the `/` menu from the defaults (none in the simple editor); absent = no `/` menu. Read once at mount. */
+  slashCommands?: (defaults: SlashCommandItem[]) => SlashCommandItem[];
+  onReady?: (editor: Editor) => void;
+  onMetadataCreate?: (list: string, item: MetadataItem) => void;
+  onContentError?: (error: Error) => void;
+}
+/** The simple editor (core feature only: formatting, headings, lists, quotes, code, undo/redo); no backend, no AI. */
+export declare const SimpleEditor: import("react").ForwardRefExoticComponent<SimpleEditorProps & import("react").RefAttributes<{
+  editor: Editor | null;
+}>>;
+//#endregion
+//# sourceMappingURL=SimpleEditor.d.ts.map

package/dist/react/SimpleEditor.js

@@ -0,0 +1,22 @@
+import { EditorSurface } from "./EditorSurface.js";
+import { simpleEditor } from "../presets/simple.js";
+import { forwardRef, useImperativeHandle, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/react/SimpleEditor.tsx
+/** The simple editor (core feature only: formatting, headings, lists, quotes, code, undo/redo); no backend, no AI. */
+const SimpleEditor = forwardRef(function SimpleEditor(props, ref) {
+	const [preset] = useState(simpleEditor);
+	const surface = useRef(null);
+	useImperativeHandle(ref, () => ({ get editor() {
+		return surface.current?.editor ?? null;
+	} }), []);
+	return /* @__PURE__ */ jsx(EditorSurface, {
+		ref: surface,
+		preset,
+		...props
+	});
+});
+//#endregion
+export { SimpleEditor };
+
+//# sourceMappingURL=SimpleEditor.js.map

package/dist/react/SimpleEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleEditor.js","names":[],"sources":["../../src/react/SimpleEditor.tsx"],"sourcesContent":["import type { AnyExtension, Editor, JSONContent } from '@tiptap/core'\nimport { forwardRef, useImperativeHandle, useRef, useState } from 'react'\nimport type { AbilitiesOptions, SlashCommandItem } from '../core/extension-points'\nimport type { EditorMetadata, MetadataItem } from '../core/metadata-types'\nimport { simpleEditor } from '../presets/simple'\nimport { EditorSurface, type EditorSurfaceHandle } from './EditorSurface'\n\nexport interface SimpleEditorProps {\n  /** TipTap JSON, with `onChange`; the editor keeps its own undo history. Content outside the simple schema is rejected through `onContentError`. */\n  value?: JSONContent\n  onChange?: (content: JSONContent) => void\n  editable?: boolean\n  /** Host lists (custom `@`/`#`-style sources); the simple editor has no built-in lists. */\n  metadata?: EditorMetadata\n  /** Deep-merged into the ability defaults; read once at mount. */\n  abilities?: Partial<AbilitiesOptions>\n  /** Added after the built-in extensions; read once at mount. */\n  extensions?: AnyExtension[]\n  /** Builds the `/` menu from the defaults (none in the simple editor); absent = no `/` menu. Read once at mount. */\n  slashCommands?: (defaults: SlashCommandItem[]) => SlashCommandItem[]\n  onReady?: (editor: Editor) => void\n  onMetadataCreate?: (list: string, item: MetadataItem) => void\n  onContentError?: (error: Error) => void\n}\n\n/** The simple editor (core feature only: formatting, headings, lists, quotes, code, undo/redo); no backend, no AI. */\nexport const SimpleEditor = forwardRef<{ editor: Editor | null }, SimpleEditorProps>(function SimpleEditor(props, ref) {\n  const [preset] = useState(simpleEditor)\n  const surface = useRef<EditorSurfaceHandle>(null)\n  useImperativeHandle(ref, () => ({ get editor() { return surface.current?.editor ?? null } }), [])\n  return <EditorSurface ref={surface} preset={preset} {...props} />\n})\n"],"mappings":";;;;;;AA0BA,MAAa,eAAe,WAAyD,SAAS,aAAa,OAAO,KAAK;CACrH,MAAM,CAAC,UAAU,SAAS,YAAY;CACtC,MAAM,UAAU,OAA4B,IAAI;CAChD,oBAAoB,YAAY,EAAE,IAAI,SAAS;EAAE,OAAO,QAAQ,SAAS,UAAU;CAAK,EAAE,IAAI,CAAC,CAAC;CAChG,OAAO,oBAAC,eAAD;EAAe,KAAK;EAAiB;EAAQ,GAAI;CAAQ,CAAA;AAClE,CAAC"}

package/dist/react/advanced-preset.d.ts

@@ -0,0 +1,11 @@
+import { ReactPreset } from "./EditorSurface.js";
+import { AdvancedEditorOptions } from "../presets/advanced.js";
+//#region src/react/advanced-preset.d.ts
+/**
+ * The advanced editor on the React surface: every feature of `ADVANCED_FEATURE_IDS` (core, media, transcript, composites,
+ * mentions, authors, comments, AI, collaboration, block UI, the three integrations composite-media, composite-AI and
+ * transcript-AI, themes) at its slot, so the schema is the one of `advancedSchemaExtensions()` in the same order.
+ */
+export declare const advancedEditor: (options?: AdvancedEditorOptions) => ReactPreset;
+//#endregion
+//# sourceMappingURL=advanced-preset.d.ts.map

package/dist/react/advanced-preset.js

@@ -0,0 +1,31 @@
+import { advancedEditorCore } from "../presets/advanced.js";
+import { aiFeature } from "../features/ai/react.js";
+import { authorsFeature } from "../features/authors/react.js";
+import { blockUiFeature } from "../features/block-ui/react.js";
+import { collabFeature } from "../features/collab/react.js";
+import { commentsFeature } from "../features/comments/react.js";
+import { compositeFeature } from "../features/composites/react.js";
+import { mediaFeature } from "../features/media/react.js";
+import { themesFeature } from "../features/themes/react.js";
+import { transcriptFeature } from "../features/transcript/react.js";
+//#region src/react/advanced-preset.ts
+/**
+* The advanced editor on the React surface: every feature of `ADVANCED_FEATURE_IDS` (core, media, transcript, composites,
+* mentions, authors, comments, AI, collaboration, block UI, the three integrations composite-media, composite-AI and
+* transcript-AI, themes) at its slot, so the schema is the one of `advancedSchemaExtensions()` in the same order.
+*/
+const advancedEditor = (options = {}) => advancedEditorCore({
+	"media": mediaFeature(),
+	"transcript": transcriptFeature(),
+	"composites": compositeFeature,
+	"authors": authorsFeature(),
+	"comments": commentsFeature(),
+	"ai": aiFeature(),
+	"collab": collabFeature(),
+	"block-ui": blockUiFeature(),
+	"themes": themesFeature()
+}, options);
+//#endregion
+export { advancedEditor };
+
+//# sourceMappingURL=advanced-preset.js.map

package/dist/react/advanced-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"advanced-preset.js","names":[],"sources":["../../src/react/advanced-preset.ts"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport type { ComponentType } from 'react'\nimport { aiFeature } from '../features/ai/react'\nimport { authorsFeature } from '../features/authors/react'\nimport { blockUiFeature } from '../features/block-ui/react'\nimport { collabFeature } from '../features/collab/react'\nimport { commentsFeature } from '../features/comments/react'\nimport { compositeFeature } from '../features/composites/react'\nimport { mediaFeature } from '../features/media/react'\nimport { themesFeature } from '../features/themes/react'\nimport { transcriptFeature } from '../features/transcript/react'\nimport { type AdvancedEditorOptions, advancedEditorCore } from '../presets/advanced'\nimport type { ReactPreset } from './EditorSurface'\n\n/**\n * The advanced editor on the React surface: every feature of `ADVANCED_FEATURE_IDS` (core, media, transcript, composites,\n * mentions, authors, comments, AI, collaboration, block UI, the three integrations composite-media, composite-AI and\n * transcript-AI, themes) at its slot, so the schema is the one of `advancedSchemaExtensions()` in the same order.\n */\nexport const advancedEditor = (options: AdvancedEditorOptions = {}): ReactPreset => advancedEditorCore<ComponentType<{ editor: Editor }>>({\n  'media': mediaFeature(),\n  'transcript': transcriptFeature(),\n  'composites': compositeFeature,\n  'authors': authorsFeature(),\n  'comments': commentsFeature(),\n  'ai': aiFeature(),\n  'collab': collabFeature(),\n  'block-ui': blockUiFeature(),\n  'themes': themesFeature(),\n}, options)\n"],"mappings":";;;;;;;;;;;;;;;;AAmBA,MAAa,kBAAkB,UAAiC,CAAC,MAAmB,mBAAsD;CACxI,SAAS,aAAa;CACtB,cAAc,kBAAkB;CAChC,cAAc;CACd,WAAW,eAAe;CAC1B,YAAY,gBAAgB;CAC5B,MAAM,UAAU;CAChB,UAAU,cAAc;CACxB,YAAY,eAAe;CAC3B,UAAU,cAAc;AAC1B,GAAG,OAAO"}

package/dist/react/advanced.d.ts

@@ -0,0 +1,4 @@
+import { AdvancedEditorOptions } from "../presets/advanced.js";
+import { AdvancedEditor, AdvancedEditorProps } from "./AdvancedEditor.js";
+import { advancedEditor } from "./advanced-preset.js";
+export { AdvancedEditor, type AdvancedEditorOptions, type AdvancedEditorProps, advancedEditor };

package/dist/react/advanced.js

@@ -0,0 +1,3 @@
+import { advancedEditor } from "./advanced-preset.js";
+import { AdvancedEditor } from "./AdvancedEditor.js";
+export { AdvancedEditor, advancedEditor };

package/dist/react/context.d.ts

@@ -0,0 +1,12 @@
+import { EditorContext } from "../core/context.js";
+import { ReactNode } from "react";
+//#region src/react/context.d.ts
+/** Makes `context` (from `createEditorContext()`) available to the editor components below. The host owns it and disposes it. */
+export declare function EditorContextProvider({ context, children }: {
+  context: EditorContext;
+  children: ReactNode;
+}): import("react").JSX.Element;
+/** The `EditorContext` of the nearest `EditorContextProvider`. */
+export declare function useEditorContext(): EditorContext;
+//#endregion
+//# sourceMappingURL=context.d.ts.map

package/dist/react/context.js

@@ -0,0 +1,21 @@
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/react/context.tsx
+const Ctx = createContext(null);
+/** Makes `context` (from `createEditorContext()`) available to the editor components below. The host owns it and disposes it. */
+function EditorContextProvider({ context, children }) {
+	return /* @__PURE__ */ jsx(Ctx.Provider, {
+		value: context,
+		children
+	});
+}
+/** The `EditorContext` of the nearest `EditorContextProvider`. */
+function useEditorContext() {
+	const context = useContext(Ctx);
+	if (!context) throw new Error("@ecsplico/editor: no editor context; wrap the tree in <EditorContextProvider context={createEditorContext()}>");
+	return context;
+}
+//#endregion
+export { EditorContextProvider, useEditorContext };
+
+//# sourceMappingURL=context.js.map

package/dist/react/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../src/react/context.tsx"],"sourcesContent":["import { createContext, type ReactNode, useContext } from 'react'\nimport type { EditorContext } from '../core/context'\n\nconst Ctx = createContext<EditorContext | null>(null)\n\n/** Makes `context` (from `createEditorContext()`) available to the editor components below. The host owns it and disposes it. */\nexport function EditorContextProvider({ context, children }: { context: EditorContext, children: ReactNode }) {\n  return <Ctx.Provider value={context}>{children}</Ctx.Provider>\n}\n\n/** The `EditorContext` of the nearest `EditorContextProvider`. */\nexport function useEditorContext(): EditorContext {\n  const context = useContext(Ctx)\n  if (!context) throw new Error('@ecsplico/editor: no editor context; wrap the tree in <EditorContextProvider context={createEditorContext()}>')\n  return context\n}\n"],"mappings":";;;AAGA,MAAM,MAAM,cAAoC,IAAI;;AAGpD,SAAgB,sBAAsB,EAAE,SAAS,YAA6D;CAC5G,OAAO,oBAAC,IAAI,UAAL;EAAc,OAAO;EAAU;CAAuB,CAAA;AAC/D;;AAGA,SAAgB,mBAAkC;CAChD,MAAM,UAAU,WAAW,GAAG;CAC9B,IAAI,CAAC,SAAS,MAAM,IAAI,MAAM,+GAA+G;CAC7I,OAAO;AACT"}

package/dist/react/editor-ui.d.ts

@@ -0,0 +1,14 @@
+import { EditorUi } from "../core/editor-ui.js";
+import { Editor } from "@tiptap/core";
+//#region src/react/editor-ui.d.ts
+/** Provided by `EditorSurface` to its subtree (overlays, node views). */
+export declare const EditorUiContext: import("react").Context<EditorUi | null>;
+/**
+ * The chrome of the surface a component belongs to. Without an argument: the `EditorUiContext` provided by an ancestor
+ * surface (components inside the editor's subtree). Components a host places beside the editor (toolbar, a sidebar)
+ * pass the editor they work on and get the chrome registered for exactly that editor, even inside another surface's
+ * subtree — never another editor's on the same page. `undefined` while that editor is missing or unknown.
+ */
+export declare function useEditorUi(editor?: Editor): EditorUi | undefined;
+//#endregion
+//# sourceMappingURL=editor-ui.d.ts.map

package/dist/react/editor-ui.js

@@ -0,0 +1,20 @@
+import { editorEntryOf } from "../core/editor-ui.js";
+import { createContext, useContext } from "react";
+//#region src/react/editor-ui.tsx
+/** Provided by `EditorSurface` to its subtree (overlays, node views). */
+const EditorUiContext = createContext(null);
+/**
+* The chrome of the surface a component belongs to. Without an argument: the `EditorUiContext` provided by an ancestor
+* surface (components inside the editor's subtree). Components a host places beside the editor (toolbar, a sidebar)
+* pass the editor they work on and get the chrome registered for exactly that editor, even inside another surface's
+* subtree — never another editor's on the same page. `undefined` while that editor is missing or unknown.
+*/
+function useEditorUi(editor) {
+	const injected = useContext(EditorUiContext);
+	if (editor === void 0) return injected ?? void 0;
+	return editorEntryOf(editor)?.ui;
+}
+//#endregion
+export { EditorUiContext, useEditorUi };
+
+//# sourceMappingURL=editor-ui.js.map

package/dist/react/editor-ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-ui.js","names":[],"sources":["../../src/react/editor-ui.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport { createContext, useContext } from 'react'\nimport { editorEntryOf, type EditorUi } from '../core/editor-ui'\n\n/** Provided by `EditorSurface` to its subtree (overlays, node views). */\nexport const EditorUiContext = createContext<EditorUi | null>(null)\n\n/**\n * The chrome of the surface a component belongs to. Without an argument: the `EditorUiContext` provided by an ancestor\n * surface (components inside the editor's subtree). Components a host places beside the editor (toolbar, a sidebar)\n * pass the editor they work on and get the chrome registered for exactly that editor, even inside another surface's\n * subtree — never another editor's on the same page. `undefined` while that editor is missing or unknown.\n */\nexport function useEditorUi(editor?: Editor): EditorUi | undefined {\n  const injected = useContext(EditorUiContext)\n  if (editor === undefined) return injected ?? undefined\n  return editorEntryOf(editor)?.ui\n}\n"],"mappings":";;;;AAKA,MAAa,kBAAkB,cAA+B,IAAI;;;;;;;AAQlE,SAAgB,YAAY,QAAuC;CACjE,MAAM,WAAW,WAAW,eAAe;CAC3C,IAAI,WAAW,KAAA,GAAW,OAAO,YAAY,KAAA;CAC7C,OAAO,cAAc,MAAM,CAAC,EAAE;AAChC"}

package/dist/react/index.d.ts

@@ -0,0 +1,17 @@
+import { EditorSurface, EditorSurfaceHandle, EditorSurfaceProps, ReactFeature, ReactPreset } from "./EditorSurface.js";
+import { EditorContextProvider, useEditorContext } from "./context.js";
+import { EditorSettingsModal } from "./EditorSettingsModal.js";
+import { EditorSettingsPanel } from "./EditorSettingsPanel.js";
+import { EditorToolbar } from "./EditorToolbar.js";
+import { EditorUiContext, useEditorUi } from "./editor-ui.js";
+import { Icon } from "./Icon.js";
+import { reactNotifier } from "./notify.js";
+import { SettingsSection } from "./SettingsSection.js";
+import { useEditorI18n } from "./use-editor-i18n.js";
+import { useEditorSettings } from "./settings.js";
+import { SuggestionList, SuggestionListHandle, reactSuggestionRenderer } from "./suggestion-renderer.js";
+import { cn } from "./ui/utils.js";
+import { useNotifier } from "./use-notifier.js";
+import { useStore } from "./use-store.js";
+import { Toaster } from "sonner";
+export { EditorContextProvider, EditorSettingsModal, EditorSettingsPanel, EditorSurface, type EditorSurfaceHandle, type EditorSurfaceProps, EditorToolbar, EditorUiContext, Icon, type ReactFeature, type ReactPreset, SettingsSection, SuggestionList, type SuggestionListHandle, Toaster, cn, reactNotifier, reactSuggestionRenderer, useEditorContext, useEditorI18n, useEditorSettings, useEditorUi, useNotifier, useStore };

package/dist/react/index.js

@@ -0,0 +1,17 @@
+import { EditorContextProvider, useEditorContext } from "./context.js";
+import { useEditorI18n } from "./use-editor-i18n.js";
+import { cn } from "./ui/utils.js";
+import { Icon } from "./Icon.js";
+import { EditorSettingsPanel } from "./EditorSettingsPanel.js";
+import { useStore } from "./use-store.js";
+import { useEditorSettings } from "./settings.js";
+import { EditorSettingsModal } from "./EditorSettingsModal.js";
+import { EditorUiContext, useEditorUi } from "./editor-ui.js";
+import { reactNotifier } from "./notify.js";
+import { SuggestionList, reactSuggestionRenderer } from "./suggestion-renderer.js";
+import { EditorSurface } from "./EditorSurface.js";
+import { useNotifier } from "./use-notifier.js";
+import { SettingsSection } from "./SettingsSection.js";
+import { EditorToolbar } from "./EditorToolbar.js";
+import { Toaster } from "sonner";
+export { EditorContextProvider, EditorSettingsModal, EditorSettingsPanel, EditorSurface, EditorToolbar, EditorUiContext, Icon, SettingsSection, SuggestionList, Toaster, cn, reactNotifier, reactSuggestionRenderer, useEditorContext, useEditorI18n, useEditorSettings, useEditorUi, useNotifier, useStore };

package/dist/react/notify.d.ts

@@ -0,0 +1,6 @@
+import { Notifier } from "../core/notify.js";
+//#region src/react/notify.d.ts
+/** Shows notices as sonner toasts (`kind` picks the toast type; `id` replaces a visible toast of the same id). */
+export declare const reactNotifier: Notifier;
+//#endregion
+//# sourceMappingURL=notify.d.ts.map

package/dist/react/notify.js

@@ -0,0 +1,25 @@
+import { toast } from "sonner";
+//#region src/react/notify.ts
+/** Shows notices as sonner toasts (`kind` picks the toast type; `id` replaces a visible toast of the same id). */
+const reactNotifier = Object.assign(({ id, title, description, kind, duration, action }) => {
+	const options = {
+		...description !== void 0 && { description },
+		...id !== void 0 && { id },
+		...action && { action: {
+			label: action.label,
+			onClick: action.onClick
+		} },
+		...duration !== void 0 && { duration: duration === 0 ? Infinity : duration }
+	};
+	if (kind === "success") toast.success(title, options);
+	else if (kind === "warning") toast.warning(title, options);
+	else if (kind === "error") toast.error(title, options);
+	else if (kind === "info") toast.info(title, options);
+	else toast.message(title, options);
+}, { dismiss: (id) => {
+	toast.dismiss(id);
+} });
+//#endregion
+export { reactNotifier };
+
+//# sourceMappingURL=notify.js.map

package/dist/react/notify.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notify.js","names":[],"sources":["../../src/react/notify.ts"],"sourcesContent":["import { toast } from 'sonner'\nimport type { Notice, Notifier } from '../core/notify'\n\n/** Shows notices as sonner toasts (`kind` picks the toast type; `id` replaces a visible toast of the same id). */\nexport const reactNotifier: Notifier = Object.assign(({ id, title, description, kind, duration, action }: Notice) => {\n  const options = {\n    ...(description !== undefined && { description }),\n    ...(id !== undefined && { id }),\n    ...(action && { action: { label: action.label, onClick: action.onClick } }),\n    ...(duration !== undefined && { duration: duration === 0 ? Infinity : duration }),\n  }\n  if (kind === 'success') toast.success(title, options)\n  else if (kind === 'warning') toast.warning(title, options)\n  else if (kind === 'error') toast.error(title, options)\n  else if (kind === 'info') toast.info(title, options)\n  else toast.message(title, options)\n}, { dismiss: (id: string) => { toast.dismiss(id) } })\n"],"mappings":";;;AAIA,MAAa,gBAA0B,OAAO,QAAQ,EAAE,IAAI,OAAO,aAAa,MAAM,UAAU,aAAqB;CACnH,MAAM,UAAU;EACd,GAAI,gBAAgB,KAAA,KAAa,EAAE,YAAY;EAC/C,GAAI,OAAO,KAAA,KAAa,EAAE,GAAG;EAC7B,GAAI,UAAU,EAAE,QAAQ;GAAE,OAAO,OAAO;GAAO,SAAS,OAAO;EAAQ,EAAE;EACzE,GAAI,aAAa,KAAA,KAAa,EAAE,UAAU,aAAa,IAAI,WAAW,SAAS;CACjF;CACA,IAAI,SAAS,WAAW,MAAM,QAAQ,OAAO,OAAO;MAC/C,IAAI,SAAS,WAAW,MAAM,QAAQ,OAAO,OAAO;MACpD,IAAI,SAAS,SAAS,MAAM,MAAM,OAAO,OAAO;MAChD,IAAI,SAAS,QAAQ,MAAM,KAAK,OAAO,OAAO;MAC9C,MAAM,QAAQ,OAAO,OAAO;AACnC,GAAG,EAAE,UAAU,OAAe;CAAE,MAAM,QAAQ,EAAE;AAAE,EAAE,CAAC"}

package/dist/react/settings.d.ts

@@ -0,0 +1,17 @@
+import { EditorSettings } from "../settings/index.js";
+import { Store } from "../core/store.js";
+//#region src/react/settings.d.ts
+/**
+ * The editor settings shared by all editors of the app (see `createEditorContext` for persistence). `settings` is
+ * the current value; change it with `update(draft => { draft.x = y })` or `set`. `ready` turns true when the stored
+ * settings are usable, `synced` when the account's settings from the server are in effect.
+ */
+export declare function useEditorSettings(): {
+  settings: EditorSettings;
+  update: Store<EditorSettings>['update'];
+  set: Store<EditorSettings>['set'];
+  ready: boolean;
+  synced: boolean;
+};
+//#endregion
+//# sourceMappingURL=settings.d.ts.map

package/dist/react/settings.js

@@ -0,0 +1,27 @@
+import { useEditorContext } from "./context.js";
+import { useStore } from "./use-store.js";
+import { useEffect } from "react";
+//#region src/react/settings.ts
+/**
+* The editor settings shared by all editors of the app (see `createEditorContext` for persistence). `settings` is
+* the current value; change it with `update(draft => { draft.x = y })` or `set`. `ready` turns true when the stored
+* settings are usable, `synced` when the account's settings from the server are in effect.
+*/
+function useEditorSettings() {
+	const context = useEditorContext();
+	useEffect(() => context.load(), [context]);
+	const settings = useStore(context.settings);
+	const ready = useStore(context.ready);
+	const synced = useStore(context.synced);
+	return {
+		settings,
+		update: context.settings.update,
+		set: context.settings.set,
+		ready,
+		synced
+	};
+}
+//#endregion
+export { useEditorSettings };
+
+//# sourceMappingURL=settings.js.map

package/dist/react/settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings.js","names":[],"sources":["../../src/react/settings.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport type { EditorSettings } from '../settings'\nimport type { Store } from '../core/store'\nimport { useEditorContext } from './context'\nimport { useStore } from './use-store'\n\n/**\n * The editor settings shared by all editors of the app (see `createEditorContext` for persistence). `settings` is\n * the current value; change it with `update(draft => { draft.x = y })` or `set`. `ready` turns true when the stored\n * settings are usable, `synced` when the account's settings from the server are in effect.\n */\nexport function useEditorSettings(): {\n  settings: EditorSettings\n  update: Store<EditorSettings>['update']\n  set: Store<EditorSettings>['set']\n  ready: boolean\n  synced: boolean\n} {\n  const context = useEditorContext()\n  useEffect(() => context.load(), [context])\n  const settings = useStore(context.settings)\n  const ready = useStore(context.ready)\n  const synced = useStore(context.synced)\n  return { settings, update: context.settings.update, set: context.settings.set, ready, synced }\n}\n"],"mappings":";;;;;;;;;AAWA,SAAgB,oBAMd;CACA,MAAM,UAAU,iBAAiB;CACjC,gBAAgB,QAAQ,KAAK,GAAG,CAAC,OAAO,CAAC;CACzC,MAAM,WAAW,SAAS,QAAQ,QAAQ;CAC1C,MAAM,QAAQ,SAAS,QAAQ,KAAK;CACpC,MAAM,SAAS,SAAS,QAAQ,MAAM;CACtC,OAAO;EAAE;EAAU,QAAQ,QAAQ,SAAS;EAAQ,KAAK,QAAQ,SAAS;EAAK;EAAO;CAAO;AAC/F"}