@ecsplico/editor 0.0.0-stage → 2.0.0

package/dist/vue/components/EditorSurface.js

@@ -0,0 +1,229 @@
+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 { EMPTY_EDITOR_CONTENT } from "../../core/schema/index.js";
+import { useUiKit } from "../kit/use-ui-kit.js";
+import { attachNotifier } from "../notify.js";
+import { useEditorContext } from "../context.js";
+import { EDITOR_UI } from "../use-editor-ui.js";
+import { vueSuggestionRenderer } from "../suggestion-renderer.js";
+import _sfc_main$1 from "./EditorSettingsModal.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeModels, onBeforeUnmount, openBlock, provide, ref, renderList, resolveDynamicComponent, toRaw, unref, useModel, watch } from "vue";
+import { EditorContent, getSchema, useEditor } from "@tiptap/vue-3";
+//#region src/vue/components/EditorSurface.vue
+const _hoisted_1 = { class: "relative" };
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "EditorSurface",
+	props: /*@__PURE__*/ mergeModels({
+		preset: {},
+		collaboration: {},
+		modelValue: {},
+		metadata: {},
+		abilities: {},
+		extensions: {},
+		blockActions: {},
+		slashCommands: {},
+		documentId: {},
+		upload: {},
+		editable: {
+			type: Boolean,
+			default: true
+		},
+		settingsUi: { default: "internal" }
+	}, {
+		"sidebarOpen": {
+			type: Boolean,
+			default: false
+		},
+		"sidebarOpenModifiers": {},
+		"commentsOpen": {
+			type: Boolean,
+			default: false
+		},
+		"commentsOpenModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels([
+		"ready",
+		"update:modelValue",
+		"metadataCreate",
+		"contentError",
+		"settingsOpen"
+	], ["update:sidebarOpen", "update:commentsOpen"]),
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		/** Whether this editor's AI sidebar is open (`toggleSidebar`): hosts bind it (`v-model:sidebar-open`). */
+		const sidebarOpen = useModel(__props, "sidebarOpen");
+		/**
+		* Whether this editor's comments margin is open (`toggleComments`, Mod-Shift-m of the comments feature): hosts bind it
+		* (`v-model:comments-open`). The AI sidebar and the margin exclude each other: whichever opens last closes the other.
+		*/
+		const commentsOpen = useModel(__props, "commentsOpen");
+		watch(sidebarOpen, (open) => {
+			if (open) commentsOpen.value = false;
+		});
+		watch(commentsOpen, (open) => {
+			if (open) sidebarOpen.value = false;
+		});
+		const { preset } = props;
+		const app = useEditorContext();
+		const collaboration = props.collaboration;
+		if (collaboration && !preset.features.some((feature) => feature.id === "collab")) throw new Error("@ecsplico/editor: `collaboration` needs a preset with the collaboration feature");
+		const settingsOpen = ref(false);
+		const settingsTab = ref();
+		const ui = {
+			openSettings: (tab) => {
+				if (!settingsTabsOf(preset, app).length) return;
+				if (props.settingsUi === "external") {
+					emit("settingsOpen", tab);
+					return;
+				}
+				if (tab) settingsTab.value = tab;
+				settingsOpen.value = true;
+			},
+			toggleSidebar: () => {
+				sidebarOpen.value = !sidebarOpen.value;
+			},
+			toggleComments: () => {
+				commentsOpen.value = !commentsOpen.value;
+			},
+			get commentsOpen() {
+				return commentsOpen.value;
+			}
+		};
+		provide(EDITOR_UI, ui);
+		let unregister;
+		const registry = createMetadataRegistry({ onCreate: (list, item) => emit("metadataCreate", list, item) });
+		registry.replace({ ...props.metadata });
+		watch(() => props.metadata, (metadata) => registry.replace({ ...metadata }));
+		const kitNotify = useUiKit().notifier();
+		attachNotifier(app.notify, kitNotify);
+		const ctx = createFeatureContext({
+			app,
+			preset,
+			ui,
+			metadata: registry,
+			notify: kitNotify,
+			getEditor: () => editor.value,
+			...props.documentId !== void 0 && { documentId: props.documentId },
+			...props.upload && { upload: props.upload },
+			...collaboration && { collaboration },
+			...props.abilities && { abilities: props.abilities },
+			...props.slashCommands && { slashCommands: props.slashCommands }
+		});
+		const extensions = [
+			presetExtension(preset),
+			SuggestionPopup.configure({ renderer: vueSuggestionRenderer }),
+			...contributions(preset, "extensions").flatMap((factory) => factory(ctx)),
+			...props.extensions ?? []
+		];
+		const schema = getSchema(extensions);
+		const overlays = preset.features.flatMap((feature) => [...feature.overlays ?? []]);
+		const blockActions = blockActionsOf(preset, ctx, props.blockActions);
+		const teardowns = [];
+		for (const run of contributions(preset, "setup")) {
+			const teardown = run(ctx);
+			if (teardown) teardowns.push(teardown);
+		}
+		/** `json` migrated by the preset and checked against the installed schema: unknown nodes/marks or a broken structure are errors. */
+		function validated(json) {
+			try {
+				const migrated = preset.pipeline.migrateContent(toRaw(json));
+				schema.nodeFromJSON(migrated).check();
+				return { json: migrated };
+			} catch (error) {
+				return { error: error instanceof Error ? error : new Error(String(error)) };
+			}
+		}
+		let lastEmitted;
+		let standaloneOptions = {};
+		if (!collaboration) {
+			const initial = props.modelValue ? validated(props.modelValue) : { json: EMPTY_EDITOR_CONTENT };
+			if ("error" in initial) emit("contentError", initial.error);
+			standaloneOptions = {
+				content: "json" in initial ? initial.json : EMPTY_EDITOR_CONTENT,
+				onUpdate: ({ editor: instance }) => {
+					lastEmitted = instance.getJSON();
+					emit("update:modelValue", lastEmitted);
+				}
+			};
+		}
+		const editor = useEditor({
+			extensions,
+			...standaloneOptions,
+			editable: props.editable,
+			editorProps: { attributes: { class: "tiptap" } }
+		});
+		if (!collaboration) watch(() => props.modelValue, (value) => {
+			const instance = editor.value;
+			if (!value || !instance || instance.isDestroyed || toRaw(value) === lastEmitted) return;
+			const checked = validated(value);
+			if ("error" in checked) {
+				emit("contentError", checked.error);
+				return;
+			}
+			instance.commands.setContent(checked.json, { emitUpdate: false });
+		});
+		watch(() => props.editable, (editable) => {
+			const instance = editor.value;
+			if (!instance || instance.isDestroyed) return;
+			instance.setEditable(editable, false);
+			instance.view.dispatch(instance.state.tr.setMeta("addToHistory", false));
+		});
+		const stopReady = watch(editor, (instance) => {
+			if (!instance) return;
+			unregister = registerEditor(toRaw(instance), {
+				ui,
+				preset,
+				ctx,
+				blockActions
+			});
+			emit("ready", instance);
+			stopReady();
+		});
+		onBeforeUnmount(() => {
+			unregister?.();
+			for (const teardown of teardowns.splice(0)) teardown();
+			editor.value?.destroy();
+		});
+		__expose({
+			editor,
+			settingsOpen,
+			settingsTab
+		});
+		return (_ctx, _cache) => {
+			return unref(editor) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+				createElementVNode("div", _hoisted_1, [createVNode(unref(EditorContent), {
+					editor: unref(editor),
+					class: "relative"
+				}, null, 8, ["editor"])]),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(unref(overlays), (overlay, index) => {
+					return openBlock(), createBlock(resolveDynamicComponent(overlay), {
+						key: index,
+						editor: unref(editor)
+					}, null, 8, ["editor"]);
+				}), 128)),
+				__props.settingsUi === "internal" ? (openBlock(), createBlock(_sfc_main$1, {
+					key: 0,
+					open: settingsOpen.value,
+					"onUpdate:open": _cache[0] || (_cache[0] = ($event) => settingsOpen.value = $event),
+					tab: settingsTab.value,
+					"onUpdate:tab": _cache[1] || (_cache[1] = ($event) => settingsTab.value = $event),
+					preset: unref(preset)
+				}, null, 8, [
+					"open",
+					"tab",
+					"preset"
+				])) : createCommentVNode("v-if", true)
+			], 64)) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=EditorSurface.js.map

