@handlewithcare/react-prosemirror 2.4.12 → 2.5.0

package/dist/esm/plugins/__tests__/react.test.js

@@ -1,135 +0,0 @@
-/* eslint-disable @typescript-eslint/no-non-null-assertion */ import { Schema } from "prosemirror-model";
-import { EditorState } from "prosemirror-state";
-import { findWrapping } from "prosemirror-transform";
-import { react, reactPluginKey } from "../react.js";
-const schema = new Schema({
-    nodes: {
-        doc: {
-            content: "block+"
-        },
-        paragraph: {
-            group: "block",
-            content: "inline*"
-        },
-        list: {
-            group: "block",
-            content: "list_item+"
-        },
-        list_item: {
-            content: "paragraph+"
-        },
-        text: {
-            group: "inline"
-        }
-    }
-});
-describe("reactNodeViewPlugin", ()=>{
-    it("should create a unique key for each node", ()=>{
-        const editorState = EditorState.create({
-            doc: schema.topNodeType.create(null, [
-                schema.nodes.paragraph.create(),
-                schema.nodes.paragraph.create(),
-                schema.nodes.paragraph.create()
-            ]),
-            plugins: [
-                react()
-            ]
-        });
-        const pluginState = reactPluginKey.getState(editorState);
-        expect(pluginState.posToKey.size).toBe(3);
-    });
-    it("should maintain key stability when possible", ()=>{
-        const initialEditorState = EditorState.create({
-            doc: schema.topNodeType.create(null, [
-                schema.nodes.paragraph.create(),
-                schema.nodes.paragraph.create(),
-                schema.nodes.paragraph.create()
-            ]),
-            plugins: [
-                react()
-            ]
-        });
-        const initialPluginState = reactPluginKey.getState(initialEditorState);
-        const nextEditorState = initialEditorState.apply(initialEditorState.tr.insertText("Hello, world!", 1));
-        const nextPluginState = reactPluginKey.getState(nextEditorState);
-        expect(Array.from(nextPluginState.keyToPos.keys())).toEqual(Array.from(initialPluginState.keyToPos.keys()));
-    });
-    it("should create unique keys for new nodes", ()=>{
-        const initialEditorState = EditorState.create({
-            doc: schema.topNodeType.create(null, [
-                schema.nodes.paragraph.create(),
-                schema.nodes.paragraph.create(),
-                schema.nodes.paragraph.create()
-            ]),
-            plugins: [
-                react()
-            ]
-        });
-        const initialPluginState = reactPluginKey.getState(initialEditorState);
-        const nextEditorState = initialEditorState.apply(initialEditorState.tr.insert(0, schema.nodes.list.createAndFill()));
-        const nextPluginState = reactPluginKey.getState(nextEditorState);
-        // Adds new keys for new nodes
-        expect(nextPluginState.keyToPos.size).toBe(6);
-        // Maintains keys for previous nodes that are still there
-        Array.from(initialPluginState.keyToPos.keys()).forEach((key)=>{
-            expect(Array.from(nextPluginState.keyToPos.keys())).toContain(key);
-        });
-    });
-    it("should maintain key stability when splitting a node", ()=>{
-        const initialEditorState = EditorState.create({
-            doc: schema.topNodeType.create(null, [
-                schema.nodes.list.create(null, [
-                    schema.nodes.list_item.create(null, [
-                        schema.nodes.paragraph.create(null, [
-                            schema.text("first")
-                        ])
-                    ])
-                ])
-            ]),
-            plugins: [
-                react()
-            ]
-        });
-        const initialPluginState = reactPluginKey.getState(initialEditorState);
-        const nextEditorState = initialEditorState.apply(initialEditorState.tr.insert(1, schema.nodes.list_item.create(null, [
-            schema.nodes.paragraph.create(null, [
-                schema.text("second")
-            ])
-        ])));
-        const nextPluginState = reactPluginKey.getState(nextEditorState);
-        // The new list item was inserted before the original one,
-        // pushing it further into the document. The original list
-        // item should keep its original key, and the new list item
-        // should be assigned a new one
-        expect(nextPluginState.posToKey.get(11)).toBe(initialPluginState.posToKey.get(1));
-        expect(nextPluginState.posToKey.get(1)).not.toBe(initialPluginState.posToKey.get(1));
-    });
-    it("should maintain key stability when wrapping a node", ()=>{
-        const initialEditorState = EditorState.create({
-            doc: schema.topNodeType.create(null, [
-                schema.nodes.paragraph.create(null, [
-                    schema.text("content")
-                ])
-            ]),
-            plugins: [
-                react()
-            ]
-        });
-        const initialPluginState = reactPluginKey.getState(initialEditorState);
-        const start = 1;
-        const end = 9;
-        const tr = initialEditorState.tr.delete(start, end);
-        const $start = tr.doc.resolve(start);
-        const range = $start.blockRange();
-        const wrapping = range && findWrapping(range, schema.nodes.list, null);
-        tr.wrap(range, wrapping);
-        const nextEditorState = initialEditorState.apply(tr);
-        const nextPluginState = reactPluginKey.getState(nextEditorState);
-        // The new list and list item nodes were wrapped around the
-        // paragraph, pushing it further into the document. The paragraph
-        // should keep its original key, and the new nodes
-        // should be assigned a new one
-        expect(nextPluginState.posToKey.get(2)).toBe(initialPluginState.posToKey.get(0));
-        expect(nextPluginState.posToKey.get(0)).not.toBe(initialPluginState.posToKey.get(0));
-    });
-});

