@rtif-sdk/web 1.0.0

package/dist/cursor-rect.d.ts

@@ -0,0 +1,65 @@
+/**
+ * Cursor and selection rectangle API for positioning floating UI.
+ *
+ * Provides viewport-coordinate rectangles at document offsets. Used by
+ * TriggerManager to position dropdowns and by consumers for custom
+ * floating UI (mention pickers, slash-command menus, etc.).
+ *
+ * @module
+ */
+import type { Document } from '@rtif-sdk/core';
+/**
+ * API for querying screen-space rectangles at cursor positions.
+ *
+ * @example
+ * ```ts
+ * const api = createCursorRectAPI(root, () => engine.state.doc);
+ * const rect = api.getCursorRect();
+ * if (rect) {
+ *   dropdown.style.top = `${rect.bottom}px`;
+ *   dropdown.style.left = `${rect.left}px`;
+ * }
+ * ```
+ */
+export interface CursorRectAPI {
+    /**
+     * Get the bounding rect of the current collapsed caret.
+     *
+     * @returns The caret rect, or null if no selection or selection is not inside the editor
+     */
+    getCursorRect(): DOMRect | null;
+    /**
+     * Get the bounding rect at a specific absolute document offset.
+     *
+     * @param offset - Absolute RTIF document offset
+     * @returns The rect at that offset, or null if the offset can't be resolved
+     */
+    getRectAtOffset(offset: number): DOMRect | null;
+    /**
+     * Get the bounding rect of the full selection range.
+     *
+     * @returns The selection bounding rect, or null if no selection
+     */
+    getSelectionRect(): DOMRect | null;
+    /**
+     * Get the bounding rect of the editor root element.
+     *
+     * @returns The editor root's bounding client rect
+     */
+    getEditorRect(): DOMRect;
+}
+/**
+ * Create a CursorRectAPI instance.
+ *
+ * @param root - The editor's root element (`[data-rtif-root]`)
+ * @param getDoc - Function that returns the current RTIF document
+ * @returns A CursorRectAPI instance
+ *
+ * @example
+ * ```ts
+ * const cursorRect = createCursorRectAPI(root, () => engine.state.doc);
+ * const rect = cursorRect.getCursorRect();
+ * ```
+ */
+export declare function createCursorRectAPI(root: HTMLElement, getDoc: () => Document): CursorRectAPI;
+//# sourceMappingURL=cursor-rect.d.ts.map

package/dist/cursor-rect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cursor-rect.d.ts","sourceRoot":"","sources":["../src/cursor-rect.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAI/C;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,aAAa,IAAI,OAAO,GAAG,IAAI,CAAC;IAEhC;;;;;OAKG;IACH,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;IAEhD;;;;OAIG;IACH,gBAAgB,IAAI,OAAO,GAAG,IAAI,CAAC;IAEnC;;;;OAIG;IACH,aAAa,IAAI,OAAO,CAAC;CAC1B;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,WAAW,EACjB,MAAM,EAAE,MAAM,QAAQ,GACrB,aAAa,CAgEf"}

package/dist/cursor-rect.js

