@eightyfourthousand/lib-editing 2026.4.0 → 2026.4.2

package/lib/components/editor/extensions/Abbreviation/Abbreviation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Abbreviation.js","sourceRoot":"","sources":["../../../../../../../../libs/lib-editing/src/lib/components/editor/extensions/Abbreviation/Abbreviation.ts"],"names":[],"mappings":"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"}

package/lib/components/editor/extensions/Audio/Audio.d.ts

@@ -0,0 +1,23 @@
+import { Node } from '@tiptap/core';
+export interface AudioOptions {
+    /**
+     * HTML attributes to add to the image element.
+     * @default {}
+     * @example { class: 'foo' }
+     */
+    HTMLAttributes: Record<string, unknown>;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        audio: {
+            /**
+             * Set a audio node
+             * @param options.updateSelection set to true will select the newly inserted content
+             */
+            setAudio: (options: {
+                src: string;
+            }) => ReturnType;
+        };
+    }
+}
+export declare const Audio: Node<AudioOptions, any>;

package/lib/components/editor/extensions/Audio/Audio.js

@@ -0,0 +1,41 @@
+import { mergeAttributes, Node } from '@tiptap/core';
+import { v4 as uuidv4 } from 'uuid';
+export const Audio = Node.create({
+    name: 'audio',
+    group: 'block',
+    addAttributes() {
+        return {
+            src: {
+                default: null,
+            },
+        };
+    },
+    parseHTML() {
+        return [
+            {
+                tag: 'audio[src]',
+            },
+        ];
+    },
+    renderHTML({ HTMLAttributes }) {
+        return [
+            'audio',
+            mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
+                controls: true,
+                class: 'w-full max-w-xl my-4',
+            }),
+        ];
+    },
+    addCommands() {
+        return {
+            setAudio: (options) => ({ commands }) => {
+                return commands.insertContent({
+                    type: this.name,
+                    attrs: options,
+                    uuid: uuidv4(),
+                });
+            },
+        };
+    },
+});
+//# sourceMappingURL=Audio.js.map

package/lib/components/editor/extensions/Audio/Audio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Audio.js","sourceRoot":"","sources":["../../../../../../../../libs/lib-editing/src/lib/components/editor/extensions/Audio/Audio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AAuBpC,MAAM,CAAC,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAe;IAC7C,IAAI,EAAE,OAAO;IAEb,KAAK,EAAE,OAAO;IAEd,aAAa;QACX,OAAO;YACL,GAAG,EAAE;gBACH,OAAO,EAAE,IAAI;aACd;SACF,CAAC;IACJ,CAAC;IAED,SAAS;QACP,OAAO;YACL;gBACE,GAAG,EAAE,YAAY;aAClB;SACF,CAAC;IACJ,CAAC;IAED,UAAU,CAAC,EAAE,cAAc,EAAE;QAC3B,OAAO;YACL,OAAO;YACP,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE,cAAc,EAAE;gBAC3D,QAAQ,EAAE,IAAI;gBACd,KAAK,EAAE,sBAAsB;aAC9B,CAAC;SACH,CAAC;IACJ,CAAC;IAED,WAAW;QACT,OAAO;YACL,QAAQ,EACN,CAAC,OAAO,EAAE,EAAE,CACZ,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;gBACf,OAAO,QAAQ,CAAC,aAAa,CAAC;oBAC5B,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,KAAK,EAAE,OAAO;oBACd,IAAI,EAAE,MAAM,EAAE;iBACf,CAAC,CAAC;YACL,CAAC;SACJ,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/lib/components/editor/extensions/Bold.d.ts

@@ -0,0 +1 @@
+export declare const Bold: import("@tiptap/core").Mark<import("@tiptap/extension-bold").BoldOptions, any>;

package/lib/components/editor/extensions/Bold.js

