@eightyfourthousand/lib-editing 2026.4.0 → 2026.4.2

package/lib/components/editor/extensions/GlossaryInstance/GlossaryInput.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Input } from '@eightyfourthousand/design-system';
+import { CheckIcon, Trash2Icon } from 'lucide-react';
+import { useRef } from 'react';
+export const GlossaryInput = ({ uuid, onSubmit, }) => {
+    const uuidRef = useRef(null);
+    const submit = () => {
+        onSubmit(uuidRef.current?.value);
+    };
+    return (_jsxs("div", { className: "flex space-x-1 items-center", children: [_jsx(Input, { ref: uuidRef, placeholder: "Glossary uuid...", value: uuid, onKeyDown: (e) => {
+                    if (e.key === 'Enter') {
+                        e.preventDefault();
+                        submit();
+                    }
+                } }), _jsx(Button, { size: "icon", variant: "ghost", disabled: !!uuidRef.current, onClick: submit, children: _jsx(CheckIcon, {}) }), _jsx(Button, { variant: "ghost", size: "icon", type: "button", onClick: () => {
+                    if (uuidRef.current) {
+                        uuidRef.current.value = '';
+                    }
+                    onSubmit();
+                }, children: _jsx(Trash2Icon, { className: "text-destructive" }) })] }));
+};
+//# sourceMappingURL=GlossaryInput.js.map

package/lib/components/editor/extensions/GlossaryInstance/GlossaryInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlossaryInput.js","sourceRoot":"","sources":["../../../../../../../../libs/lib-editing/src/lib/components/editor/extensions/GlossaryInstance/GlossaryInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,IAAI,EACJ,QAAQ,GAIT,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAE/C,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,KAAK,IACJ,GAAG,EAAE,OAAO,EACZ,WAAW,EAAC,kBAAkB,EAC9B,KAAK,EAAE,IAAI,EACX,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;oBACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;wBACtB,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,MAAM,EAAE,CAAC;oBACX,CAAC;gBACH,CAAC,GACD,EACF,KAAC,MAAM,IACL,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,CAAC,CAAC,OAAO,CAAC,OAAO,EAC3B,OAAO,EAAE,MAAM,YAEf,KAAC,SAAS,KAAG,GACN,EACT,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;wBACpB,OAAO,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;oBAC7B,CAAC;oBACD,QAAQ,EAAE,CAAC;gBACb,CAAC,YAED,KAAC,UAAU,IAAC,SAAS,EAAC,kBAAkB,GAAG,GACpC,IACL,CACP,CAAC;AACJ,CAAC,CAAC"}

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

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

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