@@ -0,0 +1,98 @@
+/**
+ * Cursor and selection rectangle API for positioning floating UI.
+ *
+ * Provides viewport-coordinate rectangles at document offsets. Used by
+ * TriggerManager to position dropdowns and by consumers for custom
+ * floating UI (mention pickers, slash-command menus, etc.).
+ *
+ * @module
+ */
+import { resolve } from '@rtif-sdk/core';
+import { rtifOffsetToDomPoint } from './selection-sync.js';
+/**
+ * Create a CursorRectAPI instance.
+ *
+ * @param root - The editor's root element (`[data-rtif-root]`)
+ * @param getDoc - Function that returns the current RTIF document
+ * @returns A CursorRectAPI instance
+ *
+ * @example
+ * ```ts
+ * const cursorRect = createCursorRectAPI(root, () => engine.state.doc);
+ * const rect = cursorRect.getCursorRect();
+ * ```
+ */
+export function createCursorRectAPI(root, getDoc) {
+    return {
+        getCursorRect() {
+            const sel = window.getSelection();
+            if (!sel || sel.rangeCount === 0)
+                return null;
+            // Verify selection is inside the editor
+            if (!sel.anchorNode || !root.contains(sel.anchorNode))
+                return null;
+            const range = sel.getRangeAt(0);
+            const rect = range.getBoundingClientRect();
+            // Browsers return an all-zero rect for collapsed cursors in empty blocks.
+            // Fall back to the block element's rect.
+            if (rect.width === 0 && rect.height === 0 && rect.top === 0 && rect.left === 0) {
+                return getFallbackRect(root, sel.anchorNode);
+            }
+            return rect;
+        },
+        getRectAtOffset(offset) {
+            const doc = getDoc();
+            try {
+                resolve(doc, offset); // validate offset
+            }
+            catch {
+                return null;
+            }
+            const domPoint = rtifOffsetToDomPoint(root, doc, offset);
+            if (!domPoint)
+                return null;
+            const range = document.createRange();
+            try {
+                range.setStart(domPoint.node, domPoint.offset);
+                range.collapse(true);
+            }
+            catch {
+                return null;
+            }
+            const rect = range.getBoundingClientRect();
+            // Fall back for empty blocks
+            if (rect.width === 0 && rect.height === 0 && rect.top === 0 && rect.left === 0) {
+                return getFallbackRect(root, domPoint.node);
+            }
+            return rect;
+        },
+        getSelectionRect() {
+            const sel = window.getSelection();
+            if (!sel || sel.rangeCount === 0)
+                return null;
+            if (!sel.anchorNode || !root.contains(sel.anchorNode))
+                return null;
+            const range = sel.getRangeAt(0);
+            return range.getBoundingClientRect();
+        },
+        getEditorRect() {
+            return root.getBoundingClientRect();
+        },
+    };
+}
+/**
+ * Get a fallback rect from the nearest block element when the browser
+ * returns an all-zero rect (e.g., collapsed cursor in empty block).
+ */
+function getFallbackRect(root, node) {
+    let current = node;
+    while (current && current !== root) {
+        if (current instanceof HTMLElement &&
+            current.hasAttribute('data-rtif-block')) {
+            return current.getBoundingClientRect();
+        }
+        current = current.parentNode;
+    }
+    return null;
+}
+//# sourceMappingURL=cursor-rect.js.map

package/dist/cursor-rect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cursor-rect.js","sourceRoot":"","sources":["../src/cursor-rect.ts"],"names":[],"mappings":"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"}

package/dist/drop-indicator.d.ts

@@ -0,0 +1,108 @@
+/**
+ * Drop indicator — visual feedback for drag-and-drop operations.
+ *
+ * Provides two display modes:
+ * - **File overlay**: Full-editor dashed border with "Drop file to upload" text
+ * - **Between-blocks line**: Thin horizontal line above or below a block element
+ *
+ * Uses CSS classes and custom properties for theming. The accent color defaults
+ * to `#2563eb` but can be overridden via `--rtif-accent-color`.
+ *
+ * @module
+ */
+/**
+ * Visual indicator for drag-and-drop operations in the editor.
+ *
+ * Creates and manages absolutely positioned DOM elements within the editor
+ * container to show where dropped content will land.
+ *
+ * @example
+ * ```ts
+ * const indicator = new DropIndicator(editorRoot);
+ *
+ * // Show file drop overlay
+ * indicator.showForFile();
+ *
+ * // Show line between blocks
+ * const blockEl = root.querySelector('[data-rtif-block="b2"]')!;
+ * indicator.showBetweenBlocks(blockEl, 'before');
+ *
+ * // Hide indicator
+ * indicator.hide();
+ *
+ * // Clean up
+ * indicator.destroy();
+ * ```
+ */
+export declare class DropIndicator {
+    private readonly _container;
+    private _lineEl;
+    private _overlayEl;
+    private _destroyed;
+    /**
+     * Create a drop indicator attached to the given container element.
+     *
+     * The container should be the editor's root element or a wrapper with
+     * `position: relative` for correct absolute positioning.
+     *
+     * @param container - The parent element for indicator DOM elements
+     *
+     * @example
+     * ```ts
+     * const indicator = new DropIndicator(editorRoot);
+     * ```
+     */
+    constructor(container: HTMLElement);
+    /**
+     * Show a full-editor overlay for file drops.
+     *
+     * Displays a dashed border overlay with centered "Drop file to upload" text.
+     * Hides any existing between-blocks line indicator.
+     *
+     * @example
+     * ```ts
+     * indicator.showForFile();
+     * ```
+     */
+    showForFile(): void;
+    /**
+     * Show a thin horizontal line before or after a block element.
+     *
+     * Calculates the position relative to the container and places a 2px line
+     * at the appropriate edge of the target block. Hides any existing file overlay.
+     *
+     * @param blockEl - The block element to position relative to
+     * @param position - Whether to show the line 'before' (above) or 'after' (below) the block
+     *
+     * @example
+     * ```ts
+     * const block = root.querySelector('[data-rtif-block="b2"]')!;
+     * indicator.showBetweenBlocks(block, 'before');
+     * ```
+     */
+    showBetweenBlocks(blockEl: Element, position: 'before' | 'after'): void;
+    /**
+     * Hide all indicators (both line and overlay).
+     *
+     * @example
+     * ```ts
+     * indicator.hide();
+     * ```
+     */
+    hide(): void;
+    /**
+     * Destroy the indicator, removing all DOM elements.
+     *
+     * After calling destroy(), the indicator instance is inert and all
+     * methods become no-ops.
+     *
+     * @example
+     * ```ts
+     * indicator.destroy();
+     * ```
+     */
+    destroy(): void;
+    private _hideLine;
+    private _hideOverlay;
+}
+//# sourceMappingURL=drop-indicator.d.ts.map