@@ -0,0 +1,43 @@
+import { mergeAttributes } from '@tiptap/react';
+import { Bold as TipTapBold } from '@tiptap/extension-bold';
+import { v4 as uuidv4 } from 'uuid';
+export const Bold = TipTapBold.extend({
+    addAttributes() {
+        return {
+            ...this.parent?.(),
+            type: {
+                default: undefined,
+                parseHTML: (element) => element.getAttribute('data-type'),
+                renderHTML(attributes) {
+                    return mergeAttributes(attributes, { 'data-type': attributes.type });
+                },
+            },
+            textStyle: {
+                default: undefined,
+                parseHTML: (element) => element.getAttribute('data-text-style'),
+                renderHTML(attributes) {
+                    return mergeAttributes(attributes, {
+                        'data-text-style': attributes.textStyle,
+                    });
+                },
+            },
+        };
+    },
+    addCommands() {
+        const name = this.name;
+        return {
+            ...this.parent?.(),
+            setBold() {
+                return ({ commands }) => {
+                    return commands.setMark(name, { uuid: uuidv4() });
+                };
+            },
+            toggleBold() {
+                return ({ commands }) => {
+                    return commands.toggleMark(name, { uuid: uuidv4() });
+                };
+            },
+        };
+    },
+});
+//# sourceMappingURL=Bold.js.map

package/lib/components/editor/extensions/Bold.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bold.js","sourceRoot":"","sources":["../../../../../../../libs/lib-editing/src/lib/components/editor/extensions/Bold.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AAEpC,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAC,MAAM,CAAC;IACpC,aAAa;QACX,OAAO;YACL,GAAG,IAAI,CAAC,MAAM,EAAE,EAAE;YAClB,IAAI,EAAE;gBACJ,OAAO,EAAE,SAAS;gBAClB,SAAS,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC;gBACzD,UAAU,CAAC,UAAU;oBACnB,OAAO,eAAe,CAAC,UAAU,EAAE,EAAE,WAAW,EAAE,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC;gBACvE,CAAC;aACF;YACD,SAAS,EAAE;gBACT,OAAO,EAAE,SAAS;gBAClB,SAAS,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC;gBAC/D,UAAU,CAAC,UAAU;oBACnB,OAAO,eAAe,CAAC,UAAU,EAAE;wBACjC,iBAAiB,EAAE,UAAU,CAAC,SAAS;qBACxC,CAAC,CAAC;gBACL,CAAC;aACF;SACF,CAAC;IACJ,CAAC;IACD,WAAW;QACT,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACvB,OAAO;YACL,GAAG,IAAI,CAAC,MAAM,EAAE,EAAE;YAClB,OAAO;gBACL,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;oBACtB,OAAO,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC;gBACpD,CAAC,CAAC;YACJ,CAAC;YACD,UAAU;gBACR,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;oBACtB,OAAO,QAAQ,CAAC,UAAU,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC;gBACvD,CAAC,CAAC;YACJ,CAAC;SACF,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/lib/components/editor/extensions/Document.d.ts

@@ -0,0 +1,2 @@
+export declare const Document: import("@tiptap/core").Node<any, any>;
+export default Document;

package/lib/components/editor/extensions/Document.js

@@ -0,0 +1,7 @@
+import { Document as TiptapDocument } from '@tiptap/extension-document';
+export const Document = TiptapDocument.extend({
+    // TODO: support columns, i.e. `(block|columns)+`
+    content: 'block+',
+});
+export default Document;
+//# sourceMappingURL=Document.js.map

package/lib/components/editor/extensions/Document.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Document.js","sourceRoot":"","sources":["../../../../../../../libs/lib-editing/src/lib/components/editor/extensions/Document.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAExE,MAAM,CAAC,MAAM,QAAQ,GAAG,cAAc,CAAC,MAAM,CAAC;IAC5C,iDAAiD;IACjD,OAAO,EAAE,QAAQ;CAClB,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC"}

package/lib/components/editor/extensions/DragHandle/DragHandle.d.ts