@@ -0,0 +1,67 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@eightyfourthousand/design-system';
+import { BookOpenIcon, PencilIcon, Trash2Icon } from 'lucide-react';
+import { useCallback, useState } from 'react';
+import { GlossaryInput } from './GlossaryInput';
+import { findMarkByUuid } from '../../util';
+import { useHoverCard } from '../../../shared/HoverCardProvider';
+const EDITOR_UPDATE_DELAY_MS = 100;
+export const GlossaryInstance = ({ uuid, glossary, editor, anchor, }) => {
+    const [isEditing, setIsEditingLocal] = useState(false);
+    const { close, setIsEditing: setIsEditingContext } = useHoverCard();
+    const setIsEditing = useCallback((editing) => {
+        setIsEditingLocal(editing);
+        setIsEditingContext(editing);
+    }, [setIsEditingContext]);
+    const deleteLink = useCallback(() => {
+        setIsEditing(false);
+        close();
+        setTimeout(() => {
+            const range = findMarkByUuid({
+                editor,
+                uuid,
+                markType: 'glossaryInstance',
+            });
+            if (!range) {
+                console.warn('GlossaryInstance mark not found in the document.');
+                return;
+            }
+            const { from, to, mark } = range;
+            const { tr } = editor.state;
+            tr.removeMark(from, to, mark.type);
+            editor.view.dispatch(tr);
+        }, EDITOR_UPDATE_DELAY_MS);
+    }, [editor, uuid, close, setIsEditing]);
+    const updateGlossary = useCallback((newGlossary) => {
+        setIsEditing(false);
+        close();
+        setTimeout(() => {
+            const range = findMarkByUuid({
+                editor,
+                uuid,
+                markType: 'glossaryInstance',
+            });
+            if (!range) {
+                console.warn('GlossaryInstance mark not found in the document.');
+                return;
+            }
+            const { from, to, mark } = range;
+            const { tr } = editor.state;
+            tr.removeMark(from, to, mark.type);
+            tr.addMark(from, to, mark.type.create({ ...mark.attrs, glossary: newGlossary }));
+            editor.view.dispatch(tr);
+            // Update the DOM attribute directly for immediate feedback
+            anchor.setAttribute('glossary', newGlossary);
+        }, EDITOR_UPDATE_DELAY_MS);
+    }, [editor, uuid, anchor, close, setIsEditing]);
+    return (_jsx("div", { className: "flex justify-between gap-2 p-2 w-fit max-w-80", children: isEditing ? (_jsx(GlossaryInput, { uuid: glossary, onSubmit: (newGlossary) => {
+                if (newGlossary) {
+                    updateGlossary(newGlossary);
+                }
+                else {
+                    deleteLink();
+                }
+                setIsEditing(false);
+            } })) : (_jsxs(_Fragment, { children: [_jsx(BookOpenIcon, { className: "text-primary my-auto size-6 [&_svg]:size-4" }), _jsx("span", { className: "truncate text-muted-foreground text-sm my-auto", children: glossary }), _jsx("span", { className: "flex-grow" }), _jsx(Button, { variant: "ghost", size: "icon", className: "size-6 [&_svg]:size-4", onClick: () => setIsEditing(true), children: _jsx(PencilIcon, { className: "text-primary my-auto" }) }), _jsx(Button, { variant: "ghost", size: "icon", className: "size-6 [&_svg]:size-4", onClick: deleteLink, children: _jsx(Trash2Icon, { className: "text-destructive my-auto" }) })] })) }));
+};
+//# sourceMappingURL=GlossaryInstance.js.map

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

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

package/lib/components/editor/extensions/GlossaryInstance/GlossaryInstanceNode.d.ts

@@ -0,0 +1,13 @@
+import { Mark } from '@tiptap/core';
+export interface GlossaryInstanceOptions {
+    HTMLAttributes: Record<string, unknown>;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        glossaryInstance: {
+            setGlossaryInstance: (glossary: string) => ReturnType;
+            unsetGlossaryInstance: () => ReturnType;
+        };
+    }
+}
+export declare const GlossaryInstanceNode: Mark<GlossaryInstanceOptions, any>;

package/lib/components/editor/extensions/GlossaryInstance/GlossaryInstanceNode.js