package/dist/drop-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drop-indicator.d.ts","sourceRoot":"","sources":["../src/drop-indicator.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAaH;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBAAa,aAAa;IACxB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAc;IACzC,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,UAAU,CAA4B;IAC9C,OAAO,CAAC,UAAU,CAAS;IAE3B;;;;;;;;;;;;OAYG;gBACS,SAAS,EAAE,WAAW;IAmBlC;;;;;;;;;;OAUG;IACH,WAAW,IAAI,IAAI;IAcnB;;;;;;;;;;;;;;OAcG;IACH,iBAAiB,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAG,OAAO,GAAG,IAAI;IA0BvE;;;;;;;OAOG;IACH,IAAI,IAAI,IAAI;IAMZ;;;;;;;;;;OAUG;IACH,OAAO,IAAI,IAAI;IAmBf,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,YAAY;CAKrB"}

package/dist/drop-indicator.js

@@ -0,0 +1,236 @@
+/**
+ * Drop indicator — visual feedback for drag-and-drop operations.
+ *
+ * Provides two display modes:
+ * - **File overlay**: Full-editor dashed border with "Drop file to upload" text
+ * - **Between-blocks line**: Thin horizontal line above or below a block element
+ *
+ * Uses CSS classes and custom properties for theming. The accent color defaults
+ * to `#2563eb` but can be overridden via `--rtif-accent-color`.
+ *
+ * @module
+ */
+// ---------------------------------------------------------------------------
+// CSS class names
+// ---------------------------------------------------------------------------
+const CSS_LINE = 'rtif-drop-indicator';
+const CSS_OVERLAY = 'rtif-drop-overlay';
+// ---------------------------------------------------------------------------
+// DropIndicator class
+// ---------------------------------------------------------------------------
+/**
+ * Visual indicator for drag-and-drop operations in the editor.
+ *
+ * Creates and manages absolutely positioned DOM elements within the editor
+ * container to show where dropped content will land.
+ *
+ * @example
+ * ```ts
+ * const indicator = new DropIndicator(editorRoot);
+ *
+ * // Show file drop overlay
+ * indicator.showForFile();
+ *
+ * // Show line between blocks
+ * const blockEl = root.querySelector('[data-rtif-block="b2"]')!;
+ * indicator.showBetweenBlocks(blockEl, 'before');
+ *
+ * // Hide indicator
+ * indicator.hide();
+ *
+ * // Clean up
+ * indicator.destroy();
+ * ```
+ */
+export class DropIndicator {
+    _container;
+    _lineEl = null;
+    _overlayEl = null;
+    _destroyed = false;
+    /**
+     * Create a drop indicator attached to the given container element.
+     *
+     * The container should be the editor's root element or a wrapper with
+     * `position: relative` for correct absolute positioning.
+     *
+     * @param container - The parent element for indicator DOM elements
+     *
+     * @example
+     * ```ts
+     * const indicator = new DropIndicator(editorRoot);
+     * ```
+     */
+    constructor(container) {
+        this._container = container;
+        // Ensure the container has positioning context for absolute children
+        const computed = typeof getComputedStyle === 'function'
+            ? getComputedStyle(container)
+            : null;
+        if (computed &&
+            computed.position !== 'relative' &&
+            computed.position !== 'absolute' &&
+            computed.position !== 'fixed' &&
+            computed.position !== 'sticky') {
+            container.style.position = 'relative';
+        }
+    }
+    /**
+     * Show a full-editor overlay for file drops.
+     *
+     * Displays a dashed border overlay with centered "Drop file to upload" text.
+     * Hides any existing between-blocks line indicator.
+     *
+     * @example
+     * ```ts
+     * indicator.showForFile();
+     * ```
+     */
+    showForFile() {
+        if (this._destroyed)
+            return;
+        // Hide the line if showing overlay
+        this._hideLine();
+        if (!this._overlayEl) {
+            this._overlayEl = createOverlayElement();
+            this._container.appendChild(this._overlayEl);
+        }
+        this._overlayEl.style.display = 'flex';
+    }
+    /**
+     * Show a thin horizontal line before or after a block element.
+     *
+     * Calculates the position relative to the container and places a 2px line
+     * at the appropriate edge of the target block. Hides any existing file overlay.
+     *
+     * @param blockEl - The block element to position relative to
+     * @param position - Whether to show the line 'before' (above) or 'after' (below) the block
+     *
+     * @example
+     * ```ts
+     * const block = root.querySelector('[data-rtif-block="b2"]')!;
+     * indicator.showBetweenBlocks(block, 'before');
+     * ```
+     */
+    showBetweenBlocks(blockEl, position) {
+        if (this._destroyed)
+            return;
+        // Hide the overlay if showing line
+        this._hideOverlay();
+        if (!this._lineEl) {
+            this._lineEl = createLineElement();
+            this._container.appendChild(this._lineEl);
+        }
+        // Position relative to container
+        const containerRect = this._container.getBoundingClientRect();
+        const blockRect = blockEl.getBoundingClientRect();
+        const top = position === 'before'
+            ? blockRect.top - containerRect.top
+            : blockRect.bottom - containerRect.top;
+        this._lineEl.style.top = `${top}px`;
+        this._lineEl.style.left = '0';
+        this._lineEl.style.right = '0';
+        this._lineEl.style.display = '';
+    }
+    /**
+     * Hide all indicators (both line and overlay).
+     *
+     * @example
+     * ```ts
+     * indicator.hide();
+     * ```
+     */
+    hide() {
+        if (this._destroyed)
+            return;
+        this._hideLine();
+        this._hideOverlay();
+    }
+    /**
+     * Destroy the indicator, removing all DOM elements.
+     *
+     * After calling destroy(), the indicator instance is inert and all
+     * methods become no-ops.
+     *
+     * @example
+     * ```ts
+     * indicator.destroy();
+     * ```
+     */
+    destroy() {
+        if (this._destroyed)
+            return;
+        this._destroyed = true;
+        if (this._lineEl && this._lineEl.parentNode) {
+            this._lineEl.parentNode.removeChild(this._lineEl);
+        }
+        this._lineEl = null;
+        if (this._overlayEl && this._overlayEl.parentNode) {
+            this._overlayEl.parentNode.removeChild(this._overlayEl);
+        }
+        this._overlayEl = null;
+    }
+    // -----------------------------------------------------------------------
+    // Private helpers
+    // -----------------------------------------------------------------------
+    _hideLine() {
+        if (this._lineEl) {
+            this._lineEl.style.display = 'none';
+        }
+    }
+    _hideOverlay() {
+        if (this._overlayEl) {
+            this._overlayEl.style.display = 'none';
+        }
+    }
+}
+// ---------------------------------------------------------------------------
+// DOM element factories
+// ---------------------------------------------------------------------------
+/**
+ * Create the thin horizontal line element for between-blocks indication.
+ */
+function createLineElement() {
+    const el = document.createElement('div');
+    el.className = CSS_LINE;
+    el.style.position = 'absolute';
+    el.style.height = '2px';
+    el.style.left = '0';
+    el.style.right = '0';
+    el.style.backgroundColor =
+        'var(--rtif-accent-color, #2563eb)';
+    el.style.pointerEvents = 'none';
+    el.style.zIndex = '10';
+    el.style.display = 'none';
+    el.setAttribute('aria-hidden', 'true');
+    return el;
+}
+/**
+ * Create the full-editor overlay element for file drops.
+ */
+function createOverlayElement() {
+    const el = document.createElement('div');
+    el.className = CSS_OVERLAY;
+    el.style.position = 'absolute';
+    el.style.inset = '0';
+    el.style.zIndex = '20';
+    el.style.pointerEvents = 'none';
+    el.style.border =
+        '2px dashed var(--rtif-accent-color, #2563eb)';
+    el.style.borderRadius = '4px';
+    el.style.backgroundColor = 'rgba(37, 99, 235, 0.05)';
+    // Centered label — starts hidden, showForFile() removes display:none
+    el.style.display = 'none';
+    el.style.alignItems = 'center';
+    el.style.justifyContent = 'center';
+    const label = document.createElement('span');
+    label.textContent = 'Drop file to upload';
+    label.style.color = 'var(--rtif-accent-color, #2563eb)';
+    label.style.fontSize = '14px';
+    label.style.fontWeight = '500';
+    label.style.pointerEvents = 'none';
+    label.style.userSelect = 'none';
+    el.appendChild(label);
+    el.setAttribute('aria-hidden', 'true');
+    return el;
+}
+//# sourceMappingURL=drop-indicator.js.map

