@kerebron/extension-basic-editor 0.2.1 → 0.4.2

package/esm/extension-basic-editor/src/ExtensionBasicCodeEditor.js

@@ -0,0 +1,71 @@
+import { Extension, } from '../../editor/src/mod.js';
+import { NodeDocumentCode } from './NodeDocumentCode.js';
+import { ExtensionSelection } from './ExtensionSelection.js';
+import { ExtensionBaseKeymap } from './ExtensionBaseKeymap.js';
+import { ExtensionDropcursor } from './ExtensionDropcursor.js';
+import { ExtensionGapcursor } from './ExtensionGapcursor.js';
+import { ExtensionHtml } from './ExtensionHtml.js';
+import { NodeText } from './NodeText.js';
+import { ExtensionRemoteSelection } from './remote-selection/ExtensionRemoteSelection.js';
+export class ExtensionBasicCodeEditor extends Extension {
+    constructor({ lang }) {
+        super();
+        Object.defineProperty(this, "name", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 'basic-code-editor'
+        });
+        Object.defineProperty(this, "requires", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this.requires = [
+            new ExtensionBaseKeymap(),
+            new ExtensionDropcursor(),
+            new ExtensionGapcursor(),
+            new ExtensionHtml(),
+            new ExtensionRemoteSelection(),
+            new ExtensionSelection(),
+            new NodeDocumentCode({ lang }),
+            new NodeText(),
+        ];
+    }
+    toRawText(doc) {
+        const topNodeType = this.editor.schema.topNodeType;
+        const spec = topNodeType.spec;
+        const singleNodeDoc = spec.content?.indexOf('*') === -1;
+        if (!singleNodeDoc) {
+            throw new Error('Not a single node doc');
+        }
+        if (doc.children.length !== 1) {
+            throw new Error('Not a single node doc');
+        }
+        const codeBlock = doc.children[0];
+        const content = codeBlock.content.content
+            .map((node) => node.text)
+            .join('');
+        const lines = content.split('\n');
+        const rawTextMap = [];
+        let nodeIdx = 1;
+        let targetPos = 0;
+        let targetRow = 0;
+        for (const line of lines) {
+            rawTextMap.push({
+                nodeIdx: nodeIdx,
+                targetRow,
+                targetCol: 0,
+                targetPos,
+            });
+            targetRow++;
+            targetPos += line.length + 1;
+            nodeIdx += line.length + 1;
+        }
+        return {
+            content,
+            rawTextMap,
+        };
+    }
+}

package/esm/extension-basic-editor/src/ExtensionBasicEditor.d.ts

@@ -1,7 +1,20 @@
 import { Extension } from '../../editor/src/mod.js';
+import { ExtensionSelection } from './ExtensionSelection.js';
 import { ExtensionBaseKeymap } from './ExtensionBaseKeymap.js';
 import { ExtensionDropcursor } from './ExtensionDropcursor.js';
 import { ExtensionGapcursor } from './ExtensionGapcursor.js';
+import { ExtensionHtml } from './ExtensionHtml.js';
+import { ExtensionMediaUpload } from './ExtensionMediaUpload.js';
+import { MarkLink } from './MarkLink.js';
+import { MarkStrong } from './MarkStrong.js';
+import { MarkItalic } from './MarkItalic.js';
+import { MarkUnderline } from './MarkUnderline.js';
+import { MarkStrike } from './MarkStrike.js';
+import { MarkCode } from './MarkCode.js';
+import { MarkChange } from './MarkChange.js';
+import { MarkBookmark } from './MarkBookmark.js';
+import { MarkTextColor } from './MarkTextColor.js';
+import { MarkHighlight } from './MarkHighlight.js';
 import { NodeDocument } from './NodeDocument.js';
 import { NodeText } from './NodeText.js';
 import { NodeParagraph } from './NodeParagraph.js';
@@ -11,19 +24,20 @@ import { NodeOrderedList } from './NodeOrderedList.js';
 import { NodeBulletList } from './NodeBulletList.js';
 import { NodeListItem } from './NodeListItem.js';
 import { NodeImage } from './NodeImage.js';
