@henryx/pagely 0.1.0

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

@@ -0,0 +1,92 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    editor: {
+        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["editor"]>;
+        required: true;
+    };
+    node: {
+        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["node"]>;
+        required: true;
+    };
+    decorations: {
+        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["decorations"]>;
+        required: true;
+    };
+    selected: {
+        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["selected"]>;
+        required: true;
+    };
+    extension: {
+        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["extension"]>;
+        required: true;
+    };
+    getPos: {
+        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["getPos"]>;
+        required: true;
+    };
+    updateAttributes: {
+        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["updateAttributes"]>;
+        required: true;
+    };
+    deleteNode: {
+        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["deleteNode"]>;
+        required: true;
+    };
+    view: {
+        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["view"]>;
+        required: true;
+    };
+    innerDecorations: {
+        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["innerDecorations"]>;
+        required: true;
+    };
+    HTMLAttributes: {
+        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["HTMLAttributes"]>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    editor: {
+        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["editor"]>;
+        required: true;
+    };
+    node: {
+        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["node"]>;
+        required: true;
+    };
+    decorations: {
+        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["decorations"]>;
+        required: true;
+    };
+    selected: {
+        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["selected"]>;
+        required: true;
+    };
+    extension: {
+        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["extension"]>;
+        required: true;
+    };
+    getPos: {
+        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["getPos"]>;
+        required: true;
+    };
+    updateAttributes: {
+        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["updateAttributes"]>;
+        required: true;
+    };
+    deleteNode: {
+        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["deleteNode"]>;
+        required: true;
+    };
+    view: {
+        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["view"]>;
+        required: true;
+    };
+    innerDecorations: {
+        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["innerDecorations"]>;
+        required: true;
+    };
+    HTMLAttributes: {
+        type: import('vue').PropType<import('@tiptap/core').NodeViewProps["HTMLAttributes"]>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,104 @@
+import { NodeViewProps } from '@tiptap/vue-3';
+declare const _default: import('vue').DefineComponent<NodeViewProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<NodeViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    shellRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly label: string;
+            readonly fullscreen?: boolean | undefined;
+            readonly beforeCloseFullscreen?: (() => void | Promise<void>) | undefined;
+            readonly canCopySource?: boolean | undefined;
+            readonly canCopyImage?: boolean | undefined;
+            readonly canFullscreen?: boolean | undefined;
+            readonly fullscreenCloseLabel?: string | undefined;
+            readonly "onUpdate:fullscreen"?: ((fullscreen: boolean) => any) | undefined;
+            readonly "onCopy-source"?: (() => any) | undefined;
+            readonly "onCopy-image"?: (() => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "update:fullscreen", fullscreen: boolean) => void) & ((event: "copy-source") => void) & ((event: "copy-image") => void);
+        $el: HTMLDivElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            label: string;
+            fullscreen?: boolean;
+            beforeCloseFullscreen?: () => void | Promise<void>;
+            canCopySource?: boolean;
+            canCopyImage?: boolean;
+            canFullscreen?: boolean;
+            fullscreenCloseLabel?: string;
+        }> & Readonly<{
+            "onUpdate:fullscreen"?: ((fullscreen: boolean) => any) | undefined;
+            "onCopy-source"?: (() => any) | undefined;
+            "onCopy-image"?: (() => any) | undefined;
+        }>, {
+            showCopyTip: (kind: "source" | "image") => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:fullscreen": (fullscreen: boolean) => any;
+            "copy-source": () => any;
+            "copy-image": () => any;
+        }, string, {
+            fullscreen: boolean;
+            canCopySource: boolean;
+            canCopyImage: boolean;
+            canFullscreen: boolean;
+            fullscreenCloseLabel: string;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        fullscreen: boolean;
+        canCopySource: boolean;
+        canCopyImage: boolean;
+        canFullscreen: boolean;
+        fullscreenCloseLabel: string;
+    }> & Omit<Readonly<{
+        label: string;
+        fullscreen?: boolean;
+        beforeCloseFullscreen?: () => void | Promise<void>;
+        canCopySource?: boolean;
+        canCopyImage?: boolean;
+        canFullscreen?: boolean;
+        fullscreenCloseLabel?: string;
+    }> & Readonly<{
+        "onUpdate:fullscreen"?: ((fullscreen: boolean) => any) | undefined;
+        "onCopy-source"?: (() => any) | undefined;
+        "onCopy-image"?: (() => any) | undefined;
+    }>, "showCopyTip" | ("fullscreen" | "canCopySource" | "canCopyImage" | "canFullscreen" | "fullscreenCloseLabel")> & import('vue').ShallowUnwrapRef<{
+        showCopyTip: (kind: "source" | "image") => void;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            'toolbar-before-actions'?(_: {}): any;
+            'toolbar-extra'?(_: {}): any;
+            inline?(_: {}): any;
+            fullscreen?(_: {}): any;
+        };
+    }) | null;
+    previewWrap: HTMLDivElement;
+}, any>;
+export default _default;

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