@@ -0,0 +1,25 @@
+import { Extension } from '@tiptap/core';
+import { Plugin } from '@tiptap/pm/state';
+export interface DragHandleOptions {
+    /**
+     * The width of the drag handle
+     */
+    dragHandleWidth: number;
+    /**
+     * The treshold for scrolling
+     */
+    scrollTreshold: number;
+    dragHandleSelector?: string;
+    /**
+     * Tags to be excluded for drag handle
+     */
+    excludedTags: string[];
+    /**
+     * Custom nodes to be included for drag handle
+     */
+    customNodes: string[];
+}
+export declare const DragHandlePlugin: (options: DragHandleOptions & {
+    pluginKey: string;
+}) => Plugin<any>;
+export declare const DragHandle: Extension<any, any>;

package/lib/components/editor/extensions/DragHandle/DragHandle.js

@@ -0,0 +1,304 @@
+import { Extension } from '@tiptap/core';
+import { NodeSelection, Plugin, PluginKey, TextSelection, } from '@tiptap/pm/state';
+import { Fragment, Slice } from '@tiptap/pm/model';
+const absoluteRect = (node) => {
+    const data = node.getBoundingClientRect();
+    const modal = node.closest('[role="dialog"]');
+    if (modal && window.getComputedStyle(modal).transform !== 'none') {
+        const modalRect = modal.getBoundingClientRect();
+        return {
+            top: data.top - modalRect.top,
+            left: data.left - modalRect.left,
+            width: data.width,
+        };
+    }
+    return {
+        top: data.top,
+        left: data.left,
+        width: data.width,
+    };
+};
+function nodeDOMAtCoords(coords, options) {
+    const selectors = [
+        'li',
+        'p:not(:first-child)',
+        'pre',
+        'blockquote',
+        'h1',
+        'h2',
+        'h3',
+        'h4',
+        'h5',
+        'h6',
+        ...options.customNodes.map((node) => `[data-type=${node}]`),
+    ].join(', ');
+    return document
+        .elementsFromPoint(coords.x, coords.y)
+        .find((elem) => elem.parentElement?.matches?.('.ProseMirror') ||
+        elem.matches(selectors));
+}
+const nodePosAtDOM = (node, view, options) => {
+    const boundingRect = node.getBoundingClientRect();
+    return view.posAtCoords({
+        left: boundingRect.left + 50 + options.dragHandleWidth,
+        top: boundingRect.top + 1,
+    })?.inside;
+};
+const calcNodePos = (pos, view) => {
+    const $pos = view.state.doc.resolve(pos);
+    if ($pos.depth > 1)
+        return $pos.before($pos.depth);
+    return pos;
+};
+export const DragHandlePlugin = (options) => {
+    let listType = '';
+    function handleDragStart(event, view) {
+        view.focus();
+        if (!event.dataTransfer)
+            return;
+        const node = nodeDOMAtCoords({
+            x: event.clientX + 50 + options.dragHandleWidth,
+            y: event.clientY,
+        }, options);
+        if (!(node instanceof Element))
+            return;
+        let draggedNodePos = nodePosAtDOM(node, view, options);
+        if (draggedNodePos == null || draggedNodePos < 0)
+            return;
+        draggedNodePos = calcNodePos(draggedNodePos, view);
+        const { from, to } = view.state.selection;
+        const diff = from - to;
+        const fromSelectionPos = calcNodePos(from, view);
+        let differentNodeSelected = false;
+        const nodePos = view.state.doc.resolve(fromSelectionPos);
+        // Check if nodePos points to the top level node
+        if (nodePos.node().type.name === 'doc')
+            differentNodeSelected = true;
+        else {
+            const nodeSelection = NodeSelection.create(view.state.doc, nodePos.before());
+            // Check if the node where the drag event started is part of the current selection
+            differentNodeSelected = !(draggedNodePos + 1 >= nodeSelection.$from.pos &&
+                draggedNodePos <= nodeSelection.$to.pos);
+        }
+        let selection = view.state.selection;
+        if (!differentNodeSelected &&
+            diff !== 0 &&
+            !(view.state.selection instanceof NodeSelection)) {
+            const endSelection = NodeSelection.create(view.state.doc, to - 1);
+            selection = TextSelection.create(view.state.doc, draggedNodePos, endSelection.$to.pos);
+        }
+        else {
+            selection = NodeSelection.create(view.state.doc, draggedNodePos);
+            // if inline node is selected, e.g mention -> go to the parent node to select the whole node
+            // if table row is selected, go to the parent node to select the whole node
+            if (selection.node.type.isInline ||
+                selection.node.type.name === 'tableRow') {
+                const pos = view.state.doc.resolve(selection.from);
+                selection = NodeSelection.create(view.state.doc, pos.before());
+            }
+        }
+        view.dispatch(view.state.tr.setSelection(selection));
+        // If the selected node is a list item, we need to save the type of the wrapping list e.g. OL or UL
+        if (view.state.selection instanceof NodeSelection &&
+            view.state.selection.node.type.name === 'listItem' &&
+            node.parentElement?.tagName) {
+            listType = node.parentElement.tagName;
+        }
+        const slice = view.state.selection.content();
+        const { dom, text } = view.serializeForClipboard(slice);
+        event.dataTransfer.clearData();
+        event.dataTransfer.setData('text/html', dom.innerHTML);
+        event.dataTransfer.setData('text/plain', text);
+        event.dataTransfer.effectAllowed = 'copyMove';
+        event.dataTransfer.setDragImage(node, 0, 0);
+        view.dragging = { slice, move: event.ctrlKey };
+    }
+    let dragHandleElement = null;
+    function hideDragHandle() {
+        if (dragHandleElement) {
+            dragHandleElement.classList.add('hide');
+        }
+    }
+    function showDragHandle() {
+        if (dragHandleElement) {
+            dragHandleElement.classList.remove('hide');
+        }
+    }
+    function hideHandleOnEditorOut(event) {
+        if (event.target instanceof Element) {
+            // Check if the relatedTarget class is still inside the editor
+            const relatedTarget = event.relatedTarget;
+            const isInsideEditor = relatedTarget?.classList.contains('tiptap') ||
+                relatedTarget?.classList.contains('drag-handle');
+            if (isInsideEditor)
+                return;
+        }
+        hideDragHandle();
+    }
+    // Throttling state for mousemove handler
+    let lastPos = { x: 0, y: 0 };
+    let rafId = null;
+    return new Plugin({
+        key: new PluginKey(options.pluginKey),
+        view: (view) => {
+            const handleBySelector = options.dragHandleSelector
+                ? document.querySelector(options.dragHandleSelector)
+                : null;
+            dragHandleElement = handleBySelector ?? document.createElement('div');
+            dragHandleElement.draggable = true;
+            dragHandleElement.dataset.dragHandle = '';
+            dragHandleElement.classList.add('drag-handle');
+            function onDragHandleDragStart(e) {
+                handleDragStart(e, view);
+            }
+            dragHandleElement.addEventListener('dragstart', onDragHandleDragStart);
+            function onDragHandleDrag(e) {
+                hideDragHandle();
+                const scrollY = window.scrollY;
+                if (e.clientY < options.scrollTreshold) {
+                    window.scrollTo({ top: scrollY - 30, behavior: 'smooth' });
+                }
+                else if (window.innerHeight - e.clientY < options.scrollTreshold) {
+                    window.scrollTo({ top: scrollY + 30, behavior: 'smooth' });
+                }
+            }
+            dragHandleElement.addEventListener('drag', onDragHandleDrag);
+            hideDragHandle();
+            if (!handleBySelector) {
+                view?.dom?.parentElement?.appendChild(dragHandleElement);
+            }
+            view?.dom?.parentElement?.addEventListener('mouseout', hideHandleOnEditorOut);
+            return {
+                destroy: () => {
+                    if (rafId)
+                        cancelAnimationFrame(rafId);
+                    if (!handleBySelector) {
+                        dragHandleElement?.remove?.();
+                    }
+                    dragHandleElement?.removeEventListener('drag', onDragHandleDrag);
+                    dragHandleElement?.removeEventListener('dragstart', onDragHandleDragStart);
+                    dragHandleElement = null;
+                    view?.dom?.parentElement?.removeEventListener('mouseout', hideHandleOnEditorOut);
+                },
+            };
+        },
+        props: {
+            handleDOMEvents: {
+                mousemove: (view, event) => {
+                    if (!view.editable) {
+                        return;
+                    }
+                    // Skip if position hasn't changed significantly (< 5px threshold)
+                    const dx = Math.abs(event.clientX - lastPos.x);
+                    const dy = Math.abs(event.clientY - lastPos.y);
+                    if (dx < 5 && dy < 5)
+                        return;
+                    lastPos = { x: event.clientX, y: event.clientY };
+                    // Use requestAnimationFrame to batch updates
+                    if (rafId)
+                        cancelAnimationFrame(rafId);
+                    rafId = requestAnimationFrame(() => {
+                        rafId = null;
+                        const node = nodeDOMAtCoords({
+                            x: event.clientX + 50 + options.dragHandleWidth,
+                            y: event.clientY,
+                        }, options);
+                        const notDragging = node?.closest('.not-draggable');
+                        const excludedTagList = options.excludedTags
+                            .concat(['ol', 'ul'])
+                            .join(', ');
+                        if (!(node instanceof Element) ||
+                            node.matches(excludedTagList) ||
+                            notDragging) {
+                            hideDragHandle();
+                            return;
+                        }
+                        const compStyle = window.getComputedStyle(node);
+                        const parsedLineHeight = parseInt(compStyle.lineHeight, 10);
+                        const lineHeight = isNaN(parsedLineHeight)
+                            ? parseInt(compStyle.fontSize) * 1.2
+                            : parsedLineHeight;
+                        const paddingTop = parseInt(compStyle.paddingTop, 10);
+                        const rect = absoluteRect(node);
+                        rect.top += (lineHeight - 24) / 2;
+                        rect.top += paddingTop;
+                        // Li markers
+                        if (node.matches('ul:not([data-type=taskList]) li, ol li')) {
+                            rect.left -= options.dragHandleWidth;
+                        }
+                        rect.width = options.dragHandleWidth;
+                        if (!dragHandleElement)
+                            return;
+                        dragHandleElement.style.left = `${rect.left - rect.width}px`;
+                        dragHandleElement.style.top = `${rect.top}px`;
+                        showDragHandle();
+                    });
+                },
+                keydown: () => {
+                    hideDragHandle();
+                },
+                mousewheel: () => {
+                    hideDragHandle();
+                },
+                // dragging class is used for CSS
+                dragstart: (view) => {
+                    view.dom.classList.add('dragging');
+                },
+                drop: (view, event) => {
+                    view.dom.classList.remove('dragging');
+                    hideDragHandle();
+                    let droppedNode = null;
+                    const dropPos = view.posAtCoords({
+                        left: event.clientX,
+                        top: event.clientY,
+                    });
+                    if (!dropPos)
+                        return;
+                    if (view.state.selection instanceof NodeSelection) {
+                        droppedNode = view.state.selection.node;
+                    }
+                    if (!droppedNode)
+                        return;
+                    const resolvedPos = view.state.doc.resolve(dropPos.pos);
+                    const isDroppedInsideList = resolvedPos.parent.type.name === 'listItem';
+                    // If the selected node is a list item and is not dropped inside a list, we need to wrap it inside <ol> tag otherwise ol list items will be transformed into ul list item when dropped
+                    if (view.state.selection instanceof NodeSelection &&
+                        view.state.selection.node.type.name === 'listItem' &&
+                        !isDroppedInsideList &&
+                        listType === 'OL') {
+                        const newList = view.state.schema.nodes.orderedList?.createAndFill(null, droppedNode);
+                        const slice = new Slice(Fragment.from(newList), 0, 0);
+                        view.dragging = { slice, move: event.ctrlKey };
+                    }
+                },
+                dragend: (view) => {
+                    view.dom.classList.remove('dragging');
+                },
+            },
+        },
+    });
+};
+export const DragHandle = Extension.create({
+    name: 'dragHandle',
+    addOptions() {
+        return {
+            dragHandleWidth: 25,
+            scrollTreshold: 100,
+            excludedTags: [],
+            customNodes: [],
+        };
+    },
+    addProseMirrorPlugins() {
+        return [
+            DragHandlePlugin({
+                pluginKey: 'dragHandle',
+                dragHandleWidth: this.options.dragHandleWidth,
+                scrollTreshold: this.options.scrollTreshold,
+                dragHandleSelector: this.options.dragHandleSelector,
+                excludedTags: this.options.excludedTags,
+                customNodes: this.options.customNodes,
+            }),
+        ];
+    },
+});
+//# sourceMappingURL=DragHandle.js.map