package/dist/drop-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drop-indicator.js","sourceRoot":"","sources":["../src/drop-indicator.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,8EAA8E;AAC9E,kBAAkB;AAClB,8EAA8E;AAE9E,MAAM,QAAQ,GAAG,qBAAqB,CAAC;AACvC,MAAM,WAAW,GAAG,mBAAmB,CAAC;AAExC,8EAA8E;AAC9E,sBAAsB;AACtB,8EAA8E;AAE9E;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,OAAO,aAAa;IACP,UAAU,CAAc;IACjC,OAAO,GAAuB,IAAI,CAAC;IACnC,UAAU,GAAuB,IAAI,CAAC;IACtC,UAAU,GAAG,KAAK,CAAC;IAE3B;;;;;;;;;;;;OAYG;IACH,YAAY,SAAsB;QAChC,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAE5B,qEAAqE;QACrE,MAAM,QAAQ,GACZ,OAAO,gBAAgB,KAAK,UAAU;YACpC,CAAC,CAAC,gBAAgB,CAAC,SAAS,CAAC;YAC7B,CAAC,CAAC,IAAI,CAAC;QACX,IACE,QAAQ;YACR,QAAQ,CAAC,QAAQ,KAAK,UAAU;YAChC,QAAQ,CAAC,QAAQ,KAAK,UAAU;YAChC,QAAQ,CAAC,QAAQ,KAAK,OAAO;YAC7B,QAAQ,CAAC,QAAQ,KAAK,QAAQ,EAC9B,CAAC;YACD,SAAS,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QACxC,CAAC;IACH,CAAC;IAED;;;;;;;;;;OAUG;IACH,WAAW;QACT,IAAI,IAAI,CAAC,UAAU;YAAE,OAAO;QAE5B,mCAAmC;QACnC,IAAI,CAAC,SAAS,EAAE,CAAC;QAEjB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,IAAI,CAAC,UAAU,GAAG,oBAAoB,EAAE,CAAC;YACzC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC/C,CAAC;QAED,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;IACzC,CAAC;IAED;;;;;;;;;;;;;;OAcG;IACH,iBAAiB,CAAC,OAAgB,EAAE,QAA4B;QAC9D,IAAI,IAAI,CAAC,UAAU;YAAE,OAAO;QAE5B,mCAAmC;QACnC,IAAI,CAAC,YAAY,EAAE,CAAC;QAEpB,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,IAAI,CAAC,OAAO,GAAG,iBAAiB,EAAE,CAAC;YACnC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC5C,CAAC;QAED,iCAAiC;QACjC,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,CAAC,qBAAqB,EAAE,CAAC;QAC9D,MAAM,SAAS,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAElD,MAAM,GAAG,GACP,QAAQ,KAAK,QAAQ;YACnB,CAAC,CAAC,SAAS,CAAC,GAAG,GAAG,aAAa,CAAC,GAAG;YACnC,CAAC,CAAC,SAAS,CAAC,MAAM,GAAG,aAAa,CAAC,GAAG,CAAC;QAE3C,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;QACpC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC;QAC9B,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC;QAC/B,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;IAClC,CAAC;IAED;;;;;;;OAOG;IACH,IAAI;QACF,IAAI,IAAI,CAAC,UAAU;YAAE,OAAO;QAC5B,IAAI,CAAC,SAAS,EAAE,CAAC;QACjB,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED;;;;;;;;;;OAUG;IACH,OAAO;QACL,IAAI,IAAI,CAAC,UAAU;YAAE,OAAO;QAC5B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QAEvB,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;YAC5C,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACpD,CAAC;QACD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QAEpB,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE,CAAC;YAClD,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC1D,CAAC;QACD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;IACzB,CAAC;IAED,0EAA0E;IAC1E,kBAAkB;IAClB,0EAA0E;IAElE,SAAS;QACf,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QACtC,CAAC;IACH,CAAC;IAEO,YAAY;QAClB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QACzC,CAAC;IACH,CAAC;CACF;AAED,8EAA8E;AAC9E,wBAAwB;AACxB,8EAA8E;AAE9E;;GAEG;AACH,SAAS,iBAAiB;IACxB,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACzC,EAAE,CAAC,SAAS,GAAG,QAAQ,CAAC;IACxB,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;IAC/B,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC;IACxB,EAAE,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC;IACpB,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC;IACrB,EAAE,CAAC,KAAK,CAAC,eAAe;QACtB,mCAAmC,CAAC;IACtC,EAAE,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC;IAChC,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;IACvB,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;IAC1B,EAAE,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IACvC,OAAO,EAAE,CAAC;AACZ,CAAC;AAED;;GAEG;AACH,SAAS,oBAAoB;IAC3B,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACzC,EAAE,CAAC,SAAS,GAAG,WAAW,CAAC;IAC3B,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;IAC/B,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC;IACrB,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;IACvB,EAAE,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC;IAChC,EAAE,CAAC,KAAK,CAAC,MAAM;QACb,8CAA8C,CAAC;IACjD,EAAE,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC;IAC9B,EAAE,CAAC,KAAK,CAAC,eAAe,GAAG,yBAAyB,CAAC;IAErD,qEAAqE;IACrE,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;IAC1B,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;IAC/B,EAAE,CAAC,KAAK,CAAC,cAAc,GAAG,QAAQ,CAAC;IAEnC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7C,KAAK,CAAC,WAAW,GAAG,qBAAqB,CAAC;IAC1C,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,mCAAmC,CAAC;IACxD,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC;IAC9B,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC;IAC/B,KAAK,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC;IACnC,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC;IAChC,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAEtB,EAAE,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IACvC,OAAO,EAAE,CAAC;AACZ,CAAC"}

