@kerebron/extension-basic-editor 0.4.27 → 0.4.28

package/esm/ExtensionBaseKeymap.d.ts

@@ -0,0 +1,7 @@
+import { Extension } from '@kerebron/editor';
+import { type CommandShortcuts } from '@kerebron/editor/commands';
+export declare class ExtensionBaseKeymap extends Extension {
+    name: string;
+    getKeyboardShortcuts(): Partial<CommandShortcuts>;
+}
+//# sourceMappingURL=ExtensionBaseKeymap.d.ts.map

package/esm/ExtensionBaseKeymap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtensionBaseKeymap.d.ts","sourceRoot":"","sources":["../src/ExtensionBaseKeymap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AA4ClE,qBAAa,mBAAoB,SAAQ,SAAS;IAChD,IAAI,SAAiB;IAEZ,oBAAoB,IAAI,OAAO,CAAC,gBAAgB,CAAC;CAe3D"}

package/esm/ExtensionBaseKeymap.js

@@ -0,0 +1,55 @@
+import { Extension } from '@kerebron/editor';
+/// A basic keymap containing bindings not specific to any schema.
+/// Binds the following keys (when multiple commands are listed, they
+/// are chained with [`chainCommands`](#commands.chainCommands)):
+///
+/// * **Enter** to `newlineInCode`, `createParagraphNear`, `liftEmptyBlock`, `splitBlock`
+/// * **Mod-Enter** to `exitCode`
+/// * **Backspace** and **Mod-Backspace** to `deleteSelection`, `joinBackward`, `selectNodeBackward`
+/// * **Delete** and **Mod-Delete** to `deleteSelection`, `joinForward`, `selectNodeForward`
+/// * **Mod-Delete** to `deleteSelection`, `joinForward`, `selectNodeForward`
+/// * **Mod-a** to `selectAll`
+const pcBaseKeymap = {
+    'Mod-Enter': 'exitCode',
+    'Backspace': 'backspace',
+    'Mod-Backspace': 'backspace',
+    'Shift-Backspace': 'backspace',
+    'Delete': 'del',
+    'Mod-Delete': 'del',
+    'Mod-a': 'selectAll',
+};
+/// A copy of `pcBaseKeymap` that also binds **Ctrl-h** like Backspace,
+/// **Ctrl-d** like Delete, **Alt-Backspace** like Ctrl-Backspace, and
+/// **Ctrl-Alt-Backspace**, **Alt-Delete**, and **Alt-d** like
+/// Ctrl-Delete.
+const macBaseKeymap = {
+    ...pcBaseKeymap,
+    'Ctrl-h': pcBaseKeymap['Backspace'],
+    'Alt-Backspace': pcBaseKeymap['Mod-Backspace'],
+    'Ctrl-d': pcBaseKeymap['Delete'],
+    'Ctrl-Alt-Backspace': pcBaseKeymap['Mod-Delete'],
+    'Alt-Delete': pcBaseKeymap['Mod-Delete'],
+    'Alt-d': pcBaseKeymap['Mod-Delete'],
+    'Ctrl-a': 'selectTextblockStart',
+    'Ctrl-e': 'selectTextblockEnd',
+};
+const mac = /(Mac|iPhone|iPod|iPad)/i.test(navigator?.platform);
+const baseKeymap = mac
+    ? macBaseKeymap
+    : pcBaseKeymap;
+export class ExtensionBaseKeymap extends Extension {
+    name = 'base-keymap';
+    getKeyboardShortcuts() {
+        const shortcuts = {
+            'Enter': 'enter',
+            'Alt-ArrowUp': 'joinUp',
+            'Alt-ArrowDown': 'joinDown',
+            'Mod-BracketLeft': 'lift',
+            'Escape': 'selectParentNode',
+        };
+        for (const key in baseKeymap) {
+            shortcuts[key] = baseKeymap[key];
+        }
+        return shortcuts;
+    }
+}

package/esm/ExtensionBasicCodeEditor.d.ts