@@ -0,0 +1,118 @@
+import { Mark } from '@tiptap/core';
+import { v4 as uuidv4 } from 'uuid';
+import { createMarkViewDom, registerEditorElement } from '../../util';
+import { cn } from '@eightyfourthousand/lib-utils';
+export const GlossaryInstanceNode = Mark.create({
+    name: 'glossaryInstance',
+    addAttributes() {
+        return {
+            ...this.parent?.(),
+            authority: {
+                default: undefined,
+                parseHTML(element) {
+                    return element.getAttribute('authority');
+                }
+            },
+            glossary: {
+                default: undefined,
+                parseHTML(element) {
+                    return element.getAttribute('glossary');
+                },
+            },
+            uuid: {
+                default: undefined,
+                parseHTML(element) {
+                    return element.getAttribute('uuid');
+                },
+            },
+            isInline: { default: true },
+        };
+    },
+    addOptions() {
+        return {
+            HTMLAttributes: {
+                className: 'glossary-instance',
+            },
+        };
+    },
+    parseHTML() {
+        return [
+            {
+                tag: 'span[type="gloassaryInstance"]',
+                getAttrs: (dom) => {
+                    const authority = dom.getAttribute('authority');
+                    const glossary = dom.getAttribute('glossary');
+                    if (!authority || !glossary) {
+                        return false;
+                    }
+                    return null;
+                },
+            },
+        ];
+    },
+    renderHTML({ HTMLAttributes }) {
+        return [
+            'span',
+            { class: HTMLAttributes.className, type: 'glossaryInstance' },
+            0,
+        ];
+    },
+    addMarkView() {
+        return (props) => {
+            const isEditable = props.editor.isEditable;
+            const { dom } = createMarkViewDom({
+                ...props,
+                element: 'span',
+                className: cn('glossary-instance', props.mark.attrs.toh),
+            });
+            // Set attributes for HoverCardProvider identification
+            if (props.mark.attrs.uuid) {
+                dom.setAttribute('uuid', props.mark.attrs.uuid);
+            }
+            if (props.mark.attrs.authority) {
+                dom.setAttribute('authority', props.mark.attrs.authority);
+            }
+            if (props.mark.attrs.glossary) {
+                dom.setAttribute('glossary', props.mark.attrs.glossary);
+            }
+            // Only add type attribute and register in edit mode for hover card detection
+            if (isEditable) {
+                dom.setAttribute('type', 'glossaryInstance');
+                registerEditorElement(dom, props.editor);
+            }
+            dom.addEventListener('click', () => {
+                const { authority } = props.mark.attrs;
+                if (!authority) {
+                    return;
+                }
+                const query = new URLSearchParams(window.location.search);
+                query.set('right', `open:glossary:${authority}`);
+                window.history.pushState({}, '', `?${query.toString()}`);
+            });
+            return {
+                dom,
+                contentDOM: dom,
+            };
+        };
+    },
+    addCommands() {
+        return {
+            setGlossaryInstance: (glossary) => ({ chain }) => {
+                return chain()
+                    .setMark(this.name)
+                    .updateAttributes(this.name, {
+                    glossary,
+                    uuid: uuidv4(),
+                })
+                    .run();
+            },
+            unsetGlossaryInstance: () => ({ chain }) => {
+                return chain()
+                    .unsetMark(this.name)
+                    .resetAttributes(this.name, 'glossary')
+                    .run();
+            },
+        };
+    },
+});
+//# sourceMappingURL=GlossaryInstanceNode.js.map

