@dou-ui/editor 0.0.0-stage → 0.1.0-alpha.1

package/dist/types/index.d.ts

@@ -0,0 +1,266 @@
+import type { EditorContent } from './define-block';
+export declare const DouEditor: import("dou-ui").WithInstall<import("vue").DefineComponent<import("./editor").EditorProps, import("./editor").EditorExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (event: FocusEvent) => any;
+    change: (document: import("./index.js").EditorDocument<import("./index.js").Block>) => any;
+    focus: (event: FocusEvent) => any;
+    "update:modelValue": (document: import("./index.js").EditorDocument<import("./index.js").Block>) => any;
+    transaction: (result: import("./editor").EditorTransactionResult) => any;
+    "update:selection": (selection: import("./editor").EditorSelection) => any;
+    linkOpen: (event: import("./editor").EditorLinkOpenEvent) => any;
+    "update:comments": (threads: import("dou-ui").CommentThread[]) => any;
+    "update:activeComment": (id: string | null) => any;
+    commentAction: (action: import("dou-ui").CommentAction) => any;
+}, string, import("vue").PublicProps, Readonly<import("./editor").EditorProps> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onChange?: ((document: import("./index.js").EditorDocument<import("./index.js").Block>) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((document: import("./index.js").EditorDocument<import("./index.js").Block>) => any) | undefined;
+    onTransaction?: ((result: import("./editor").EditorTransactionResult) => any) | undefined;
+    "onUpdate:selection"?: ((selection: import("./editor").EditorSelection) => any) | undefined;
+    onLinkOpen?: ((event: import("./editor").EditorLinkOpenEvent) => any) | undefined;
+    "onUpdate:comments"?: ((threads: import("dou-ui").CommentThread[]) => any) | undefined;
+    "onUpdate:activeComment"?: ((id: string | null) => any) | undefined;
+    onCommentAction?: ((action: import("dou-ui").CommentAction) => any) | undefined;
+}>, {
+    placeholder: string;
+    comments: import("dou-ui").CommentThread[];
+    selection: import("./editor").EditorSelection;
+    undo: import("prosemirror-state").Command;
+    redo: import("prosemirror-state").Command;
+    plugins: import("prosemirror-state").Plugin<any>[];
+    history: boolean;
+    messages: {
+        placeholder?: string | undefined;
+        emptyPlaceholder?: string | undefined;
+        headingPlaceholder?: string | undefined;
+        types?: {
+            paragraph?: string | undefined;
+            heading1?: string | undefined;
+            heading2?: string | undefined;
+            heading3?: string | undefined;
+            bulletItem?: string | undefined;
+            numberedItem?: string | undefined;
+            checkItem?: string | undefined;
+            quote?: string | undefined;
+            codeBlock?: string | undefined;
+            divider?: string | undefined;
+            image?: string | undefined;
+            toggle?: string | undefined;
+            callout?: string | undefined;
+            table?: string | undefined;
+            attachment?: string | undefined;
+            embed?: string | undefined;
+        } | undefined;
+        hints?: {
+            paragraph?: string | undefined;
+            heading1?: string | undefined;
+            heading2?: string | undefined;
+            heading3?: string | undefined;
+            bulletItem?: string | undefined;
+            numberedItem?: string | undefined;
+            checkItem?: string | undefined;
+            quote?: string | undefined;
+            codeBlock?: string | undefined;
+            divider?: string | undefined;
+            image?: string | undefined;
+            toggle?: string | undefined;
+            callout?: string | undefined;
+            table?: string | undefined;
+            attachment?: string | undefined;
+            embed?: string | undefined;
+        } | undefined;
+        image?: {
+            empty?: string | undefined;
+            upload?: string | undefined;
+            embed?: string | undefined;
+            urlPlaceholder?: string | undefined;
+            apply?: string | undefined;
+            uploading?: string | undefined;
+            failed?: string | undefined;
+            caption?: string | undefined;
+            resize?: string | undefined;
+        } | undefined;
+        codeBlock?: {
+            language?: string | undefined;
+            plainText?: string | undefined;
+        } | undefined;
+        toggle?: {
+            expand?: string | undefined;
+            collapse?: string | undefined;
+        } | undefined;
+        callout?: {
+            change?: string | undefined;
+            tones?: {
+                info?: string | undefined;
+                tip?: string | undefined;
+                warning?: string | undefined;
+                danger?: string | undefined;
+            } | undefined;
+        } | undefined;
+        mention?: {
+            label?: string | undefined;
+            searching?: string | undefined;
+            noResults?: string | undefined;
+        } | undefined;
+        table?: {
+            row?: string | undefined;
+            column?: string | undefined;
+            insertAbove?: string | undefined;
+            insertBelow?: string | undefined;
+            insertLeft?: string | undefined;
+            insertRight?: string | undefined;
+            moveUp?: string | undefined;
+            moveDown?: string | undefined;
+            moveLeft?: string | undefined;
+            moveRight?: string | undefined;
+            deleteRow?: string | undefined;
+            deleteColumn?: string | undefined;
+            merge?: string | undefined;
+            split?: string | undefined;
+            clear?: string | undefined;
+            headerRow?: string | undefined;
+            headerColumn?: string | undefined;
+            alignLeft?: string | undefined;
+            alignCenter?: string | undefined;
+            alignRight?: string | undefined;
+            addRow?: string | undefined;
+            addColumn?: string | undefined;
+        } | undefined;
+        colors?: {
+            label?: string | undefined;
+            text?: string | undefined;
+            background?: string | undefined;
+            none?: string | undefined;
+            names?: {
+                gray?: string | undefined;
+                red?: string | undefined;
+                orange?: string | undefined;
+                yellow?: string | undefined;
+                green?: string | undefined;
+                blue?: string | undefined;
+                purple?: string | undefined;
+                pink?: string | undefined;
+            } | undefined;
+        } | undefined;
+        align?: {
+            label?: string | undefined;
+            left?: string | undefined;
+            center?: string | undefined;
+            right?: string | undefined;
+        } | undefined;
+        attachment?: {
+            empty?: string | undefined;
+            upload?: string | undefined;
+            uploading?: string | undefined;
+            failed?: string | undefined;
+            retry?: string | undefined;
+            download?: string | undefined;
+        } | undefined;
+        embed?: {
+            empty?: string | undefined;
+            urlPlaceholder?: string | undefined;
+            apply?: string | undefined;
+            invalid?: string | undefined;
+            insecure?: string | undefined;
+            caption?: string | undefined;
+            edit?: string | undefined;
+            cancel?: string | undefined;
+        } | undefined;
+        noResults?: string | undefined;
+        addBlock?: string | undefined;
+        dragHandle?: string | undefined;
+        turnInto?: string | undefined;
+        duplicate?: string | undefined;
+        delete?: string | undefined;
+        moveUp?: string | undefined;
+        moveDown?: string | undefined;
+        bold?: string | undefined;
+        italic?: string | undefined;
+        underline?: string | undefined;
+        strike?: string | undefined;
+        code?: string | undefined;
+        link?: string | undefined;
+        linkPlaceholder?: string | undefined;
+        applyLink?: string | undefined;
+        removeLink?: string | undefined;
+        comment?: string | undefined;
+        commentThread?: string | undefined;
+        removedBlock?: string | undefined;
+        restored?: string | undefined;
+        changeAdded?: string | undefined;
+        changeRemoved?: string | undefined;
+        changeChanged?: string | undefined;
+        formatting?: string | undefined;
+        blockTypes?: string | undefined;
+    };
+    autofocus: boolean;
+    modelValue: import("./index.js").EditorDocument<import("./index.js").PartialBlock>;
+    readonly: boolean;
+    author: import("dou-ui").CommentAuthor;
+    compare: import("./index.js").EditorDocument<import("./index.js").PartialBlock> | null;
+    extensions: (import("./index.js").EditorExtension | import("./index.js").EditorExtension[])[];
+    searchable: boolean;
+    ariaLabel: string;
+    activeComment: string | null;
+    commentable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, import("vue").HTMLAttributes>;
+export default DouEditor;
+export { useEditor, useToolbarMenu } from './editor';
+export type { EditorComments, EditorContext, EditorEmits, EditorExpose, EditorLinkOpenEvent, EditorProps, EditorOrigin, EditorSelection, EditorTransactionResult, } from './editor';
+export { EditorTransaction } from './core/transaction';
+export type { BlockEdge, BlockPatch, BlockPlacement, EditorTransactionMeta, } from './core/transaction';
+export type { BlockChanges } from './core/changes';
+export type { CommentAnchor, CommentRange } from './core/comments';
+export { editorLocales, useEditorMessages } from './locale';
+export type { EditorMessages, EditorMessagesOverride } from './locale';
+export { filterOptions } from './catalog';
+export { defineEditorExtension, labelOf } from './core/extension';
+export type { BlockOption, CommentsProvider, EditorExtension, EditorExtensionContext, FormatOption, HistoryProvider, Label, MountComponent, ResolvedEditorExtensions, } from './core/extension';
+export { align, callout, codeBlock, colors, divider, formatting, heading, link, lists, paragraph, quote, editorKit, table, toggle, } from './extensions/editor-kit';
+export type { CalloutTone } from './extensions/callout';
+export { setHighlight, setTextColor, textColors } from './extensions/colors';
+export type { TextColor } from './extensions/colors';
+export { currentAlign, setAlign } from './extensions/align';
+export { alignable } from './core/align';
+export type { BlockAlign } from './core/align';
+export { attachment, formatFileSize, isSafeFileSrc } from './extensions/attachment';
+export type { AttachmentOptions } from './extensions/attachment';
+export { embed, resolveEmbed } from './extensions/embed';
+export type { EmbedOptions, EmbedResolver, EmbedTarget } from './extensions/embed';
+export { alignColumns, clearCells, deleteColumns, deleteRows, insertColumn, insertRow, mergeCells, moveLines, moveLinesTo, splitMergedCell, toggleHeader, } from './extensions/table';
+export type { TableAlign, TableColumn } from './extensions/table';
+export type { EditorKitOptions } from './extensions/editor-kit';
+export { componentMounter, defineBlock, EditorContent, vueNodeView } from './define-block';
+export { historyCommands } from './core/editor';
+export { defaultLanguages } from './extensions/code-block';
+export type { CodeBlockOptions, CodeHighlighter, CodeLanguage } from './extensions/code-block';
+export { image, isSafeImageSrc, readAsDataUrl } from './extensions/image';
+export { mention } from './extensions/mention';
+export type { MentionItem, MentionOptions } from './extensions/mention';
+export type { FileUploader, ImageOptions } from './extensions/image';
+export type { BlockViewProps, DefineBlockOptions } from './define-block';
+export { atomInputRule, blockInputRule, markInputRule } from './core/input-rules';
+export type { Block, BlockProps, BreakContent, EditorDocument, InlineContent, InlineNodeContent, PartialBlock, PartialTableCell, PartialTableRow, RowsSpec, TableCell, TableRow, TextContent, } from './core/model';
+export { blocksToDoc, createId, docToBlocks } from './core/model';
+export { diffBlocks, diffText, inlineText } from './core/diff';
+export type { BlockVersionChange, BlocksDiff, TextPart } from './core/diff';
+export { searchDoc } from './core/search';
+export type { EditorMatch, EditorSearchQuery } from './core/search';
+export { checkDocument, emptyDocument, migrateDocument } from './document';
+export type { CheckDocumentOptions, DocumentProblem } from './document';
+export type { BuiltinContentType, ContentType, MarkType } from './core/schema';
+export { contentDOM, createSchema, isSafeHref, textBlock } from './core/schema';
+export { duplicateBlocks, insertBlockAfter, liftBlocks, swapBlocks, moveRangeTo, setBlockType, sinkBlocks, } from './core/commands';
+export { clearBlockSelection, getBlockSelection, selectBlocks } from './core/block-selection';
+export { isRemote } from './core/plugins';
+export { blocksToHTML, htmlToBlocks } from './core/convert';
+export type { EditorExtensionList } from './core/convert';
+export { escapeHTML, escapeMarkdown, indentLines } from './core/output';
+export type { BlockOutput, BlockOutputContext, EditorExtensionOutput, InlineOutput, MarkdownBlockContext, MarkOutput, } from './core/output';
+export { blockElement, splitContainer } from './core/prepare';
+declare module 'vue' {
+    interface GlobalComponents {
+        DouEditor: typeof DouEditor;
+        DouEditorContent: typeof EditorContent;
+    }
+}

package/dist/types/locale.d.ts

@@ -0,0 +1,195 @@
+import { type MaybeRefOrGetter } from 'vue';
+export interface EditorMessages {
+    placeholder: string;
+    emptyPlaceholder: string;
+    headingPlaceholder: string;
+    /** Names of the block types, also shown in menus. */
+    types: {
+        paragraph: string;
+        heading1: string;
+        heading2: string;
+        heading3: string;
+        bulletItem: string;
+        numberedItem: string;
+        checkItem: string;
+        quote: string;
+        codeBlock: string;
+        divider: string;
+        image: string;
+        toggle: string;
+        callout: string;
+        table: string;
+        attachment: string;
+        embed: string;
+    };
+    /** Short descriptions in the slash menu. */
+    hints: {
+        paragraph: string;
+        heading1: string;
+        heading2: string;
+        heading3: string;
+        bulletItem: string;
+        numberedItem: string;
+        checkItem: string;
+        quote: string;
+        codeBlock: string;
+        divider: string;
+        image: string;
+        toggle: string;
+        callout: string;
+        table: string;
+        attachment: string;
+        embed: string;
+    };
+    /** The image block. */
+    image: {
+        empty: string;
+        upload: string;
+        embed: string;
+        urlPlaceholder: string;
+        apply: string;
+        uploading: string;
+        failed: string;
+        caption: string;
+        resize: string;
+    };
+    /** The code block. */
+    codeBlock: {
+        /** The language picker's name. */
+        language: string;
+        plainText: string;
+    };
+    toggle: {
+        expand: string;
+        collapse: string;
+    };
+    callout: {
+        /** Said after the tone on the icon button. */
+        change: string;
+        tones: {
+            info: string;
+            tip: string;
+            warning: string;
+            danger: string;
+        };
+    };
+    mention: {
+        label: string;
+        searching: string;
+        noResults: string;
+    };
+    /** The table: its row and column menus. */
+    table: {
+        row: string;
+        column: string;
+        insertAbove: string;
+        insertBelow: string;
+        insertLeft: string;
+        insertRight: string;
+        moveUp: string;
+        moveDown: string;
+        moveLeft: string;
+        moveRight: string;
+        deleteRow: string;
+        deleteColumn: string;
+        merge: string;
+        split: string;
+        clear: string;
+        headerRow: string;
+        headerColumn: string;
+        alignLeft: string;
+        alignCenter: string;
+        alignRight: string;
+        addRow: string;
+        addColumn: string;
+    };
+    /** The color menu of the formatting toolbar. */
+    colors: {
+        label: string;
+        text: string;
+        background: string;
+        none: string;
+        names: {
+            gray: string;
+            red: string;
+            orange: string;
+            yellow: string;
+            green: string;
+            blue: string;
+            purple: string;
+            pink: string;
+        };
+    };
+    /** Aligning paragraphs, headings and quotes. */
+    align: {
+        label: string;
+        left: string;
+        center: string;
+        right: string;
+    };
+    /** The attachment block. */
+    attachment: {
+        empty: string;
+        upload: string;
+        uploading: string;
+        failed: string;
+        retry: string;
+        download: string;
+    };
+    /** The embed block. */
+    embed: {
+        empty: string;
+        urlPlaceholder: string;
+        apply: string;
+        invalid: string;
+        /** The link is not https. */
+        insecure: string;
+        caption: string;
+        edit: string;
+        cancel: string;
+    };
+    noResults: string;
+    addBlock: string;
+    dragHandle: string;
+    turnInto: string;
+    duplicate: string;
+    delete: string;
+    moveUp: string;
+    moveDown: string;
+    bold: string;
+    italic: string;
+    underline: string;
+    strike: string;
+    code: string;
+    link: string;
+    linkPlaceholder: string;
+    applyLink: string;
+    removeLink: string;
+    /** Starts a comment thread on the selected text. */
+    comment: string;
+    /** The name of the card that shows a thread. */
+    commentThread: string;
+    /** Shown for a removed block that has no text, such as a divider, when comparing versions. */
+    removedBlock: string;
+    /** Read out once a version is restored. */
+    restored: string;
+    /** Read out, before the text, when going to a change while comparing. */
+    changeAdded: string;
+    changeRemoved: string;
+    changeChanged: string;
+    formatting: string;
+    /** The name of the slash menu's list. */
+    blockTypes: string;
+}
+export declare const editorLocales: Record<string, EditorMessages>;
+/**
+ * The editor's texts, picked by the name of DouUI's current locale.
+ * Pass `messages` to override any of them.
+ */
+type DeepPartial<T> = {
+    [K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K];
+};
+/** Any part of the messages: a nested group can be given in part too. */
+export type EditorMessagesOverride = DeepPartial<EditorMessages>;
+export declare function useEditorMessages(override?: MaybeRefOrGetter<EditorMessagesOverride | undefined>): import("vue").ComputedRef<EditorMessages>;
+export {};

package/dist/types/markdown/index.d.ts

@@ -0,0 +1,14 @@
+import { type EditorExtensionList } from '../core/convert';
+import type { Block, PartialBlock } from '../core/model';
+export interface MarkdownToBlocksOptions {
+    /**
+     * Turns Markdown into HTML. Defaults to markdown-it with HTML allowed
+     * (the HTML is read like pasted HTML, so only what the extensions know
+     * is kept); pass your own to add syntax.
+     */
+    render?: (markdown: string) => string;
+}
+/** Write blocks as Markdown (CommonMark with GitHub's extensions). Works without a browser. */
+export declare function blocksToMarkdown(blocks: PartialBlock[], extensions: EditorExtensionList): string;
+/** Read Markdown as blocks. Needs `DOMParser` (a browser, or a DOM library). */
+export declare function markdownToBlocks(markdown: string, extensions: EditorExtensionList, options?: MarkdownToBlocksOptions): Block[];

package/dist/types/use-comments.d.ts

@@ -0,0 +1,17 @@
+import type { EditorView } from 'prosemirror-view';
+import { type ShallowRef } from 'vue';
+import { type CommentAnchor } from './core/comments';
+import type { CommentsProvider } from './core/extension';
+import type { EditorComments, EditorEmits, EditorProps } from './editor';
+type Emit = <K extends keyof EditorEmits>(event: K, ...args: EditorEmits[K]) => void;
+export declare function useEditorComments(options: {
+    props: EditorProps;
+    emit: Emit;
+    view: ShallowRef<EditorView | null>;
+    provider: CommentsProvider | null;
+}): {
+    comments: EditorComments;
+    plugin: import("prosemirror-state").Plugin<import("./core/comments").CommentPluginState>;
+    anchors: () => Record<string, CommentAnchor | null>;
+};
+export {};

package/dist/use-comments.js

@@ -0,0 +1,141 @@
+import { anchorComment, commentAnchors, commentPlugin, commentsAt, setPendingComment, unanchorComment } from "./core/comments.js";
+import { applyCommentAction } from "dou-ui";
+import { computed, shallowRef, watch } from "vue";
+import { TextSelection } from "prosemirror-state";
+// src/use-comments.ts
+/** The selected text in a read-only editor, which keeps no selection of its own. */
+function domSelection(view) {
+	const selection = view.dom.ownerDocument.getSelection();
+	if (!selection || selection.isCollapsed || !selection.rangeCount) return null;
+	const range = selection.getRangeAt(0);
+	if (!view.dom.contains(range.startContainer) || !view.dom.contains(range.endContainer)) return null;
+	try {
+		const from = view.posAtDOM(range.startContainer, range.startOffset);
+		const to = view.posAtDOM(range.endContainer, range.endOffset);
+		return to > from ? {
+			from,
+			to
+		} : null;
+	} catch {
+		return null;
+	}
+}
+/** Whether a range holds text a thread can be about: not only a divider, not in code. */
+function hasText(state, range) {
+	let text = false;
+	state.doc.nodesBetween(range.from, range.to, (node) => {
+		if (text) return false;
+		if (!node.isTextblock) return true;
+		text = !node.type.spec.code && node.content.size > 0;
+		return false;
+	});
+	return text;
+}
+function useEditorComments(options) {
+	const { props, emit, view, provider } = options;
+	const threads = computed(() => provider?.threads.value ?? props.comments ?? []);
+	const enabled = computed(() => !!provider || props.comments !== void 0);
+	const writable = computed(() => enabled.value && !!props.author && props.commentable !== false);
+	const known = computed(() => new Set(threads.value.map((thread) => thread.id)));
+	if (provider) watch(provider.threads, (value) => emit("update:comments", [...value]), { immediate: true });
+	const innerActive = shallowRef(null);
+	const active = computed(() => props.activeComment === void 0 ? innerActive.value : props.activeComment);
+	function open(id) {
+		if (id === active.value) return;
+		innerActive.value = id;
+		emit("update:activeComment", id);
+	}
+	const pending = shallowRef(null);
+	function selection() {
+		const current = view.value;
+		if (!current) return null;
+		const range = current.editable ? current.state.selection instanceof TextSelection && !current.state.selection.empty ? {
+			from: current.state.selection.from,
+			to: current.state.selection.to
+		} : null : domSelection(current);
+		return range && hasText(current.state, range) ? range : null;
+	}
+	const focusRequest = shallowRef(0);
+	/** The open thread the cursor is in, innermost first. */
+	function threadAtCursor() {
+		const current = view.value;
+		if (!current) return null;
+		return commentsAt(current.state, current.state.selection.from).find((id) => isOpen(id)) ?? null;
+	}
+	function start() {
+		const current = view.value;
+		if (!current || !enabled.value) return false;
+		const range = selection();
+		if (!range) {
+			const id = threadAtCursor();
+			if (!id) return false;
+			open(id);
+			focusRequest.value++;
+			return true;
+		}
+		if (!writable.value) return false;
+		open(null);
+		setPendingComment(current, range);
+		return true;
+	}
+	function close() {
+		const current = view.value;
+		if (current && pending.value) setPendingComment(current, null);
+		open(null);
+	}
+	function apply(action) {
+		const current = view.value;
+		if (action.type === "create") {
+			const range = pending.value;
+			if (!current || !range) return;
+			anchorComment(current, range, action.thread.id);
+		} else if (current && action.type === "remove") unanchorComment(current, action.threadId);
+		if (provider) provider.apply(action);
+		else emit("update:comments", applyCommentAction(threads.value, action));
+		emit("commentAction", action);
+		if (action.type === "create") {
+			open(action.thread.id);
+			focusRequest.value++;
+		} else if (action.type === "remove" || action.type === "resolve") open(null);
+	}
+	const isOpen = (id) => {
+		const thread = threads.value.find((item) => item.id === id);
+		return !!thread && !thread.resolved;
+	};
+	const plugin = commentPlugin({
+		known: () => enabled.value ? known.value : null,
+		onClick: (ids) => {
+			if (pending.value && view.value) setPendingComment(view.value, null);
+			open(ids.find(isOpen) ?? null);
+		},
+		onSelect: () => {
+			if (!pending.value) open(null);
+		},
+		onPending: (range) => pending.value = range
+	});
+	function anchors() {
+		const found = view.value ? commentAnchors(view.value.state.doc) : /* @__PURE__ */ new Map();
+		return Object.fromEntries(threads.value.map((thread) => [thread.id, found.get(thread.id) ?? null]));
+	}
+	return {
+		comments: {
+			enabled,
+			writable,
+			threads,
+			author: computed(() => props.author),
+			active,
+			pending,
+			focusRequest,
+			selection,
+			start,
+			apply,
+			open,
+			close
+		},
+		plugin,
+		anchors
+	};
+}
+export { useEditorComments };
+
+//# sourceMappingURL=use-comments.js.map

package/dist/use-comments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-comments.js","names":[],"sources":["../src/use-comments.ts"],"sourcesContent":["import { applyCommentAction, type CommentAction, type CommentThread } from 'dou-ui'\nimport { TextSelection, type EditorState } from 'prosemirror-state'\nimport type { EditorView } from 'prosemirror-view'\nimport { computed, shallowRef, watch, type ShallowRef } from 'vue'\nimport {\n  anchorComment,\n  commentAnchors,\n  commentsAt,\n  commentPlugin,\n  setPendingComment,\n  unanchorComment,\n  type CommentAnchor,\n  type CommentRange,\n} from './core/comments'\nimport type { CommentsProvider } from './core/extension'\nimport type { EditorComments, EditorEmits, EditorProps } from './editor'\n\ntype Emit = <K extends keyof EditorEmits>(event: K, ...args: EditorEmits[K]) => void\n\n/** The selected text in a read-only editor, which keeps no selection of its own. */\nfunction domSelection(view: EditorView): CommentRange | null {\n  const selection = view.dom.ownerDocument.getSelection()\n  if (!selection || selection.isCollapsed || !selection.rangeCount) return null\n  const range = selection.getRangeAt(0)\n  if (!view.dom.contains(range.startContainer) || !view.dom.contains(range.endContainer))\n    return null\n  try {\n    const from = view.posAtDOM(range.startContainer, range.startOffset)\n    const to = view.posAtDOM(range.endContainer, range.endOffset)\n    return to > from ? { from, to } : null\n  } catch {\n    return null\n  }\n}\n\n/** Whether a range holds text a thread can be about: not only a divider, not in code. */\nfunction hasText(state: EditorState, range: CommentRange) {\n  let text = false\n  state.doc.nodesBetween(range.from, range.to, (node) => {\n    if (text) return false\n    if (!node.isTextblock) return true\n    text = !node.type.spec.code && node.content.size > 0\n    return false\n  })\n  return text\n}\n\nexport function useEditorComments(options: {\n  props: EditorProps\n  emit: Emit\n  view: ShallowRef<EditorView | null>\n  provider: CommentsProvider | null\n}) {\n  const { props, emit, view, provider } = options\n\n  const threads = computed<readonly CommentThread[]>(\n    () => provider?.threads.value ?? props.comments ?? [],\n  )\n  const enabled = computed(() => !!provider || props.comments !== undefined)\n  const writable = computed(() => enabled.value && !!props.author && props.commentable !== false)\n  const known = computed(() => new Set(threads.value.map((thread) => thread.id)))\n\n  // the shared document's threads, mirrored to `v-model:comments`\n  if (provider)\n    watch(provider.threads, (value) => emit('update:comments', [...value]), { immediate: true })\n\n  const innerActive = shallowRef<string | null>(null)\n  const active = computed(() =>\n    props.activeComment === undefined ? innerActive.value : props.activeComment,\n  )\n  function open(id: string | null) {\n    if (id === active.value) return\n    innerActive.value = id\n    emit('update:activeComment', id)\n  }\n\n  const pending = shallowRef<CommentRange | null>(null)\n\n  function selection(): CommentRange | null {\n    const current = view.value\n    if (!current) return null\n    const range = current.editable\n      ? current.state.selection instanceof TextSelection && !current.state.selection.empty\n        ? { from: current.state.selection.from, to: current.state.selection.to }\n        : null\n      : domSelection(current)\n    return range && hasText(current.state, range) ? range : null\n  }\n\n  const focusRequest = shallowRef(0)\n\n  /** The open thread the cursor is in, innermost first. */\n  function threadAtCursor(): string | null {\n    const current = view.value\n    if (!current) return null\n    const ids = commentsAt(current.state, current.state.selection.from)\n    return ids.find((id) => isOpen(id)) ?? null\n  }\n\n  function start(): boolean {\n    const current = view.value\n    if (!current || !enabled.value) return false\n    const range = selection()\n    if (!range) {\n      // on commented text: open its thread, ready to reply\n      const id = threadAtCursor()\n      if (!id) return false\n      open(id)\n      focusRequest.value++\n      return true\n    }\n    if (!writable.value) return false\n    open(null)\n    setPendingComment(current, range)\n    return true\n  }\n\n  function close() {\n    const current = view.value\n    if (current && pending.value) setPendingComment(current, null)\n    open(null)\n  }\n\n  function apply(action: CommentAction) {\n    const current = view.value\n    if (action.type === 'create') {\n      const range = pending.value\n      if (!current || !range) return\n      anchorComment(current, range, action.thread.id)\n    } else if (current && action.type === 'remove') unanchorComment(current, action.threadId)\n    if (provider) provider.apply(action)\n    else emit('update:comments', applyCommentAction(threads.value, action))\n    emit('commentAction', action)\n    if (action.type === 'create') {\n      open(action.thread.id)\n      focusRequest.value++\n    } else if (action.type === 'remove' || action.type === 'resolve') open(null)\n  }\n\n  const isOpen = (id: string) => {\n    const thread = threads.value.find((item) => item.id === id)\n    return !!thread && !thread.resolved\n  }\n\n  const plugin = commentPlugin({\n    known: () => (enabled.value ? known.value : null),\n    onClick: (ids) => {\n      if (pending.value && view.value) setPendingComment(view.value, null)\n      open(ids.find(isOpen) ?? null)\n    },\n    // selecting other text (the formatting toolbar shows) closes an open thread\n    onSelect: () => {\n      if (!pending.value) open(null)\n    },\n    onPending: (range) => (pending.value = range),\n  })\n\n  function anchors(): Record<string, CommentAnchor | null> {\n    const found = view.value ? commentAnchors(view.value.state.doc) : new Map()\n    return Object.fromEntries(\n      threads.value.map((thread) => [thread.id, found.get(thread.id) ?? null]),\n    )\n  }\n\n  const comments: EditorComments = {\n    enabled,\n    writable,\n    threads,\n    author: computed(() => props.author),\n    active,\n    pending,\n    focusRequest,\n    selection,\n    start,\n    apply,\n    open,\n    close,\n  }\n\n  return { comments, plugin, anchors }\n}\n"],"mappings":"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"}