package/dist/vue/components/EditorSurface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorSurface.js","names":["_useModel","_unref","_openBlock","_createElementBlock","_Fragment","_createElementVNode","_createVNode","_renderList","_createBlock","_resolveDynamicComponent","EditorSettingsModal","_createCommentVNode"],"sources":["../../../src/vue/components/EditorSurface.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { AnyExtension, Editor, EditorOptions, JSONContent } from '@tiptap/vue-3'\nimport { EditorContent, getSchema, useEditor } from '@tiptap/vue-3'\nimport { type Component, onBeforeUnmount, provide, ref, toRaw, watch } from 'vue'\nimport { contributions, settingsTabsOf } from '../../core/define-editor'\nimport { type EditorUi, registerEditor } from '../../core/editor-ui'\nimport { useEditorContext } from '../context'\nimport { attachNotifier } from '../notify'\nimport { useUiKit } from '../kit/use-ui-kit'\nimport { EDITOR_UI } from '../use-editor-ui'\nimport type { AbilitiesOptions, BlockAction, SlashCommandItem } from '../../core/extension-points'\nimport { type CollaborationSession, type EditorPreset, type 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 { vueSuggestionRenderer } from '../suggestion-renderer'\nimport EditorSettingsModal from './EditorSettingsModal.vue'\n\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<{\n  /** The features this editor is made of (`simpleEditor()`, `defineEditor(...)`); fixed at mount, remount (`key`) to change it. */\n  preset: EditorPreset\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 via `v-model`; the editor keeps its own undo history. */\n  modelValue?: JSONContent\n  /** Host lists (`mentions`, `hashtags`, `speakers`, custom) features' suggestions search. */\n  metadata?: EditorMetadata\n  /** Deep-merged into the `Abilities` defaults; read once at setup. */\n  abilities?: Partial<AbilitiesOptions>\n  /** Added after the features' extensions; read once at setup. */\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 setup. */\n  slashCommands?: (defaults: SlashCommandItem[]) => SlashCommandItem[]\n  /** Document whose package stores uploads (media feature). Read once at setup. */\n  documentId?: string\n  /** Stores an uploaded file and returns its URL (media feature). Read once at setup. */\n  upload?: UploadFn\n  editable?: boolean\n  /** `internal`: the surface owns its settings UI; `external`: it emits `settingsOpen` and the host shows the panel. */\n  settingsUi?: 'internal' | 'external'\n}>(), { editable: true, settingsUi: 'internal' })\n\nconst emit = defineEmits<{\n  'ready': [editor: Editor]\n  'update:modelValue': [content: JSONContent]\n  'metadataCreate': [list: string, item: MetadataItem]\n  /** The JSON handed in (initially or later) does not fit this editor's schema; the last valid document stays. */\n  'contentError': [error: Error]\n  /** `settingsUi: 'external'`: the editor asks the host to open its settings (on `tab` when given). */\n  'settingsOpen': [tab?: string]\n}>()\n\n/** Whether this editor's AI sidebar is open (`toggleSidebar`): hosts bind it (`v-model:sidebar-open`). */\nconst sidebarOpen = defineModel<boolean>('sidebarOpen', { default: false })\n/**\n * Whether this editor's comments margin is open (`toggleComments`, Mod-Shift-m of the comments feature): hosts bind it\n * (`v-model:comments-open`). The AI sidebar and the margin exclude each other: whichever opens last closes the other.\n */\nconst commentsOpen = defineModel<boolean>('commentsOpen', { default: false })\nwatch(sidebarOpen, (open) => {\n  if (open) commentsOpen.value = false\n})\nwatch(commentsOpen, (open) => {\n  if (open) sidebarOpen.value = false\n})\n\nconst { preset } = props\nconst app = useEditorContext()\n\n// The mode is fixed at setup; hosts switch it by remounting (`key`).\nconst collaboration = props.collaboration\nif (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// The editor's chrome for its subtree (EDITOR_UI) and, registered by editor instance once it exists, for components\n// a host places beside it (EditorToolbar, outline, sidebar).\nconst settingsOpen = ref(false)\nconst settingsTab = ref<string | undefined>()\nconst ui: EditorUi = {\n  openSettings: (tab) => {\n    // Nothing to open without a contributed tab.\n    if (!settingsTabsOf(preset, app).length) return\n    if (props.settingsUi === 'external') {\n      emit('settingsOpen', tab)\n      return\n    }\n    if (tab) settingsTab.value = tab\n    settingsOpen.value = true\n  },\n  toggleSidebar: () => {\n    sidebarOpen.value = !sidebarOpen.value\n  },\n  toggleComments: () => {\n    commentsOpen.value = !commentsOpen.value\n  },\n  get commentsOpen() {\n    return commentsOpen.value\n  },\n}\nprovide(EDITOR_UI, ui)\nlet unregister: (() => void) | undefined\n\nconst registry = createMetadataRegistry({ onCreate: (list, item) => emit('metadataCreate', list, item) })\nregistry.replace({ ...props.metadata })\nwatch(() => props.metadata, metadata => registry.replace({ ...metadata }))\n\n// Captured in setup: features raise notices later, outside it.\nconst kitNotify = useUiKit().notifier()\nattachNotifier(app.notify, kitNotify)\n\nconst ctx = createFeatureContext({\n  app,\n  preset,\n  ui,\n  metadata: registry,\n  notify: kitNotify,\n  getEditor: () => editor.value,\n  ...(props.documentId !== undefined && { documentId: props.documentId }),\n  ...(props.upload && { upload: props.upload }),\n  ...(collaboration && { collaboration }),\n  ...(props.abilities && { abilities: props.abilities }),\n  ...(props.slashCommands && { slashCommands: props.slashCommands }),\n})\n\nconst extensions: AnyExtension[] = [\n  presetExtension(preset),\n  SuggestionPopup.configure({ renderer: vueSuggestionRenderer }),\n  ...contributions(preset, 'extensions').flatMap(factory => factory(ctx)),\n  ...(props.extensions ?? []),\n]\nconst schema = getSchema(extensions)\n// Descriptors are framework-agnostic (`overlays: unknown[]`); in this Vue surface they are Vue components.\nconst overlays = preset.features.flatMap(feature => [...(feature.overlays ?? [])]) as Component[]\nconst blockActions = blockActionsOf(preset, ctx, props.blockActions)\n// A setup contribution may return its teardown; they run when the surface unmounts.\nconst teardowns: (() => void)[] = []\nfor (const run of contributions(preset, 'setup')) {\n  const teardown = run(ctx)\n  if (teardown) teardowns.push(teardown)\n}\n\n/** `json` migrated by the preset and checked against the installed schema: unknown nodes/marks or a broken structure are errors. */\nfunction validated(json: JSONContent): { json: JSONContent } | { error: Error } {\n  try {\n    const migrated = preset.pipeline.migrateContent(toRaw(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 `update:modelValue`; the host handing it back is not an external change.\nlet lastEmitted: JSONContent | undefined\nlet standaloneOptions: Partial<EditorOptions> = {}\nif (!collaboration) {\n  // Raw: a reactive host value would put Vue proxies into node attributes.\n  const initial = props.modelValue ? validated(props.modelValue) : { json: EMPTY_EDITOR_CONTENT }\n  if ('error' in initial) emit('contentError', initial.error)\n  standaloneOptions = {\n    content: 'json' in initial ? initial.json : EMPTY_EDITOR_CONTENT,\n    onUpdate: ({ editor: instance }) => {\n      lastEmitted = instance.getJSON()\n      emit('update:modelValue', lastEmitted)\n    },\n  }\n}\n\nconst editor = useEditor({\n  extensions,\n  ...standaloneOptions,\n  editable: props.editable,\n  editorProps: { attributes: { class: 'tiptap' } },\n})\n\n// External replacement of the standalone document (the host loaded or reset it); not an edit, so no update event.\nif (!collaboration) {\n  watch(() => props.modelValue, (value) => {\n    const instance = editor.value\n    if (!value || !instance || instance.isDestroyed || toRaw(value) === lastEmitted) return\n    const checked = validated(value)\n    if ('error' in checked) {\n      emit('contentError', checked.error)\n      return\n    }\n    instance.commands.setContent(checked.json, { emitUpdate: false })\n  })\n}\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.\nwatch(() => props.editable, (editable) => {\n  const instance = editor.value\n  if (!instance || instance.isDestroyed) return\n  instance.setEditable(editable, false)\n  instance.view.dispatch(instance.state.tr.setMeta('addToHistory', false))\n})\n\n// `useEditor` creates the instance in onMounted; announce it once it exists (its chrome registered first, so a host\n// toolbar that receives it through `ready` finds the chrome).\nconst stopReady = watch(editor, (instance) => {\n  if (!instance) return\n  unregister = registerEditor(toRaw(instance), { ui, preset, ctx, blockActions })\n  emit('ready', instance)\n  stopReady()\n})\n\nonBeforeUnmount(() => {\n  unregister?.()\n  for (const teardown of teardowns.splice(0)) teardown()\n  editor.value?.destroy()\n})\n\ndefineExpose({ editor, settingsOpen, settingsTab })\n</script>\n\n<template>\n  <template v-if=\"editor\">\n    <div class=\"relative\">\n      <EditorContent :editor=\"editor\" class=\"relative\" />\n    </div>\n    <component :is=\"overlay\" v-for=\"(overlay, index) in overlays\" :key=\"index\" :editor=\"editor\" />\n    <EditorSettingsModal v-if=\"settingsUi === 'internal'\" v-model:open=\"settingsOpen\" v-model:tab=\"settingsTab\" :preset=\"preset\" />\n  </template>\n</template>\n"],"mappings":"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"}

