@eightyfourthousand/lib-editing 2026.4.0 → 2026.4.1

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

@@ -0,0 +1,106 @@
+import { Extension, Node } from '@tiptap/core';
+import { mergeAttributes } from '@tiptap/react';
+import { TableIcon } from 'lucide-react';
+import { v4 as uuidv4 } from 'uuid';
+export const AbbreviationCommand = Extension.create({
+    name: 'abbreviationCommand',
+    addCommands() {
+        return {
+            insertAbbreviation: () => ({ commands }) => {
+                return commands.insertContent({
+                    type: 'paragraph',
+                    content: [
+                        {
+                            type: 'abbreviation',
+                            content: [{ type: 'text', text: 'A' }],
+                            attrs: { uuid: uuidv4() },
+                        },
+                        {
+                            type: 'hasAbbreviation',
+                            content: [{ type: 'text', text: 'Abbreviation' }],
+                            attrs: { uuid: uuidv4() },
+                        },
+                    ],
+                });
+            },
+        };
+    },
+});
+export const AbbreviationSuggestion = {
+    title: 'Abbreviation',
+    description: 'Insert an abbreviation',
+    keywords: ['abbreviation'],
+    icon: TableIcon,
+    command: ({ editor, range }) => {
+        editor.chain().focus().deleteRange(range).insertAbbreviation().run();
+    },
+};
+export const Abbreviation = Node.create({
+    name: 'abbreviation',
+    group: 'inline',
+    content: 'inline*',
+    inline: true,
+    addAttributes() {
+        return {
+            abbreviation: {
+                default: undefined,
+                parseHTML(element) {
+                    return element.getAttribute('abbreviation');
+                },
+            },
+        };
+    },
+    addOptions() {
+        return {
+            HTMLAttributes: {
+                class: 'italic min-w-8',
+            },
+        };
+    },
+    parseHTML() {
+        return [{ tag: 'span[type="abbreviation"]' }];
+    },
+    renderHTML({ HTMLAttributes }) {
+        return [
+            'span',
+            mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
+                type: 'abbreviation',
+            }),
+            0,
+        ];
+    },
+});
+export const HasAbbreviation = Node.create({
+    name: 'hasAbbreviation',
+    group: 'inline',
+    content: 'inline*',
+    inline: true,
+    addAttributes() {
+        return {
+            abbreviation: {
+                default: undefined,
+                parseHTML(element) {
+                    return element.getAttribute('abbreviation');
+                },
+            },
+        };
+    },
+    addOptions() {
+        return {
+            HTMLAttributes: {},
+        };
+    },
+    parseHTML() {
+        return [{ tag: 'span[type=hasAbbreviation]' }];
+    },
+    renderHTML({ HTMLAttributes }) {
+        return [
+            'span',
+            mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
+                type: 'hasAbbreviation',
+            }),
+            0,
+        ];
+    },
+});
+//# sourceMappingURL=Abbreviation.js.map

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,38 @@
+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() {
+        var _a;
+        return Object.assign(Object.assign({}, (_a = this.parent) === null || _a === void 0 ? void 0 : _a.call(this)), { 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() {
+        var _a;
+        const name = this.name;
+        return Object.assign(Object.assign({}, (_a = this.parent) === null || _a === void 0 ? void 0 : _a.call(this)), { 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,uCACK,MAAA,IAAI,CAAC,MAAM,oDAAI,KAClB,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,EACD,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,IACD;IACJ,CAAC;IACD,WAAW;;QACT,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACvB,uCACK,MAAA,IAAI,CAAC,MAAM,oDAAI,KAClB,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,IACD;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,312 @@
+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) => {
+        var _a, _b;
+        return ((_b = (_a = elem.parentElement) === null || _a === void 0 ? void 0 : _a.matches) === null || _b === void 0 ? void 0 : _b.call(_a, '.ProseMirror')) ||
+            elem.matches(selectors);
+    });
+}
+const nodePosAtDOM = (node, view, options) => {
+    var _a;
+    const boundingRect = node.getBoundingClientRect();
+    return (_a = view.posAtCoords({
+        left: boundingRect.left + 50 + options.dragHandleWidth,
+        top: boundingRect.top + 1,
+    })) === null || _a === void 0 ? void 0 : _a.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) {
+        var _a;
+        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' &&
+            ((_a = node.parentElement) === null || _a === void 0 ? void 0 : _a.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 === null || relatedTarget === void 0 ? void 0 : relatedTarget.classList.contains('tiptap')) ||
+                (relatedTarget === null || relatedTarget === void 0 ? void 0 : 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) => {
+            var _a, _b, _c, _d;
+            const handleBySelector = options.dragHandleSelector
+                ? document.querySelector(options.dragHandleSelector)
+                : null;
+            dragHandleElement = handleBySelector !== null && handleBySelector !== void 0 ? 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) {
+                (_b = (_a = view === null || view === void 0 ? void 0 : view.dom) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.appendChild(dragHandleElement);
+            }
+            (_d = (_c = view === null || view === void 0 ? void 0 : view.dom) === null || _c === void 0 ? void 0 : _c.parentElement) === null || _d === void 0 ? void 0 : _d.addEventListener('mouseout', hideHandleOnEditorOut);
+            return {
+                destroy: () => {
+                    var _a, _b, _c;
+                    if (rafId)
+                        cancelAnimationFrame(rafId);
+                    if (!handleBySelector) {
+                        (_a = dragHandleElement === null || dragHandleElement === void 0 ? void 0 : dragHandleElement.remove) === null || _a === void 0 ? void 0 : _a.call(dragHandleElement);
+                    }
+                    dragHandleElement === null || dragHandleElement === void 0 ? void 0 : dragHandleElement.removeEventListener('drag', onDragHandleDrag);
+                    dragHandleElement === null || dragHandleElement === void 0 ? void 0 : dragHandleElement.removeEventListener('dragstart', onDragHandleDragStart);
+                    dragHandleElement = null;
+                    (_c = (_b = view === null || view === void 0 ? void 0 : view.dom) === null || _b === void 0 ? void 0 : _b.parentElement) === null || _c === void 0 ? void 0 : _c.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 === null || node === void 0 ? void 0 : 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) => {
+                    var _a;
+                    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 = (_a = view.state.schema.nodes.orderedList) === null || _a === void 0 ? void 0 : _a.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,21 @@
+'use client';
+import { __awaiter } from "tslib";
+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;
+        }
+        (() => __awaiter(void 0, void 0, void 0, function* () {
+            const res = yield (fetch === null || fetch === void 0 ? void 0 : 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,GAAS,EAAE;YACV,MAAM,GAAG,GAAG,MAAM,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,IAAI,CAAC,CAAA,CAAC;YAChC,UAAU,CAAC,GAAG,CAAC,CAAC;QAClB,CAAC,CAAA,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;