package/lib/components/editor/extensions/DragHandle/DragHandle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragHandle.js","sourceRoot":"","sources":["../../../../../../../../libs/lib-editing/src/lib/components/editor/extensions/DragHandle/DragHandle.ts"],"names":[],"mappings":"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"}

package/lib/components/editor/extensions/EndNoteLink/EndNoteLink.d.ts

@@ -0,0 +1,6 @@
+import { Passage } from '@eightyfourthousand/data-access';
+export declare const EndNoteLink: ({ uuid, fetch, }: {
+    uuid: string;
+    fetch?: (uuid: string) => Promise<Passage | undefined>;
+}) => import("react/jsx-runtime").JSX.Element;
+export default EndNoteLink;

package/lib/components/editor/extensions/EndNoteLink/EndNoteLink.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Skeleton } from '@eightyfourthousand/design-system';
+import { useEffect, useState } from 'react';
+import { LabeledElement } from '../../../shared';
+export const EndNoteLink = ({ uuid, fetch, }) => {
+    const [content, setContent] = useState();
+    useEffect(() => {
+        if (!uuid || !fetch) {
+            return;
+        }
+        (async () => {
+            const res = await fetch?.(uuid);
+            setContent(res);
+        })();
+    }, [uuid, fetch]);
+    return content ? (_jsx("div", { className: "p-2", children: _jsx(LabeledElement, { label: content.label, contentType: "endnotes", children: content.content }) })) : (_jsx(Skeleton, { className: "p-2 h-20 w-full" }));
+};
+export default EndNoteLink;
+//# sourceMappingURL=EndNoteLink.js.map