package/dist/vue/components/EditorSurface.vue.d.ts

@@ -0,0 +1,68 @@
+import { AbilitiesOptions, BlockAction, SlashCommandItem } from "../../core/extension-points.js";
+import { EditorMetadata, MetadataItem } from "../../core/metadata-types.js";
+import { CollaborationSession, EditorPreset, UploadFn } from "../../core/feature.js";
+import { AnyExtension, Editor, JSONContent } from "@tiptap/vue-3";
+//#region src/vue/components/EditorSurface.vue.d.ts
+type __VLS_Props = {
+  /** The features this editor is made of (`simpleEditor()`, `defineEditor(...)`); fixed at mount, remount (`key`) to change it. */
+  preset: EditorPreset;
+  /** 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 via `v-model`; the editor keeps its own undo history. */
+  modelValue?: JSONContent;
+  /** Host lists (`mentions`, `hashtags`, `speakers`, custom) features' suggestions search. */
+  metadata?: EditorMetadata;
+  /** Deep-merged into the `Abilities` defaults; read once at setup. */
+  abilities?: Partial<AbilitiesOptions>;
+  /** Added after the features' extensions; read once at setup. */
+  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 setup. */
+  slashCommands?: (defaults: SlashCommandItem[]) => SlashCommandItem[];
+  /** Document whose package stores uploads (media feature). Read once at setup. */
+  documentId?: string;
+  /** Stores an uploaded file and returns its URL (media feature). Read once at setup. */
+  upload?: UploadFn;
+  editable?: boolean;
+  /** `internal`: the surface owns its settings UI; `external`: it emits `settingsOpen` and the host shows the panel. */
+  settingsUi?: 'internal' | 'external';
+};
+type __VLS_ModelProps = {
+  /** Whether this editor's AI sidebar is open (`toggleSidebar`): hosts bind it (`v-model:sidebar-open`). */
+  'sidebarOpen'?: boolean;
+  /**
+   * Whether this editor's comments margin is open (`toggleComments`, Mod-Shift-m of the comments feature): hosts bind it
+   * (`v-model:comments-open`). The AI sidebar and the margin exclude each other: whichever opens last closes the other.
+   */
+  'commentsOpen'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
+  editor: import("vue").ShallowRef<Editor | undefined, Editor | undefined>;
+  settingsOpen: import("vue").Ref<boolean, boolean>;
+  settingsTab: import("vue").Ref<string | undefined, string | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:sidebarOpen": (value: boolean) => any;
+  "update:commentsOpen": (value: boolean) => any;
+  ready: (editor: Editor) => any;
+  "update:modelValue": (content: JSONContent) => any;
+  metadataCreate: (list: string, item: MetadataItem) => any;
+  contentError: (error: Error) => any;
+  settingsOpen: (tab?: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+  "onUpdate:sidebarOpen"?: ((value: boolean) => any) | undefined;
+  "onUpdate:commentsOpen"?: ((value: boolean) => any) | undefined;
+  onReady?: ((editor: Editor) => any) | undefined;
+  "onUpdate:modelValue"?: ((content: JSONContent) => any) | undefined;
+  onMetadataCreate?: ((list: string, item: MetadataItem) => any) | undefined;
+  onContentError?: ((error: Error) => any) | undefined;
+  onSettingsOpen?: ((tab?: string | undefined) => any) | undefined;
+}>, {
+  editable: boolean;
+  settingsUi: "internal" | "external";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as default };
+//# sourceMappingURL=EditorSurface.vue.d.ts.map

package/dist/vue/components/EditorToolbar.js

@@ -0,0 +1,189 @@
+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 } from "../../core/editor-ui.js";
+import { useUiKit } from "../kit/use-ui-kit.js";
+import { useEditorContext } from "../context.js";
+import { useEditorI18n } from "../use-editor-i18n.js";
+import { useEditorUi } from "../use-editor-ui.js";
+import { useNotifier } from "../use-notifier.js";
+import { trackedStore } from "../store-ref.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, getCurrentInstance, openBlock, renderList, resolveDynamicComponent, toRaw, unref, withCtx, withModifiers } from "vue";
+//#region src/vue/components/EditorToolbar.vue
+const _hoisted_1 = ["aria-label"];
+const _hoisted_2 = {
+	key: 0,
+	role: "separator",
+	"aria-orientation": "vertical",
+	class: "mx-2 h-6 w-[2px] shrink-0 bg-[var(--sk-border-accented)]"
+};
+/**
+* The toolbar of an editor, placed anywhere on the page. `editor` is the instance it works on (from the surface's
+* `ready` event); the preset registered for that instance supplies the groups, `preset` renders them (disabled) while
+* there is no editor yet. Never reads a global active editor.
+*/
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "EditorToolbar",
+	props: {
+		editor: {},
+		preset: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const { Button: UButton, DropdownMenu: UDropdownMenu, FieldGroup: UFieldGroup, Tooltip: UTooltip } = useUiKit();
+		const appContext = useEditorContext();
+		const { t } = useEditorI18n();
+		const editorUi = useEditorUi(() => props.editor);
+		const instance = getCurrentInstance();
+		const fallbackMetadata = createMetadataRegistry();
+		const entry = () => editorEntryOf(props.editor ? toRaw(props.editor) : void 0);
+		const ctx = {
+			app: appContext,
+			locale: appContext.locale,
+			t: appContext.t,
+			notify: useNotifier(() => props.editor),
+			settings: trackedStore(appContext.settings),
+			fetch: appContext.fetch,
+			ai: appContext.ai,
+			get metadata() {
+				return entry()?.ctx.metadata ?? fallbackMetadata;
+			},
+			ui: {
+				openSettings: (tab) => editorUi.value?.openSettings(tab),
+				toggleSidebar: () => editorUi.value?.toggleSidebar(),
+				toggleComments: () => editorUi.value?.toggleComments(),
+				get commentsOpen() {
+					return editorUi.value?.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: () => props.editor
+		};
+		const built = /* @__PURE__ */ new WeakMap();
+		function groupsOf(preset) {
+			if (!preset) return [];
+			const cached = built.get(preset);
+			if (cached) return cached;
+			const build = () => mergeToolbarGroups(contributions(preset, "toolbar").flatMap((factory) => factory(ctx)));
+			const groups = instance ? instance.appContext.app.runWithContext(build) : build();
+			built.set(preset, groups);
+			return groups;
+		}
+		groupsOf(props.preset);
+		const visibleGroups = computed(() => {
+			const editor = props.editor;
+			return groupsOf(entry()?.preset ?? props.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 abilities = computed(() => props.editor ? abilitiesAtSelection(props.editor) : /* @__PURE__ */ new Set());
+		function active(item) {
+			return !!props.editor && !!item.active?.(props.editor);
+		}
+		function disabled(item) {
+			const editor = props.editor;
+			if (!editor) return true;
+			if (item.disabled?.(editor)) return true;
+			return !active(item) && !!item.ability && !abilities.value.has(item.ability);
+		}
+		function run(item) {
+			if (props.editor) item.run?.(props.editor);
+		}
+		function menuOf(item) {
+			return props.editor && item.menu ? item.menu(props.editor) : [];
+		}
+		/** Descriptors are framework-agnostic (`component: unknown`); in this Vue toolbar they are Vue components. */
+		function componentOf(item) {
+			return item.component;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "flex flex-wrap items-center gap-1.5",
+				role: "toolbar",
+				"aria-label": unref(t)("toolbar.label")
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(visibleGroups.value, ({ group, items }, gi) => {
+				return openBlock(), createElementBlock(Fragment, { key: group.id }, [gi > 0 ? (openBlock(), createElementBlock("span", _hoisted_2)) : createCommentVNode("v-if", true), createVNode(unref(UFieldGroup), { size: "sm" }, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(items, (item) => {
+						return openBlock(), createElementBlock(Fragment, { key: item.id }, [componentOf(item) ? (openBlock(), createBlock(resolveDynamicComponent(componentOf(item)), {
+							key: 0,
+							editor: props.editor
+						}, null, 8, ["editor"])) : item.menu ? (openBlock(), createBlock(unref(UDropdownMenu), {
+							key: 1,
+							items: menuOf(item)
+						}, {
+							default: withCtx(() => [createVNode(unref(UTooltip), {
+								text: item.label,
+								kbds: item.kbds
+							}, {
+								default: withCtx(() => [(openBlock(), createBlock(unref(UButton), {
+									key: item.icon,
+									color: "neutral",
+									variant: "ghost",
+									icon: item.icon,
+									"aria-label": item.label,
+									disabled: disabled(item),
+									onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"]))
+								}, null, 8, [
+									"icon",
+									"aria-label",
+									"disabled"
+								]))]),
+								_: 2
+							}, 1032, ["text", "kbds"])]),
+							_: 2
+						}, 1032, ["items"])) : (openBlock(), createBlock(unref(UTooltip), {
+							key: 2,
+							text: item.label,
+							kbds: item.kbds
+						}, {
+							default: withCtx(() => [(openBlock(), createBlock(unref(UButton), {
+								key: item.icon,
+								color: "neutral",
+								variant: "ghost",
+								"active-color": "primary",
+								"active-variant": "soft",
+								icon: item.icon,
+								"aria-label": item.label,
+								active: active(item),
+								"aria-pressed": item.active ? active(item) : void 0,
+								disabled: disabled(item),
+								onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {}, ["prevent"])),
+								onClick: ($event) => run(item)
+							}, null, 8, [
+								"icon",
+								"aria-label",
+								"active",
+								"aria-pressed",
+								"disabled",
+								"onClick"
+							]))]),
+							_: 2
+						}, 1032, ["text", "kbds"]))], 64);
+					}), 128))]),
+					_: 2
+				}, 1024)], 64);
+			}), 128))], 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=EditorToolbar.js.map

