@ecsplico/editor 0.0.0-stage → 1.0.0

package/dist/react/EditorSettingsModal.js

@@ -0,0 +1,40 @@
+import { settingsTabsOf } from "../core/define-editor.js";
+import { useEditorContext } from "./context.js";
+import { useEditorI18n } from "./use-editor-i18n.js";
+import { EditorSettingsPanel } from "./EditorSettingsPanel.js";
+import { useEditorSettings } from "./settings.js";
+import { Button } from "./ui/button.js";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "./ui/dialog.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/react/EditorSettingsModal.tsx
+/** „Einstellungen“: `EditorSettingsPanel` in a modal. Renders nothing when the preset contributes no settings tab. */
+function EditorSettingsModal({ preset, open, onOpenChange, tab, onTabChange }) {
+	const { synced } = useEditorSettings();
+	const { t } = useEditorI18n();
+	if (!settingsTabsOf(preset, useEditorContext()).length) return null;
+	return /* @__PURE__ */ jsx(Dialog, {
+		open,
+		onOpenChange,
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			className: "sm:w-[42rem] sm:max-w-[42rem]",
+			children: [
+				/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: t("settings.title") }), /* @__PURE__ */ jsx(DialogDescription, { children: t(synced ? "settings.scope.account" : "settings.scope.browser") })] }),
+				/* @__PURE__ */ jsx(EditorSettingsPanel, {
+					preset,
+					...tab !== void 0 && { tab },
+					...onTabChange && { onTabChange },
+					contentClassName: "h-[32rem] overflow-y-auto pt-4 pr-2"
+				}),
+				/* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					onClick: () => onOpenChange(false),
+					children: t("common.close")
+				}) })
+			]
+		})
+	});
+}
+//#endregion
+export { EditorSettingsModal };
+
+//# sourceMappingURL=EditorSettingsModal.js.map

package/dist/react/EditorSettingsModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorSettingsModal.js","names":[],"sources":["../../src/react/EditorSettingsModal.tsx"],"sourcesContent":["import { settingsTabsOf } from '../core/define-editor'\nimport { EditorSettingsPanel } from './EditorSettingsPanel'\nimport type { ReactPreset } from './EditorSurface'\nimport { useEditorContext } from './context'\nimport { useEditorSettings } from './settings'\nimport { useEditorI18n } from './use-editor-i18n'\nimport { Button } from './ui/button'\nimport { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from './ui/dialog'\n\n/** „Einstellungen“: `EditorSettingsPanel` in a modal. Renders nothing when the preset contributes no settings tab. */\nexport function EditorSettingsModal({ preset, open, onOpenChange, tab, onTabChange }: {\n  /** The preset whose features contribute the tabs (the surface's `preset`). */\n  preset: ReactPreset\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  /** Shown tab id (see `EditorSettingsPanel`). */\n  tab?: string\n  onTabChange?: (tab: string) => void\n}) {\n  const { synced } = useEditorSettings()\n  const { t } = useEditorI18n()\n  if (!settingsTabsOf(preset, useEditorContext()).length) return null\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"sm:w-[42rem] sm:max-w-[42rem]\">\n        <DialogHeader>\n          <DialogTitle>{t('settings.title')}</DialogTitle>\n          <DialogDescription>{t(synced ? 'settings.scope.account' : 'settings.scope.browser')}</DialogDescription>\n        </DialogHeader>\n        <EditorSettingsPanel\n          preset={preset}\n          {...(tab !== undefined && { tab })}\n          {...(onTabChange && { onTabChange })}\n          contentClassName=\"h-[32rem] overflow-y-auto pt-4 pr-2\"\n        />\n        <DialogFooter>\n          <Button variant=\"ghost\" onClick={() => onOpenChange(false)}>{t('common.close')}</Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],"mappings":";;;;;;;;;;AAUA,SAAgB,oBAAoB,EAAE,QAAQ,MAAM,cAAc,KAAK,eAQpE;CACD,MAAM,EAAE,WAAW,kBAAkB;CACrC,MAAM,EAAE,MAAM,cAAc;CAC5B,IAAI,CAAC,eAAe,QAAQ,iBAAiB,CAAC,CAAC,CAAC,QAAQ,OAAO;CAC/D,OACE,oBAAC,QAAD;EAAc;EAAoB;EAChC,UAAA,qBAAC,eAAD;GAAe,WAAU;GAAzB,UAAA;IACE,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,aAAD,EAAA,UAAc,EAAE,gBAAgB,EAAe,CAAA,GAC/C,oBAAC,mBAAD,EAAA,UAAoB,EAAE,SAAS,2BAA2B,wBAAwB,EAAqB,CAAA,CAC3F,EAAA,CAAA;IACd,oBAAC,qBAAD;KACU;KACR,GAAK,QAAQ,KAAA,KAAa,EAAE,IAAI;KAChC,GAAK,eAAe,EAAE,YAAY;KAClC,kBAAiB;IAClB,CAAA;IACD,oBAAC,cAAD,EAAA,UACE,oBAAC,QAAD;KAAQ,SAAQ;KAAQ,eAAe,aAAa,KAAK;KAAI,UAAA,EAAE,cAAc;IAAU,CAAA,EAC3E,CAAA;GACD;;CACT,CAAA;AAEZ"}

package/dist/react/EditorSettingsPanel.d.ts

@@ -0,0 +1,18 @@
+import { ReactPreset } from "./EditorSurface.js";
+//#region src/react/EditorSettingsPanel.d.ts
+/**
+ * The settings of an editor: one tab per settings tab the preset's features contribute. Place it anywhere; it renders
+ * nothing when the preset contributes no tab. The values live in the app's shared settings (`useEditorSettings`), so
+ * panels of several editors edit the same preferences.
+ */
+export declare function EditorSettingsPanel({ preset, tab, onTabChange, contentClassName }: {
+  /** The preset whose features contribute the tabs (the surface's `preset`). */
+  preset: ReactPreset;
+  /** Shown tab id; a missing or removed id shows the first contributed tab. */
+  tab?: string;
+  onTabChange?: (tab: string) => void;
+  /** Classes of the tab content area, e.g. a fixed height with scrolling. */
+  contentClassName?: string;
+}): import("react").JSX.Element | null;
+//#endregion
+//# sourceMappingURL=EditorSettingsPanel.d.ts.map

package/dist/react/EditorSettingsPanel.js

@@ -0,0 +1,40 @@
+import { settingsTabsOf } from "../core/define-editor.js";
+import { useEditorContext } from "./context.js";
+import { Icon } from "./Icon.js";
+import { Tabs, TabsList, TabsTrigger } from "./ui/tabs.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/react/EditorSettingsPanel.tsx
+/**
+* The settings of an editor: one tab per settings tab the preset's features contribute. Place it anywhere; it renders
+* nothing when the preset contributes no tab. The values live in the app's shared settings (`useEditorSettings`), so
+* panels of several editors edit the same preferences.
+*/
+function EditorSettingsPanel({ preset, tab, onTabChange, contentClassName = "pt-4" }) {
+	const tabs = settingsTabsOf(preset, useEditorContext());
+	const active = tabs.find((candidate) => candidate.id === tab) ?? tabs[0];
+	if (!active) return null;
+	const Active = active.component;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex w-full flex-col",
+		children: [/* @__PURE__ */ jsx(Tabs, {
+			value: active.id,
+			onValueChange: (value) => onTabChange?.(value),
+			className: "w-full",
+			children: /* @__PURE__ */ jsx(TabsList, {
+				variant: "line",
+				children: tabs.map(({ id, label, icon }) => /* @__PURE__ */ jsxs(TabsTrigger, {
+					value: id,
+					children: [icon && /* @__PURE__ */ jsx(Icon, { name: icon }), label]
+				}, id))
+			})
+		}), /* @__PURE__ */ jsx("div", {
+			className: contentClassName,
+			"data-settings-panel-content": true,
+			children: /* @__PURE__ */ jsx(Active, { ...active.props }, active.id)
+		})]
+	});
+}
+//#endregion
+export { EditorSettingsPanel };
+
+//# sourceMappingURL=EditorSettingsPanel.js.map