+import { NodeVideo } from './NodeVideo.js';
 import { NodeBlockquote } from './NodeBlockquote.js';
 import { NodeAside } from './NodeAside.js';
 import { NodeHeading } from './NodeHeading.js';
-import { MarkLink } from './MarkLink.js';
-import { MarkStrong } from './MarkStrong.js';
-import { MarkItalic } from './MarkItalic.js';
-import { MarkUnderline } from './MarkUnderline.js';
-import { MarkCode } from './MarkCode.js';
-import { MarkChange } from './MarkChange.js';
-import { MarkBookmark } from './MarkBookmark.js';
-import { ExtensionHtml } from './ExtensionHtml.js';
+import { NodeMath } from './NodeMath.js';
+import { NodeDefinitionList } from './NodeDefinitionList.js';
+import { NodeDefinitionTerm } from './NodeDefinitionTerm.js';
+import { NodeDefinitionDesc } from './NodeDefinitionDesc.js';
+import { NodeFrontmatter } from './NodeFrontmatter.js';
+import { NodeTaskList } from './NodeTaskList.js';
+import { NodeTaskItem } from './NodeTaskItem.js';
+import { ExtensionRemoteSelection } from './remote-selection/ExtensionRemoteSelection.js';
 export declare class ExtensionBasicEditor extends Extension {
     name: string;
-    requires: (ExtensionBaseKeymap | ExtensionDropcursor | ExtensionGapcursor | NodeDocument | NodeText | NodeParagraph | NodeHardBreak | NodeHorizontalRule | NodeOrderedList | NodeBulletList | NodeListItem | NodeImage | NodeBlockquote | NodeAside | NodeHeading | MarkLink | MarkStrong | MarkItalic | MarkUnderline | MarkCode | MarkChange | MarkBookmark | ExtensionHtml)[];
+    requires: (ExtensionSelection | ExtensionBaseKeymap | ExtensionDropcursor | ExtensionGapcursor | ExtensionHtml | ExtensionMediaUpload | MarkLink | MarkStrong | MarkItalic | MarkUnderline | MarkStrike | MarkCode | MarkChange | MarkBookmark | MarkTextColor | MarkHighlight | NodeDocument | NodeText | NodeParagraph | NodeHardBreak | NodeHorizontalRule | NodeOrderedList | NodeBulletList | NodeListItem | NodeImage | NodeVideo | NodeBlockquote | NodeAside | NodeHeading | NodeMath | NodeDefinitionList | NodeDefinitionTerm | NodeDefinitionDesc | NodeFrontmatter | NodeTaskList | NodeTaskItem | ExtensionRemoteSelection)[];
 }
 //# sourceMappingURL=ExtensionBasicEditor.d.ts.map