package/lib/components/editor/extensions/GlossaryInstance/GlossaryInstanceNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlossaryInstanceNode.js","sourceRoot":"","sources":["../../../../../../../../libs/lib-editing/src/lib/components/editor/extensions/GlossaryInstance/GlossaryInstanceNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,EAAE,EAAE,EAAE,MAAM,+BAA+B,CAAC;AAenD,MAAM,CAAC,MAAM,oBAAoB,GAAG,IAAI,CAAC,MAAM,CAA0B;IACvE,IAAI,EAAE,kBAAkB;IAExB,aAAa;QACX,OAAO;YACL,GAAG,IAAI,CAAC,MAAM,EAAE,EAAE;YAClB,SAAS,EAAE;gBACT,OAAO,EAAE,SAAS;gBAClB,SAAS,CAAC,OAAO;oBACf,OAAO,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;gBAC3C,CAAC;aACF;YACD,QAAQ,EAAE;gBACR,OAAO,EAAE,SAAS;gBAClB,SAAS,CAAC,OAAO;oBACf,OAAO,OAAO,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;gBAC1C,CAAC;aACF;YACD,IAAI,EAAE;gBACJ,OAAO,EAAE,SAAS;gBAClB,SAAS,CAAC,OAAO;oBACf,OAAO,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;gBACtC,CAAC;aACF;YACD,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;SAC5B,CAAC;IACJ,CAAC;IAED,UAAU;QACR,OAAO;YACL,cAAc,EAAE;gBACd,SAAS,EAAE,mBAAmB;aAC/B;SACF,CAAC;IACJ,CAAC;IAED,SAAS;QACP,OAAO;YACL;gBACE,GAAG,EAAE,gCAAgC;gBACrC,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;oBAChB,MAAM,SAAS,GAAI,GAAmB,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;oBACjE,MAAM,QAAQ,GAAI,GAAmB,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;oBAE/D,IAAI,CAAC,SAAS,IAAI,CAAC,QAAQ,EAAE,CAAC;wBAC5B,OAAO,KAAK,CAAC;oBACf,CAAC;oBACD,OAAO,IAAI,CAAC;gBACd,CAAC;aACF;SACF,CAAC;IACJ,CAAC;IAED,UAAU,CAAC,EAAE,cAAc,EAAE;QAC3B,OAAO;YACL,MAAM;YACN,EAAE,KAAK,EAAE,cAAc,CAAC,SAAS,EAAE,IAAI,EAAE,kBAAkB,EAAE;YAC7D,CAAC;SACF,CAAC;IACJ,CAAC;IAED,WAAW;QACT,OAAO,CAAC,KAAK,EAAE,EAAE;YACf,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC;YAC3C,MAAM,EAAE,GAAG,EAAE,GAAG,iBAAiB,CAAC;gBAChC,GAAG,KAAK;gBACR,OAAO,EAAE,MAAM;gBACf,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;aACzD,CAAC,CAAC;YAEH,sDAAsD;YACtD,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;gBAC1B,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAClD,CAAC;YACD,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;gBAC/B,GAAG,CAAC,YAAY,CAAC,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;YAC5D,CAAC;YACD,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;gBAC9B,GAAG,CAAC,YAAY,CAAC,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YAC1D,CAAC;YAED,6EAA6E;YAC7E,IAAI,UAAU,EAAE,CAAC;gBACf,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;gBAC7C,qBAAqB,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;YAC3C,CAAC;YAED,GAAG,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;gBACjC,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;gBACvC,IAAI,CAAC,SAAS,EAAE,CAAC;oBACf,OAAO;gBACT,CAAC;gBAED,MAAM,KAAK,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;gBAC1D,KAAK,CAAC,GAAG,CAAC,OAAO,EAAE,iBAAiB,SAAS,EAAE,CAAC,CAAC;gBACjD,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;YAC3D,CAAC,CAAC,CAAC;YAEH,OAAO;gBACL,GAAG;gBACH,UAAU,EAAE,GAAG;aAChB,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;IAED,WAAW;QACT,OAAO;YACL,mBAAmB,EACjB,CAAC,QAAQ,EAAE,EAAE,CACX,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;gBACZ,OAAO,KAAK,EAAE;qBACX,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;qBAClB,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE;oBAC3B,QAAQ;oBACR,IAAI,EAAE,MAAM,EAAE;iBACf,CAAC;qBACD,GAAG,EAAE,CAAC;YACX,CAAC;YAEL,qBAAqB,EACnB,GAAG,EAAE,CACH,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;gBACZ,OAAO,KAAK,EAAE;qBACX,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;qBACpB,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC;qBACtC,GAAG,EAAE,CAAC;YACX,CAAC;SACN,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

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

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

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

