@eightyfourthousand/lib-editing 2026.3.1 → 2026.4.1

package/lib/components/editor/PaginationProvider.js

@@ -0,0 +1,311 @@
+'use client';
+import { __awaiter } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useRef, useState, useEffect, useMemo, } from 'react';
+import { useBlockEditor, useTranslationExtensions } from './hooks';
+import { createGraphQLClient, getTranslationBlocks, getTranslationBlocksAround, } from '@eightyfourthousand/client-graphql';
+import { PassageSkeleton } from '../shared/PassageSkeleton';
+import { isUuid, scrollToElement, useIsMobile } from '@eightyfourthousand/lib-utils';
+import { useNavigation } from '../shared';
+import { LotusPond, SHEET_ANIMATION_DURATION } from '@eightyfourthousand/design-system';
+import { useEditorState } from './EditorProvider';
+import { usePaginationLoadTriggers } from '../shared/hooks/usePaginationLoadTriggers';
+const LOADING_SKELETONS_COUNT = 3;
+const CHUNK_SIZE = 25;
+/**
+ * Insert content in chunks with yielding to browser to prevent long frame blocking
+ */
+const insertContentChunked = (editor, pos, content) => __awaiter(void 0, void 0, void 0, function* () {
+    if (!Array.isArray(content) || content.length <= CHUNK_SIZE) {
+        // Small content - insert all at once
+        editor.commands.insertContentAt(pos, content);
+        return;
+    }
+    // Insert in chunks to avoid blocking the main thread
+    for (let i = 0; i < content.length; i += CHUNK_SIZE) {
+        const chunk = content.slice(i, i + CHUNK_SIZE);
+        const insertPos = i === 0 ? pos : editor.state.doc.content.size;
+        editor.commands.insertContentAt(insertPos, chunk);
+        // Yield to browser between chunks (except after last chunk)
+        if (i + CHUNK_SIZE < content.length) {
+            yield new Promise((resolve) => requestAnimationFrame(resolve));
+        }
+    }
+});
+export const PaginationContext = createContext({});
+export const PaginationProvider = ({ uuid, filter, panel, tab, content, fragment, isEditable = true, onCreate, children, }) => {
+    var _a, _b, _c, _d, _e, _f;
+    const initialEndCursor = Array.isArray(content)
+        ? (_b = (_a = content.at(-1)) === null || _a === void 0 ? void 0 : _a.attrs) === null || _b === void 0 ? void 0 : _b.uuid
+        : (_c = content === null || content === void 0 ? void 0 : content.attrs) === null || _c === void 0 ? void 0 : _c.uuid;
+    const { setNavigating } = useEditorState();
+    const [startCursor, setStartCursor] = useState();
+    const [endCursor, setEndCursor] = useState(initialEndCursor || undefined);
+    const [navCursor, setNavCursor] = useState();
+    const processedNavCursorRef = useRef(undefined);
+    const isNavigatingRef = useRef(false);
+    const [startIsLoading, setStartIsLoading] = useState(false);
+    const [endIsLoading, setEndIsLoading] = useState(true);
+    const [isEditorReady, setIsEditorReady] = useState(false);
+    const childrenDivRef = useRef(null);
+    const handledStartLoadRequestRef = useRef(0);
+    const handledEndLoadRequestRef = useRef(0);
+    const dataClient = useMemo(() => createGraphQLClient(), []);
+    const { panels, updatePanel, setShowOuterContent } = useNavigation();
+    const isMobile = useIsMobile();
+    // Extract hash as a primitive value so we only react to actual hash changes,
+    // not to every panels object reference change.
+    // When a `tab` is specified, only accept the hash when the panel's active tab
+    // matches — this prevents a PaginationProvider for one tab (e.g. endnotes)
+    // from reacting to hashes set by a different tab (e.g. glossary).
+    const panelHash = !tab || ((_d = panels[panel]) === null || _d === void 0 ? void 0 : _d.tab) === tab || (tab === 'translation' && ((_e = panels[panel]) === null || _e === void 0 ? void 0 : _e.tab) === 'compare')
+        ? (_f = panels[panel]) === null || _f === void 0 ? void 0 : _f.hash
+        : undefined;
+    const { extensions } = useTranslationExtensions({
+        fragment,
+    });
+    const { editor } = useBlockEditor({
+        extensions,
+        content,
+        isEditable,
+        onCreate: ({ editor }) => {
+            setEndIsLoading(false);
+            setIsEditorReady(true);
+            onCreate === null || onCreate === void 0 ? void 0 : onCreate({ editor });
+        },
+    });
+    const { loadMoreAtStartRef, loadMoreAtEndRef, startLoadRequest, endLoadRequest, } = usePaginationLoadTriggers({
+        enabled: isEditorReady,
+        startCursor,
+        endCursor,
+        startIsLoading,
+        endIsLoading,
+    });
+    useEffect(() => {
+        setShowOuterContent(!startCursor);
+    }, [startCursor, setShowOuterContent]);
+    useEffect(() => {
+        const div = childrenDivRef.current;
+        if (!div) {
+            return;
+        }
+        setNavCursor(panelHash);
+    }, [panelHash]);
+    useEffect(() => {
+        const div = childrenDivRef.current;
+        if (!div || !navCursor || startIsLoading || endIsLoading) {
+            return;
+        }
+        // Guard: Don't re-process the same hash
+        if (processedNavCursorRef.current === navCursor) {
+            return;
+        }
+        // Mark as processing IMMEDIATELY (synchronously) to prevent re-entry
+        // from effect re-runs while async work is in progress
+        processedNavCursorRef.current = navCursor;
+        (() => __awaiter(void 0, void 0, void 0, function* () {
+            isNavigatingRef.current = true;
+            setNavigating(true, true, fragment);
+            try {
+                // On mobile, add a delay to allow panel Sheet animation to complete
+                // before attempting to scroll to the element
+                if (isMobile) {
+                    yield new Promise((resolve) => setTimeout(resolve, SHEET_ANIMATION_DURATION));
+                }
+                let element = div.querySelector(`#${CSS.escape(navCursor)}`);
+                if (!element && isUuid(navCursor)) {
+                    const { blocks, hasMoreBefore, hasMoreAfter, prevCursor, nextCursor, } = yield getTranslationBlocksAround({
+                        client: dataClient,
+                        uuid,
+                        type: filter,
+                        passageUuid: navCursor,
+                    });
+                    // Guard: if the UUID doesn't correspond to any passages for this
+                    // filter (e.g. a cross-tab UUID leaked through), bail out rather
+                    // than wiping the editor with an empty setContent([]) call.
+                    if (!blocks || blocks.length === 0) {
+                        return;
+                    }
+                    // Wait for editor to finish updating
+                    yield new Promise((resolve) => {
+                        const handleUpdate = () => {
+                            editor === null || editor === void 0 ? void 0 : editor.off('update', handleUpdate);
+                            requestAnimationFrame(() => resolve());
+                        };
+                        editor === null || editor === void 0 ? void 0 : editor.on('update', handleUpdate);
+                        editor === null || editor === void 0 ? void 0 : editor.chain().clearContent().setContent(blocks).run();
+                    });
+                    setStartCursor(hasMoreBefore && prevCursor ? prevCursor : undefined);
+                    setEndCursor(hasMoreAfter && nextCursor ? nextCursor : undefined);
+                    // Wait for React to re-render and update the DOM (remove/add skeletons)
+                    // by waiting until the element's position stabilizes
+                    yield new Promise((resolve) => {
+                        let stabilityCount = 0;
+                        let lastTop = -1;
+                        const checkStability = () => {
+                            const el = div.querySelector(`#${CSS.escape(navCursor)}`);
+                            if (!el) {
+                                requestAnimationFrame(checkStability);
+                                return;
+                            }
+                            const currentTop = el.getBoundingClientRect().top;
+                            // Check if position has stabilized (same for 2 consecutive frames)
+                            if (currentTop === lastTop) {
+                                stabilityCount++;
+                                if (stabilityCount >= 2) {
+                                    resolve();
+                                    return;
+                                }
+                            }
+                            else {
+                                stabilityCount = 0;
+                            }
+                            lastTop = currentTop;
+                            requestAnimationFrame(checkStability);
+                        };
+                        requestAnimationFrame(checkStability);
+                    });
+                    element = div.querySelector(`#${CSS.escape(navCursor)}`);
+                }
+                if (!element) {
+                    return;
+                }
+                yield scrollToElement({ element });
+                updatePanel({
+                    name: panel,
+                    state: Object.assign(Object.assign({}, panels[panel]), { hash: undefined }),
+                });
+            }
+            catch (error) {
+                console.error('Navigation failed:', error);
+            }
+            finally {
+                isNavigatingRef.current = false;
+                setNavigating(false);
+            }
+        }))();
+    }, [
+        panel,
+        uuid,
+        filter,
+        navCursor,
+        startIsLoading,
+        endIsLoading,
+        // Intentionally excluding `panels` - we only read its current value when clearing hash.
+        // Including it causes infinite loops since updatePanel() creates a new panels object.
+        editor,
+        dataClient,
+        updatePanel,
+        isMobile,
+    ]);
+    useEffect(() => {
+        return () => {
+            editor === null || editor === void 0 ? void 0 : editor.destroy();
+        };
+    }, [editor]);
+    useEffect(() => {
+        if (endLoadRequest === 0 ||
+            handledEndLoadRequestRef.current === endLoadRequest ||
+            endIsLoading ||
+            !endCursor ||
+            isNavigatingRef.current) {
+            return;
+        }
+        handledEndLoadRequestRef.current = endLoadRequest;
+        setEndIsLoading(true);
+        (() => __awaiter(void 0, void 0, void 0, function* () {
+            var _a;
+            const { blocks, hasMoreAfter: hasMore, nextCursor, } = yield getTranslationBlocks({
+                client: dataClient,
+                uuid,
+                type: filter,
+                cursor: endCursor,
+            });
+            const pos = (_a = editor === null || editor === void 0 ? void 0 : editor.state.doc) === null || _a === void 0 ? void 0 : _a.content.size;
+            if (pos >= 0 && blocks.length && editor) {
+                setNavigating(true);
+                yield insertContentChunked(editor, pos, blocks);
+                setNavigating(false);
+            }
+            setEndCursor(hasMore && nextCursor ? nextCursor : undefined);
+            setEndIsLoading(false);
+        }))();
+    }, [
+        uuid,
+        filter,
+        endIsLoading,
+        editor,
+        endCursor,
+        dataClient,
+        endLoadRequest,
+    ]);
+    useEffect(() => {
+        if (startLoadRequest === 0 ||
+            handledStartLoadRequestRef.current === startLoadRequest ||
+            startIsLoading ||
+            !startCursor ||
+            isNavigatingRef.current) {
+            return;
+        }
+        handledStartLoadRequestRef.current = startLoadRequest;
+        setStartIsLoading(true);
+        (() => __awaiter(void 0, void 0, void 0, function* () {
+            var _a;
+            const { blocks, hasMoreBefore, prevCursor } = yield getTranslationBlocks({
+                client: dataClient,
+                uuid,
+                type: filter,
+                cursor: startCursor,
+                direction: 'backward',
+            });
+            const pos = 0;
+            if (blocks.length && ((_a = editor === null || editor === void 0 ? void 0 : editor.view) === null || _a === void 0 ? void 0 : _a.dom)) {
+                const editorEl = editor.view.dom;
+                const scrollContainer = editorEl.closest('[data-panel]') || editorEl.parentElement;
+                const previousScrollHeight = (scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.scrollHeight) || 0;
+                const previousScrollTop = (scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.scrollTop) || 0;
+                // For start insertion, insert all at once to maintain scroll position accuracy.
+                // Chunking here would cause scroll jank since we adjust scroll after insertion.
+                setNavigating(true);
+                editor.commands.insertContentAt(pos, blocks);
+                setNavigating(false);
+                requestAnimationFrame(() => {
+                    const newScrollHeight = (scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.scrollHeight) || 0;
+                    const deltaHeight = newScrollHeight - previousScrollHeight;
+                    if (scrollContainer) {
+                        scrollContainer.scrollTop = previousScrollTop + deltaHeight;
+                    }
+                });
+            }
+            else if (blocks.length && editor) {
+                // Fallback: insert without scroll preservation when view not ready
+                setNavigating(true);
+                editor.commands.insertContentAt(pos, blocks);
+                setNavigating(false);
+            }
+            setStartCursor(hasMoreBefore && prevCursor ? prevCursor : undefined);
+            setStartIsLoading(false);
+        }))();
+    }, [
+        uuid,
+        filter,
+        startIsLoading,
+        editor,
+        startCursor,
+        dataClient,
+        startLoadRequest,
+    ]);
+    return (_jsxs(PaginationContext.Provider, { value: {
+            startCursor,
+            endCursor,
+            editor,
+        }, children: [startCursor && (_jsx("div", { className: "flex flex-col gap-4 pt-6", children: Array.from({ length: LOADING_SKELETONS_COUNT }).map((_, i) => (_jsx(PassageSkeleton, {}, i))) })), _jsx("div", { ref: loadMoreAtStartRef, className: "h-0" }), _jsx("div", { ref: childrenDivRef, children: children }), _jsx("div", { ref: loadMoreAtEndRef, className: "h-0" }), endCursor ? (_jsx("div", { className: "flex flex-col gap-4 pb-8 pt-6", children: Array.from({ length: LOADING_SKELETONS_COUNT }).map((_, i) => (_jsx(PassageSkeleton, {}, i))) })) : (_jsx("div", { className: "w-full pt-16 pb-6 @c/sidebar:pt-8", children: _jsx(LotusPond, { className: "@c/sidebar:hidden mx-auto w-96" }) }))] }));
+};
+export const usePagination = () => {
+    const context = useContext(PaginationContext);
+    if (!context) {
+        throw new Error('usePagination must be used within a PaginationProvider');
+    }
+    return context;
+};
+//# sourceMappingURL=PaginationProvider.js.map

