@handlewithcare/react-prosemirror 2.4.12 → 2.5.0

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

@@ -1,139 +0,0 @@
-/* eslint-disable @typescript-eslint/no-non-null-assertion */ "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _prosemirrorModel = require("prosemirror-model");
-const _prosemirrorState = require("prosemirror-state");
-const _prosemirrorTransform = require("prosemirror-transform");
-const _reactJs = require("../react.js");
-const schema = new _prosemirrorModel.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 = _prosemirrorState.EditorState.create({
-            doc: schema.topNodeType.create(null, [
-                schema.nodes.paragraph.create(),
-                schema.nodes.paragraph.create(),
-                schema.nodes.paragraph.create()
-            ]),
-            plugins: [
-                (0, _reactJs.react)()
-            ]
-        });
-        const pluginState = _reactJs.reactPluginKey.getState(editorState);
-        expect(pluginState.posToKey.size).toBe(3);
-    });
-    it("should maintain key stability when possible", ()=>{
-        const initialEditorState = _prosemirrorState.EditorState.create({
-            doc: schema.topNodeType.create(null, [
-                schema.nodes.paragraph.create(),
-                schema.nodes.paragraph.create(),
-                schema.nodes.paragraph.create()
-            ]),
-            plugins: [
-                (0, _reactJs.react)()
-            ]
-        });
-        const initialPluginState = _reactJs.reactPluginKey.getState(initialEditorState);
-        const nextEditorState = initialEditorState.apply(initialEditorState.tr.insertText("Hello, world!", 1));
-        const nextPluginState = _reactJs.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 = _prosemirrorState.EditorState.create({
-            doc: schema.topNodeType.create(null, [
-                schema.nodes.paragraph.create(),
-                schema.nodes.paragraph.create(),
-                schema.nodes.paragraph.create()
-            ]),
-            plugins: [
-                (0, _reactJs.react)()
-            ]
-        });
-        const initialPluginState = _reactJs.reactPluginKey.getState(initialEditorState);
-        const nextEditorState = initialEditorState.apply(initialEditorState.tr.insert(0, schema.nodes.list.createAndFill()));
-        const nextPluginState = _reactJs.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 = _prosemirrorState.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: [
-                (0, _reactJs.react)()
-            ]
-        });
-        const initialPluginState = _reactJs.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 = _reactJs.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 = _prosemirrorState.EditorState.create({
-            doc: schema.topNodeType.create(null, [
-                schema.nodes.paragraph.create(null, [
-                    schema.text("content")
-                ])
-            ]),
-            plugins: [
-                (0, _reactJs.react)()
-            ]
-        });
-        const initialPluginState = _reactJs.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 && (0, _prosemirrorTransform.findWrapping)(range, schema.nodes.list, null);
-        tr.wrap(range, wrapping);
-        const nextEditorState = initialEditorState.apply(tr);
-        const nextPluginState = _reactJs.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/cjs/plugins/react.js

@@ -1,71 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    ROOT_NODE_KEY: ()=>ROOT_NODE_KEY,
-    createNodeKey: ()=>createNodeKey,
-    reactPluginKey: ()=>reactPluginKey,
-    react: ()=>react
-});
-const _prosemirrorState = require("prosemirror-state");
-const ROOT_NODE_KEY = Symbol("@nytimes/react-prosemirror/root-node-key");
-function createNodeKey() {
-    return Math.floor(Math.random() * 0xffffff).toString(16);
-}
-const reactPluginKey = new _prosemirrorState.PluginKey("@nytimes/react-prosemirror/react");
-function react() {
-    return new _prosemirrorState.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/cjs/selection/SelectionDOMObserver.js

@@ -1,171 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "SelectionDOMObserver", {
-    enumerable: true,
-    get: function() {
-        return SelectionDOMObserver;
-    }
-});
-const _prosemirrorstate = require("prosemirror-state");
-const _browser = require("../browser.js");
-const _dom = require("../dom.js");
-const _hasFocusAndSelection = require("./hasFocusAndSelection.js");
-const _selectionFromDOM = require("./selectionFromDOM.js");
-const _selectionToDOM = require("./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;
-    }
-};
-let SelectionDOMObserver = 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 = (0, _dom.parentNode)(scan))ancestors.add(scan);
-        for(let scan = sel.anchorNode; scan; scan = (0, _dom.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 = (0, _selectionFromDOM.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;
-        (0, _selectionToDOM.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) && (0, _hasFocusAndSelection.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 && (0, _dom.selectionCollapsed)(sel) && (readSel = (0, _selectionFromDOM.selectionFromDOM)(view)) && readSel.eq(_prosemirrorstate.Selection.near(view.state.doc.resolve(0), 1))) {
-            // @ts-expect-error Internal property (input)
-            view.input.lastFocus = 0;
-            (0, _selectionToDOM.selectionToDOM)(view);
-            this.currentSelection.set(sel);
-            // @ts-expect-error Internal property (scrollToSelection)
-            view.scrollToSelection();
-        } else if (newSel) {
-            this.updateSelection();
-            if (!this.currentSelection.eq(sel)) (0, _selectionToDOM.selectionToDOM)(view);
-            this.currentSelection.set(sel);
-        }
-    }
-    forceFlush() {
-        if (this.flushingSoon > -1) {
-            window.clearTimeout(this.flushingSoon);
-            this.flushingSoon = -1;
-            this.flush();
-        }
-    }
-    onSelectionChange() {
-        if (!(0, _hasFocusAndSelection.hasFocusAndSelection)(this.view)) return;
-        if (this.view.composing) return;
-        if (this.suppressingSelectionUpdates) return (0, _selectionToDOM.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.browser.ie && _browser.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 && (0, _selectionToDOM.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/cjs/selection/hasFocusAndSelection.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    hasFocusAndSelection: function() {
-        return hasFocusAndSelection;
-    },
-    hasSelection: function() {
-        return hasSelection;
-    }
-});
-function hasFocusAndSelection(view) {
-    if (view.editable && !view.hasFocus()) return false;
-    return hasSelection(view);
-}
-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/cjs/selection/selectionFromDOM.js

@@ -1,77 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    selectionBetween: function() {
-        return selectionBetween;
-    },
-    selectionFromDOM: function() {
-        return selectionFromDOM;
-    }
-});
-const _prosemirrorstate = require("prosemirror-state");
-const _dom = require("../dom.js");
-function selectionBetween(view, $anchor, $head, bias) {
-    return view.someProp("createSelectionBetween", (f)=>f(view, $anchor, $head)) || _prosemirrorstate.TextSelection.between($anchor, $head, bias);
-}
-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 ((0, _dom.selectionCollapsed)(domSel)) {
-        anchor = head;
-        while(nearestDesc && !nearestDesc.node)nearestDesc = nearestDesc.parent;
-        const nearestDescNode = nearestDesc.node;
-        if (nearestDesc && nearestDescNode.isAtom && _prosemirrorstate.NodeSelection.isSelectable(nearestDescNode) && nearestDesc.parent && !(nearestDescNode.isInline && (0, _dom.isOnEdge)(domSel.focusNode, domSel.focusOffset, nearestDesc.dom))) {
-            const pos = nearestDesc.posBefore;
-            selection = new _prosemirrorstate.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;
-}