package/lib/components/editor/extensions/EndNoteLink/EndNoteLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EndNoteLink.js","sourceRoot":"","sources":["../../../../../../../../libs/lib-editing/src/lib/components/editor/extensions/EndNoteLink/EndNoteLink.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,IAAI,EACJ,KAAK,GAIN,EAAE,EAAE;IACH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAAW,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,CAAC,KAAK,IAAI,EAAE;YACV,MAAM,GAAG,GAAG,MAAM,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC;YAChC,UAAU,CAAC,GAAG,CAAC,CAAC;QAClB,CAAC,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAElB,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,cAAK,SAAS,EAAC,KAAK,YAClB,KAAC,cAAc,IAAC,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,WAAW,EAAC,UAAU,YACzD,OAAO,CAAC,OAAO,GACD,GACb,CACP,CAAC,CAAC,CAAC,CACF,KAAC,QAAQ,IAAC,SAAS,EAAC,iBAAiB,GAAG,CACzC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/editor/extensions/EndNoteLink/EndNoteLinkHoverContent.d.ts

@@ -0,0 +1,7 @@
+import { Editor } from '@tiptap/core';
+export declare const EndNoteLinkHoverContent: ({ uuid, endNote, editor, }: {
+    uuid: string;
+    endNote: string;
+    editor: Editor;
+    anchor: HTMLElement;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/editor/extensions/EndNoteLink/EndNoteLinkHoverContent.js

@@ -0,0 +1,76 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@eightyfourthousand/design-system';
+import { AlertCircleIcon, AsteriskIcon, Loader2Icon, UnlinkIcon, Trash2Icon, } from 'lucide-react';
+import { useCallback, useEffect, useState } from 'react';
+import { useHoverCard } from '../../../shared/HoverCardProvider';
+import { useNavigation } from '../../../shared/NavigationContext';
+import { findEndnoteMarkByUuid, findPassageNode } from '../../util';
+import { useEditorState } from '../../EditorProvider';
+import { deleteEndnotePassageNode } from './endnote-utils';
+const EDITOR_UPDATE_DELAY_MS = 100;
+export const EndNoteLinkHoverContent = ({ uuid, endNote, editor, }) => {
+    const [label, setLabel] = useState();
+    const [labelState, setLabelState] = useState('loading');
+    const { close, setIsEditing } = useHoverCard();
+    const { getEditor } = useEditorState();
+    const { fetchEndNote } = useNavigation();
+    useEffect(() => {
+        if (!endNote) {
+            setLabelState('error');
+            return;
+        }
+        // Try the local endnotes editor first — works for unpersisted passages too
+        const endnotesEditor = getEditor('endnotes');
+        if (endnotesEditor) {
+            const found = findPassageNode(endnotesEditor, endNote);
+            if (found?.node.attrs.label) {
+                setLabel(found.node.attrs.label);
+                setLabelState('loaded');
+                return;
+            }
+        }
+        // Fall back to network fetch
+        setLabelState('loading');
+        fetchEndNote(endNote).then((passage) => {
+            if (passage?.label) {
+                setLabel(passage.label);
+                setLabelState('loaded');
+            }
+            else {
+                setLabelState('error');
+            }
+        });
+    }, [endNote, fetchEndNote, getEditor]);
+    const removeLink = useCallback(() => {
+        setIsEditing(false);
+        close();
+        setTimeout(() => {
+            const range = findEndnoteMarkByUuid({ editor, uuid });
+            if (!range) {
+                console.warn('EndNoteLink mark not found in the document.');
+                return;
+            }
+            const { from, to, mark } = range;
+            const { tr } = editor.state;
+            tr.removeMark(from, to, mark.type);
+            const notes = (mark.attrs.notes || []).filter((note) => uuid !== note.uuid);
+            if (notes.length > 0) {
+                tr.addMark(from, to, mark.type.create({ ...mark.attrs, notes }));
+            }
+            editor.view.dispatch(tr);
+        }, EDITOR_UPDATE_DELAY_MS);
+    }, [editor, uuid, close, setIsEditing]);
+    const deleteEndnoteAndLink = useCallback(() => {
+        setIsEditing(false);
+        close();
+        setTimeout(() => {
+            const endnotesEditor = getEditor('endnotes');
+            if (endnotesEditor) {
+                deleteEndnotePassageNode(endnotesEditor, endNote);
+            }
+        }, EDITOR_UPDATE_DELAY_MS);
+    }, [endNote, getEditor, close, setIsEditing]);
+    return (_jsxs("div", { className: "flex justify-between gap-2 p-2 w-fit max-w-80", children: [_jsx(AsteriskIcon, { className: "text-primary my-auto size-6 [&_svg]:size-4" }), labelState === 'loading' && (_jsx(Loader2Icon, { className: "text-muted-foreground my-auto size-4 animate-spin" })), labelState === 'error' && (_jsx(AlertCircleIcon, { className: "text-destructive my-auto size-4" })), labelState === 'loaded' && (_jsx("span", { className: "truncate text-muted-foreground text-sm my-auto", children: label })), _jsx("span", { className: "flex-grow" }), _jsx(Button, { variant: "ghost", size: "icon", className: "size-6 [&_svg]:size-4", title: "Remove link", onClick: removeLink, children: _jsx(UnlinkIcon, { className: "text-destructive my-auto" }) }), _jsx(Button, { variant: "ghost", size: "icon", className: "size-6 [&_svg]:size-4", title: "Delete endnote", onClick: deleteEndnoteAndLink, children: _jsx(Trash2Icon, { className: "text-destructive my-auto" }) })] }));
+};
+//# sourceMappingURL=EndNoteLinkHoverContent.js.map

package/lib/components/editor/extensions/EndNoteLink/EndNoteLinkHoverContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EndNoteLinkHoverContent.js","sourceRoot":"","sources":["../../../../../../../../libs/lib-editing/src/lib/components/editor/extensions/EndNoteLink/EndNoteLinkHoverContent.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAE3D,OAAO,EACL,eAAe,EACf,YAAY,EACZ,WAAW,EACX,UAAU,EACV,UAAU,GACX,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,MAAM,sBAAsB,GAAG,GAAG,CAAC;AAEnC,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACtC,IAAI,EACJ,OAAO,EACP,MAAM,GAMP,EAAE,EAAE;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAsB,CAAC;IACzD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAE1C,SAAS,CAAC,CAAC;IACb,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,YAAY,EAAE,CAAC;IAC/C,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IACvC,MAAM,EAAE,YAAY,EAAE,GAAG,aAAa,EAAE,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,aAAa,CAAC,OAAO,CAAC,CAAC;YACvB,OAAO;QACT,CAAC;QAED,2EAA2E;QAC3E,MAAM,cAAc,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;QAC7C,IAAI,cAAc,EAAE,CAAC;YACnB,MAAM,KAAK,GAAG,eAAe,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;YACvD,IAAI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;gBAC5B,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;gBACjC,aAAa,CAAC,QAAQ,CAAC,CAAC;gBACxB,OAAO;YACT,CAAC;QACH,CAAC;QAED,6BAA6B;QAC7B,aAAa,CAAC,SAAS,CAAC,CAAC;QACzB,YAAY,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE;YACrC,IAAI,OAAO,EAAE,KAAK,EAAE,CAAC;gBACnB,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;gBACxB,aAAa,CAAC,QAAQ,CAAC,CAAC;YAC1B,CAAC;iBAAM,CAAC;gBACN,aAAa,CAAC,OAAO,CAAC,CAAC;YACzB,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvC,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,KAAK,EAAE,CAAC;QAER,UAAU,CAAC,GAAG,EAAE;YACd,MAAM,KAAK,GAAG,qBAAqB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;YACtD,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,OAAO,CAAC,IAAI,CAAC,6CAA6C,CAAC,CAAC;gBAC5D,OAAO;YACT,CAAC;YAED,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;YACjC,MAAM,EAAE,EAAE,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC;YAC5B,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;YACnC,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,CAC3C,CAAC,IAAsB,EAAE,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAC/C,CAAC;YACF,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACrB,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;YACnE,CAAC;YACD,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QAC3B,CAAC,EAAE,sBAAsB,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;IAExC,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5C,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,KAAK,EAAE,CAAC;QAER,UAAU,CAAC,GAAG,EAAE;YACd,MAAM,cAAc,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;YAC7C,IAAI,cAAc,EAAE,CAAC;gBACnB,wBAAwB,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;YACpD,CAAC;QACH,CAAC,EAAE,sBAAsB,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;IAE9C,OAAO,CACL,eAAK,SAAS,EAAC,+CAA+C,aAC5D,KAAC,YAAY,IAAC,SAAS,EAAC,4CAA4C,GAAG,EACtE,UAAU,KAAK,SAAS,IAAI,CAC3B,KAAC,WAAW,IAAC,SAAS,EAAC,mDAAmD,GAAG,CAC9E,EACA,UAAU,KAAK,OAAO,IAAI,CACzB,KAAC,eAAe,IAAC,SAAS,EAAC,iCAAiC,GAAG,CAChE,EACA,UAAU,KAAK,QAAQ,IAAI,CAC1B,eAAM,SAAS,EAAC,gDAAgD,YAC7D,KAAK,GACD,CACR,EACD,eAAM,SAAS,EAAC,WAAW,GAAG,EAC9B,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAC,aAAa,EACnB,OAAO,EAAE,UAAU,YAEnB,KAAC,UAAU,IAAC,SAAS,EAAC,0BAA0B,GAAG,GAC5C,EACT,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,oBAAoB,YAE7B,KAAC,UAAU,IAAC,SAAS,EAAC,0BAA0B,GAAG,GAC5C,IACL,CACP,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/editor/extensions/EndNoteLink/EndNoteLinkMark.d.ts

@@ -0,0 +1,13 @@
+import { Mark } from '@tiptap/core';
+export interface EndNoteLinkOptions {
+    HTMLAttributes: Record<string, unknown>;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        endNoteLink: {
+            setEndNoteLink: (endNote: string, label?: string) => ReturnType;
+            unsetEndNoteLink: () => ReturnType;
+        };
+    }
+}
+export declare const EndNoteLinkMark: Mark<EndNoteLinkOptions, any>;