package/dist/react/EditorSettingsPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorSettingsPanel.js","names":[],"sources":["../../src/react/EditorSettingsPanel.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { settingsTabsOf } from '../core/define-editor'\nimport type { ReactPreset } from './EditorSurface'\nimport { useEditorContext } from './context'\nimport { Icon } from './Icon'\nimport { Tabs, TabsList, TabsTrigger } from './ui/tabs'\n\n/**\n * The settings of an editor: one tab per settings tab the preset's features contribute. Place it anywhere; it renders\n * nothing when the preset contributes no tab. The values live in the app's shared settings (`useEditorSettings`), so\n * panels of several editors edit the same preferences.\n */\nexport function EditorSettingsPanel({ preset, tab, onTabChange, contentClassName = 'pt-4' }: {\n  /** The preset whose features contribute the tabs (the surface's `preset`). */\n  preset: ReactPreset\n  /** Shown tab id; a missing or removed id shows the first contributed tab. */\n  tab?: string\n  onTabChange?: (tab: string) => void\n  /** Classes of the tab content area, e.g. a fixed height with scrolling. */\n  contentClassName?: string\n}) {\n  const tabs = settingsTabsOf(preset, useEditorContext())\n  const active = tabs.find(candidate => candidate.id === tab) ?? tabs[0]\n  if (!active) return null\n  // The preset's component type is the toolbar/overlay one; a settings tab receives only its `props`.\n  const Active = active.component as ComponentType<Record<string, unknown>>\n  return (\n    <div className=\"flex w-full flex-col\">\n      <Tabs value={active.id} onValueChange={value => onTabChange?.(value)} className=\"w-full\">\n        <TabsList variant=\"line\">\n          {tabs.map(({ id, label, icon }) => (\n            <TabsTrigger key={id} value={id}>\n              {icon && <Icon name={icon} />}\n              {label}\n            </TabsTrigger>\n          ))}\n        </TabsList>\n      </Tabs>\n      <div className={contentClassName} data-settings-panel-content>\n        <Active key={active.id} {...active.props} />\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAYA,SAAgB,oBAAoB,EAAE,QAAQ,KAAK,aAAa,mBAAmB,UAQhF;CACD,MAAM,OAAO,eAAe,QAAQ,iBAAiB,CAAC;CACtD,MAAM,SAAS,KAAK,MAAK,cAAa,UAAU,OAAO,GAAG,KAAK,KAAK;CACpE,IAAI,CAAC,QAAQ,OAAO;CAEpB,MAAM,SAAS,OAAO;CACtB,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,oBAAC,MAAD;GAAM,OAAO,OAAO;GAAI,gBAAe,UAAS,cAAc,KAAK;GAAG,WAAU;GAC9E,UAAA,oBAAC,UAAD;IAAU,SAAQ;IACf,UAAA,KAAK,KAAK,EAAE,IAAI,OAAO,WACtB,qBAAC,aAAD;KAAsB,OAAO;KAA7B,UAAA,CACG,QAAQ,oBAAC,MAAD,EAAM,MAAM,KAAO,CAAA,GAC3B,KACU;IAHK,GAAA,EAGL,CACd;GACO,CAAA;EACN,CAAA,GACN,oBAAC,OAAD;GAAK,WAAW;GAAkB,+BAAA;GAChC,UAAA,oBAAC,QAAD,EAAwB,GAAI,OAAO,MAAQ,GAA9B,OAAO,EAAuB;EACxC,CAAA,CACF;;AAET"}

package/dist/react/EditorSurface.d.ts

@@ -0,0 +1,61 @@
+import { AbilitiesOptions, BlockAction, SlashCommandItem } from "../core/extension-points.js";
+import { EditorMetadata, MetadataItem } from "../core/metadata-types.js";
+import { CollaborationSession, EditorFeature, EditorPreset, UploadFn } from "../core/feature.js";
+import { ComponentType } from "react";
+import { AnyExtension, Editor, JSONContent } from "@tiptap/core";
+//#region src/react/EditorSurface.d.ts
+export type ReactFeature = EditorFeature<ComponentType<{
+  editor: Editor;
+}>>;
+export type ReactPreset = EditorPreset<ComponentType<{
+  editor: Editor;
+}>>;
+export interface EditorSurfaceProps {
+  /** The features this editor is made of (`defineEditor(...)`); fixed at mount, remount (`key`) to change it. */
+  preset: ReactPreset;
+  /** Collaborative mode: the Y.Doc is the document. Needs a preset with the collaboration feature; fixed at mount. */
+  collaboration?: CollaborationSession;
+  /** Standalone mode (without `collaboration`): TipTap JSON, with `onChange`; the editor keeps its own undo history. */
+  value?: JSONContent;
+  onChange?: (content: JSONContent) => void;
+  /** Host lists (`mentions`, `hashtags`, `speakers`, custom) features' suggestions search. */
+  metadata?: EditorMetadata;
+  /** Deep-merged into the `Abilities` defaults; read once at mount. */
+  abilities?: Partial<AbilitiesOptions>;
+  /** Added after the features' extensions; read once at mount. */
+  extensions?: AnyExtension[];
+  /** Hover actions shown after the features' own; shown by an installed block-UI feature. */
+  blockActions?: BlockAction[];
+  /** Builds the `/` menu from the features' commands; absent = the features' commands. Read once at mount. */
+  slashCommands?: (defaults: SlashCommandItem[]) => SlashCommandItem[];
+  /** Document whose package stores uploads (media feature). Read once at mount. */
+  documentId?: string;
+  /** Stores an uploaded file and returns its URL (media feature). Read once at mount. */
+  upload?: UploadFn;
+  editable?: boolean;
+  /** `internal`: the surface owns its settings UI; `external`: it calls `onSettingsOpen` and the host shows the panel. */
+  settingsUi?: 'internal' | 'external';
+  /** The editor exists and its chrome is registered (`useEditorUi(editor)`, a host toolbar). */
+  onReady?: (editor: Editor) => void;
+  onMetadataCreate?: (list: string, item: MetadataItem) => void;
+  /** The JSON handed in (initially or later) does not fit this editor's schema; the last valid document stays. */
+  onContentError?: (error: Error) => void;
+  /** `settingsUi: 'external'`: the editor asks the host to open its settings (on `tab` when given). */
+  onSettingsOpen?: (tab?: string) => void;
+  /** Whether this editor's AI sidebar is open (`toggleSidebar`): controlled when given. */
+  sidebarOpen?: boolean;
+  onSidebarOpenChange?: (open: boolean) => void;
+  /**
+   * Whether this editor's comments margin is open (`toggleComments`): controlled when given. The AI sidebar and the
+   * margin exclude each other: whichever opens last closes the other.
+   */
+  commentsOpen?: boolean;
+  onCommentsOpenChange?: (open: boolean) => void;
+}
+export interface EditorSurfaceHandle {
+  editor: Editor | null;
+  openSettings(tab?: string): void;
+}
+export declare const EditorSurface: import("react").ForwardRefExoticComponent<EditorSurfaceProps & import("react").RefAttributes<EditorSurfaceHandle>>;
+//#endregion
+//# sourceMappingURL=EditorSurface.d.ts.map

package/dist/react/EditorSurface.js

@@ -0,0 +1,277 @@
+import { presetExtension } from "../core/pipeline.js";
+import { createMetadataRegistry } from "../core/metadata.js";
+import { SuggestionPopup } from "../core/suggestion-popup.js";
+import { contributions, settingsTabsOf } from "../core/define-editor.js";
+import { registerEditor } from "../core/editor-ui.js";
+import { blockActionsOf, createFeatureContext } from "../core/feature-context.js";
+import { useEditorContext } from "./context.js";
+import { EMPTY_EDITOR_CONTENT } from "../core/schema/index.js";
+import { EditorSettingsModal } from "./EditorSettingsModal.js";
+import { EditorUiContext } from "./editor-ui.js";
+import { reactNotifier } from "./notify.js";
+import { reactSuggestionRenderer } from "./suggestion-renderer.js";
+import { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { getSchema } from "@tiptap/core";
+import { EditorContent, useEditor } from "@tiptap/react";
+//#region src/react/EditorSurface.tsx
+/** A boolean that is the host's (`value` given) or the component's own (`value` undefined); the setter is stable. */
+function useOpenState(value, onChange) {
+	const [internal, setInternal] = useState(false);
+	const controlled = value !== void 0;
+	const open = value ?? internal;
+	const latest = useRef({
+		open,
+		controlled,
+		onChange
+	});
+	latest.current = {
+		open,
+		controlled,
+		onChange
+	};
+	return {
+		open,
+		set: useCallback((next) => {
+			const current = latest.current;
+			if (next === current.open) return;
+			current.open = next;
+			if (!current.controlled) setInternal(next);
+			current.onChange?.(next);
+		}, []),
+		latest
+	};
+}
+/** Everything fixed at mount: preset, context, extensions, content check; callbacks are read from the surface's props. */
+function createSurface(props, app, parts) {
+	const { preset, collaboration } = props.current;
+	if (collaboration && !preset.features.some((feature) => feature.id === "collab")) throw new Error("@ecsplico/editor: `collaboration` needs a preset with the collaboration feature");
+	const ui = {
+		openSettings: parts.openSettings,
+		toggleSidebar: () => parts.sidebar.set(!parts.sidebar.latest.current.open),
+		toggleComments: () => parts.comments.set(!parts.comments.latest.current.open),
+		get commentsOpen() {
+			return parts.comments.latest.current.open;
+		}
+	};
+	const registry = createMetadataRegistry({ onCreate: (list, item) => props.current.onMetadataCreate?.(list, item) });
+	registry.replace({ ...props.current.metadata });
+	const ctx = createFeatureContext({
+		app,
+		preset,
+		ui,
+		metadata: registry,
+		notify: reactNotifier,
+		getEditor: () => parts.editor.current ?? void 0,
+		...props.current.documentId !== void 0 && { documentId: props.current.documentId },
+		...props.current.upload && { upload: props.current.upload },
+		...collaboration && { collaboration },
+		...props.current.abilities && { abilities: props.current.abilities },
+		...props.current.slashCommands && { slashCommands: props.current.slashCommands }
+	});
+	const extensions = [
+		presetExtension(preset),
+		SuggestionPopup.configure({ renderer: reactSuggestionRenderer }),
+		...contributions(preset, "extensions").flatMap((factory) => factory(ctx)),
+		...props.current.extensions ?? []
+	];
+	const schema = getSchema(extensions);
+	const overlays = preset.features.flatMap((feature) => [...feature.overlays ?? []]);
+	const blockActions = blockActionsOf(preset, ctx, props.current.blockActions);
+	/** `json` migrated by the preset and checked against the installed schema: unknown nodes/marks or a broken structure are errors. */
+	const validated = (json) => {
+		try {
+			const migrated = preset.pipeline.migrateContent(json);
+			schema.nodeFromJSON(migrated).check();
+			return { json: migrated };
+		} catch (error) {
+			return { error: error instanceof Error ? error : new Error(String(error)) };
+		}
+	};
+	let lastEmitted;
+	let content;
+	let initialError;
+	if (!collaboration) {
+		const initial = props.current.value ? validated(props.current.value) : { json: EMPTY_EDITOR_CONTENT };
+		if ("error" in initial) initialError = initial.error;
+		content = "json" in initial ? initial.json : EMPTY_EDITOR_CONTENT;
+	}
+	return {
+		preset,
+		collaboration,
+		ui,
+		registry,
+		ctx,
+		extensions,
+		overlays,
+		blockActions,
+		validated,
+		content,
+		initialError,
+		get lastEmitted() {
+			return lastEmitted;
+		},
+		set lastEmitted(json) {
+			lastEmitted = json;
+		},
+		/** What the effects below already applied; they only react to a change. */
+		applied: {
+			value: props.current.value,
+			editable: props.current.editable ?? true,
+			metadata: props.current.metadata
+		},
+		/** Teardowns of the `setup` contributions that are currently active. */
+		teardowns: [],
+		errorReported: false,
+		announced: null
+	};
+}
+const EditorSurface = forwardRef(function EditorSurface(props, ref) {
+	const { value, editable = true, metadata } = props;
+	const latest = useRef(props);
+	latest.current = props;
+	const app = useEditorContext();
+	const editorRef = useRef(null);
+	const sidebar = useOpenState(props.sidebarOpen, props.onSidebarOpenChange);
+	const comments = useOpenState(props.commentsOpen, props.onCommentsOpenChange);
+	const [settingsState, setSettingsState] = useState({
+		open: false,
+		tab: void 0
+	});
+	const openSettings = useCallback((tab) => {
+		if (!settingsTabsOf(latest.current.preset, app).length) return;
+		if ((latest.current.settingsUi ?? "internal") === "external") {
+			latest.current.onSettingsOpen?.(tab);
+			return;
+		}
+		setSettingsState((state) => ({
+			open: true,
+			tab: tab ?? state.tab
+		}));
+	}, []);
+	const [surface] = useState(() => createSurface(latest, app, {
+		editor: editorRef,
+		sidebar,
+		comments,
+		openSettings
+	}));
+	const { preset, collaboration } = surface;
+	const editor = useEditor({
+		extensions: surface.extensions,
+		...!collaboration && {
+			content: surface.content,
+			onUpdate: ({ editor: instance }) => {
+				const json = instance.getJSON();
+				surface.lastEmitted = json;
+				latest.current.onChange?.(json);
+			}
+		},
+		editable,
+		immediatelyRender: true,
+		shouldRerenderOnTransaction: false,
+		editorProps: { attributes: { class: "tiptap" } }
+	});
+	editorRef.current = editor;
+	useEffect(() => {
+		for (const run of contributions(preset, "setup")) {
+			const teardown = run(surface.ctx);
+			if (teardown) surface.teardowns.push(teardown);
+		}
+		return () => {
+			for (const teardown of surface.teardowns.splice(0)) teardown();
+		};
+	}, [surface, preset]);
+	useEffect(() => {
+		if (surface.initialError && !surface.errorReported) {
+			surface.errorReported = true;
+			latest.current.onContentError?.(surface.initialError);
+		}
+		const unregister = registerEditor(editor, {
+			ui: surface.ui,
+			preset,
+			ctx: surface.ctx,
+			blockActions: surface.blockActions
+		});
+		if (surface.announced !== editor) {
+			surface.announced = editor;
+			latest.current.onReady?.(editor);
+		}
+		return unregister;
+	}, [
+		editor,
+		surface,
+		preset
+	]);
+	useEffect(() => {
+		if (value === surface.applied.value) return;
+		surface.applied.value = value;
+		if (collaboration || !value || editor.isDestroyed || value === surface.lastEmitted) return;
+		const checked = surface.validated(value);
+		if ("error" in checked) {
+			latest.current.onContentError?.(checked.error);
+			return;
+		}
+		editor.commands.setContent(checked.json, { emitUpdate: false });
+	}, [
+		value,
+		editor,
+		surface,
+		collaboration
+	]);
+	useEffect(() => {
+		if (editable === surface.applied.editable) return;
+		surface.applied.editable = editable;
+		if (editor.isDestroyed) return;
+		editor.setEditable(editable, false);
+		editor.view.dispatch(editor.state.tr.setMeta("addToHistory", false));
+	}, [
+		editable,
+		editor,
+		surface
+	]);
+	useEffect(() => {
+		if (metadata === surface.applied.metadata) return;
+		surface.applied.metadata = metadata;
+		surface.registry.replace({ ...metadata });
+	}, [metadata, surface]);
+	useEffect(() => {
+		if (sidebar.open) comments.set(false);
+	}, [sidebar.open, comments.set]);
+	useEffect(() => {
+		if (comments.open) sidebar.set(false);
+	}, [comments.open, sidebar.set]);
+	useImperativeHandle(ref, () => ({
+		editor,
+		openSettings
+	}), [editor, openSettings]);
+	return /* @__PURE__ */ jsxs(EditorUiContext.Provider, {
+		value: surface.ui,
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "relative",
+				children: /* @__PURE__ */ jsx(EditorContent, {
+					editor,
+					className: "relative"
+				})
+			}),
+			surface.overlays.map((Overlay, index) => /* @__PURE__ */ jsx(Overlay, { editor }, index)),
+			(props.settingsUi ?? "internal") === "internal" && /* @__PURE__ */ jsx(EditorSettingsModal, {
+				preset,
+				open: settingsState.open,
+				onOpenChange: (open) => setSettingsState((state) => ({
+					...state,
+					open
+				})),
+				...settingsState.tab !== void 0 && { tab: settingsState.tab },
+				onTabChange: (tab) => setSettingsState((state) => ({
+					...state,
+					tab
+				}))
+			})
+		]
+	});
+});
+//#endregion
+export { EditorSurface };
+
+//# sourceMappingURL=EditorSurface.js.map