@@ -0,0 +1,119 @@
+import { Editor } from '@tiptap/vue-3';
+import { AnchorSpec, CommentAnchor, CommentClickPayload, CommentCreateSpec, CommentHoverPayload } from '../composables/useCommentAnchors';
+import { MentionAnchor, MentionTriggerPayload } from '../composables/useMention';
+import { MentionAttrs } from '../extensions/Mention';
+import { FileUploadHandler } from '../composables/useFileUpload';
+type __VLS_Props = {
+    initialContent?: string;
+    fileUploadHandler?: FileUploadHandler;
+    enableComment?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    getHtml: () => string;
+    getMarkdown: () => string;
+    setMarkdown: (md: string) => void;
+    setHtml: (html: string) => void;
+    getEditor: () => Editor | undefined;
+    getCommentAnchors: () => CommentAnchor[];
+    applyCommentAnchors: (anchors: CommentAnchor[]) => boolean;
+    addComment: (commentId: string, spec: AnchorSpec) => boolean;
+    removeCommentAnchor: (commentId: string) => boolean;
+    getMentions: () => MentionAnchor[];
+    applyMentions: (mentions: MentionAnchor[]) => boolean;
+    insertMention: (attrs: MentionAttrs) => boolean;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:markdown": (md: string) => any;
+    "update:html": (html: string) => any;
+    "comment:create": (spec: CommentCreateSpec) => any;
+    "comment:click": (payload: CommentClickPayload) => any;
+    "comment:hover": (payload: CommentHoverPayload | null) => any;
+    "comment:orphaned": (payload: {
+        commentId: string;
+    }) => any;
+    "comment:anchor-drift": (payload: {
+        commentId: string;
+    }) => any;
+    "anchors-changed": (anchors: CommentAnchor[]) => any;
+    "mention:trigger": (payload: MentionTriggerPayload) => any;
+    "mention:cancel": () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:markdown"?: ((md: string) => any) | undefined;
+    "onUpdate:html"?: ((html: string) => any) | undefined;
+    "onComment:create"?: ((spec: CommentCreateSpec) => any) | undefined;
+    "onComment:click"?: ((payload: CommentClickPayload) => any) | undefined;
+    "onComment:hover"?: ((payload: CommentHoverPayload | null) => any) | undefined;
+    "onComment:orphaned"?: ((payload: {
+        commentId: string;
+    }) => any) | undefined;
+    "onComment:anchor-drift"?: ((payload: {
+        commentId: string;
+    }) => any) | undefined;
+    "onAnchors-changed"?: ((anchors: CommentAnchor[]) => any) | undefined;
+    "onMention:trigger"?: ((payload: MentionTriggerPayload) => any) | undefined;
+    "onMention:cancel"?: (() => any) | undefined;
+}>, {
+    enableComment: boolean;
+    initialContent: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    wrapRef: HTMLDivElement;
+    insertBtnRef: HTMLButtonElement;
+    pillRef: HTMLDivElement;
+    linkToolbarRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        editor: Editor | undefined;
+    }> & Readonly<{}>, {
+        show: (url: string, text: string, anchorRect: DOMRect) => void;
+        hide: (immediate?: boolean) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        toolbarEl: HTMLDivElement;
+        viewWrapEl: HTMLDivElement;
+        editInputEl: HTMLInputElement;
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        editor: Editor | undefined;
+    }> & Readonly<{}>, {
+        show: (url: string, text: string, anchorRect: DOMRect) => void;
+        hide: (immediate?: boolean) => void;
+    }, {}, {}, {}, {}> | null;
+    selToolbarRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        editor: Editor | undefined;
+        enableComment?: boolean;
+    }> & Readonly<{
+        onComment?: (() => any) | undefined;
+    }>, {
+        show: (rect: DOMRect) => void;
+        hide: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        comment: () => any;
+    }, import('vue').PublicProps, {
+        enableComment: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        toolbarEl: HTMLDivElement;
+        linkInputEl: HTMLInputElement;
+        typeWrapEl: HTMLDivElement;
+        colorWrapEl: HTMLDivElement;
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        editor: Editor | undefined;
+        enableComment?: boolean;
+    }> & Readonly<{
+        onComment?: (() => any) | undefined;
+    }>, {
+        show: (rect: DOMRect) => void;
+        hide: () => void;
+    }, {}, {}, {}, {
+        enableComment: boolean;
+    }> | null;
+}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,15 @@
+import { Editor } from '@tiptap/vue-3';
+type ViewerFormat = 'html' | 'markdown';
+type __VLS_Props = {
+    content: string;
+    format?: ViewerFormat;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    getHtml: () => string;
+    getMarkdown: () => string;
+    setContent: (content: string, format?: ViewerFormat) => void;
+    getEditor: () => Editor | undefined;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    format: ViewerFormat;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,23 @@
+import { Editor } from '@tiptap/vue-3';
+type __VLS_Props = {
+    editor: Editor | undefined;
+    enableComment?: boolean;
+};
+declare function show(rect: DOMRect): void;
+declare function hide(): void;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    show: typeof show;
+    hide: typeof hide;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    comment: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onComment?: (() => any) | undefined;
+}>, {
+    enableComment: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    toolbarEl: HTMLDivElement;
+    linkInputEl: HTMLInputElement;
+    typeWrapEl: HTMLDivElement;
+    colorWrapEl: HTMLDivElement;
+}, any>;
+export default _default;

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

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    tableBounds: {
+        top: number;
+        left: number;
+        width: number;
+        height: number;
+    };
+    hasHeaderRow: boolean;
+    hasHeaderCol: boolean;
+    keepAlive: () => void;
+    scheduleHide: () => void;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    deleteTable: () => any;
+    toggleHeaderRow: () => any;
+    copyTable: () => any;
+    cutTable: () => any;
+    comment: (rect: DOMRect | null) => any;
+    toggleHeaderCol: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDeleteTable?: (() => any) | undefined;
+    onToggleHeaderRow?: (() => any) | undefined;
+    onCopyTable?: (() => any) | undefined;
+    onCutTable?: (() => any) | undefined;
+    onComment?: ((rect: DOMRect | null) => any) | undefined;
+    onToggleHeaderCol?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    maxRows?: number;
+    maxCols?: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    pick: (payload: {
+        rows: number;
+        cols: number;
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onPick?: ((payload: {
+        rows: number;
+        cols: number;
+    }) => any) | undefined;
+}>, {
+    maxRows: number;
+    maxCols: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,45 @@
+import { InsertDot, ColAlignDot, CellBounds } from '../composables/useTableTools';
+import { CellOpKind, InsertItemId } from '../config/insertMenu';
+import { TableAlign } from '../utils/tableAlign';
+type __VLS_Props = {
+    tableVisible: boolean;
+    tableBounds: {
+        top: number;
+        left: number;
+        width: number;
+        height: number;
+    };
+    rowDots: InsertDot[];
+    colDots: InsertDot[];
+    colAlignDots: ColAlignDot[];
+    hoveredCellBounds: CellBounds | null;
+    hasHeaderRow: boolean;
+    hasHeaderCol: boolean;
+    keepAlive: () => void;
+    scheduleHide: () => void;
+    insertRowAt: (index: number) => void;
+    insertColAt: (index: number) => void;
+    setColumnAlign: (align: TableAlign, colIndex?: number) => void;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    deleteTable: () => any;
+    toggleHeaderRow: () => any;
+    copyTable: () => any;
+    cutTable: () => any;
+    comment: (rect: DOMRect | null) => any;
+    toggleHeaderCol: () => any;
+    cellOp: (kind: CellOpKind) => any;
+    cellInsert: (id: InsertItemId) => any;
+    cellComment: (rect: DOMRect | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDeleteTable?: (() => any) | undefined;
+    onToggleHeaderRow?: (() => any) | undefined;
+    onCopyTable?: (() => any) | undefined;
+    onCutTable?: (() => any) | undefined;
+    onComment?: ((rect: DOMRect | null) => any) | undefined;
+    onToggleHeaderCol?: (() => any) | undefined;
+    onCellOp?: ((kind: CellOpKind) => any) | undefined;
+    onCellInsert?: ((id: InsertItemId) => any) | undefined;
+    onCellComment?: ((rect: DOMRect | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/composables/useBlockButton.d.ts

@@ -0,0 +1,21 @@
+import { Ref } from 'vue';
+import { Editor } from '@tiptap/vue-3';
+export interface BlockInfo {
+    tag: string;
+    label: string;
+    currentTypeIds: string[];
+}
+export declare function useBlockButton(editorRef: Ref<HTMLElement | null>, _editor: Ref<Editor | undefined>): {
+    overlayVisible: Ref<boolean, boolean>;
+    overlayStyle: Record<string, string>;
+    blockInfo: {
+        tag: string;
+        label: string;
+        currentTypeIds: string[];
+    };
+    onMouseMove: (e: MouseEvent) => void;
+    onMouseLeave: () => void;
+    getCurrentBlockEl: () => Element | null;
+    getCurrentBlockPMPos: () => number | null;
+    getCurrentBlockRootPMPos: () => number | null;
+};

package/dist/composables/useBlockConvert.d.ts

@@ -0,0 +1,4 @@
+import { MenuChain } from '../types/menuCommands';
+export type BlockConvertId = 'text' | 'blockquote' | 'pre' | 'listItem' | 'taskItem';
+export declare function applyTextConvert(chain: MenuChain, id: string): void;
+export declare const BLOCK_CONVERTS: Record<BlockConvertId, (chain: MenuChain, id: string) => void>;

package/dist/composables/useBlockImageExport.d.ts

@@ -0,0 +1,4 @@
+export declare function findExportSvg(root: ParentNode | null): SVGElement | null;
+export declare function useBlockImageExport(): {
+    copyPngToClipboard: (getSvg: () => SVGElement | null, scale?: number) => Promise<boolean>;
+};

package/dist/composables/useBlockMenu.d.ts

@@ -0,0 +1,19 @@
+import { Ref } from 'vue';
+import { Editor } from '@tiptap/vue-3';
+import { MenuPlacement } from './useMenuPosition';
+export declare function useBlockMenu(editor: Ref<Editor | undefined>, getCurrentBlockPMPos: () => number | null, getAnchorRect: () => DOMRect | null, getCurrentBlockTag: () => string, beforeOpen: () => void): {
+    visible: Ref<boolean, boolean>;
+    top: Ref<number, number>;
+    left: Ref<number, number>;
+    placement: Ref<MenuPlacement, MenuPlacement>;
+    targetPos: Ref<number | null, number | null>;
+    sourceTag: Ref<string, string>;
+    open: () => void;
+    close: () => void;
+    focusTarget: () => void;
+    onPillEnter: () => void;
+    onPillLeave: (event?: MouseEvent) => void;
+    onMenuEnter: () => void;
+    onMenuLeave: () => void;
+    clearHideTimer: () => void;
+};

package/dist/composables/useBlockOps.d.ts

@@ -0,0 +1,3 @@
+import { Editor } from '@tiptap/vue-3';
+import { BlockOpId } from '../config/blockMenu';
+export declare function applyBlockOp(editor: Editor, blockPos: number | null, op: BlockOpId): void;

package/dist/composables/useCodeMirror.d.ts

@@ -0,0 +1,30 @@
+import { Ref } from 'vue';
+import { EditorView } from '@codemirror/view';
+export interface UseCodeMirrorOptions {
+    container: Ref<HTMLElement | null>;
+    initialContent: string;
+    initialLanguage: string;
+    wordWrap: Ref<boolean>;
+    readOnly?: Ref<boolean>;
+    onContentChange: (content: string) => void;
+    onSelectionChange?: (selection: CodeMirrorSelectionPayload | null) => void;
+    commentRanges?: Ref<CodeMirrorCommentRange[]>;
+}
+export interface CodeMirrorSelectionPayload {
+    from: number;
+    to: number;
+    rect: DOMRect;
+}
+export interface CodeMirrorCommentRange {
+    from: number;
+    to: number;
+    commentIds: string[];
+}
+export declare function useCodeMirror(options: UseCodeMirrorOptions): {
+    initCM: (content: string, langId: string) => Promise<void>;
+    syncFromPM: (content: string) => void;
+    switchLanguage: (langId: string) => Promise<void>;
+    setWordWrap: (enabled: boolean) => void;
+    getCMView: () => EditorView | null;
+    destroy: () => void;
+};

package/dist/composables/useCommentAnchors.d.ts

@@ -0,0 +1,60 @@
+import { Ref } from 'vue';
+import { Editor } from '@tiptap/vue-3';
+export interface CommentRange {
+    from: number;
+    to: number;
+    text: string;
+}
+export interface CommentAnchor {
+    id: string;
+    kind: 'inline' | 'block';
+    ranges?: CommentRange[];
+    nodePos?: number;
+    nodeType?: string;
+    text?: string;
+    fullText?: string;
+}
+export type AnchorSpec = {
+    kind: 'inline';
+    from: number;
+    to: number;
+} | {
+    kind: 'block';
+    nodePos: number;
+};
+export interface CommentCreateSpec {
+    kind: 'inline' | 'block';
+    from?: number;
+    to?: number;
+    nodePos?: number;
+    rect: DOMRect;
+}
+export interface CommentClickPayload {
+    commentIds: string[];
+    rect: DOMRect;
+}
+export interface CommentHoverPayload {
+    commentIds: string[];
+}
+export interface UseCommentAnchorsOptions {
+    enabled?: Ref<boolean> | boolean;
+    onCreate?: (spec: CommentCreateSpec) => void;
+    onClick?: (payload: CommentClickPayload) => void;
+    onHover?: (payload: CommentHoverPayload | null) => void;
+    onOrphaned?: (payload: {
+        commentId: string;
+    }) => void;
+    onAnchorDrift?: (payload: {
+        commentId: string;
+    }) => void;
+    onAnchorsChanged?: (anchors: CommentAnchor[]) => void;
+}
+export declare function collectCommentAnchors(editor: Editor): CommentAnchor[];
+export declare function useCommentAnchors(editorRef: Ref<Editor | undefined>, options?: UseCommentAnchorsOptions): {
+    getCommentAnchors: () => CommentAnchor[];
+    applyCommentAnchors: (anchors: CommentAnchor[]) => boolean;
+    addComment: (commentId: string, spec: AnchorSpec) => boolean;
+    removeCommentAnchor: (commentId: string) => boolean;
+    requestInlineComment: (rect?: DOMRect) => boolean;
+    requestBlockComment: (nodePos: number, rect?: DOMRect) => boolean;
+};

package/dist/composables/useCommentEditor.d.ts

@@ -0,0 +1,24 @@
+import { Content, JSONContent } from '@tiptap/core';
+import { Editor } from '@tiptap/vue-3';
+import { MentionTriggerPayload } from './useMention';
+import { MentionAttrs } from '../extensions/Mention';
+export interface UseCommentEditorOptions {
+    initialContent?: Content;
+    editable?: boolean;
+    onSubmit?: (content: JSONContent) => void;
+    onMentionTrigger?: (payload: MentionTriggerPayload) => void;
+    onMentionCancel?: () => void;
+}
+export declare function useCommentEditor(options?: UseCommentEditorOptions): {
+    editor: import('vue').ShallowRef<Editor | undefined, Editor | undefined>;
+    isEmpty: import('vue').Ref<boolean, boolean>;
+    getContent: () => JSONContent;
+    setContent: (content: Content) => void;
+    clear: () => void;
+    focus: (position?: "start" | "end") => void;
+    submit: () => void;
+    onKeyDown: (event: KeyboardEvent) => void;
+    insertMention: (attrs: MentionAttrs) => boolean;
+    getMentions: () => import('./useMention').MentionAnchor[];
+    applyMentions: (mentions: import('./useMention').MentionAnchor[]) => boolean;
+};

package/dist/composables/useEditorCommands.d.ts

@@ -0,0 +1,22 @@
+import { Ref } from 'vue';
+import { Editor } from '@tiptap/vue-3';
+import { CellOpKind, InsertCtx, InsertItemId } from '../config/insertMenu';
+export interface UseEditorCommandsOptions {
+    editor: Ref<Editor | undefined>;
+    insertTargetPos: Ref<number | null>;
+    blockTargetPos: Ref<number | null>;
+    blockSourceTag: Ref<string>;
+    focusBlockTarget: () => void;
+    focusHoveredCell: () => void;
+    cellOps: Record<CellOpKind, () => void>;
+    closeInsertMenu: () => void;
+    closeBlockMenu: () => void;
+    openMathPopoverForInsert: (insertPos: number, rect?: DOMRect | null, kind?: 'inline' | 'block') => void;
+    getMathRectAtPos: (pos: number) => DOMRect | null;
+}
+export declare function useEditorCommands(options: UseEditorCommandsOptions): {
+    onInsert: (id: InsertItemId, ctx?: InsertCtx) => void;
+    onCellInsert: (id: InsertItemId) => void;
+    onCellOp: (kind: CellOpKind) => void;
+    onConvert: (id: string) => void;
+};