@eightyfourthousand/lib-editing 2026.4.0 → 2026.4.2

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

@@ -0,0 +1,68 @@
+import { BulletList, ListItem as TipTapListItem } from '@tiptap/extension-list';
+import { mergeAttributes } from '@tiptap/react';
+const ITEM_STYLE_TO_CLASS = {
+    none: 'list-none',
+    dots: 'list-[disc]',
+    circles: 'list-[circle]',
+    numbers: 'list-decimal',
+    letters: 'list-[lower-latin]',
+};
+const LIST_SPACING_TO_CLASS = {
+    horizontal: 'ml-4',
+    vertical: 'mt-4',
+};
+export const ListItem = TipTapListItem.extend({
+    content: '(paragraph | heading) block*',
+});
+export const List = BulletList.extend({
+    addOptions() {
+        return {
+            itemTypeName: 'listItem',
+            keepMarks: false,
+            keepAttributes: false,
+            ...this.parent?.(),
+            HTMLAttributes: {},
+        };
+    },
+    addAttributes() {
+        return {
+            ...this.parent?.(),
+            spacing: {
+                default: 'horizontal',
+                parseHTML: (element) => element.getAttribute('data-spacing'),
+                renderHTML(attributes) {
+                    return mergeAttributes(attributes, {
+                        'data-spacing': attributes.spacing,
+                        class: LIST_SPACING_TO_CLASS[attributes.spacing || 'horizontal'] ||
+                            'ml-4',
+                    });
+                },
+            },
+            nesting: {
+                default: undefined,
+                parseHTML: (element) => {
+                    const nesting = element.getAttribute('data-nesting');
+                    return nesting ? parseInt(nesting, 10) : 0;
+                },
+                renderHTML(attributes) {
+                    return mergeAttributes(attributes, {
+                        'data-nesting': `${attributes.nesting}`,
+                    });
+                },
+            },
+            itemStyle: {
+                default: 'none',
+                parseHTML: (element) => element.getAttribute('data-item-style'),
+                renderHTML(attributes) {
+                    return mergeAttributes(attributes, {
+                        'data-item-style': attributes.itemStyle,
+                        class: ITEM_STYLE_TO_CLASS[attributes.itemStyle || 'none'] ||
+                            'list-none',
+                    });
+                },
+            },
+        };
+    },
+});
+export default List;
+//# sourceMappingURL=List.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../../../../libs/lib-editing/src/lib/components/editor/extensions/List.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,MAAM,mBAAmB,GAA8B;IACrD,IAAI,EAAE,WAAW;IACjB,IAAI,EAAE,aAAa;IACnB,OAAO,EAAE,eAAe;IACxB,OAAO,EAAE,cAAc;IACvB,OAAO,EAAE,oBAAoB;CAC9B,CAAC;AAEF,MAAM,qBAAqB,GAA8B;IACvD,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,MAAM;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,cAAc,CAAC,MAAM,CAAC;IAC5C,OAAO,EAAE,8BAA8B;CACxC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAC,MAAM,CAAC;IACpC,UAAU;QACR,OAAO;YACL,YAAY,EAAE,UAAU;YACxB,SAAS,EAAE,KAAK;YAChB,cAAc,EAAE,KAAK;YACrB,GAAG,IAAI,CAAC,MAAM,EAAE,EAAE;YAClB,cAAc,EAAE,EAAE;SACnB,CAAC;IACJ,CAAC;IACD,aAAa;QACX,OAAO;YACL,GAAG,IAAI,CAAC,MAAM,EAAE,EAAE;YAClB,OAAO,EAAE;gBACP,OAAO,EAAE,YAAY;gBACrB,SAAS,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC;gBAC5D,UAAU,CAAC,UAAU;oBACnB,OAAO,eAAe,CAAC,UAAU,EAAE;wBACjC,cAAc,EAAE,UAAU,CAAC,OAAO;wBAClC,KAAK,EACH,qBAAqB,CAAC,UAAU,CAAC,OAAO,IAAI,YAAY,CAAC;4BACzD,MAAM;qBACT,CAAC,CAAC;gBACL,CAAC;aACF;YACD,OAAO,EAAE;gBACP,OAAO,EAAE,SAAS;gBAClB,SAAS,EAAE,CAAC,OAAO,EAAE,EAAE;oBACrB,MAAM,OAAO,GAAG,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;oBACrD,OAAO,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC7C,CAAC;gBACD,UAAU,CAAC,UAAU;oBACnB,OAAO,eAAe,CAAC,UAAU,EAAE;wBACjC,cAAc,EAAE,GAAG,UAAU,CAAC,OAAO,EAAE;qBACxC,CAAC,CAAC;gBACL,CAAC;aACF;YACD,SAAS,EAAE;gBACT,OAAO,EAAE,MAAM;gBACf,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;wBACvC,KAAK,EACH,mBAAmB,CAAC,UAAU,CAAC,SAAS,IAAI,MAAM,CAAC;4BACnD,WAAW;qBACd,CAAC,CAAC;gBACL,CAAC;aACF;SACF,CAAC;IACJ,CAAC;CACF,CAAC,CAAC;AAEH,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,15 @@
+import { TranslationLanguage } from '@eightyfourthousand/data-access';
+import { Mark } from '@tiptap/core';
+export interface MantraOptions {
+    HTMLAttributes: Record<string, unknown>;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        mantra: {
+            setMantra: (lang?: TranslationLanguage) => ReturnType;
+            toggleMantra: (lang?: TranslationLanguage) => ReturnType;
+            unsetMantra: () => ReturnType;
+        };
+    }
+}
+export declare const MantraMark: Mark<MantraOptions, any>;

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