package/dist/esm/plugins/react.js

@@ -1,64 +0,0 @@
-import { Plugin, PluginKey } from "prosemirror-state";
-/**
- * This is a stand-in for the doc node itself, which doesn't have a
- * unique position to map to.
- */ export const ROOT_NODE_KEY = Symbol("@nytimes/react-prosemirror/root-node-key");
-export function createNodeKey() {
-    return Math.floor(Math.random() * 0xffffff).toString(16);
-}
-export const reactPluginKey = new PluginKey("@nytimes/react-prosemirror/react");
-/**
- * Tracks a unique key for each (non-text) node in the
- * document, identified by its current position. Keys are
- * (mostly) stable across transaction applications. The
- * key for a given node can be accessed by that node's
- * current position in the document, and vice versa.
- */ export function react() {
-    return new Plugin({
-        key: reactPluginKey,
-        state: {
-            init (_, state) {
-                const next = {
-                    posToKey: new Map(),
-                    keyToPos: new Map()
-                };
-                state.doc.descendants((node, pos)=>{
-                    if (node.isText) return false;
-                    const key = createNodeKey();
-                    next.posToKey.set(pos, key);
-                    next.keyToPos.set(key, pos);
-                    return true;
-                });
-                return next;
-            },
-            /**
-       * Keeps node keys (mostly) stable across transactions.
-       *
-       * To accomplish this, we map each node position backwards
-       * through the transaction to identify its previous position,
-       * and thereby retrieve its previous key.
-       */ apply (tr, value, _, newState) {
-                if (!tr.docChanged) return value;
-                const next = {
-                    posToKey: new Map(),
-                    keyToPos: new Map()
-                };
-                for (const [pos, key] of value.posToKey.entries()){
-                    const { pos: newPos , deleted  } = tr.mapping.mapResult(pos);
-                    if (deleted) continue;
-                    next.posToKey.set(newPos, key);
-                    next.keyToPos.set(key, newPos);
-                }
-                newState.doc.descendants((node, pos)=>{
-                    if (node.isText) return false;
-                    if (next.posToKey.has(pos)) return true;
-                    const key = createNodeKey();
-                    next.posToKey.set(pos, key);
-                    next.keyToPos.set(key, pos);
-                    return true;
-                });
-                return next;
-            }
-        }
-    });
-}