package/dist/editor.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Web editor entry point — composes all modules into a single `WebEditor`.
+ *
+ * The `createWebEditor()` factory sets up a contenteditable element, wires
+ * the input bridge, renderer, selection sync, composition handler, clipboard,
+ * cursor navigation, command bus, shortcut handler, content pipeline, and
+ * drag-and-drop handling. It returns a {@link WebEditor} handle for imperative
+ * control (focus, blur, destroy).
+ *
+ * @module
+ */
+import type { WebEditorConfig, WebEditor } from './types.js';
+/**
+ * Create a web editor instance backed by the RTIF engine.
+ *
+ * Sets up `contenteditable`, attaches all event handlers, performs the initial
+ * render, and optionally auto-focuses. Returns a {@link WebEditor} handle.
+ *
+ * @param config - Editor configuration (root element, engine, options)
+ * @returns A WebEditor instance with imperative control methods
+ *
+ * @example
+ * ```ts
+ * import { createEngine } from '@rtif-sdk/engine';
+ * import { createWebEditor } from '@rtif-sdk/web';
+ *
+ * const engine = createEngine({
+ *   initialDoc: { version: 1, blocks: [{ id: 'b1', type: 'text', spans: [{ text: '' }] }] },
+ * });
+ *
+ * const editor = createWebEditor({
+ *   root: document.getElementById('editor')!,
+ *   engine,
+ *   accessibleLabel: 'Document editor',
+ * });
+ *
+ * editor.focus();
+ * ```
+ */
+export declare function createWebEditor(config: WebEditorConfig): WebEditor;
+//# sourceMappingURL=editor.d.ts.map

package/dist/editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAKH,OAAO,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AA8C7D;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,eAAe,GAAG,SAAS,CA4oBlE"}