@@ -0,0 +1,63 @@
+import { Mark, mergeAttributes } from '@tiptap/core';
+import { v4 as uuidv4 } from 'uuid';
+export const MantraMark = Mark.create({
+    name: 'mantra',
+    addAttributes() {
+        return {
+            type: {
+                default: 'mantra',
+            },
+            lang: {
+                default: 'Sa-Ltn',
+            },
+        };
+    },
+    addOptions() {
+        return {
+            HTMLAttributes: {},
+        };
+    },
+    parseHTML() {
+        return [
+            {
+                tag: 'span[type="mantra"]',
+            },
+        ];
+    },
+    renderHTML({ HTMLAttributes, mark }) {
+        const lang = mark.attrs.lang;
+        return [
+            'span',
+            mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
+                lang,
+            }),
+            0,
+        ];
+    },
+    addCommands() {
+        return {
+            setMantra: (lang) => ({ chain }) => {
+                return chain()
+                    .setMark(this.name)
+                    .updateAttributes(this.name, {
+                    lang,
+                    uuid: uuidv4(),
+                })
+                    .run();
+            },
+            toggleMantra: (lang) => ({ commands }) => {
+                if (this.editor.isActive(this.name, { lang })) {
+                    return commands.unsetMantra();
+                }
+                return commands.setMantra(lang);
+            },
+            unsetMantra: () => ({ chain }) => {
+                return chain()
+                    .unsetMark(this.name)
+                    .resetAttributes(this.name, 'lang')
+                    .run();
+            },
+        };
+    },
+});
+//# sourceMappingURL=Mantra.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Mantra.js","sourceRoot":"","sources":["../../../../../../../../libs/lib-editing/src/lib/components/editor/extensions/Mantra/Mantra.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AAgBpC,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAgB;IACnD,IAAI,EAAE,QAAQ;IACd,aAAa;QACX,OAAO;YACL,IAAI,EAAE;gBACJ,OAAO,EAAE,QAAQ;aAClB;YACD,IAAI,EAAE;gBACJ,OAAO,EAAE,QAAQ;aAClB;SACF,CAAC;IACJ,CAAC;IAED,UAAU;QACR,OAAO;YACL,cAAc,EAAE,EAAE;SACnB,CAAC;IACJ,CAAC;IAED,SAAS;QACP,OAAO;YACL;gBACE,GAAG,EAAE,qBAAqB;aAC3B;SACF,CAAC;IACJ,CAAC;IAED,UAAU,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE;QACjC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC7B,OAAO;YACL,MAAM;YACN,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE,cAAc,EAAE;gBAC3D,IAAI;aACL,CAAC;YACF,CAAC;SACF,CAAC;IACJ,CAAC;IAED,WAAW;QACT,OAAO;YACL,SAAS,EACP,CAAC,IAA0B,EAAE,EAAE,CAC/B,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,IAAI;oBACJ,IAAI,EAAE,MAAM,EAAE;iBACf,CAAC;qBACD,GAAG,EAAE,CAAC;YACX,CAAC;YACH,YAAY,EACV,CAAC,IAA0B,EAAE,EAAE,CAC/B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;gBACf,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;oBAC9C,OAAO,QAAQ,CAAC,WAAW,EAAE,CAAC;gBAChC,CAAC;gBACD,OAAO,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;YAClC,CAAC;YACH,WAAW,EACT,GAAG,EAAE,CACL,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;gBACZ,OAAO,KAAK,EAAE;qBACX,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;qBACpB,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC;qBAClC,GAAG,EAAE,CAAC;YACX,CAAC;SACJ,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,22 @@
+import { Node } from '@tiptap/core';
+export interface MentionOptions {
+    HTMLAttributes: Record<string, unknown>;
+}
+export interface MentionItem {
+    uuid: string;
+    entity: string;
+    linkType: string;
+    text?: string;
+    displayText?: string;
+    isSameWork?: boolean;
+    subtype?: string;
+    linkToh?: string;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        mention: {
+            setMention: (entity: string, linkType: string) => ReturnType;
+        };
+    }
+}
+export declare const Mention: Node<MentionOptions, any>;

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