package/dist/vue/components/EditorToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorToolbar.js","names":["_openBlock","_createElementBlock","_unref","_Fragment","_renderList","_createCommentVNode","_createVNode","_withCtx","_createBlock","_resolveDynamicComponent","_withModifiers"],"sources":["../../../src/vue/components/EditorToolbar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useUiKit } from '../kit/use-ui-kit'\nimport type { Editor } from '@tiptap/core'\nimport { type Component, computed, getCurrentInstance, toRaw } from 'vue'\nimport { abilitiesAtSelection } from '../../core/abilities'\nimport { contributions } from '../../core/define-editor'\nimport { editorEntryOf } from '../../core/editor-ui'\nimport { useEditorContext } from '../context'\nimport { useEditorI18n } from '../use-editor-i18n'\nimport { useEditorUi } from '../use-editor-ui'\nimport { useNotifier } from '../use-notifier'\nimport { trackedStore } from '../store-ref'\nimport type { EditorPreset, 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'\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 * `ready` event); the preset registered for that instance supplies the groups, `preset` renders them (disabled) while\n * there is no editor yet. Never reads a global active editor.\n */\nconst props = defineProps<{ editor?: Editor, preset?: EditorPreset }>()\n\nconst { Button: UButton, DropdownMenu: UDropdownMenu, FieldGroup: UFieldGroup, Tooltip: UTooltip } = useUiKit()\n\nconst appContext = useEditorContext()\nconst { t } = useEditorI18n()\nconst editorUi = useEditorUi(() => props.editor)\nconst instance = getCurrentInstance()\nconst fallbackMetadata = createMetadataRegistry()\n\nconst entry = () => editorEntryOf(props.editor ? toRaw(props.editor) : undefined)\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.\nconst ctx: FeatureContext = {\n  app: appContext,\n  locale: appContext.locale,\n  t: appContext.t,\n  notify: useNotifier(() => props.editor),\n  // Tracked: `active`/`visible`/`menu` read the settings during render, which must re-run when they change.\n  settings: trackedStore(appContext.settings),\n  fetch: appContext.fetch,\n  ai: appContext.ai,\n  get metadata() { return entry()?.ctx.metadata ?? fallbackMetadata },\n  ui: {\n    openSettings: tab => editorUi.value?.openSettings(tab),\n    toggleSidebar: () => editorUi.value?.toggleSidebar(),\n    toggleComments: () => editorUi.value?.toggleComments(),\n    get commentsOpen() { return editorUi.value?.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: () => props.editor,\n}\n\n// Factories run during setup (they may use composables that inject); a later preset is built within the app context.\nconst built = new WeakMap<EditorPreset, ToolbarGroup[]>()\nfunction groupsOf(preset: EditorPreset | undefined): ToolbarGroup[] {\n  if (!preset) return []\n  const cached = built.get(preset)\n  if (cached) return cached\n  const build = () => mergeToolbarGroups(contributions(preset, 'toolbar').flatMap(factory => factory(ctx)))\n  const groups = instance ? instance.appContext.app.runWithContext(build) : build()\n  built.set(preset, groups)\n  return groups\n}\ngroupsOf(props.preset)\n\nconst visibleGroups = computed(() => {\n  const editor = props.editor\n  const groups = groupsOf(entry()?.preset ?? props.preset)\n  return groups\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\n// `active`, `can()` and the abilities read the vue-3 Editor's reactive `state`, so these re-evaluate on every transaction.\nconst abilities = computed(() => props.editor ? abilitiesAtSelection(props.editor) : new Set<Ability>())\nfunction active(item: ToolbarItem): boolean {\n  return !!props.editor && !!item.active?.(props.editor)\n}\nfunction disabled(item: ToolbarItem): boolean {\n  const editor = props.editor\n  if (!editor) return true\n  if (item.disabled?.(editor)) return true\n  return !active(item) && !!item.ability && !abilities.value.has(item.ability)\n}\nfunction run(item: ToolbarItem) {\n  if (props.editor) item.run?.(props.editor)\n}\nfunction menuOf(item: ToolbarItem): MenuItem[] {\n  return props.editor && item.menu ? item.menu(props.editor) : []\n}\n/** Descriptors are framework-agnostic (`component: unknown`); in this Vue toolbar they are Vue components. */\nfunction componentOf(item: ToolbarItem): Component | undefined {\n  return item.component as Component | undefined\n}\n</script>\n\n<template>\n  <div class=\"flex flex-wrap items-center gap-1.5\" role=\"toolbar\" :aria-label=\"t('toolbar.label')\">\n    <template v-for=\"({ group, items }, gi) in visibleGroups\" :key=\"group.id\">\n      <span v-if=\"gi > 0\" role=\"separator\" aria-orientation=\"vertical\" class=\"mx-2 h-6 w-[2px] shrink-0 bg-[var(--sk-border-accented)]\" />\n      <UFieldGroup size=\"sm\">\n        <template v-for=\"item in items\" :key=\"item.id\">\n          <component :is=\"componentOf(item)\" v-if=\"componentOf(item)\" :editor=\"props.editor\" />\n          <UDropdownMenu v-else-if=\"item.menu\" :items=\"menuOf(item)\">\n            <UTooltip :text=\"item.label\" :kbds=\"item.kbds\">\n              <UButton\n                :key=\"item.icon\"\n                color=\"neutral\"\n                variant=\"ghost\"\n                :icon=\"item.icon\"\n                :aria-label=\"item.label\"\n                :disabled=\"disabled(item)\"\n                @mousedown.prevent\n              />\n            </UTooltip>\n          </UDropdownMenu>\n          <UTooltip v-else :text=\"item.label\" :kbds=\"item.kbds\">\n            <UButton\n              :key=\"item.icon\"\n              color=\"neutral\"\n              variant=\"ghost\"\n              active-color=\"primary\"\n              active-variant=\"soft\"\n              :icon=\"item.icon\"\n              :aria-label=\"item.label\"\n              :active=\"active(item)\"\n              :aria-pressed=\"item.active ? active(item) : undefined\"\n              :disabled=\"disabled(item)\"\n              @mousedown.prevent\n              @click=\"run(item)\"\n            />\n          </UTooltip>\n        </template>\n      </UFieldGroup>\n    </template>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/vue/components/EditorToolbar.vue.d.ts

@@ -0,0 +1,17 @@
+import { EditorPreset } from "../../core/feature.js";
+import { Editor } from "@tiptap/core";
+//#region src/vue/components/EditorToolbar.vue.d.ts
+/**
+ * The toolbar of an editor, placed anywhere on the page. `editor` is the instance it works on (from the surface's
+ * `ready` event); the preset registered for that instance supplies the groups, `preset` renders them (disabled) while
+ * there is no editor yet. Never reads a global active editor.
+ */
+type __VLS_Props = {
+  editor?: Editor;
+  preset?: EditorPreset;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as default };
+//# sourceMappingURL=EditorToolbar.vue.d.ts.map

package/dist/vue/components/SettingsSection.js

@@ -0,0 +1,26 @@
+import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, renderSlot, toDisplayString } from "vue";
+//#region src/vue/components/SettingsSection.vue
+const _hoisted_1 = { class: "flex flex-col gap-2" };
+const _hoisted_2 = { class: "text-sm font-semibold text-[var(--sk-fg-highlighted)]" };
+const _hoisted_3 = {
+	key: 0,
+	class: "text-xs text-[var(--sk-muted)]"
+};
+const _hoisted_4 = { class: "flex flex-col divide-y divide-[var(--sk-border)]" };
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "SettingsSection",
+	props: {
+		title: {},
+		description: {}
+	},
+	setup(__props) {
+		/** Titled group of settings rows; rows are separated by dividers. */
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("section", _hoisted_1, [createElementVNode("div", null, [createElementVNode("h3", _hoisted_2, toDisplayString(__props.title), 1), __props.description ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(__props.description), 1)) : createCommentVNode("v-if", true)]), createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "default")])]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=SettingsSection.js.map

