@rtif-sdk/web 1.4.0 → 1.5.0

package/dist/block-gutter.js

@@ -0,0 +1,331 @@
+/**
+ * Block gutter toolbar — a Notion-style hover-revealed toolbar to the left
+ * of blocks with a "+" button (add block below) and a drag handle (reorder).
+ *
+ * The gutter owns hover detection and DOM elements. Drag-and-drop logic is
+ * delegated to {@link BlockDragHandler} in external handle mode.
+ *
+ * @module
+ */
+import { blockTextLength } from '@rtif-sdk/core';
+import { BlockDragHandler, findBlockElement } from './block-drag-handler.js';
+import { getBlockStartOffset } from './plugins/block-utils.js';
+// ---------------------------------------------------------------------------
+// CSS class names
+// ---------------------------------------------------------------------------
+const CSS_GUTTER = 'rtif-block-gutter';
+const CSS_ADD = 'rtif-gutter-add';
+const CSS_HANDLE = 'rtif-drag-handle';
+const CSS_HIDDEN = 'rtif-hidden';
+// ---------------------------------------------------------------------------
+// Factory
+// ---------------------------------------------------------------------------
+/**
+ * Create a block gutter toolbar.
+ *
+ * The gutter appears on hover or when the keyboard cursor enters a block.
+ * It provides a "+" button to add a new block below and a drag handle
+ * for block reordering.
+ *
+ * @param deps - Injected dependencies
+ * @returns A handle to attach/detach the gutter
+ *
+ * @example
+ * ```ts
+ * const gutter = createBlockGutter({
+ *   root: editorRoot,
+ *   engine,
+ *   isReadOnly: () => false,
+ *   getBlockElementMap: () => blockElementMap,
+ *   generateBlockId: () => generateId(),
+ *   focusAtOffset: (offset) => { ... },
+ * });
+ * gutter.attach();
+ * ```
+ */
+export function createBlockGutter(deps) {
+    let attached = false;
+    // Active block state
+    let activeBlockId = null;
+    let mouseIsActive = false;
+    let isDragging = false;
+    let hideTimeout = null;
+    let rafId = null;
+    // -------------------------------------------------------------------------
+    // DOM creation
+    // -------------------------------------------------------------------------
+    const gutterEl = document.createElement('div');
+    gutterEl.className = CSS_GUTTER;
+    gutterEl.setAttribute('role', 'toolbar');
+    gutterEl.setAttribute('aria-label', 'Block actions');
+    gutterEl.setAttribute('contenteditable', 'false');
+    gutterEl.classList.add(CSS_HIDDEN);
+    // + button
+    const addButton = document.createElement('button');
+    addButton.className = CSS_ADD;
+    addButton.type = 'button';
+    addButton.setAttribute('aria-label', 'Add block below');
+    addButton.textContent = '+';
+    // Drag handle
+    const dragHandle = document.createElement('div');
+    dragHandle.className = CSS_HANDLE;
+    dragHandle.setAttribute('draggable', 'true');
+    dragHandle.setAttribute('role', 'button');
+    dragHandle.setAttribute('tabindex', '-1');
+    dragHandle.setAttribute('aria-label', 'Drag to reorder');
+    dragHandle.textContent = '\u2807'; // BRAILLE PATTERN DOTS-123
+    gutterEl.appendChild(addButton);
+    gutterEl.appendChild(dragHandle);
+    // -------------------------------------------------------------------------
+    // BlockDragHandler in external handle mode
+    // -------------------------------------------------------------------------
+    const blockDragHandler = new BlockDragHandler({
+        root: deps.root,
+        getDoc: () => deps.engine.state.doc,
+        dispatch: (ops) => deps.engine.dispatch(ops),
+        isReadOnly: deps.isReadOnly,
+        getBlockElementMap: () => deps.getBlockElementMap(),
+        externalHandleMode: true,
+        getHandleEl: () => dragHandle,
+    });
+    // -------------------------------------------------------------------------
+    // Gutter positioning
+    // -------------------------------------------------------------------------
+    function showGutter(blockEl) {
+        if (deps.isReadOnly())
+            return;
+        if (isDragging)
+            return;
+        const blockId = blockEl.getAttribute('data-rtif-block');
+        if (!blockId)
+            return;
+        activeBlockId = blockId;
+        dragHandle.setAttribute('data-drag-block-id', blockId);
+        const rootRect = deps.root.getBoundingClientRect();
+        const blockRect = blockEl.getBoundingClientRect();
+        // Account for scroll offset: getBoundingClientRect is viewport-relative,
+        // but absolute positioning is relative to the offsetParent (root).
+        // When the root is scrolled, we need to add scrollTop to compensate.
+        gutterEl.style.top = `${blockRect.top - rootRect.top + deps.root.scrollTop}px`;
+        gutterEl.style.height = `${blockRect.height}px`;
+        gutterEl.classList.remove(CSS_HIDDEN);
+    }
+    function hideGutter() {
+        gutterEl.classList.add(CSS_HIDDEN);
+        activeBlockId = null;
+    }
+    function clearHideTimeout() {
+        if (hideTimeout !== null) {
+            clearTimeout(hideTimeout);
+            hideTimeout = null;
+        }
+    }
+    function scheduleHide() {
+        clearHideTimeout();
+        hideTimeout = setTimeout(() => {
+            hideTimeout = null;
+            hideGutter();
+            mouseIsActive = false;
+        }, 150);
+    }
+    // -------------------------------------------------------------------------
+    // Hover detection (event delegation on root)
+    // -------------------------------------------------------------------------
+    function onMouseOver(e) {
+        const blockEl = findBlockElement(e.target, deps.root);
+        if (blockEl) {
+            clearHideTimeout();
+            mouseIsActive = true;
+            showGutter(blockEl);
+        }
+    }
+    function onMouseOut(e) {
+        const relatedTarget = e.relatedTarget;
+        if (relatedTarget) {
+            // Moving to gutter → grace
+            if (gutterEl.contains(relatedTarget))
+                return;
+            // Moving to another block → will trigger mouseover
+            if (deps.root.contains(relatedTarget)) {
+                const blockEl = findBlockElement(relatedTarget, deps.root);
+                if (blockEl)
+                    return;
+            }
+        }
+        scheduleHide();
+    }
+    function onGutterMouseEnter() {
+        clearHideTimeout();
+    }
+    function onGutterMouseLeave(e) {
+        const relatedTarget = e.relatedTarget;
+        if (relatedTarget && deps.root.contains(relatedTarget)) {
+            const blockEl = findBlockElement(relatedTarget, deps.root);
+            if (blockEl)
+                return; // Moving back to a block
+        }
+        scheduleHide();
+    }
+    // -------------------------------------------------------------------------
+    // Drag state tracking — hide gutter during active drag
+    // -------------------------------------------------------------------------
+    function onDragStart() {
+        isDragging = true;
+        hideGutter();
+    }
+    function onDragEnd() {
+        isDragging = false;
+    }
+    // -------------------------------------------------------------------------
+    // Keyboard focus tracking (rAF-throttled)
+    // -------------------------------------------------------------------------
+    let prevFocusBlockId = null;
+    let unsubChange = null;
+    let unsubSelection = null;
+    function updateGutterForSelection() {
+        if (deps.isReadOnly())
+            return;
+        // Mouse hover takes priority
+        if (mouseIsActive)
+            return;
+        if (isDragging)
+            return;
+        const { selection, doc } = deps.engine.state;
+        const offset = selection.focus.offset;
+        try {
+            const block = deps.engine.getBlockAtOffset(offset);
+            if (block.id === prevFocusBlockId)
+                return;
+            prevFocusBlockId = block.id;
+            const blockEl = deps.getBlockElementMap().get(block.id);
+            if (!blockEl)
+                return; // Virtualized away
+            showGutter(blockEl);
+        }
+        catch {
+            // Offset out of range — hide
+            hideGutter();
+        }
+    }
+    function scheduleSelectionUpdate() {
+        if (rafId !== null)
+            return; // Already scheduled
+        rafId = requestAnimationFrame(() => {
+            rafId = null;
+            updateGutterForSelection();
+        });
+    }
+    // -------------------------------------------------------------------------
+    // + button handler
+    // -------------------------------------------------------------------------
+    function onAddMouseDown(e) {
+        e.preventDefault(); // Preserve editor focus
+    }
+    function onAddClick() {
+        if (deps.isReadOnly())
+            return;
+        if (!activeBlockId)
+            return;
+        const doc = deps.engine.state.doc;
+        const block = doc.blocks.find((b) => b.id === activeBlockId);
+        if (!block)
+            return;
+        const blockStart = getBlockStartOffset(doc, activeBlockId);
+        const blockLen = blockTextLength(block);
+        const splitOffset = blockStart + blockLen;
+        const newBlockId = deps.generateBlockId();
+        deps.engine.dispatch({
+            type: 'split_block',
+            offset: splitOffset,
+            newBlockId,
+        });
+        // Cursor at start of new block (splitOffset + 1 for virtual \n)
+        deps.focusAtOffset(splitOffset + 1);
+    }
+    // Drag handle also needs focus preservation
+    function onDragHandleMouseDown(e) {
+        e.preventDefault();
+    }
+    // -------------------------------------------------------------------------
+    // Blur handler
+    // -------------------------------------------------------------------------
+    function onBlur() {
+        clearHideTimeout();
+        hideGutter();
+        mouseIsActive = false;
+        prevFocusBlockId = null;
+    }
+    // -------------------------------------------------------------------------
+    // Lifecycle
+    // -------------------------------------------------------------------------
+    return {
+        attach() {
+            if (attached)
+                return;
+            attached = true;
+            // Append gutter to root
+            deps.root.appendChild(gutterEl);
+            // Hover listeners
+            deps.root.addEventListener('mouseover', onMouseOver);
+            deps.root.addEventListener('mouseout', onMouseOut);
+            gutterEl.addEventListener('mouseenter', onGutterMouseEnter);
+            gutterEl.addEventListener('mouseleave', onGutterMouseLeave);
+            // Button listeners
+            addButton.addEventListener('mousedown', onAddMouseDown);
+            addButton.addEventListener('click', onAddClick);
+            dragHandle.addEventListener('mousedown', onDragHandleMouseDown);
+            // Drag state listeners
+            deps.root.addEventListener('dragstart', onDragStart);
+            deps.root.addEventListener('dragend', onDragEnd);
+            // Blur
+            deps.root.addEventListener('blur', onBlur);
+            // Keyboard tracking (rAF-throttled)
+            unsubChange = deps.engine.onChange(() => scheduleSelectionUpdate());
+            unsubSelection = deps.engine.onSelectionChange(() => scheduleSelectionUpdate());
+            // Drag handler
+            blockDragHandler.attach();
+        },
+        detach() {
+            if (!attached)
+                return;
+            attached = false;
+            // Hover listeners
+            deps.root.removeEventListener('mouseover', onMouseOver);
+            deps.root.removeEventListener('mouseout', onMouseOut);
+            gutterEl.removeEventListener('mouseenter', onGutterMouseEnter);
+            gutterEl.removeEventListener('mouseleave', onGutterMouseLeave);
+            // Button listeners
+            addButton.removeEventListener('mousedown', onAddMouseDown);
+            addButton.removeEventListener('click', onAddClick);
+            dragHandle.removeEventListener('mousedown', onDragHandleMouseDown);
+            // Drag state listeners
+            deps.root.removeEventListener('dragstart', onDragStart);
+            deps.root.removeEventListener('dragend', onDragEnd);
+            // Blur
+            deps.root.removeEventListener('blur', onBlur);
+            // Keyboard tracking
+            unsubChange?.();
+            unsubSelection?.();
+            unsubChange = null;
+            unsubSelection = null;
+            // Cancel pending rAF
+            if (rafId !== null) {
+                cancelAnimationFrame(rafId);
+                rafId = null;
+            }
+            // Drag handler
+            blockDragHandler.detach();
+            // Remove DOM
+            if (gutterEl.parentNode) {
+                gutterEl.parentNode.removeChild(gutterEl);
+            }
+            // Clear state
+            clearHideTimeout();
+            activeBlockId = null;
+            mouseIsActive = false;
+            isDragging = false;
+            prevFocusBlockId = null;
+        },
+    };
+}
+//# sourceMappingURL=block-gutter.js.map