package/dist/esm/selection/SelectionDOMObserver.js

@@ -1,161 +0,0 @@
-import { Selection } from "prosemirror-state";
-import { browser } from "../browser.js";
-import { parentNode, selectionCollapsed } from "../dom.js";
-import { hasFocusAndSelection } from "./hasFocusAndSelection.js";
-import { selectionFromDOM } from "./selectionFromDOM.js";
-import { isEquivalentPosition, selectionToDOM } from "./selectionToDOM.js";
-let SelectionState = class SelectionState {
-    anchorNode = null;
-    anchorOffset = 0;
-    focusNode = null;
-    focusOffset = 0;
-    set(sel) {
-        this.anchorNode = sel.anchorNode;
-        this.anchorOffset = sel.anchorOffset;
-        this.focusNode = sel.focusNode;
-        this.focusOffset = sel.focusOffset;
-    }
-    clear() {
-        this.anchorNode = this.focusNode = null;
-    }
-    eq(sel) {
-        return sel.anchorNode == this.anchorNode && sel.anchorOffset == this.anchorOffset && sel.focusNode == this.focusNode && sel.focusOffset == this.focusOffset;
-    }
-};
-export class SelectionDOMObserver {
-    view;
-    flushingSoon;
-    currentSelection;
-    suppressingSelectionUpdates;
-    constructor(view){
-        this.view = view;
-        this.flushingSoon = -1;
-        this.currentSelection = new SelectionState();
-        this.suppressingSelectionUpdates = false;
-        this.view = view;
-        this.onSelectionChange = this.onSelectionChange.bind(this);
-    }
-    connectSelection() {
-        this.view.dom.ownerDocument.addEventListener("selectionchange", this.onSelectionChange);
-    }
-    disconnectSelection() {
-        this.view.dom.ownerDocument.removeEventListener("selectionchange", this.onSelectionChange);
-    }
-    stop() {
-        this.disconnectSelection();
-    }
-    start() {
-        this.connectSelection();
-    }
-    suppressSelectionUpdates() {
-        this.suppressingSelectionUpdates = true;
-        setTimeout(()=>this.suppressingSelectionUpdates = false, 50);
-    }
-    setCurSelection() {
-        // @ts-expect-error Internal method
-        this.currentSelection.set(this.view.domSelectionRange());
-    }
-    ignoreSelectionChange(sel) {
-        if (!sel.focusNode) return true;
-        const ancestors = new Set();
-        let container;
-        for(let scan = sel.focusNode; scan; scan = parentNode(scan))ancestors.add(scan);
-        for(let scan = sel.anchorNode; scan; scan = parentNode(scan))if (ancestors.has(scan)) {
-            container = scan;
-            break;
-        }
-        // @ts-expect-error Internal property (docView)
-        const desc = container && this.view.docView.nearestDesc(container);
-        if (desc && desc.ignoreMutation({
-            type: "selection",
-            target: container?.nodeType == 3 ? container?.parentNode : container
-        })) {
-            this.setCurSelection();
-            return true;
-        }
-        return;
-    }
-    registerMutation() {
-    // pass
-    }
-    flushSoon() {
-        if (this.flushingSoon < 0) this.flushingSoon = window.setTimeout(()=>{
-            this.flushingSoon = -1;
-            this.flush();
-        }, 20);
-    }
-    updateSelection() {
-        const { view } = this;
-        const compositionID = // @ts-expect-error Internal property (input)
-        view.input.compositionPendingChanges || // @ts-expect-error Internal property (input)
-        (view.composing ? view.input.compositionID : 0);
-        // @ts-expect-error Internal property (input)
-        view.input.compositionPendingChanges = 0;
-        const origin = // @ts-expect-error Internal property (input)
-        view.input.lastSelectionTime > Date.now() - 50 ? view.input.lastSelectionOrigin : null;
-        const newSel = selectionFromDOM(view, origin);
-        if (newSel && !view.state.selection.eq(newSel)) {
-            const tr = view.state.tr.setSelection(newSel);
-            if (origin == "pointer") tr.setMeta("pointer", true);
-            else if (origin == "key") tr.scrollIntoView();
-            if (compositionID) tr.setMeta("composition", compositionID);
-            view.dispatch(tr);
-        }
-    }
-    selectionToDOM() {
-        const { view } = this;
-        selectionToDOM(view);
-        // @ts-expect-error Internal property (domSelectionRange)
-        const sel = view.domSelectionRange();
-        this.currentSelection.set(sel);
-    }
-    flush() {
-        const { view } = this;
-        // @ts-expect-error Internal property (docView)
-        if (!view.docView || this.flushingSoon > -1) return;
-        // @ts-expect-error Internal property (domSelectionRange)
-        const sel = view.domSelectionRange();
-        const newSel = !this.suppressingSelectionUpdates && !this.currentSelection.eq(sel) && hasFocusAndSelection(view) && !this.ignoreSelectionChange(sel);
-        let readSel = null;
-        // If it looks like the browser has reset the selection to the
-        // start of the document after focus, restore the selection from
-        // the state
-        if (newSel && // @ts-expect-error Internal property (input)
-        view.input.lastFocus > Date.now() - 200 && // @ts-expect-error Internal property (input)
-        Math.max(view.input.lastTouch, view.input.lastClick.time) < Date.now() - 300 && selectionCollapsed(sel) && (readSel = selectionFromDOM(view)) && readSel.eq(Selection.near(view.state.doc.resolve(0), 1))) {
-            // @ts-expect-error Internal property (input)
-            view.input.lastFocus = 0;
-            selectionToDOM(view);
-            this.currentSelection.set(sel);
-            // @ts-expect-error Internal property (scrollToSelection)
-            view.scrollToSelection();
-        } else if (newSel) {
-            this.updateSelection();
-            if (!this.currentSelection.eq(sel)) selectionToDOM(view);
-            this.currentSelection.set(sel);
-        }
-    }
-    forceFlush() {
-        if (this.flushingSoon > -1) {
-            window.clearTimeout(this.flushingSoon);
-            this.flushingSoon = -1;
-            this.flush();
-        }
-    }
-    onSelectionChange() {
-        if (!hasFocusAndSelection(this.view)) return;
-        if (this.view.composing) return;
-        if (this.suppressingSelectionUpdates) return selectionToDOM(this.view);
-        // Deletions on IE11 fire their events in the wrong order, giving
-        // us a selection change event before the DOM changes are
-        // reported.
-        if (browser.ie && browser.ie_version <= 11 && !this.view.state.selection.empty) {
-            // @ts-expect-error Internal method
-            const sel = this.view.domSelectionRange();
-            // Selection.isCollapsed isn't reliable on IE
-            if (sel.focusNode && isEquivalentPosition(sel.focusNode, sel.focusOffset, // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-            sel.anchorNode, sel.anchorOffset)) return this.flushSoon();
-        }
-        this.flush();
-    }
-}

package/dist/esm/selection/hasFocusAndSelection.js

@@ -1,17 +0,0 @@
-export function hasFocusAndSelection(view) {
-    if (view.editable && !view.hasFocus()) return false;
-    return hasSelection(view);
-}
-export function hasSelection(view) {
-    // @ts-expect-error Internal method
-    const sel = view.domSelectionRange();
-    if (!sel.anchorNode) return false;
-    try {
-        // Firefox will raise 'permission denied' errors when accessing
-        // properties of `sel.anchorNode` when it's in a generated CSS
-        // element.
-        return view.dom.contains(sel.anchorNode.nodeType == 3 ? sel.anchorNode.parentNode : sel.anchorNode) && (view.editable || view.dom.contains(sel.focusNode?.nodeType == 3 ? sel.focusNode?.parentNode : sel.focusNode));
-    } catch (_) {
-        return false;
-    }
-}

package/dist/esm/selection/selectionFromDOM.js

@@ -1,59 +0,0 @@
-import { NodeSelection, TextSelection } from "prosemirror-state";
-import { isOnEdge, selectionCollapsed } from "../dom.js";
-export function selectionBetween(view, $anchor, $head, bias) {
-    return view.someProp("createSelectionBetween", (f)=>f(view, $anchor, $head)) || TextSelection.between($anchor, $head, bias);
-}
-export function selectionFromDOM(view) {
-    let origin = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : null;
-    // @ts-expect-error Internal method
-    const domSel = view.domSelectionRange(), doc = view.state.doc;
-    if (!domSel.focusNode) return null;
-    // @ts-expect-error Internal method
-    let nearestDesc = view.docView.nearestDesc(domSel.focusNode);
-    const inWidget = nearestDesc && nearestDesc.size == 0;
-    // @ts-expect-error Internal method
-    let head = view.docView.posFromDOM(domSel.focusNode, domSel.focusOffset, 1);
-    if (head < 0) return null;
-    let $head = doc.resolve(head), anchor, selection;
-    if (selectionCollapsed(domSel)) {
-        anchor = head;
-        while(nearestDesc && !nearestDesc.node)nearestDesc = nearestDesc.parent;
-        const nearestDescNode = nearestDesc.node;
-        if (nearestDesc && nearestDescNode.isAtom && NodeSelection.isSelectable(nearestDescNode) && nearestDesc.parent && !(nearestDescNode.isInline && isOnEdge(domSel.focusNode, domSel.focusOffset, nearestDesc.dom))) {
-            const pos = nearestDesc.posBefore;
-            selection = new NodeSelection(head == pos ? $head : doc.resolve(pos));
-        }
-    } else {
-        if (// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        domSel instanceof view.dom.ownerDocument.defaultView.Selection && domSel.rangeCount > 1) {
-            let min = head, max = head;
-            for(let i = 0; i < domSel.rangeCount; i++){
-                const range = domSel.getRangeAt(i);
-                min = Math.min(min, // @ts-expect-error Internal method
-                view.docView.posFromDOM(range.startContainer, range.startOffset, 1));
-                max = Math.max(max, // @ts-expect-error Internal method
-                view.docView.posFromDOM(range.endContainer, range.endOffset, -1));
-            }
-            if (min < 0) return null;
-            [anchor, head] = max == view.state.selection.anchor ? [
-                max,
-                min
-            ] : [
-                min,
-                max
-            ];
-            $head = doc.resolve(head);
-        } else {
-            // @ts-expect-error Internal method
-            anchor = view.docView.posFromDOM(// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-            domSel.anchorNode, domSel.anchorOffset, 1);
-        }
-        if (anchor < 0) return null;
-    }
-    const $anchor = doc.resolve(anchor);
-    if (!selection) {
-        const bias = origin == "pointer" || view.state.selection.head < $head.pos && !inWidget ? 1 : -1;
-        selection = selectionBetween(view, $anchor, $head, bias);
-    }
-    return selection;
-}

package/dist/esm/selection/selectionToDOM.js

@@ -1,196 +0,0 @@
-import { NodeSelection, TextSelection } from "prosemirror-state";
-import { browser } from "../browser.js";
-// Scans forward and backward through DOM positions equivalent to the
-// given one to see if the two are in the same place (i.e. after a
-// text node vs at the end of that text node)
-export const isEquivalentPosition = function(node, off, targetNode, targetOff) {
-    return targetNode && (scanFor(node, off, targetNode, targetOff, -1) || scanFor(node, off, targetNode, targetOff, 1));
-};
-export function hasBlockDesc(dom) {
-    let desc;
-    for(let cur = dom; cur; cur = cur.parentNode)if (desc = cur.pmViewDesc) break;
-    return desc && desc.node && desc.node.isBlock && (desc.dom == dom || desc.contentDOM == dom);
-}
-const atomElements = /^(img|br|input|textarea|hr)$/i;
-function scanFor(node, off, targetNode, targetOff, dir) {
-    for(;;){
-        if (node == targetNode && off == targetOff) return true;
-        if (off == (dir < 0 ? 0 : nodeSize(node))) {
-            const parent = node.parentNode;
-            if (!parent || parent.nodeType != 1 || hasBlockDesc(node) || atomElements.test(node.nodeName) || node.contentEditable == "false") return false;
-            off = domIndex(node) + (dir < 0 ? 0 : 1);
-            node = parent;
-        } else if (node.nodeType == 1) {
-            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-            node = node.childNodes[off + (dir < 0 ? -1 : 0)];
-            if (node.contentEditable == "false") return false;
-            off = dir < 0 ? nodeSize(node) : 0;
-        } else {
-            return false;
-        }
-    }
-}
-export const domIndex = function(node) {
-    let n = node;
-    for(let index = 0;; index++){
-        n = n.previousSibling;
-        if (!n) return index;
-    }
-};
-export function nodeSize(node) {
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    return node.nodeType == 3 ? node.nodeValue.length : node.childNodes.length;
-}
-export function syncNodeSelection(view, sel) {
-    const v = view;
-    if (sel instanceof NodeSelection) {
-        const desc = v.docView.descAt(sel.from);
-        if (desc != v.lastSelectedViewDesc) {
-            clearNodeSelection(v);
-            if (desc) desc.selectNode();
-            v.lastSelectedViewDesc = desc;
-        }
-    } else {
-        clearNodeSelection(v);
-    }
-}
-// Clear all DOM statefulness of the last node selection.
-function clearNodeSelection(view) {
-    const v = view;
-    if (v.lastSelectedViewDesc) {
-        if (v.lastSelectedViewDesc.parent) v.lastSelectedViewDesc.deselectNode();
-        v.lastSelectedViewDesc = undefined;
-    }
-}
-export function hasSelection(view) {
-    const v = view;
-    const sel = v.domSelectionRange();
-    if (!sel.anchorNode) return false;
-    try {
-        // Firefox will raise 'permission denied' errors when accessing
-        // properties of `sel.anchorNode` when it's in a generated CSS
-        // element.
-        return v.dom.contains(sel.anchorNode.nodeType == 3 ? sel.anchorNode.parentNode : sel.anchorNode) && (v.editable || v.dom.contains(// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        sel.focusNode.nodeType == 3 ? sel.focusNode.parentNode : sel.focusNode));
-    } catch (_) {
-        return false;
-    }
-}
-function editorOwnsSelection(view) {
-    return view.editable ? view.hasFocus() : hasSelection(view) && document.activeElement && document.activeElement.contains(view.dom);
-}
-function selectCursorWrapper(view) {
-    const v = view;
-    const domSel = v.domSelection(), range = document.createRange();
-    if (!domSel) return;
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    const node = v.cursorWrapper.dom, img = node.nodeName == "IMG";
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    if (img) range.setStart(node.parentNode, domIndex(node) + 1);
-    else range.setStart(node, 0);
-    range.collapse(true);
-    domSel.removeAllRanges();
-    domSel.addRange(range);
-    // Kludge to kill 'control selection' in IE11 when selecting an
-    // invisible cursor wrapper, since that would result in those weird
-    // resize handles and a selection that considers the absolutely
-    // positioned wrapper, rather than the root editable node, the
-    // focused element.
-    if (!img && !v.state.selection.visible && browser.ie && browser.ie_version <= 11) {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        node.disabled = true;
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        node.disabled = false;
-    }
-}
-function temporarilyEditableNear(view, pos) {
-    const v = view;
-    const { node, offset } = v.docView.domFromPos(pos, 0);
-    const after = offset < node.childNodes.length ? node.childNodes[offset] : null;
-    const before = offset ? node.childNodes[offset - 1] : null;
-    if (browser.safari && after && after.contentEditable == "false") return setEditable(after);
-    if ((!after || after.contentEditable == "false") && (!before || before.contentEditable == "false")) {
-        if (after) return setEditable(after);
-        else if (before) return setEditable(before);
-    }
-    return;
-}
-function setEditable(element) {
-    element.contentEditable = "true";
-    if (browser.safari && element.draggable) {
-        element.draggable = false;
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        element.wasDraggable = true;
-    }
-    return element;
-}
-function resetEditable(element) {
-    element.contentEditable = "false";
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    if (element.wasDraggable) {
-        element.draggable = true;
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        element.wasDraggable = null;
-    }
-}
-function removeClassOnSelectionChange(view) {
-    const v = view;
-    const doc = v.dom.ownerDocument;
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    doc.removeEventListener("selectionchange", v.input.hideSelectionGuard);
-    const domSel = v.domSelectionRange();
-    const node = domSel.anchorNode, offset = domSel.anchorOffset;
-    doc.addEventListener("selectionchange", v.input.hideSelectionGuard = ()=>{
-        if (domSel.anchorNode != node || domSel.anchorOffset != offset) {
-            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-            doc.removeEventListener("selectionchange", v.input.hideSelectionGuard);
-            setTimeout(()=>{
-                if (!editorOwnsSelection(v) || v.state.selection.visible) v.dom.classList.remove("ProseMirror-hideselection");
-            }, 20);
-        }
-    });
-}
-const brokenSelectBetweenUneditable = browser.safari || browser.chrome && browser.chrome_version < 63;
-export function selectionToDOM(view) {
-    let force = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
-    const v = view;
-    const sel = v.state.selection;
-    syncNodeSelection(v, sel);
-    if (!editorOwnsSelection(v)) return;
-    // The delayed drag selection causes issues with Cell Selections
-    // in Safari. And the drag selection delay is to workarond issues
-    // which only present in Chrome.
-    if (!force && v.input.mouseDown && v.input.mouseDown.allowDefault && browser.chrome) {
-        const domSel = v.domSelectionRange(), curSel = v.domObserver.currentSelection;
-        if (domSel.anchorNode && curSel.anchorNode && isEquivalentPosition(domSel.anchorNode, domSel.anchorOffset, curSel.anchorNode, curSel.anchorOffset)) {
-            v.input.mouseDown.delayedSelectionSync = true;
-            v.domObserver.setCurSelection();
-            return;
-        }
-    }
-    v.domObserver.disconnectSelection();
-    if (v.cursorWrapper) {
-        selectCursorWrapper(v);
-    } else {
-        const { anchor, head } = sel;
-        let resetEditableFrom;
-        let resetEditableTo;
-        if (brokenSelectBetweenUneditable && !(sel instanceof TextSelection)) {
-            if (!sel.$from.parent.inlineContent) resetEditableFrom = temporarilyEditableNear(v, sel.from);
-            if (!sel.empty && !sel.$from.parent.inlineContent) resetEditableTo = temporarilyEditableNear(v, sel.to);
-        }
-        v.docView.setSelection(anchor, head, v, force);
-        if (brokenSelectBetweenUneditable) {
-            if (resetEditableFrom) resetEditable(resetEditableFrom);
-            if (resetEditableTo) resetEditable(resetEditableTo);
-        }
-        if (sel.visible) {
-            v.dom.classList.remove("ProseMirror-hideselection");
-        } else {
-            v.dom.classList.add("ProseMirror-hideselection");
-            if ("onselectionchange" in document) removeClassOnSelectionChange(v);
-        }
-    }
-    v.domObserver.setCurSelection();
-    v.domObserver.connectSelection();
-}