package/dist/vue/components/SettingsSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsSection.js","names":["_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createCommentVNode","_renderSlot"],"sources":["../../../src/vue/components/SettingsSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/** Titled group of settings rows; rows are separated by dividers. */\ndefineProps<{ title: string, description?: string }>()\n</script>\n\n<template>\n  <section class=\"flex flex-col gap-2\">\n    <div>\n      <h3 class=\"text-sm font-semibold text-[var(--sk-fg-highlighted)]\">\n        {{ title }}\n      </h3>\n      <p v-if=\"description\" class=\"text-xs text-[var(--sk-muted)]\">\n        {{ description }}\n      </p>\n    </div>\n    <div class=\"flex flex-col divide-y divide-[var(--sk-border)]\">\n      <slot />\n    </div>\n  </section>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;GAME,OAAAA,UAAA,GAAAC,mBAYU,WAZV,YAYU,CAXRC,mBAOM,OAAA,MAAA,CANJA,mBAEK,MAFL,YAEKC,gBADA,QAAA,KAAK,GAAA,CAAA,GAED,QAAA,eAATH,UAAA,GAAAC,mBAEI,KAFJ,YAEIE,gBADC,QAAA,WAAW,GAAA,CAAA,KAAAC,mBAAA,QAAA,IAAA,CAAA,CAAA,GAGlBF,mBAEM,OAFN,YAEM,CADJG,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/vue/components/SettingsSection.vue.d.ts

@@ -0,0 +1,21 @@
+//#region src/vue/components/SettingsSection.vue.d.ts
+/** Titled group of settings rows; rows are separated by dividers. */
+type __VLS_Props = {
+  title: string;
+  description?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as default };
+//# sourceMappingURL=SettingsSection.vue.d.ts.map