@@ -0,0 +1,142 @@
+import { Node, mergeAttributes } from '@tiptap/core';
+import { v4 as uuidv4 } from 'uuid';
+import { registerEditorElement } from '../../util';
+import { PANEL_FOR_SECTION, TAB_FOR_SECTION } from '../../../shared/types';
+export const Mention = Node.create({
+    name: 'mention',
+    group: 'inline',
+    inline: true,
+    atom: true,
+    addOptions() {
+        return {
+            HTMLAttributes: {},
+        };
+    },
+    addAttributes() {
+        return {
+            items: {
+                default: [],
+                parseHTML: (element) => {
+                    const itemsAttr = element.getAttribute('data-items');
+                    if (itemsAttr) {
+                        try {
+                            return JSON.parse(itemsAttr);
+                        }
+                        catch {
+                            return [];
+                        }
+                    }
+                    return [];
+                },
+            },
+        };
+    },
+    parseHTML() {
+        return [{ tag: 'span[data-type="mention"]' }];
+    },
+    renderHTML({ HTMLAttributes }) {
+        return [
+            'span',
+            mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
+                'data-type': 'mention',
+            }),
+        ];
+    },
+    addNodeView() {
+        return (props) => {
+            const isEditable = props.editor.isEditable;
+            const dom = document.createElement('span');
+            dom.classList.add('mention-container');
+            const items = props.node.attrs.items || [];
+            items.forEach((item) => {
+                const anchor = document.createElement('a');
+                anchor.classList.add('mention-link', 'pe-1');
+                // Display priority: text (custom override) > displayText (dynamic) > entity UUID (fallback)
+                anchor.textContent = item.text || item.displayText || item.entity;
+                // Compute href from linkType + entity
+                let href = `/entity/${item.linkType}/${item.entity}`;
+                if (isEditable) {
+                    href = `${href}?edit=true`;
+                }
+                if (item.isSameWork) {
+                    // Same-work links navigate in-place via panel system
+                    anchor.setAttribute('href', '#');
+                    anchor.setAttribute('data-same-work', 'true');
+                    if (item.subtype) {
+                        anchor.setAttribute('data-subtype', item.subtype);
+                    }
+                    if (item.linkToh) {
+                        anchor.setAttribute('data-link-toh', item.linkToh);
+                    }
+                    if (!isEditable) {
+                        anchor.addEventListener('click', (e) => {
+                            e.preventDefault();
+                            const query = new URLSearchParams(window.location.search);
+                            if (item.linkToh) {
+                                query.set('toh', item.linkToh);
+                            }
+                            switch (item.linkType) {
+                                case 'bibliography':
+                                    query.set('right', `open:bibliography:${item.entity}`);
+                                    break;
+                                case 'glossary':
+                                    query.set('right', `open:glossary:${item.entity}`);
+                                    break;
+                                case 'passage': {
+                                    const panel = PANEL_FOR_SECTION[item.subtype || ''] || 'main';
+                                    const tab = TAB_FOR_SECTION[item.subtype || ''] || 'translation';
+                                    query.set(panel, `open:${tab}:${item.entity}`);
+                                    break;
+                                }
+                                default:
+                                    break;
+                            }
+                            window.history.pushState({}, '', `?${query.toString()}`);
+                        });
+                    }
+                }
+                else {
+                    // Cross-work links open in a new tab
+                    anchor.setAttribute('href', href);
+                    anchor.setAttribute('target', '_blank');
+                    anchor.setAttribute('rel', 'noreferrer');
+                }
+                // Set DOM attrs for HoverCardProvider identification
+                if (item.uuid) {
+                    anchor.setAttribute('uuid', item.uuid);
+                }
+                if (item.entity) {
+                    anchor.setAttribute('entity', item.entity);
+                }
+                if (item.linkType) {
+                    anchor.setAttribute('entity-type', item.linkType);
+                }
+                if (isEditable) {
+                    anchor.setAttribute('type', 'mention');
+                    registerEditorElement(anchor, props.editor);
+                }
+                dom.appendChild(anchor);
+            });
+            return { dom };
+        };
+    },
+    addCommands() {
+        return {
+            setMention: (entity, linkType) => ({ commands }) => {
+                return commands.insertContent({
+                    type: this.name,
+                    attrs: {
+                        items: [
+                            {
+                                uuid: uuidv4(),
+                                entity,
+                                linkType,
+                            },
+                        ],
+                    },
+                });
+            },
+        };
+    },
+});
+//# sourceMappingURL=Mention.js.map

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

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