package/lib/components/editor/PaginationProvider.js.map

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

package/lib/components/editor/TitlesBuilder.d.ts

@@ -0,0 +1,5 @@
+import { Imprint, Titles as TitlesData } from '@eightyfourthousand/data-access';
+export declare const TitlesBuilder: ({ titles, imprint, }: {
+    titles: TitlesData;
+    imprint?: Imprint;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/editor/TitlesBuilder.js

@@ -0,0 +1,25 @@
+'use client';
+import { __awaiter } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { useEditorState } from './EditorProvider';
+import { Titles } from '../shared/titles';
+import { TranslationSkeleton } from '../shared/TranslationSkeleton';
+export const TitlesBuilder = ({ titles, imprint, }) => {
+    const [isEditable, setIsEditable] = useState(false);
+    const [loading, setLoading] = useState(true);
+    const { canEdit } = useEditorState();
+    useEffect(() => {
+        const checkEditable = () => __awaiter(void 0, void 0, void 0, function* () {
+            if (!loading) {
+                return;
+            }
+            const editable = yield canEdit();
+            setIsEditable(editable);
+            setLoading(false);
+        });
+        checkEditable();
+    }, [loading, canEdit]);
+    return !loading ? (_jsx(Titles, { titles: titles, imprint: imprint, canEdit: isEditable })) : (_jsx(TranslationSkeleton, {}));
+};
+//# sourceMappingURL=TitlesBuilder.js.map

package/lib/components/editor/TitlesBuilder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitlesBuilder.js","sourceRoot":"","sources":["../../../../../../libs/lib-editing/src/lib/components/editor/TitlesBuilder.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;AAGb,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAEpE,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,MAAM,EACN,OAAO,GAIR,EAAE,EAAE;IACH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE7C,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAC;IAErC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,aAAa,GAAG,GAAS,EAAE;YAC/B,IAAI,CAAC,OAAO,EAAE,CAAC;gBACb,OAAO;YACT,CAAC;YAED,MAAM,QAAQ,GAAG,MAAM,OAAO,EAAE,CAAC;YAEjC,aAAa,CAAC,QAAQ,CAAC,CAAC;YACxB,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC,CAAA,CAAC;QACF,aAAa,EAAE,CAAC;IAClB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAEvB,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAChB,KAAC,MAAM,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,GAAI,CAClE,CAAC,CAAC,CAAC,CACF,KAAC,mBAAmB,KAAG,CACxB,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/editor/TranslationBuilder.d.ts

@@ -0,0 +1,2 @@
+import type { TranslationRenderer } from '../shared/types';
+export declare const TranslationBuilder: ({ content, name, className, filter, panel, }: TranslationRenderer) => import("react/jsx-runtime").JSX.Element;

package/lib/components/editor/TranslationBuilder.js

@@ -0,0 +1,128 @@
+'use client';
+import { __awaiter } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { useEditorState } from './EditorProvider';
+import { TranslationEditor } from './TranslationEditor';
+import { TranslationSkeleton, useNavigation } from '../shared';
+import { PaginationProvider } from './PaginationProvider';
+import { removeAllEndnoteLinksForPassage, syncEndnoteLinkLabelsAcrossEditors, } from './extensions/EndNoteLink/endnote-utils';
+export const TranslationBuilder = ({ content, name, className, filter, panel, }) => {
+    const [fragment, setFragment] = useState();
+    const [isObserving, setIsObserving] = useState(false);
+    const [isEditable, setIsEditable] = useState(false);
+    const { canEdit, setEditor, getEditor, startObserving, getFragment, isNavigating, } = useEditorState();
+    const { uuid } = useNavigation();
+    // Track known passage UUIDs by passage type so we can detect deletions
+    // (backspace, merge, etc.) and clean up related marks in other editors.
+    // This ref is independent of the Y.js observer's knownUuidsRef, which
+    // can be cleared during navigation.
+    const passageUuidsByTypeRef = useRef({});
+    const debouncedSyncRef = useRef(undefined);
+    const pendingDeletedByTypeRef = useRef({});
+    useEffect(() => {
+        (() => __awaiter(void 0, void 0, void 0, function* () {
+            const isEditable = yield canEdit();
+            setIsEditable(isEditable);
+            if (isEditable) {
+                setFragment(getFragment(name));
+            }
+        }))();
+    }, [name, canEdit, getFragment]);
+    return content && fragment ? (_jsx(PaginationProvider, { uuid: uuid, panel: panel, tab: name, filter: filter, content: content, fragment: fragment, isEditable: isEditable, onCreate: ({ editor }) => {
+            var _a;
+            editor.commands.setDebug(true);
+            setEditor(name, editor);
+            if (!isObserving) {
+                setIsObserving(true);
+                startObserving(name);
+            }
+            if (name === 'endnotes') {
+                // Initialize known passage UUIDs grouped by type
+                const byType = {};
+                const doc = editor.state.doc;
+                for (let i = 0; i < doc.childCount; i++) {
+                    const child = doc.child(i);
+                    if (child.type.name === 'passage' && child.attrs.uuid) {
+                        const pType = child.attrs.type || 'unknown';
+                        ((_a = byType[pType]) !== null && _a !== void 0 ? _a : (byType[pType] = new Set())).add(child.attrs.uuid);
+                    }
+                }
+                passageUuidsByTypeRef.current = byType;
+                editor.on('update', () => {
+                    var _a, _b;
+                    var _c;
+                    // Collect current passage UUIDs grouped by type (cheap)
+                    const currentByType = {};
+                    const doc = editor.state.doc;
+                    for (let i = 0; i < doc.childCount; i++) {
+                        const child = doc.child(i);
+                        if (child.type.name === 'passage' && child.attrs.uuid) {
+                            const pType = child.attrs.type || 'unknown';
+                            ((_a = currentByType[pType]) !== null && _a !== void 0 ? _a : (currentByType[pType] = new Set())).add(child.attrs.uuid);
+                        }
+                    }
+                    // Detect deleted and added passages per type (skip during
+                    // navigation to avoid false positives from content replacement)
+                    const deletedByType = {};
+                    let hasAdded = false;
+                    if (!isNavigating()) {
+                        const prevByType = passageUuidsByTypeRef.current;
+                        for (const pType of Object.keys(prevByType)) {
+                            const prev = prevByType[pType];
+                            const curr = currentByType[pType];
+                            prev.forEach((uuid) => {
+                                var _a;
+                                if (!(curr === null || curr === void 0 ? void 0 : curr.has(uuid))) {
+                                    ((_a = deletedByType[pType]) !== null && _a !== void 0 ? _a : (deletedByType[pType] = [])).push(uuid);
+                                }
+                            });
+                        }
+                        if (!hasAdded) {
+                            outer: for (const pType of Object.keys(currentByType)) {
+                                const prev = prevByType[pType];
+                                for (const uuid of currentByType[pType]) {
+                                    if (!(prev === null || prev === void 0 ? void 0 : prev.has(uuid))) {
+                                        hasAdded = true;
+                                        break outer;
+                                    }
+                                }
+                            }
+                        }
+                    }
+                    // Always update the baseline so the next diff is accurate
+                    passageUuidsByTypeRef.current = currentByType;
+                    const hasDeleted = Object.keys(deletedByType).length > 0;
+                    // Accumulate deletions and debounce the expensive sync work
+                    // so rapid keystrokes don't trigger multiple full traversals
+                    for (const [pType, uuids] of Object.entries(deletedByType)) {
+                        const pending = ((_b = (_c = pendingDeletedByTypeRef.current)[pType]) !== null && _b !== void 0 ? _b : (_c[pType] = new Set()));
+                        for (const uuid of uuids) {
+                            pending.add(uuid);
+                        }
+                    }
+                    if (hasDeleted || hasAdded) {
+                        if (debouncedSyncRef.current) {
+                            clearTimeout(debouncedSyncRef.current);
+                        }
+                        debouncedSyncRef.current = setTimeout(() => {
+                            const pendingEndnotes = pendingDeletedByTypeRef.current['endnotes'];
+                            if (pendingEndnotes === null || pendingEndnotes === void 0 ? void 0 : pendingEndnotes.size) {
+                                const frontEditor = getEditor('front');
+                                const translationEditor = getEditor('translation');
+                                for (const uuid of pendingEndnotes) {
+                                    if (frontEditor)
+                                        removeAllEndnoteLinksForPassage(frontEditor, uuid);
+                                    if (translationEditor)
+                                        removeAllEndnoteLinksForPassage(translationEditor, uuid);
+                                }
+                            }
+                            pendingDeletedByTypeRef.current = {};
+                            syncEndnoteLinkLabelsAcrossEditors(editor, getEditor);
+                        }, 150);
+                    }
+                });
+            }
+        }, children: _jsx(TranslationEditor, { className: className }) })) : (_jsx(TranslationSkeleton, {}));
+};
+//# sourceMappingURL=TranslationBuilder.js.map

package/lib/components/editor/TranslationBuilder.js.map

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

package/lib/components/editor/TranslationEditor.d.ts

@@ -0,0 +1,6 @@
+import type { TranslationEditorContentItem, TranslationEditorContent } from '@eightyfourthousand/data-access';
+export type { TranslationEditorContentItem, TranslationEditorContent };
+export declare const TranslationEditor: ({ className }: {
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export default TranslationEditor;

package/lib/components/editor/TranslationEditor.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EditorContent } from '@tiptap/react';
+import { TranslationBubbleMenu } from './menus';
+import { cn } from '@eightyfourthousand/lib-utils';
+import { usePagination } from './PaginationProvider';
+export const TranslationEditor = ({ className }) => {
+    const { editor } = usePagination();
+    if (!editor) {
+        return null;
+    }
+    return (_jsx("div", { className: cn('flex h-full', className), children: _jsxs("div", { className: "relative flex flex-col flex-1 h-full", children: [_jsx(EditorContent, { className: "flex-1", editor: editor }), editor.isEditable && _jsx(TranslationBubbleMenu, { editor: editor })] }) }));
+};
+export default TranslationEditor;
+//# sourceMappingURL=TranslationEditor.js.map

package/lib/components/editor/TranslationEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TranslationEditor.js","sourceRoot":"","sources":["../../../../../../libs/lib-editing/src/lib/components/editor/TranslationEditor.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,EAAE,EAAE,MAAM,+BAA+B,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AASrD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,SAAS,EAA0B,EAAE,EAAE;IACzE,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAC;IAEnC,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,YAC1C,eAAK,SAAS,EAAC,sCAAsC,aACnD,KAAC,aAAa,IAAC,SAAS,EAAC,QAAQ,EAAC,MAAM,EAAE,MAAM,GAAI,EACnD,MAAM,CAAC,UAAU,IAAI,KAAC,qBAAqB,IAAC,MAAM,EAAE,MAAM,GAAI,IAC3D,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -0,0 +1,16 @@
+import { Extension, Node } from '@tiptap/core';
+import { CommandSuggestionItem } from '../SlashCommand/SuggestionList';
+export interface AbbreviationOptions {
+    HTMLAttributes: Record<string, unknown>;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        abbreviationCommand: {
+            insertAbbreviation: () => ReturnType;
+        };
+    }
+}
+export declare const AbbreviationCommand: Extension<any, any>;
+export declare const AbbreviationSuggestion: CommandSuggestionItem;
+export declare const Abbreviation: Node<AbbreviationOptions, any>;
+export declare const HasAbbreviation: Node<AbbreviationOptions, any>;