package/esm/extension-basic-editor/src/ExtensionBasicEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExtensionBasicEditor.d.ts","sourceRoot":"","sources":["../../../src/extension-basic-editor/src/ExtensionBasicEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,qBAAa,oBAAqB,SAAQ,SAAS;IACjD,IAAI,SAAkB;IACtB,QAAQ,yWAwBN;CACH"}
+{"version":3,"file":"ExtensionBasicEditor.d.ts","sourceRoot":"","sources":["../../../src/extension-basic-editor/src/ExtensionBasicEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,wBAAwB,EAAE,MAAM,gDAAgD,CAAC;AAE1F,qBAAa,oBAAqB,SAAQ,SAAS;IACjD,IAAI,SAAkB;IACtB,QAAQ,mmBAwCN;CACH"}

package/esm/extension-basic-editor/src/ExtensionBasicEditor.js

@@ -1,7 +1,20 @@
 import { Extension } from '../../editor/src/mod.js';
+import { ExtensionSelection } from './ExtensionSelection.js';
 import { ExtensionBaseKeymap } from './ExtensionBaseKeymap.js';
 import { ExtensionDropcursor } from './ExtensionDropcursor.js';
 import { ExtensionGapcursor } from './ExtensionGapcursor.js';
+import { ExtensionHtml } from './ExtensionHtml.js';
+import { ExtensionMediaUpload } from './ExtensionMediaUpload.js';
+import { MarkLink } from './MarkLink.js';
+import { MarkStrong } from './MarkStrong.js';
+import { MarkItalic } from './MarkItalic.js';
+import { MarkUnderline } from './MarkUnderline.js';
+import { MarkStrike } from './MarkStrike.js';
+import { MarkCode } from './MarkCode.js';
+import { MarkChange } from './MarkChange.js';
+import { MarkBookmark } from './MarkBookmark.js';
+import { MarkTextColor } from './MarkTextColor.js';
+import { MarkHighlight } from './MarkHighlight.js';
 import { NodeDocument } from './NodeDocument.js';
 import { NodeText } from './NodeText.js';
 import { NodeParagraph } from './NodeParagraph.js';
@@ -11,17 +24,18 @@ import { NodeOrderedList } from './NodeOrderedList.js';
 import { NodeBulletList } from './NodeBulletList.js';
 import { NodeListItem } from './NodeListItem.js';
 import { NodeImage } from './NodeImage.js';
+import { NodeVideo } from './NodeVideo.js';
 import { NodeBlockquote } from './NodeBlockquote.js';
 import { NodeAside } from './NodeAside.js';
 import { NodeHeading } from './NodeHeading.js';
-import { MarkLink } from './MarkLink.js';
-import { MarkStrong } from './MarkStrong.js';
-import { MarkItalic } from './MarkItalic.js';
-import { MarkUnderline } from './MarkUnderline.js';
-import { MarkCode } from './MarkCode.js';
-import { MarkChange } from './MarkChange.js';
-import { MarkBookmark } from './MarkBookmark.js';
-import { ExtensionHtml } from './ExtensionHtml.js';
+import { NodeMath } from './NodeMath.js';
+import { NodeDefinitionList } from './NodeDefinitionList.js';
+import { NodeDefinitionTerm } from './NodeDefinitionTerm.js';
+import { NodeDefinitionDesc } from './NodeDefinitionDesc.js';
+import { NodeFrontmatter } from './NodeFrontmatter.js';
+import { NodeTaskList } from './NodeTaskList.js';
+import { NodeTaskItem } from './NodeTaskItem.js';
+import { ExtensionRemoteSelection } from './remote-selection/ExtensionRemoteSelection.js';
 export class ExtensionBasicEditor extends Extension {
     constructor() {
         super(...arguments);
@@ -40,6 +54,9 @@ export class ExtensionBasicEditor extends Extension {
                 new ExtensionDropcursor(),
                 new ExtensionGapcursor(),
                 new ExtensionHtml(),
+                new ExtensionMediaUpload(),
+                new ExtensionRemoteSelection(),
+                new ExtensionSelection(),
                 new NodeDocument(),
                 new NodeText(),
                 new NodeParagraph(),
@@ -48,17 +65,30 @@ export class ExtensionBasicEditor extends Extension {
                 new NodeOrderedList(),
                 new NodeBulletList(),
                 new NodeListItem(),
+                new NodeTaskList(),
+                new NodeTaskItem(),
+                new NodeDefinitionList(),
+                new NodeDefinitionTerm(),
+                new NodeDefinitionDesc(),
+                new NodeTaskList(),
+                new NodeTaskItem(),
+                new NodeFrontmatter(),
                 new NodeImage(),
+                new NodeVideo(),
                 new NodeBlockquote(),
                 new NodeAside(),
                 new NodeHeading(),
+                new NodeMath(),
                 new MarkLink(),
                 new MarkItalic(),
                 new MarkStrong(),
                 new MarkUnderline(),
+                new MarkStrike(),
                 new MarkCode(),
                 new MarkChange(),
                 new MarkBookmark(),
+                new MarkTextColor(),
+                new MarkHighlight(),
             ]
         });
     }

package/esm/extension-basic-editor/src/ExtensionDropcursor.d.ts

@@ -1,5 +1,11 @@
 import { Plugin } from 'prosemirror-state';
 import { Extension } from '../../editor/src/mod.js';
+interface DropCursorOptions {
+    color?: string | false;
+    width?: number;
+    class?: string;
+}
+export declare function dropCursor(options?: DropCursorOptions): Plugin;
 export declare class ExtensionDropcursor extends Extension {
     name: string;
     options: {
@@ -9,4 +15,5 @@ export declare class ExtensionDropcursor extends Extension {
     };
     getProseMirrorPlugins(): Plugin[];
 }
+export {};
 //# sourceMappingURL=ExtensionDropcursor.d.ts.map

package/esm/extension-basic-editor/src/ExtensionDropcursor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExtensionDropcursor.d.ts","sourceRoot":"","sources":["../../../src/extension-basic-editor/src/ExtensionDropcursor.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,qBAAa,mBAAoB,SAAQ,SAAS;IAChD,IAAI,SAAgB;IAEpB,OAAO;;;;MAIL;IAEF,qBAAqB,IAAI,MAAM,EAAE;CAKlC"}
+{"version":3,"file":"ExtensionDropcursor.d.ts","sourceRoot":"","sources":["../../../src/extension-basic-editor/src/ExtensionDropcursor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAIxD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,UAAU,iBAAiB;IAEzB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAGvB,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAUD,wBAAgB,UAAU,CAAC,OAAO,GAAE,iBAAsB,GAAG,MAAM,CAMlE;AA+KD,qBAAa,mBAAoB,SAAQ,SAAS;IAChD,IAAI,SAAgB;IAEpB,OAAO;;;;MAIL;IAEO,qBAAqB,IAAI,MAAM,EAAE;CAK3C"}

package/esm/extension-basic-editor/src/ExtensionDropcursor.js

@@ -1,5 +1,215 @@
-import { dropCursor } from 'prosemirror-dropcursor';
+import { Plugin } from 'prosemirror-state';
+import { dropPoint } from 'prosemirror-transform';
 import { Extension } from '../../editor/src/mod.js';
+/// Create a plugin that, when added to a ProseMirror instance,
+/// causes a decoration to show up at the drop position when something
+/// is dragged over the editor.
+///
+/// Nodes may add a `disableDropCursor` property to their spec to
+/// control the showing of a drop cursor inside them. This may be a
+/// boolean or a function, which will be called with a view and a
+/// position, and should return a boolean.
+export function dropCursor(options = {}) {
+    return new Plugin({
+        view(editorView) {
+            return new DropCursorView(editorView, options);
+        },
+    });
+}
+class DropCursorView {
+    constructor(editorView, options) {
+        Object.defineProperty(this, "editorView", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: editorView
+        });
+        Object.defineProperty(this, "width", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "color", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "class", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "cursorPos", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "element", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "timeout", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: -1
+        });
+        Object.defineProperty(this, "handlers", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this.width = options.width ?? 1;
+        this.color = options.color === false
+            ? undefined
+            : (options.color || 'black');
+        this.class = options.class;
+        this.handlers = ['dragover', 'dragend', 'drop', 'dragleave'].map((name) => {
+            let handler = (e) => {
+                this[name](e);
+            };
+            editorView.dom.addEventListener(name, handler);
+            return { name, handler };
+        });
+    }
+    destroy() {
+        this.handlers.forEach(({ name, handler }) => this.editorView.dom.removeEventListener(name, handler));
+    }
+    update(editorView, prevState) {
+        if (this.cursorPos != null && prevState.doc != editorView.state.doc) {
+            if (this.cursorPos > editorView.state.doc.content.size) {
+                this.setCursor(null);
+            }
+            else
+                this.updateOverlay();
+        }
+    }
+    setCursor(pos) {
+        if (pos == this.cursorPos)
+            return;
+        this.cursorPos = pos;
+        if (pos == null) {
+            this.element.parentNode.removeChild(this.element);
+            this.element = null;
+        }
+        else {
+            this.updateOverlay();
+        }
+    }
+    updateOverlay() {
+        let $pos = this.editorView.state.doc.resolve(this.cursorPos);
+        let isBlock = !$pos.parent.inlineContent, rect;
+        let editorDOM = this.editorView.dom, editorRect = editorDOM.getBoundingClientRect();
+        let scaleX = editorRect.width / editorDOM.offsetWidth, scaleY = editorRect.height / editorDOM.offsetHeight;
+        if (isBlock) {
+            let before = $pos.nodeBefore, after = $pos.nodeAfter;
+            if (before || after) {
+                let node = this.editorView.nodeDOM(this.cursorPos - (before ? before.nodeSize : 0));
+                if (node) {
+                    let nodeRect = node.getBoundingClientRect();
+                    let top = before ? nodeRect.bottom : nodeRect.top;
+                    if (before && after) {
+                        top = (top +
+                            this.editorView.nodeDOM(this.cursorPos)
+                                .getBoundingClientRect().top) / 2;
+                    }
+                    let halfWidth = (this.width / 2) * scaleY;
+                    rect = {
+                        left: nodeRect.left,
+                        right: nodeRect.right,
+                        top: top - halfWidth,
+                        bottom: top + halfWidth,
+                    };
+                }
+            }
+        }
+        if (!rect) {
+            let coords = this.editorView.coordsAtPos(this.cursorPos);
+            let halfWidth = (this.width / 2) * scaleX;
+            rect = {
+                left: coords.left - halfWidth,
+                right: coords.left + halfWidth,
+                top: coords.top,
+                bottom: coords.bottom,
+            };
+        }
+        let parent = this.editorView.dom.offsetParent;
+        if (!this.element) {
+            this.element = parent.appendChild(document.createElement('div'));
+            if (this.class)
+                this.element.className = this.class;
+            this.element.style.cssText =
+                'position: absolute; z-index: 50; pointer-events: none;';
+            if (this.color) {
+                this.element.style.backgroundColor = this.color;
+            }
+        }
+        this.element.classList.toggle('prosemirror-dropcursor-block', isBlock);
+        this.element.classList.toggle('prosemirror-dropcursor-inline', !isBlock);
+        let parentLeft, parentTop;
+        if (!parent ||
+            parent == document.body && getComputedStyle(parent).position == 'static') {
+            parentLeft = -pageXOffset;
+            parentTop = -pageYOffset;
+        }
+        else {
+            let rect = parent.getBoundingClientRect();
+            let parentScaleX = rect.width / parent.offsetWidth, parentScaleY = rect.height / parent.offsetHeight;
+            parentLeft = rect.left - parent.scrollLeft * parentScaleX;
+            parentTop = rect.top - parent.scrollTop * parentScaleY;
+        }
+        this.element.style.left = (rect.left - parentLeft) / scaleX + 'px';
+        this.element.style.top = (rect.top - parentTop) / scaleY + 'px';
+        this.element.style.width = (rect.right - rect.left) / scaleX + 'px';
+        this.element.style.height = (rect.bottom - rect.top) / scaleY + 'px';
+    }
+    scheduleRemoval(timeout) {
+        clearTimeout(this.timeout);
+        this.timeout = setTimeout(() => this.setCursor(null), timeout);
+    }
+    dragover(event) {
+        if (!this.editorView.editable)
+            return;
+        let pos = this.editorView.posAtCoords({
+            left: event.clientX,
+            top: event.clientY,
+        });
+        let node = pos && pos.inside >= 0 &&
+            this.editorView.state.doc.nodeAt(pos.inside);
+        let disableDropCursor = node && node.type.spec.disableDropCursor;
+        let disabled = typeof disableDropCursor == 'function'
+            ? disableDropCursor(this.editorView, pos, event)
+            : disableDropCursor;
+        if (pos && !disabled) {
+            let target = pos.pos;
+            if (this.editorView.dragging && this.editorView.dragging.slice) {
+                let point = dropPoint(this.editorView.state.doc, target, this.editorView.dragging.slice);
+                if (point != null)
+                    target = point;
+            }
+            this.setCursor(target);
+            this.scheduleRemoval(5000);
+        }
+    }
+    dragend() {
+        this.scheduleRemoval(20);
+    }
+    drop() {
+        this.scheduleRemoval(20);
+    }
+    dragleave(event) {
+        if (!this.editorView.dom.contains(event.relatedTarget)) {
+            this.setCursor(null);
+        }
+    }
+}
 export class ExtensionDropcursor extends Extension {
     constructor() {
         super(...arguments);

package/esm/extension-basic-editor/src/ExtensionGapcursor.d.ts

@@ -1,5 +1,24 @@
-import { Plugin } from 'prosemirror-state';
+import { Plugin, Selection } from 'prosemirror-state';
+import { Node, ResolvedPos, Slice } from 'prosemirror-model';
+import { Mappable } from 'prosemirror-transform';
 import { Extension } from '../../editor/src/mod.js';
+export declare class GapCursor extends Selection {
+    constructor($pos: ResolvedPos);
+    map(doc: Node, mapping: Mappable): Selection;
+    content(): Slice;
+    eq(other: Selection): boolean;
+    toJSON(): any;
+    static fromJSONToGapCursor(doc: Node, json: any): GapCursor;
+    getBookmark(): GapBookmark;
+    static valid($pos: ResolvedPos): any;
+    static findGapCursorFrom($pos: ResolvedPos, dir: number, mustMove?: boolean): ResolvedPos | null;
+}
+declare class GapBookmark {
+    readonly pos: number;
+    constructor(pos: number);
+    map(mapping: Mappable): GapBookmark;
+    resolve(doc: Node): Selection;
+}
 export declare class ExtensionGapcursor extends Extension {
     name: string;
     options: {
@@ -9,4 +28,5 @@ export declare class ExtensionGapcursor extends Extension {
     };
     getProseMirrorPlugins(): Plugin[];
 }
+export {};
 //# sourceMappingURL=ExtensionGapcursor.d.ts.map

package/esm/extension-basic-editor/src/ExtensionGapcursor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExtensionGapcursor.d.ts","sourceRoot":"","sources":["../../../src/extension-basic-editor/src/ExtensionGapcursor.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,qBAAa,kBAAmB,SAAQ,SAAS;IAC/C,IAAI,SAAe;IAEnB,OAAO;;;;MAIL;IAEO,qBAAqB,IAAI,MAAM,EAAE;CAK3C"}
+{"version":3,"file":"ExtensionGapcursor.d.ts","sourceRoot":"","sources":["../../../src/extension-basic-editor/src/ExtensionGapcursor.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,MAAM,EACN,SAAS,EAEV,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAY,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAKpD,qBAAa,SAAU,SAAQ,SAAS;gBAE1B,IAAI,EAAE,WAAW;IAK7B,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,GAAG,SAAS;IAKnC,OAAO;IAIhB,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,OAAO;IAI7B,MAAM,IAAI,GAAG;IAKb,MAAM,CAAC,mBAAmB,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,GAAG,SAAS;IAQlD,WAAW,IAAI,WAAW;IAKnC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW;IAY9B,MAAM,CAAC,iBAAiB,CAAC,IAAI,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,UAAQ;CA0C1E;AAID,cAAM,WAAW;IACH,QAAQ,CAAC,GAAG,EAAE,MAAM;gBAAX,GAAG,EAAE,MAAM;IAEhC,GAAG,CAAC,OAAO,EAAE,QAAQ;IAGrB,OAAO,CAAC,GAAG,EAAE,IAAI,GAAG,SAAS;CAI9B;AA4ID,qBAAa,kBAAmB,SAAQ,SAAS;IAC/C,IAAI,SAAe;IAEnB,OAAO;;;;MAIL;IAEO,qBAAqB,IAAI,MAAM,EAAE;CAK3C"}