package/lib/components/editor/extensions/Mention/MentionHoverContent.d.ts

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

package/lib/components/editor/extensions/Mention/MentionHoverContent.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@eightyfourthousand/design-system';
+import { ChevronRightIcon, PencilIcon, Trash2Icon } from 'lucide-react';
+import { useCallback, useState } from 'react';
+import { InternalLinkInput } from '../InternalLink/InternalLinkInput';
+import { useHoverCard } from '../../../shared/HoverCardProvider';
+const EDITOR_UPDATE_DELAY_MS = 100;
+/**
+ * Find a mention node in the document that contains an item with the given UUID.
+ */
+function findMentionNodeByItemUuid(editor, itemUuid) {
+    const { doc } = editor.state;
+    let result;
+    doc.descendants((node, pos) => {
+        if (result)
+            return false;
+        if (node.type.name === 'mention') {
+            const items = node.attrs.items || [];
+            if (items.some((item) => item.uuid === itemUuid)) {
+                result = { pos, node };
+                return false;
+            }
+        }
+        return true;
+    });
+    return result;
+}
+export const MentionHoverContent = ({ uuid, entityType, entity, editor, }) => {
+    const [isEditing, setIsEditingLocal] = useState(false);
+    const { close, setIsEditing: setIsEditingContext } = useHoverCard();
+    const setIsEditing = useCallback((editing) => {
+        setIsEditingLocal(editing);
+        setIsEditingContext(editing);
+    }, [setIsEditingContext]);
+    const deleteMention = useCallback(() => {
+        setIsEditing(false);
+        close();
+        setTimeout(() => {
+            const found = findMentionNodeByItemUuid(editor, uuid);
+            if (!found || !found.node) {
+                console.warn('Mention node not found in the document.');
+                return;
+            }
+            const { pos, node } = found;
+            const items = (node.attrs.items || []).filter((item) => item.uuid !== uuid);
+            const { tr } = editor.state;
+            if (items.length === 0) {
+                // Delete the entire node
+                tr.delete(pos, pos + node.nodeSize);
+            }
+            else {
+                // Update items array without deleted item
+                tr.setNodeMarkup(pos, undefined, { ...node.attrs, items });
+            }
+            editor.view.dispatch(tr);
+        }, EDITOR_UPDATE_DELAY_MS);
+    }, [editor, uuid, close, setIsEditing]);
+    const updateMention = useCallback((newType, newEntity) => {
+        setIsEditing(false);
+        close();
+        setTimeout(() => {
+            const found = findMentionNodeByItemUuid(editor, uuid);
+            if (!found || !found.node) {
+                console.warn('Mention node not found in the document.');
+                return;
+            }
+            const { pos, node } = found;
+            const items = (node.attrs.items || []).map((item) => item.uuid === uuid
+                ? { ...item, entity: newEntity, linkType: newType }
+                : item);
+            const { tr } = editor.state;
+            tr.setNodeMarkup(pos, undefined, { ...node.attrs, items });
+            editor.view.dispatch(tr);
+        }, EDITOR_UPDATE_DELAY_MS);
+    }, [editor, uuid, close, setIsEditing]);
+    return (_jsx("div", { className: "flex justify-between gap-2 p-2 w-fit max-w-80", children: isEditing ? (_jsx(InternalLinkInput, { type: entityType, uuid: entity, onSubmit: (type, entityVal) => {
+                if (type && entityVal) {
+                    updateMention(type, entityVal);
+                }
+                else {
+                    deleteMention();
+                }
+                setIsEditing(false);
+            } })) : (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-primary text-sm my-auto", children: entityType }), _jsx(ChevronRightIcon, { className: "my-auto size-4" }), _jsx("span", { className: "truncate text-muted-foreground text-sm my-auto", children: entity }), _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: deleteMention, children: _jsx(Trash2Icon, { className: "text-destructive my-auto" }) })] })) }));
+};
+//# sourceMappingURL=MentionHoverContent.js.map

package/lib/components/editor/extensions/Mention/MentionHoverContent.js.map

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

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

@@ -0,0 +1,18 @@
+import { NodeViewProps, NodeViewRendererOptions } from '@tiptap/react';
+import { JSX, ReactNode } from 'react';
+export interface NodeWrapperProps extends NodeViewProps {
+    className?: string;
+    innerClassName?: string;
+    children?: ReactNode;
+    wrapperAs?: keyof JSX.IntrinsicElements;
+    contentAs?: keyof JSX.IntrinsicElements;
+}
+export declare const NodeWrapper: ({ node, editor, className, innerClassName, children, wrapperAs, contentAs, getPos, updateAttributes, }: NodeWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export interface CreateNodeWrapperOptions extends NodeViewRendererOptions {
+    className?: string;
+    innerClassName?: string;
+    children?: ReactNode;
+    wrapperAs?: keyof JSX.IntrinsicElements;
+    contentAs?: keyof JSX.IntrinsicElements;
+}
+export declare const createNodeWrapper: (options?: Partial<Omit<NodeWrapperProps, keyof NodeViewProps>>) => import("@tiptap/core").NodeViewRenderer;

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { NodeViewContent, NodeViewWrapper, ReactNodeViewRenderer, } from '@tiptap/react';
+import { useEffect } from 'react';
+import { validateAttrs } from '../util';
+export const NodeWrapper = ({ node, editor, className, innerClassName, children, wrapperAs = 'div', contentAs = 'div', getPos, updateAttributes, }) => {
+    useEffect(() => {
+        validateAttrs({ node, editor, getPos, updateAttributes });
+    }, [node, editor, getPos, updateAttributes]);
+    return (_jsxs(NodeViewWrapper, { id: node.attrs.uuid, as: wrapperAs, className: className, children: [children, _jsx(NodeViewContent, { as: contentAs, className: innerClassName })] }));
+};
+export const createNodeWrapper = (options = {}) => {
+    return ReactNodeViewRenderer((props) => (_jsx(NodeWrapper, { ...props, ...options })));
+};
+//# sourceMappingURL=NodeWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NodeWrapper.js","sourceRoot":"","sources":["../../../../../../../libs/lib-editing/src/lib/components/editor/extensions/NodeWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,eAAe,EAGf,eAAe,EACf,qBAAqB,GACtB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAkB,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAUxC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,IAAI,EACJ,MAAM,EACN,SAAS,EACT,cAAc,EACd,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,KAAK,EACjB,MAAM,EACN,gBAAgB,GACC,EAAE,EAAE;IACrB,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,CAAC,CAAC;IAC5D,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE7C,OAAO,CACL,MAAC,eAAe,IAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,aACtE,QAAQ,EAET,KAAC,eAAe,IAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,GAAI,IAC7C,CACnB,CAAC;AACJ,CAAC,CAAC;AAUF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,UAAgE,EAAE,EAClE,EAAE;IACF,OAAO,qBAAqB,CAAC,CAAC,KAAoB,EAAE,EAAE,CAAC,CACrD,KAAC,WAAW,OAAK,KAAK,KAAM,OAAO,GAAI,CACxC,CAAC,CAAC;AACL,CAAC,CAAC"}

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

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

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

@@ -0,0 +1,23 @@
+import TiptapParagraph from '@tiptap/extension-paragraph';
+import { createNodeViewDom } from '../../util';
+export const Paragraph = TiptapParagraph.extend({
+    addNodeView() {
+        return ({ node, extension, editor, getPos, HTMLAttributes }) => {
+            const { dom } = createNodeViewDom({
+                editor,
+                getPos,
+                node,
+                extension,
+                HTMLAttributes,
+                element: 'p',
+                className: 'paragraph',
+            });
+            return {
+                dom,
+                contentDOM: dom,
+            };
+        };
+    },
+});
+export default Paragraph;
+//# sourceMappingURL=Paragraph.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Paragraph.js","sourceRoot":"","sources":["../../../../../../../../libs/lib-editing/src/lib/components/editor/extensions/Paragraph/Paragraph.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE/C,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC,MAAM,CAAC;IAC9C,WAAW;QACT,OAAO,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE;YAC7D,MAAM,EAAE,GAAG,EAAE,GAAG,iBAAiB,CAAC;gBAChC,MAAM;gBACN,MAAM;gBACN,IAAI;gBACJ,SAAS;gBACT,cAAc;gBACd,OAAO,EAAE,GAAG;gBACZ,SAAS,EAAE,WAAW;aACvB,CAAC,CAAC;YAEH,OAAO;gBACL,GAAG;gBACH,UAAU,EAAE,GAAG;aAChB,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,24 @@
+import { Extension } from '@tiptap/core';
+export interface ParagraphIndentOptions {
+    types: string[];
+    defaultHasParagraphIndent: boolean;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        paragraphIndent: {
+            /**
+             * Add an indent
+             */
+            setParagraphIndent: () => ReturnType;
+            /**
+             * Remove an indent
+             */
+            unsetParagraphIndent: () => ReturnType;
+            /**
+             * Toggle an indent
+             */
+            toggleParagraphIndent: () => ReturnType;
+        };
+    }
+}
+export declare const ParagraphIndent: Extension<ParagraphIndentOptions, any>;

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

@@ -0,0 +1,52 @@
+import { Extension, mergeAttributes } from '@tiptap/core';
+export const ParagraphIndent = Extension.create({
+    name: 'paragraphIndent',
+    addOptions() {
+        return {
+            types: ['paragraph'],
+            defaultHasParagraphIndent: false,
+        };
+    },
+    addGlobalAttributes() {
+        return [
+            {
+                types: this.options.types,
+                attributes: {
+                    hasParagraphIndent: {
+                        default: this.options.defaultHasParagraphIndent,
+                        parseHTML: (element) => element.className.includes('conditional-indent'),
+                        renderHTML: (attributes) => {
+                            if (attributes.hasParagraphIndent) {
+                                return mergeAttributes(attributes, {
+                                    class: 'conditional-indent',
+                                });
+                            }
+                            return mergeAttributes(attributes, { class: 'no-indent' });
+                        },
+                    },
+                },
+            },
+        ];
+    },
+    addCommands() {
+        return {
+            setParagraphIndent: () => ({ commands }) => {
+                return this.options.types
+                    .map((type) => commands.updateAttributes(type, { hasParagraphIndent: true }))
+                    .every((response) => response);
+            },
+            unsetParagraphIndent: () => ({ commands }) => {
+                return this.options.types
+                    .map((type) => commands.resetAttributes(type, 'hasParagraphIndent'))
+                    .every((response) => response);
+            },
+            toggleParagraphIndent: () => ({ editor, commands }) => {
+                if (editor.isActive({ hasParagraphIndent: true })) {
+                    return commands.unsetParagraphIndent();
+                }
+                return commands.setParagraphIndent();
+            },
+        };
+    },
+});
+//# sourceMappingURL=ParagraphIndent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ParagraphIndent.js","sourceRoot":"","sources":["../../../../../../../libs/lib-editing/src/lib/components/editor/extensions/ParagraphIndent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AA2B1D,MAAM,CAAC,MAAM,eAAe,GAAG,SAAS,CAAC,MAAM,CAAyB;IACtE,IAAI,EAAE,iBAAiB;IACvB,UAAU;QACR,OAAO;YACL,KAAK,EAAE,CAAC,WAAW,CAAC;YACpB,yBAAyB,EAAE,KAAK;SACjC,CAAC;IACJ,CAAC;IACD,mBAAmB;QACjB,OAAO;YACL;gBACE,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK;gBACzB,UAAU,EAAE;oBACV,kBAAkB,EAAE;wBAClB,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,yBAAyB;wBAC/C,SAAS,EAAE,CAAC,OAAO,EAAE,EAAE,CACrB,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,oBAAoB,CAAC;wBAClD,UAAU,EAAE,CAAC,UAAU,EAAE,EAAE;4BACzB,IAAI,UAAU,CAAC,kBAAkB,EAAE,CAAC;gCAClC,OAAO,eAAe,CAAC,UAAU,EAAE;oCACjC,KAAK,EAAE,oBAAoB;iCAC5B,CAAC,CAAC;4BACL,CAAC;4BACD,OAAO,eAAe,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC;wBAC7D,CAAC;qBACF;iBACF;aACF;SACF,CAAC;IACJ,CAAC;IAED,WAAW;QACT,OAAO;YACL,kBAAkB,EAChB,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,EAAE,kBAAkB,EAAE,IAAI,EAAE,CAAC,CAC9D;qBACA,KAAK,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC;YACnC,CAAC;YACH,oBAAoB,EAClB,GAAG,EAAE,CACL,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;gBACf,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK;qBACtB,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC;qBACnE,KAAK,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC;YACnC,CAAC;YACH,qBAAqB,EACnB,GAAG,EAAE,CACL,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE;gBACvB,IAAI,MAAM,CAAC,QAAQ,CAAC,EAAE,kBAAkB,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;oBAClD,OAAO,QAAQ,CAAC,oBAAoB,EAAE,CAAC;gBACzC,CAAC;gBACD,OAAO,QAAQ,CAAC,kBAAkB,EAAE,CAAC;YACvC,CAAC;SACJ,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/lib/components/editor/extensions/Passage/EditLabel.d.ts

@@ -0,0 +1,4 @@
+import { NodeViewProps } from '@tiptap/react';
+export declare const EditLabel: ({ node, updateAttributes, close, }: NodeViewProps & {
+    close: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/editor/extensions/Passage/EditLabel.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, DialogContent, DialogDescription, DialogTitle, Input, } from '@eightyfourthousand/design-system';
+import { useCallback, useState } from 'react';
+export const EditLabel = ({ node, updateAttributes, close, }) => {
+    const [newLabel, setNewLabel] = useState(node.attrs.label || '');
+    const updateNewLabel = (event) => {
+        setNewLabel(event.target.value);
+    };
+    const save = useCallback(() => {
+        updateAttributes({ label: newLabel });
+        close();
+    }, [newLabel, updateAttributes, close]);
+    return (_jsxs(DialogContent, { className: "sm:max-w-lg", children: [_jsx(DialogTitle, { children: "Edit Passage Label" }), _jsx(DialogDescription, { children: `Update the label for passage ${node.attrs.label}` }), _jsxs("form", { onSubmit: (e) => {
+                    e.preventDefault();
+                    save();
+                }, children: [_jsx(Input, { type: "text", value: newLabel, onChange: updateNewLabel, onBlur: updateNewLabel, className: "mt-2", placeholder: "X.X" }), _jsxs("div", { className: "mt-4 flex justify-end gap-2", children: [_jsx(Button, { variant: "outline", type: "button", onClick: close, children: "Cancel" }), _jsx(Button, { variant: "default", size: "sm", type: "submit", className: "px-5", children: "Save" })] })] })] }));
+};
+//# sourceMappingURL=EditLabel.js.map

package/lib/components/editor/extensions/Passage/EditLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditLabel.js","sourceRoot":"","sources":["../../../../../../../../libs/lib-editing/src/lib/components/editor/extensions/Passage/EditLabel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,KAAK,GACN,MAAM,mCAAmC,CAAC;AAE3C,OAAO,EAAe,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3D,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,IAAI,EACJ,gBAAgB,EAChB,KAAK,GACiC,EAAE,EAAE;IAC1C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IACjE,MAAM,cAAc,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC9D,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5B,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;QACtC,KAAK,EAAE,CAAC;IACV,CAAC,EAAE,CAAC,QAAQ,EAAE,gBAAgB,EAAE,KAAK,CAAC,CAAC,CAAC;IAExC,OAAO,CACL,MAAC,aAAa,IAAC,SAAS,EAAC,aAAa,aACpC,KAAC,WAAW,qCAAiC,EAC7C,KAAC,iBAAiB,cAAE,gCAAgC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,GAAqB,EAC3F,gBACE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,IAAI,EAAE,CAAC;gBACT,CAAC,aAED,KAAC,KAAK,IACJ,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,cAAc,EACxB,MAAM,EAAE,cAAc,EACtB,SAAS,EAAC,MAAM,EAChB,WAAW,EAAC,KAAK,GACjB,EACF,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,KAAK,uBAE7C,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,qBAEzD,IACL,IACD,IACO,CACjB,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/editor/extensions/Passage/EditorOptions.d.ts

@@ -0,0 +1,3 @@
+export declare const EditorOptions: ({ onSelection, }: {
+    onSelection: (item: string) => void;
+}) => import("react/jsx-runtime").JSX.Element;