package/dist/block-gutter.js.map

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

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

@@ -1 +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"}
+{"version":3,"file":"drop-indicator.d.ts","sourceRoot":"","sources":["../src/drop-indicator.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAcH;;;;;;;;;;;;;;;;;;;;;;;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;IAwBvE;;;;;;;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

@@ -15,6 +15,7 @@
 // ---------------------------------------------------------------------------
 const CSS_LINE = 'rtif-drop-indicator';
 const CSS_OVERLAY = 'rtif-drop-overlay';
+const CSS_HIDDEN = 'rtif-hidden';
 // ---------------------------------------------------------------------------
 // DropIndicator class
 // ---------------------------------------------------------------------------
@@ -94,7 +95,7 @@ export class DropIndicator {
             this._overlayEl = createOverlayElement();
             this._container.appendChild(this._overlayEl);
         }
-        this._overlayEl.style.display = 'flex';
+        this._overlayEl.classList.remove(CSS_HIDDEN);
     }
     /**
      * Show a thin horizontal line before or after a block element.
@@ -127,9 +128,7 @@ export class DropIndicator {
             ? 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 = '';
+        this._lineEl.classList.remove(CSS_HIDDEN);
     }
     /**
      * Hide all indicators (both line and overlay).
@@ -174,12 +173,12 @@ export class DropIndicator {
     // -----------------------------------------------------------------------
     _hideLine() {
         if (this._lineEl) {
-            this._lineEl.style.display = 'none';
+            this._lineEl.classList.add(CSS_HIDDEN);
         }
     }
     _hideOverlay() {
         if (this._overlayEl) {
-            this._overlayEl.style.display = 'none';
+            this._overlayEl.classList.add(CSS_HIDDEN);
         }
     }
 }
@@ -191,16 +190,7 @@ export class DropIndicator {
  */
 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.className = `${CSS_LINE} ${CSS_HIDDEN}`;
     el.setAttribute('aria-hidden', 'true');
     return el;
 }