package/dist/react/EditorSurface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorSurface.js","names":[],"sources":["../../src/react/EditorSurface.tsx"],"sourcesContent":["import { type AnyExtension, type Editor, getSchema, type JSONContent } from '@tiptap/core'\nimport { EditorContent, useEditor } from '@tiptap/react'\nimport { type ComponentType, forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react'\nimport type { EditorContext } from '../core/context'\nimport { contributions, settingsTabsOf } from '../core/define-editor'\nimport { type EditorUi, registerEditor } from '../core/editor-ui'\nimport type { AbilitiesOptions, BlockAction, SlashCommandItem } from '../core/extension-points'\nimport type { CollaborationSession, EditorFeature, EditorPreset, UploadFn } from '../core/feature'\nimport { blockActionsOf, createFeatureContext } from '../core/feature-context'\nimport { createMetadataRegistry } from '../core/metadata'\nimport type { EditorMetadata, MetadataItem } from '../core/metadata-types'\nimport { presetExtension } from '../core/pipeline'\nimport { EMPTY_EDITOR_CONTENT } from '../core/schema'\nimport { SuggestionPopup } from '../core/suggestion-popup'\nimport { useEditorContext } from './context'\nimport { EditorSettingsModal } from './EditorSettingsModal'\nimport { EditorUiContext } from './editor-ui'\nimport { reactNotifier } from './notify'\nimport { reactSuggestionRenderer } from './suggestion-renderer'\n\nexport type ReactFeature = EditorFeature<ComponentType<{ editor: Editor }>>\nexport type ReactPreset = EditorPreset<ComponentType<{ editor: Editor }>>\n\nexport interface EditorSurfaceProps {\n  /** The features this editor is made of (`defineEditor(...)`); fixed at mount, remount (`key`) to change it. */\n  preset: ReactPreset\n  /** Collaborative mode: the Y.Doc is the document. Needs a preset with the collaboration feature; fixed at mount. */\n  collaboration?: CollaborationSession\n  /** Standalone mode (without `collaboration`): TipTap JSON, with `onChange`; the editor keeps its own undo history. */\n  value?: JSONContent\n  onChange?: (content: JSONContent) => void\n  /** Host lists (`mentions`, `hashtags`, `speakers`, custom) features' suggestions search. */\n  metadata?: EditorMetadata\n  /** Deep-merged into the `Abilities` defaults; read once at mount. */\n  abilities?: Partial<AbilitiesOptions>\n  /** Added after the features' extensions; read once at mount. */\n  extensions?: AnyExtension[]\n  /** Hover actions shown after the features' own; shown by an installed block-UI feature. */\n  blockActions?: BlockAction[]\n  /** Builds the `/` menu from the features' commands; absent = the features' commands. Read once at mount. */\n  slashCommands?: (defaults: SlashCommandItem[]) => SlashCommandItem[]\n  /** Document whose package stores uploads (media feature). Read once at mount. */\n  documentId?: string\n  /** Stores an uploaded file and returns its URL (media feature). Read once at mount. */\n  upload?: UploadFn\n  editable?: boolean\n  /** `internal`: the surface owns its settings UI; `external`: it calls `onSettingsOpen` and the host shows the panel. */\n  settingsUi?: 'internal' | 'external'\n  /** The editor exists and its chrome is registered (`useEditorUi(editor)`, a host toolbar). */\n  onReady?: (editor: Editor) => void\n  onMetadataCreate?: (list: string, item: MetadataItem) => void\n  /** The JSON handed in (initially or later) does not fit this editor's schema; the last valid document stays. */\n  onContentError?: (error: Error) => void\n  /** `settingsUi: 'external'`: the editor asks the host to open its settings (on `tab` when given). */\n  onSettingsOpen?: (tab?: string) => void\n  /** Whether this editor's AI sidebar is open (`toggleSidebar`): controlled when given. */\n  sidebarOpen?: boolean\n  onSidebarOpenChange?: (open: boolean) => void\n  /**\n   * Whether this editor's comments margin is open (`toggleComments`): controlled when given. The AI sidebar and the\n   * margin exclude each other: whichever opens last closes the other.\n   */\n  commentsOpen?: boolean\n  onCommentsOpenChange?: (open: boolean) => void\n}\n\nexport interface EditorSurfaceHandle {\n  editor: Editor | null\n  openSettings(tab?: string): void\n}\n\n/** A boolean that is the host's (`value` given) or the component's own (`value` undefined); the setter is stable. */\nfunction useOpenState(value: boolean | undefined, onChange: ((open: boolean) => void) | undefined) {\n  const [internal, setInternal] = useState(false)\n  const controlled = value !== undefined\n  const open = value ?? internal\n  const latest = useRef({ open, controlled, onChange })\n  latest.current = { open, controlled, onChange }\n  const set = useCallback((next: boolean) => {\n    const current = latest.current\n    if (next === current.open) return\n    current.open = next\n    if (!current.controlled) setInternal(next)\n    current.onChange?.(next)\n  }, [])\n  return { open, set, latest }\n}\n\n/** Everything fixed at mount: preset, context, extensions, content check; callbacks are read from the surface's props. */\nfunction createSurface(props: { current: EditorSurfaceProps }, app: EditorContext, parts: {\n  editor: { current: Editor | null }\n  sidebar: { set: (open: boolean) => void, latest: { current: { open: boolean } } }\n  comments: { set: (open: boolean) => void, latest: { current: { open: boolean } } }\n  openSettings: (tab?: string) => void\n}) {\n  const { preset, collaboration } = props.current\n  // The mode is fixed at mount; hosts switch it by remounting (`key`).\n  if (collaboration && !preset.features.some(feature => feature.id === 'collab')) {\n    throw new Error('@ecsplico/editor: `collaboration` needs a preset with the collaboration feature')\n  }\n\n  const ui: EditorUi = {\n    openSettings: parts.openSettings,\n    toggleSidebar: () => parts.sidebar.set(!parts.sidebar.latest.current.open),\n    toggleComments: () => parts.comments.set(!parts.comments.latest.current.open),\n    get commentsOpen() {\n      return parts.comments.latest.current.open\n    },\n  }\n\n  const registry = createMetadataRegistry({ onCreate: (list, item) => props.current.onMetadataCreate?.(list, item) })\n  registry.replace({ ...props.current.metadata })\n\n  const ctx = createFeatureContext({\n    app,\n    preset,\n    ui,\n    metadata: registry,\n    notify: reactNotifier,\n    getEditor: () => parts.editor.current ?? undefined,\n    ...(props.current.documentId !== undefined && { documentId: props.current.documentId }),\n    ...(props.current.upload && { upload: props.current.upload }),\n    ...(collaboration && { collaboration }),\n    ...(props.current.abilities && { abilities: props.current.abilities }),\n    ...(props.current.slashCommands && { slashCommands: props.current.slashCommands }),\n  })\n\n  const extensions: AnyExtension[] = [\n    presetExtension(preset),\n    SuggestionPopup.configure({ renderer: reactSuggestionRenderer }),\n    ...contributions(preset, 'extensions').flatMap(factory => factory(ctx)),\n    ...(props.current.extensions ?? []),\n  ]\n  const schema = getSchema(extensions)\n  const overlays = preset.features.flatMap(feature => [...(feature.overlays ?? [])])\n  const blockActions = blockActionsOf(preset, ctx, props.current.blockActions)\n\n  /** `json` migrated by the preset and checked against the installed schema: unknown nodes/marks or a broken structure are errors. */\n  const validated = (json: JSONContent): { json: JSONContent } | { error: Error } => {\n    try {\n      const migrated = preset.pipeline.migrateContent(json)\n      schema.nodeFromJSON(migrated).check()\n      return { json: migrated }\n    }\n    catch (error) {\n      return { error: error instanceof Error ? error : new Error(String(error)) }\n    }\n  }\n\n  // Standalone: the JSON last sent through `onChange`; the host handing it back is not an external change.\n  let lastEmitted: JSONContent | undefined\n  let content: JSONContent | undefined\n  let initialError: Error | undefined\n  if (!collaboration) {\n    const initial = props.current.value ? validated(props.current.value) : { json: EMPTY_EDITOR_CONTENT }\n    if ('error' in initial) initialError = initial.error\n    content = 'json' in initial ? initial.json : EMPTY_EDITOR_CONTENT\n  }\n\n  return {\n    preset,\n    collaboration,\n    ui,\n    registry,\n    ctx,\n    extensions,\n    overlays,\n    blockActions,\n    validated,\n    content,\n    initialError,\n    get lastEmitted() {\n      return lastEmitted\n    },\n    set lastEmitted(json: JSONContent | undefined) {\n      lastEmitted = json\n    },\n    /** What the effects below already applied; they only react to a change. */\n    applied: {\n      value: props.current.value,\n      editable: props.current.editable ?? true,\n      metadata: props.current.metadata,\n    },\n    /** Teardowns of the `setup` contributions that are currently active. */\n    teardowns: [] as (() => void)[],\n    errorReported: false,\n    announced: null as Editor | null,\n  }\n}\n\nexport const EditorSurface = forwardRef<EditorSurfaceHandle, EditorSurfaceProps>(function EditorSurface(props, ref) {\n  const { value, editable = true, metadata } = props\n  const latest = useRef(props)\n  latest.current = props\n\n  const app = useEditorContext()\n  const editorRef = useRef<Editor | null>(null)\n  const sidebar = useOpenState(props.sidebarOpen, props.onSidebarOpenChange)\n  const comments = useOpenState(props.commentsOpen, props.onCommentsOpenChange)\n  // `settingsUi: 'internal'`: the surface's own settings modal (`openSettings` opens it).\n  const [settingsState, setSettingsState] = useState<{ open: boolean, tab: string | undefined }>({ open: false, tab: undefined })\n\n  const openSettings = useCallback((tab?: string) => {\n    // Nothing to open without a contributed tab.\n    if (!settingsTabsOf(latest.current.preset, app).length) return\n    if ((latest.current.settingsUi ?? 'internal') === 'external') {\n      latest.current.onSettingsOpen?.(tab)\n      return\n    }\n    setSettingsState(state => ({ open: true, tab: tab ?? state.tab }))\n  }, [])\n\n  const [surface] = useState(() => createSurface(latest, app, { editor: editorRef, sidebar, comments, openSettings }))\n  const { preset, collaboration } = surface\n\n  const editor = useEditor({\n    extensions: surface.extensions,\n    ...(!collaboration && {\n      content: surface.content,\n      onUpdate: ({ editor: instance }: { editor: Editor }) => {\n        const json = instance.getJSON()\n        surface.lastEmitted = json\n        latest.current.onChange?.(json)\n      },\n    }),\n    editable,\n    immediatelyRender: true,\n    shouldRerenderOnTransaction: false,\n    editorProps: { attributes: { class: 'tiptap' } },\n  })\n  editorRef.current = editor\n\n  // Per-mount side effects of features (`setup`). Run and teardown are paired, so StrictMode's mount, cleanup, mount\n  // leaves exactly one active setup, and unmounting tears it down.\n  useEffect(() => {\n    for (const run of contributions(preset, 'setup')) {\n      const teardown = run(surface.ctx)\n      if (teardown) surface.teardowns.push(teardown)\n    }\n    return () => {\n      for (const teardown of surface.teardowns.splice(0)) teardown()\n    }\n  }, [surface, preset])\n\n  // The editor exists from the first render; announce it once its chrome is registered first, so a host toolbar that\n  // receives it through `onReady` finds the chrome.\n  useEffect(() => {\n    if (surface.initialError && !surface.errorReported) {\n      surface.errorReported = true\n      latest.current.onContentError?.(surface.initialError)\n    }\n    const unregister = registerEditor(editor, { ui: surface.ui, preset, ctx: surface.ctx, blockActions: surface.blockActions })\n    if (surface.announced !== editor) {\n      surface.announced = editor\n      latest.current.onReady?.(editor)\n    }\n    return unregister\n  }, [editor, surface, preset])\n\n  // External replacement of the standalone document (the host loaded or reset it); not an edit, so no update event.\n  useEffect(() => {\n    if (value === surface.applied.value) return\n    surface.applied.value = value\n    if (collaboration || !value || editor.isDestroyed || value === surface.lastEmitted) return\n    const checked = surface.validated(value)\n    if ('error' in checked) {\n      latest.current.onContentError?.(checked.error)\n      return\n    }\n    editor.commands.setContent(checked.json, { emitUpdate: false })\n  }, [value, editor, surface, collaboration])\n\n  // `setEditable(…, false)` changes the flag without any event; an empty, history-less transaction lets components that\n  // follow `isEditable` on `transaction` (block UI, the composite inspector) notice. It has no steps, so nothing syncs.\n  useEffect(() => {\n    if (editable === surface.applied.editable) return\n    surface.applied.editable = editable\n    if (editor.isDestroyed) return\n    editor.setEditable(editable, false)\n    editor.view.dispatch(editor.state.tr.setMeta('addToHistory', false))\n  }, [editable, editor, surface])\n\n  useEffect(() => {\n    if (metadata === surface.applied.metadata) return\n    surface.applied.metadata = metadata\n    surface.registry.replace({ ...metadata })\n  }, [metadata, surface])\n\n  // The AI sidebar and the comments margin exclude each other: whichever opens last closes the other.\n  useEffect(() => {\n    if (sidebar.open) comments.set(false)\n  }, [sidebar.open, comments.set])\n  useEffect(() => {\n    if (comments.open) sidebar.set(false)\n  }, [comments.open, sidebar.set])\n\n  useImperativeHandle(ref, () => ({ editor, openSettings }), [editor, openSettings])\n\n  return (\n    <EditorUiContext.Provider value={surface.ui}>\n      <div className=\"relative\">\n        <EditorContent editor={editor} className=\"relative\" />\n      </div>\n      {surface.overlays.map((Overlay, index) => <Overlay key={index} editor={editor} />)}\n      {(props.settingsUi ?? 'internal') === 'internal' && (\n        <EditorSettingsModal\n          preset={preset}\n          open={settingsState.open}\n          onOpenChange={open => setSettingsState(state => ({ ...state, open }))}\n          {...(settingsState.tab !== undefined && { tab: settingsState.tab })}\n          onTabChange={tab => setSettingsState(state => ({ ...state, tab }))}\n        />\n      )}\n    </EditorUiContext.Provider>\n  )\n})\n"],"mappings":"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"}

package/dist/react/EditorToolbar.d.ts

@@ -0,0 +1,15 @@
+import { ReactPreset } from "./EditorSurface.js";
+import { Editor } from "@tiptap/core";
+//#region src/react/EditorToolbar.d.ts
+/**
+ * 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.
+ */
+export declare function EditorToolbar({ editor: given, preset }: {
+  editor?: Editor;
+  preset?: ReactPreset;
+}): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=EditorToolbar.d.ts.map