@@ -0,0 +1,54 @@
+import TiptapHeading from '@tiptap/extension-heading';
+import { BODY_TITLE_STYLE, H1_STYLE, H2_STYLE, H3_STYLE, H4_STYLE, H5_STYLE, H6_STYLE, HONORIFIC_TITLE_STYLE, SECTION_TITLE_STYLE, } from '@eightyfourthousand/design-system';
+import { createNodeViewDom } from '../../util';
+import { cn } from '@eightyfourthousand/lib-utils';
+const CLASS_FOR_LEVEL = {
+    1: H1_STYLE,
+    2: H2_STYLE,
+    3: H3_STYLE,
+    4: H4_STYLE,
+    5: H5_STYLE,
+    6: H6_STYLE,
+};
+const CLASS_FOR_CLASS = {
+    'section-title': SECTION_TITLE_STYLE,
+    'body-title-main': BODY_TITLE_STYLE,
+    'body-title-honorific': HONORIFIC_TITLE_STYLE,
+};
+export const Heading = TiptapHeading.extend({
+    addAttributes() {
+        return {
+            ...this.parent?.(),
+            class: {
+                default: null,
+                parseHTML(element) {
+                    return element.getAttribute('class');
+                },
+            },
+        };
+    },
+    addNodeView() {
+        return ({ node, editor, extension, getPos, HTMLAttributes }) => {
+            const nodeLevel = parseInt(node.attrs.level, 10);
+            const hasLevel = this.options.levels.includes(nodeLevel);
+            const level = hasLevel ? nodeLevel : this.options.levels.at(-1);
+            const element = `h${level}`;
+            const className = cn(CLASS_FOR_LEVEL[nodeLevel], CLASS_FOR_CLASS[node.attrs.class]);
+            const { dom } = createNodeViewDom({
+                editor,
+                getPos,
+                node,
+                extension,
+                HTMLAttributes,
+                element,
+                className,
+            });
+            return {
+                dom,
+                contentDOM: dom,
+            };
+        };
+    },
+});
+export default Heading;
+//# sourceMappingURL=Heading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../../../../../../libs/lib-editing/src/lib/components/editor/extensions/Heading/Heading.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EACL,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE/C,OAAO,EAAE,EAAE,EAAE,MAAM,+BAA+B,CAAC;AAEnD,MAAM,eAAe,GAA0B;IAC7C,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;CACZ,CAAC;AAEF,MAAM,eAAe,GAA2B;IAC9C,eAAe,EAAE,mBAAmB;IACpC,iBAAiB,EAAE,gBAAgB;IACnC,sBAAsB,EAAE,qBAAqB;CAC9C,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC;IAC1C,aAAa;QACX,OAAO;YACL,GAAG,IAAI,CAAC,MAAM,EAAE,EAAE;YAClB,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;gBACb,SAAS,CAAC,OAAO;oBACf,OAAO,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;gBACvC,CAAC;aACF;SACF,CAAC;IACJ,CAAC;IAED,WAAW;QACT,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE;YAC7D,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE,CAAU,CAAC;YAC1D,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;YACzD,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YAChE,MAAM,OAAO,GAAG,IAAI,KAAK,EAAqB,CAAC;YAC/C,MAAM,SAAS,GAAG,EAAE,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;YAEpF,MAAM,EAAE,GAAG,EAAE,GAAG,iBAAiB,CAAC;gBAChC,MAAM;gBACN,MAAM;gBACN,IAAI;gBACJ,SAAS;gBACT,cAAc;gBACd,OAAO;gBACP,SAAS;aACV,CAAC,CAAC;YAEH,OAAO;gBACL,GAAG;gBACH,UAAU,EAAE,GAAG;aAChB,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC;AAEH,eAAe,OAAO,CAAC"}

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