@@ -209,26 +199,10 @@ function createLineElement() {
  */
 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';
+    el.className = `${CSS_OVERLAY} ${CSS_HIDDEN}`;
     const label = document.createElement('span');
+    label.className = 'rtif-drop-overlay-label';
     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;

package/dist/drop-indicator.js.map

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

package/dist/editor.d.ts.map

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

package/dist/editor.js

@@ -30,7 +30,7 @@ import { createFileDropHandler } from './content-handler-file.js';
 import { DropIndicator } from './drop-indicator.js';
 import { createMarkRendererRegistry, registerBuiltinRenderers, } from './mark-renderer.js';
 import { createBlockRendererRegistry, registerBuiltinBlockRenderers, } from './block-renderer.js';
-import { BlockDragHandler } from './block-drag-handler.js';
+import { createBlockGutter } from './block-gutter.js';
 import { createCursorRectAPI } from './cursor-rect.js';
 import { createTriggerManager } from './trigger-manager.js';
 import { findContiguousMarkRange, adjustOffsetAroundAtomicMarks, adjustOffsetAroundAtomicBlocks } from './plugins/mark-utils.js';
@@ -90,6 +90,7 @@ export function createWebEditor(config) {
     root.setAttribute('aria-multiline', 'true');
     root.setAttribute('aria-label', config.accessibleLabel);
     root.setAttribute('data-rtif-root', '');
+    root.classList.add('rtif-editor');
     root.spellcheck = spellcheck;
     // Accessibility: announce read-only state to screen readers
     if (readOnly) {
@@ -252,15 +253,25 @@ export function createWebEditor(config) {
     // -------------------------------------------------------------------
     const dropIndicator = new DropIndicator(root);
     // -------------------------------------------------------------------
-    // Block drag handler (reorder blocks via drag handles)
+    // Block gutter toolbar (+ button and drag handle on hover/focus)
     // -------------------------------------------------------------------
-    const blockDragHandler = new BlockDragHandler({
-        root,
-        getDoc: () => engine.state.doc,
-        dispatch: (ops) => engine.dispatch(ops),
-        isReadOnly: () => readOnly,
-        getBlockElementMap: () => blockElementMap,
-    });
+    const gutterEnabled = config.gutter !== false;
+    const blockGutter = gutterEnabled
+        ? createBlockGutter({
+            root,
+            engine,
+            isReadOnly: () => readOnly,
+            getBlockElementMap: () => blockElementMap,
+            generateBlockId: () => generateId(),
+            focusAtOffset: (offset) => {
+                engine.setSelection({ anchor: { offset }, focus: { offset } });
+                setDomSelection(root, engine.state.doc, engine.state.selection, blockElementMap);
+                if (!root.contains(document.activeElement)) {
+                    root.focus();
+                }
+            },
+        })
+        : null;
     // -------------------------------------------------------------------
     // Paste handler (via content pipeline)
     // -------------------------------------------------------------------
@@ -637,7 +648,7 @@ export function createWebEditor(config) {
     inputBridge.attach();
     clipboardHandler.attach();
     cursorNavHandler.attach();
-    blockDragHandler.attach();
+    blockGutter?.attach();
     root.addEventListener('compositionstart', onCompositionStart);
     root.addEventListener('compositionupdate', onCompositionUpdate);
     root.addEventListener('compositionend', onCompositionEnd);
@@ -719,7 +730,7 @@ export function createWebEditor(config) {
             inputBridge.detach();
             clipboardHandler.detach();
             cursorNavHandler.detach();
-            blockDragHandler.detach();
+            blockGutter?.detach();
             root.removeEventListener('compositionstart', onCompositionStart);
             root.removeEventListener('compositionupdate', onCompositionUpdate);
             root.removeEventListener('compositionend', onCompositionEnd);
@@ -762,6 +773,7 @@ export function createWebEditor(config) {
             root.removeAttribute('aria-label');
             root.removeAttribute('aria-readonly');
             root.removeAttribute('data-rtif-root');
+            root.classList.remove('rtif-editor');
             root.removeAttribute('data-placeholder');
             root.style.contain = '';
             root.style.whiteSpace = '';