@@ -0,0 +1,11 @@
+import { Node } from 'prosemirror-model';
+import { AnyExtensionOrReq, Extension, RawTextResult } from '@kerebron/editor';
+export declare class ExtensionBasicCodeEditor extends Extension {
+    name: string;
+    requires: AnyExtensionOrReq[];
+    constructor({ lang }: {
+        lang: string;
+    });
+    toRawText(doc: Node): RawTextResult;
+}
+//# sourceMappingURL=ExtensionBasicCodeEditor.d.ts.map

package/esm/ExtensionBasicCodeEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtensionBasicCodeEditor.d.ts","sourceRoot":"","sources":["../src/ExtensionBasicCodeEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EACL,iBAAiB,EACjB,SAAS,EAET,aAAa,EACd,MAAM,kBAAkB,CAAC;AAW1B,qBAAa,wBAAyB,SAAQ,SAAS;IACrD,IAAI,SAAuB;IAC3B,QAAQ,EAAE,iBAAiB,EAAE,CAAC;gBAElB,EAAE,IAAI,EAAE,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE;IAetC,SAAS,CAAC,GAAG,EAAE,IAAI,GAAG,aAAa;CA4CpC"}

package/esm/ExtensionBasicCodeEditor.js

@@ -0,0 +1,61 @@
+import { Extension, } from '@kerebron/editor';
+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 {
+    name = 'basic-code-editor';
+    requires;
+    constructor({ lang }) {
+        super();
+        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/ExtensionBasicEditor.d.ts

@@ -0,0 +1,49 @@
+import { Extension } from '@kerebron/editor';
+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 { ExtensionRemoteSelection } from './remote-selection/ExtensionRemoteSelection.js';
+import { ExtensionTextAlign } from './ExtensionTextAlign.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 { MarkSuperscript } from './MarkSuperscript.js';
+import { MarkSubscript } from './MarkSubscript.js';
+import { NodeDocument } from './NodeDocument.js';
+import { NodeText } from './NodeText.js';
+import { NodeCodeBlock } from './NodeCodeBlock.js';
+import { NodeBookmark } from './NodeBookmark.js';
+import { NodeParagraph } from './NodeParagraph.js';
+import { NodeHardBreak } from './NodeHardBreak.js';
+import { NodeHorizontalRule } from './NodeHorizontalRule.js';
+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 { 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 { NodeInlineShortCode } from './NodeInlineShortCode.js';
+export declare class ExtensionBasicEditor extends Extension {
+    name: string;
+    requires: (ExtensionSelection | ExtensionBaseKeymap | ExtensionDropcursor | ExtensionGapcursor | ExtensionHtml | ExtensionMediaUpload | ExtensionRemoteSelection | ExtensionTextAlign | MarkLink | MarkStrong | MarkItalic | MarkUnderline | MarkStrike | MarkCode | MarkChange | MarkBookmark | MarkTextColor | MarkHighlight | MarkSuperscript | MarkSubscript | NodeDocument | NodeText | NodeCodeBlock | NodeBookmark | NodeParagraph | NodeHardBreak | NodeHorizontalRule | NodeOrderedList | NodeBulletList | NodeListItem | NodeImage | NodeVideo | NodeBlockquote | NodeAside | NodeHeading | NodeMath | NodeDefinitionList | NodeDefinitionTerm | NodeDefinitionDesc | NodeFrontmatter | NodeTaskList | NodeTaskItem | NodeInlineShortCode)[];
+}
+//# sourceMappingURL=ExtensionBasicEditor.d.ts.map

package/esm/ExtensionBasicEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtensionBasicEditor.d.ts","sourceRoot":"","sources":["../src/ExtensionBasicEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,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,wBAAwB,EAAE,MAAM,gDAAgD,CAAC;AAC1F,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,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,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,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,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,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,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,qBAAa,oBAAqB,SAAQ,SAAS;IACjD,IAAI,SAAkB;IACtB,QAAQ,+sBA8CN;CACH"}

package/esm/ExtensionBasicEditor.js

@@ -0,0 +1,94 @@
+import { Extension } from '@kerebron/editor';
+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 { ExtensionRemoteSelection } from './remote-selection/ExtensionRemoteSelection.js';
+import { ExtensionTextAlign } from './ExtensionTextAlign.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 { MarkSuperscript } from './MarkSuperscript.js';
+import { MarkSubscript } from './MarkSubscript.js';
+import { NodeDocument } from './NodeDocument.js';
+import { NodeText } from './NodeText.js';
+import { NodeCodeBlock } from './NodeCodeBlock.js';
+import { NodeBookmark } from './NodeBookmark.js';
+import { NodeParagraph } from './NodeParagraph.js';
+import { NodeHardBreak } from './NodeHardBreak.js';
+import { NodeHorizontalRule } from './NodeHorizontalRule.js';
+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 { 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 { NodeInlineShortCode } from './NodeInlineShortCode.js';
+export class ExtensionBasicEditor extends Extension {
+    name = 'basic-editor';
+    requires = [
+        new ExtensionBaseKeymap(),
+        new ExtensionDropcursor(),
+        new ExtensionGapcursor(),
+        new ExtensionHtml(),
+        new ExtensionMediaUpload(),
+        new ExtensionRemoteSelection(),
+        new ExtensionSelection(),
+        new ExtensionTextAlign(),
+        new NodeDocument(),
+        new NodeText(),
+        new NodeParagraph(),
+        new NodeHardBreak(),
+        new NodeCodeBlock(),
+        new NodeBookmark(),
+        new NodeHorizontalRule(),
+        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 NodeInlineShortCode(),
+        new MarkLink(),
+        new MarkItalic(),
+        new MarkStrong(),
+        new MarkUnderline(),
+        new MarkStrike(),
+        new MarkCode(),
+        new MarkChange(),
+        new MarkBookmark(),
+        new MarkTextColor(),
+        new MarkHighlight(),
+        new MarkSuperscript(),
+        new MarkSubscript(),
+    ];
+}

package/esm/ExtensionDropcursor.d.ts

@@ -0,0 +1,19 @@
+import { Plugin } from 'prosemirror-state';
+import { Extension } from '@kerebron/editor';
+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: {
+        color: string;
+        width: number;
+        class: undefined;
+    };
+    getProseMirrorPlugins(): Plugin[];
+}
+export {};
+//# sourceMappingURL=ExtensionDropcursor.d.ts.map

package/esm/ExtensionDropcursor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtensionDropcursor.d.ts","sourceRoot":"","sources":["../src/ExtensionDropcursor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAIxD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,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/ExtensionDropcursor.js

@@ -0,0 +1,186 @@
+import { Plugin } from 'prosemirror-state';
+import { dropPoint } from 'prosemirror-transform';
+import { Extension } from '@kerebron/editor';
+/// 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 {
+    editorView;
+    width;
+    color;
+    class;
+    cursorPos = null;
+    element = null;
+    timeout = -1;
+    handlers;
+    constructor(editorView, options) {
+        this.editorView = editorView;
+        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 {
+    name = 'dropcursor';
+    options = {
+        color: 'currentColor',
+        width: 1,
+        class: undefined,
+    };
+    getProseMirrorPlugins() {
+        return [
+            dropCursor(this.options),
+        ];
+    }
+}

package/esm/ExtensionGapcursor.d.ts

@@ -0,0 +1,32 @@
+import { Plugin, Selection } from 'prosemirror-state';
+import { Node, ResolvedPos, Slice } from 'prosemirror-model';
+import { Mappable } from 'prosemirror-transform';
+import { Extension } from '@kerebron/editor';
+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: {
+        color: string;
+        width: number;
+        class: undefined;
+    };
+    getProseMirrorPlugins(): Plugin[];
+}
+export {};
+//# sourceMappingURL=ExtensionGapcursor.d.ts.map

package/esm/ExtensionGapcursor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtensionGapcursor.d.ts","sourceRoot":"","sources":["../src/ExtensionGapcursor.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,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;AAIjD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAK7C,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"}