@@ -0,0 +1,7 @@
+export declare const HoverInputField: ({ placeholder, valueRef, onSubmit, }: {
+    type: string;
+    attr: string;
+    valueRef: string;
+    placeholder: string;
+    onSubmit: (value?: string) => void;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Input } from '@eightyfourthousand/design-system';
+import { CheckIcon, Trash2Icon } from 'lucide-react';
+import { useRef } from 'react';
+export const HoverInputField = ({ placeholder, valueRef, onSubmit, }) => {
+    const inputRef = useRef(null);
+    return (_jsxs("div", { className: "flex space-x-1 items-center", children: [_jsx(Input, { ref: inputRef, placeholder: placeholder, value: valueRef, onKeyDown: (e) => {
+                    if (e.key === 'Enter') {
+                        e.preventDefault();
+                        onSubmit(inputRef.current?.value);
+                    }
+                } }), _jsx(Button, { size: "icon", variant: "ghost", disabled: !!inputRef.current, onClick: () => onSubmit(inputRef.current?.value), children: _jsx(CheckIcon, {}) }), _jsx(Button, { variant: "ghost", size: "icon", type: "button", onClick: () => {
+                    if (inputRef.current) {
+                        inputRef.current.value = '';
+                    }
+                    onSubmit();
+                }, children: _jsx(Trash2Icon, { className: "text-destructive" }) })] }));
+};
+//# sourceMappingURL=HoverInputField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HoverInputField.js","sourceRoot":"","sources":["../../../../../../../libs/lib-editing/src/lib/components/editor/extensions/HoverInputField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,WAAW,EACX,QAAQ,EACR,QAAQ,GAOT,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,OAAO,CACL,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,KAAK,IACJ,GAAG,EAAE,QAAQ,EACb,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,QAAQ,EACf,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;oBACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;wBACtB,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;oBACpC,CAAC;gBACH,CAAC,GACD,EACF,KAAC,MAAM,IACL,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,CAAC,CAAC,QAAQ,CAAC,OAAO,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,YAEhD,KAAC,SAAS,KAAG,GACN,EACT,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;wBACrB,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;oBAC9B,CAAC;oBACD,QAAQ,EAAE,CAAC;gBACb,CAAC,YAED,KAAC,UAAU,IAAC,SAAS,EAAC,kBAAkB,GAAG,GACpC,IACL,CACP,CAAC;AACJ,CAAC,CAAC"}

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

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

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

@@ -0,0 +1,16 @@
+import Image from '@tiptap/extension-image';
+import { v4 as uuidv4 } from 'uuid';
+export default Image.extend({
+    addCommands() {
+        return {
+            setImage: (options) => ({ commands }) => {
+                return commands.insertContent({
+                    type: this.name,
+                    attrs: options,
+                    uuid: uuidv4(),
+                });
+            },
+        };
+    },
+});
+//# sourceMappingURL=Image.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../../../../libs/lib-editing/src/lib/components/editor/extensions/Image.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,yBAAyB,CAAC;AAC5C,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AAEpC,eAAe,KAAK,CAAC,MAAM,CAAC;IAC1B,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/Indent.d.ts

@@ -0,0 +1,24 @@
+import { Extension } from '@tiptap/core';
+export interface IndentOptions {
+    types: string[];
+    defaultHasIndent: boolean;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        indent: {
+            /**
+             * Add an indent
+             */
+            setIndent: () => ReturnType;
+            /**
+             * Remove an indent
+             */
+            unsetIndent: () => ReturnType;
+            /**
+             * Toggle an indent
+             */
+            toggleIndent: () => ReturnType;
+        };
+    }
+}
+export declare const Indent: Extension<IndentOptions, any>;

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

@@ -0,0 +1,66 @@
+import { Extension, mergeAttributes } from '@tiptap/core';
+import { v4 as uuidv4 } from 'uuid';
+export const Indent = Extension.create({
+    name: 'indent',
+    addOptions() {
+        return {
+            types: ['paragraph', 'lineGroup', 'list', 'blockquote'],
+            defaultHasIndent: false,
+        };
+    },
+    addGlobalAttributes() {
+        return [
+            {
+                types: this.options.types,
+                attributes: {
+                    hasIndent: {
+                        default: this.options.defaultHasIndent,
+                        parseHTML: (element) => element.className.includes('pl-8'),
+                        renderHTML: (attributes) => {
+                            if (!attributes.hasIndent) {
+                                return {};
+                            }
+                            return mergeAttributes(attributes, { class: 'pl-8' });
+                        },
+                    },
+                    indentUuid: {
+                        default: undefined,
+                        parseHTML: (element) => element.getAttribute('data-indent-uuid') || undefined,
+                        renderHTML: (attributes) => {
+                            if (!attributes.indentUuid) {
+                                return {};
+                            }
+                            return {
+                                'data-indent-uuid': attributes.indentUuid,
+                            };
+                        },
+                    },
+                },
+            },
+        ];
+    },
+    addCommands() {
+        return {
+            setIndent: () => ({ commands }) => {
+                return this.options.types
+                    .map((type) => commands.updateAttributes(type, {
+                    hasIndent: true,
+                    indentUuid: uuidv4(),
+                }))
+                    .every((response) => response);
+            },
+            unsetIndent: () => ({ commands }) => {
+                return this.options.types
+                    .map((type) => commands.resetAttributes(type, ['hasIndent', 'indentUuid']))
+                    .every((response) => response);
+            },
+            toggleIndent: () => ({ editor, commands }) => {
+                if (editor.isActive({ hasIndent: true })) {
+                    return commands.unsetIndent();
+                }
+                return commands.setIndent();
+            },
+        };
+    },
+});
+//# sourceMappingURL=Indent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Indent.js","sourceRoot":"","sources":["../../../../../../../libs/lib-editing/src/lib/components/editor/extensions/Indent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AA2BpC,MAAM,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAgB;IACpD,IAAI,EAAE,QAAQ;IACd,UAAU;QACR,OAAO;YACL,KAAK,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,CAAC;YACvD,gBAAgB,EAAE,KAAK;SACxB,CAAC;IACJ,CAAC;IACD,mBAAmB;QACjB,OAAO;YACL;gBACE,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK;gBACzB,UAAU,EAAE;oBACV,SAAS,EAAE;wBACT,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,gBAAgB;wBACtC,SAAS,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC;wBAC1D,UAAU,EAAE,CAAC,UAAU,EAAE,EAAE;4BACzB,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,CAAC;gCAC1B,OAAO,EAAE,CAAC;4BACZ,CAAC;4BACD,OAAO,eAAe,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;wBACxD,CAAC;qBACF;oBACD,UAAU,EAAE;wBACV,OAAO,EAAE,SAAS;wBAClB,SAAS,EAAE,CAAC,OAAO,EAAE,EAAE,CACrB,OAAO,CAAC,YAAY,CAAC,kBAAkB,CAAC,IAAI,SAAS;wBACvD,UAAU,EAAE,CAAC,UAAU,EAAE,EAAE;4BACzB,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE,CAAC;gCAC3B,OAAO,EAAE,CAAC;4BACZ,CAAC;4BACD,OAAO;gCACL,kBAAkB,EAAE,UAAU,CAAC,UAAU;6BAC1C,CAAC;wBACJ,CAAC;qBACF;iBACF;aACF;SACF,CAAC;IACJ,CAAC;IAED,WAAW;QACT,OAAO;YACL,SAAS,EACP,GAAG,EAAE,CACL,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;gBACf,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK;qBACtB,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CACZ,QAAQ,CAAC,gBAAgB,CAAC,IAAI,EAAE;oBAC9B,SAAS,EAAE,IAAI;oBACf,UAAU,EAAE,MAAM,EAAE;iBACrB,CAAC,CACH;qBACA,KAAK,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC;YACnC,CAAC;YACH,WAAW,EACT,GAAG,EAAE,CACL,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;gBACf,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK;qBACtB,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CACZ,QAAQ,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC,CAC5D;qBACA,KAAK,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC;YACnC,CAAC;YACH,YAAY,EACV,GAAG,EAAE,CACL,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE;gBACvB,IAAI,MAAM,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;oBACzC,OAAO,QAAQ,CAAC,WAAW,EAAE,CAAC;gBAChC,CAAC;gBACD,OAAO,QAAQ,CAAC,SAAS,EAAE,CAAC;YAC9B,CAAC;SACJ,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,13 @@
+import { Mark } from '@tiptap/core';
+export interface InternalLinkOptions {
+    HTMLAttributes: Record<string, unknown>;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        internalLink: {
+            setInternalLink: (entity: string, type: string) => ReturnType;
+            unsetInternalLink: () => ReturnType;
+        };
+    }
+}
+export declare const InternalLink: Mark<InternalLinkOptions, any>;

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

@@ -0,0 +1,145 @@
+import { Mark, mergeAttributes } from '@tiptap/core';
+import { v4 as uuidv4 } from 'uuid';
+import { createMarkViewDom, registerEditorElement } from '../../util';
+import { PANEL_FOR_SECTION, TAB_FOR_SECTION, } from '../../../shared/types';
+import { cn } from '@eightyfourthousand/lib-utils';
+import { LINK_STYLE } from '@eightyfourthousand/design-system';
+export const InternalLink = Mark.create({
+    name: 'internalLink',
+    addAttributes() {
+        return {
+            entity: {
+                default: undefined,
+                parseHTML: (element) => element.getAttribute('entity'),
+            },
+            type: {
+                default: undefined,
+                parseHTML: (element) => element.getAttribute('entity-type'),
+            },
+            href: {
+                default: undefined,
+                parseHTML: (element) => element.getAttribute('href'),
+            },
+            uuid: {
+                default: undefined,
+                parseHTML: (element) => element.getAttribute('uuid'),
+            },
+            isSameWork: {
+                default: undefined,
+                parseHTML: (element) => element.getAttribute('data-same-work') === 'true',
+            },
+            subtype: {
+                default: undefined,
+                parseHTML: (element) => element.getAttribute('data-subtype'),
+            },
+            linkToh: {
+                default: undefined,
+                parseHTML: (element) => element.getAttribute('data-link-toh'),
+            },
+        };
+    },
+    addOptions() {
+        return {
+            HTMLAttributes: {},
+        };
+    },
+    parseHTML() {
+        return [
+            {
+                tag: 'a[type="internalLink"]',
+            },
+        ];
+    },
+    renderHTML({ HTMLAttributes }) {
+        return [
+            'a',
+            mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
+            0,
+        ];
+    },
+    addMarkView() {
+        return (props) => {
+            const isEditable = props.editor.isEditable;
+            const { dom } = createMarkViewDom({
+                ...props,
+                element: 'span',
+                className: cn(LINK_STYLE, props.mark.attrs.toh),
+            });
+            const { isSameWork, subtype, entity, type: linkType, linkToh } = props.mark.attrs;
+            dom.addEventListener('click', (e) => {
+                e.preventDefault();
+                if (!isSameWork) {
+                    // Cross-work links open in a new tab
+                    let href = props.mark.attrs.href || '#';
+                    if (isEditable && href) {
+                        href = `${href}?edit=true`;
+                    }
+                    window.open(href, '_blank');
+                    return;
+                }
+                const query = new URLSearchParams(window.location.search);
+                if (linkToh) {
+                    query.set('toh', linkToh);
+                }
+                switch (linkType) {
+                    case 'bibliography':
+                        query.set('right', `open:bibliography:${entity}`);
+                        break;
+                    case 'glossary':
+                        query.set('right', `open:glossary:${entity}`);
+                        break;
+                    case 'passage':
+                        {
+                            const panel = PANEL_FOR_SECTION[subtype] || 'main';
+                            const tab = TAB_FOR_SECTION[subtype] || 'translation';
+                            query.set(panel, `open:${tab}:${entity}`);
+                        }
+                        break;
+                    default:
+                        break;
+                }
+                window.history.pushState({}, '', `?${query.toString()}`);
+            });
+            // Set attributes for HoverCardProvider identification
+            if (props.mark.attrs.uuid) {
+                dom.setAttribute('uuid', props.mark.attrs.uuid);
+            }
+            if (entity) {
+                dom.setAttribute('entity', entity);
+            }
+            if (linkType) {
+                dom.setAttribute('entity-type', linkType);
+            }
+            // Only add type attribute in edit mode for hover card detection
+            if (isEditable) {
+                dom.setAttribute('type', 'internalLink');
+                registerEditorElement(dom, props.editor);
+            }
+            return {
+                dom,
+                contentDOM: dom,
+            };
+        };
+    },
+    addCommands() {
+        return {
+            setInternalLink: (entity, type) => ({ chain }) => {
+                return chain()
+                    .setMark(this.name, {
+                    entity,
+                    type,
+                    uuid: uuidv4(),
+                    href: `/entity/${type}/${entity}`,
+                })
+                    .run();
+            },
+            unsetInternalLink: () => ({ chain }) => {
+                return chain()
+                    .unsetMark(this.name)
+                    .resetAttributes(this.name, ['entity', 'type'])
+                    .run();
+            },
+        };
+    },
+});
+//# sourceMappingURL=InternalLink.js.map

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

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