@kerebron/editor-kits 0.4.1

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

@@ -0,0 +1,238 @@
+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);
+        Object.defineProperty(this, "name", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 'dropcursor'
+        });
+        Object.defineProperty(this, "options", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {
+                color: 'currentColor',
+                width: 1,
+                class: undefined,
+            }
+        });
+    }
+    getProseMirrorPlugins() {
+        return [
+            dropCursor(this.options),
+        ];
+    }
+}

package/esm/extension-basic-editor/src/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 '../../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: {
+        color: string;
+        width: number;
+        class: undefined;
+    };
+    getProseMirrorPlugins(): Plugin[];
+}
+export {};
+//# sourceMappingURL=ExtensionGapcursor.d.ts.map

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

@@ -0,0 +1 @@
+{"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"}

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

@@ -0,0 +1,266 @@
+import { NodeSelection, Plugin, Selection, TextSelection, } from 'prosemirror-state';
+import { Fragment, Slice } from 'prosemirror-model';
+import { Decoration, DecorationSet } from 'prosemirror-view';
+import { Extension } from '../../editor/src/mod.js';
+import { keydownHandler } from '../../editor/src/plugins/keymap/mod.js';
+/// Gap cursor selections are represented using this class. Its
+/// `$anchor` and `$head` properties both point at the cursor position.
+export class GapCursor extends Selection {
+    /// Create a gap cursor.
+    constructor($pos) {
+        super($pos, $pos);
+        this.visible = false;
+    }
+    map(doc, mapping) {
+        let $pos = doc.resolve(mapping.map(this.head));
+        return GapCursor.valid($pos) ? new GapCursor($pos) : Selection.near($pos);
+    }
+    content() {
+        return Slice.empty;
+    }
+    eq(other) {
+        return other instanceof GapCursor && other.head == this.head;
+    }
+    toJSON() {
+        return { type: 'gapcursor', pos: this.head };
+    }
+    /// @internal
+    static fromJSONToGapCursor(doc, json) {
+        if (typeof json.pos != 'number') {
+            throw new RangeError('Invalid input for GapCursor.fromJSON');
+        }
+        return new GapCursor(doc.resolve(json.pos));
+    }
+    /// @internal
+    getBookmark() {
+        return new GapBookmark(this.anchor);
+    }
+    /// @internal
+    static valid($pos) {
+        let parent = $pos.parent;
+        if (parent.isTextblock || !closedBefore($pos) || !closedAfter($pos)) {
+            return false;
+        }
+        let override = parent.type.spec.allowGapCursor;
+        if (override != null)
+            return override;
+        let deflt = parent.contentMatchAt($pos.index()).defaultType;
+        return deflt && deflt.isTextblock;
+    }
+    /// @internal
+    static findGapCursorFrom($pos, dir, mustMove = false) {
+        search: for (;;) {
+            if (!mustMove && GapCursor.valid($pos))
+                return $pos;
+            let pos = $pos.pos, next = null;
+            // Scan up from this position
+            for (let d = $pos.depth;; d--) {
+                let parent = $pos.node(d);
+                if (dir > 0 ? $pos.indexAfter(d) < parent.childCount : $pos.index(d) > 0) {
+                    next = parent.child(dir > 0 ? $pos.indexAfter(d) : $pos.index(d) - 1);
+                    break;
+                }
+                else if (d == 0) {
+                    return null;
+                }
+                pos += dir;
+                let $cur = $pos.doc.resolve(pos);
+                if (GapCursor.valid($cur))
+                    return $cur;
+            }
+            // And then down into the next node
+            for (;;) {
+                let inside = dir > 0 ? next.firstChild : next.lastChild;
+                if (!inside) {
+                    if (next.isAtom && !next.isText && !NodeSelection.isSelectable(next)) {
+                        $pos = $pos.doc.resolve(pos + next.nodeSize * dir);
+                        mustMove = false;
+                        continue search;
+                    }
+                    break;
+                }
+                next = inside;
+                pos += dir;
+                let $cur = $pos.doc.resolve(pos);
+                if (GapCursor.valid($cur))
+                    return $cur;
+            }
+            return null;
+        }
+    }
+}
+Selection.jsonID('gapcursor', GapCursor);
+class GapBookmark {
+    constructor(pos) {
+        Object.defineProperty(this, "pos", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: pos
+        });
+    }
+    map(mapping) {
+        return new GapBookmark(mapping.map(this.pos));
+    }
+    resolve(doc) {
+        let $pos = doc.resolve(this.pos);
+        return GapCursor.valid($pos) ? new GapCursor($pos) : Selection.near($pos);
+    }
+}
+function closedBefore($pos) {
+    for (let d = $pos.depth; d >= 0; d--) {
+        let index = $pos.index(d), parent = $pos.node(d);
+        // At the start of this parent, look at next one
+        if (index == 0) {
+            if (parent.type.spec.isolating)
+                return true;
+            continue;
+        }
+        // See if the node before (or its first ancestor) is closed
+        for (let before = parent.child(index - 1);; before = before.lastChild) {
+            if ((before.childCount == 0 && !before.inlineContent) || before.isAtom ||
+                before.type.spec.isolating)
+                return true;
+            if (before.inlineContent)
+                return false;
+        }
+    }
+    // Hit start of document
+    return true;
+}
+function closedAfter($pos) {
+    for (let d = $pos.depth; d >= 0; d--) {
+        let index = $pos.indexAfter(d), parent = $pos.node(d);
+        if (index == parent.childCount) {
+            if (parent.type.spec.isolating)
+                return true;
+            continue;
+        }
+        for (let after = parent.child(index);; after = after.firstChild) {
+            if ((after.childCount == 0 && !after.inlineContent) || after.isAtom ||
+                after.type.spec.isolating)
+                return true;
+            if (after.inlineContent)
+                return false;
+        }
+    }
+    return true;
+}
+/// Create a gap cursor plugin. When enabled, this will capture clicks
+/// near and arrow-key-motion past places that don't have a normally
+/// selectable position nearby, and create a gap cursor selection for
+/// them. The cursor is drawn as an element with class
+/// `kb-gapcursor`. You can either include
+/// `style/gapcursor.css` from the package's directory or add your own
+/// styles to make it visible.
+function gapCursor() {
+    return new Plugin({
+        props: {
+            decorations: drawGapCursor,
+            createSelectionBetween(_view, $anchor, $head) {
+                return $anchor.pos == $head.pos && GapCursor.valid($head)
+                    ? new GapCursor($head)
+                    : null;
+            },
+            handleClick,
+            handleKeyDown,
+            handleDOMEvents: { beforeinput: beforeinput },
+        },
+    });
+}
+const handleKeyDown = keydownHandler({
+    'ArrowLeft': arrow('horiz', -1),
+    'ArrowRight': arrow('horiz', 1),
+    'ArrowUp': arrow('vert', -1),
+    'ArrowDown': arrow('vert', 1),
+});
+function arrow(axis, dir) {
+    const dirStr = axis == 'vert'
+        ? (dir > 0 ? 'down' : 'up')
+        : (dir > 0 ? 'right' : 'left');
+    return function (state, dispatch, view) {
+        let sel = state.selection;
+        let $start = dir > 0 ? sel.$to : sel.$from, mustMove = sel.empty;
+        if (sel instanceof TextSelection) {
+            if (!view.endOfTextblock(dirStr) || $start.depth == 0)
+                return false;
+            mustMove = false;
+            $start = state.doc.resolve(dir > 0 ? $start.after() : $start.before());
+        }
+        let $found = GapCursor.findGapCursorFrom($start, dir, mustMove);
+        if (!$found)
+            return false;
+        if (dispatch)
+            dispatch(state.tr.setSelection(new GapCursor($found)));
+        return true;
+    };
+}
+function handleClick(view, pos, event) {
+    if (!view || !view.editable)
+        return false;
+    let $pos = view.state.doc.resolve(pos);
+    if (!GapCursor.valid($pos))
+        return false;
+    let clickPos = view.posAtCoords({ left: event.clientX, top: event.clientY });
+    if (clickPos && clickPos.inside > -1 &&
+        NodeSelection.isSelectable(view.state.doc.nodeAt(clickPos.inside)))
+        return false;
+    view.dispatch(view.state.tr.setSelection(new GapCursor($pos)));
+    return true;
+}
+// This is a hack that, when a composition starts while a gap cursor
+// is active, quickly creates an inline context for the composition to
+// happen in, to avoid it being aborted by the DOM selection being
+// moved into a valid position.
+function beforeinput(view, event) {
+    if (event.inputType != 'insertCompositionText' ||
+        !(view.state.selection instanceof GapCursor))
+        return false;
+    let { $from } = view.state.selection;
+    let insert = $from.parent.contentMatchAt($from.index()).findWrapping(view.state.schema.nodes.text);
+    if (!insert)
+        return false;
+    let frag = Fragment.empty;
+    for (let i = insert.length - 1; i >= 0; i--) {
+        frag = Fragment.from(insert[i].createAndFill(null, frag));
+    }
+    let tr = view.state.tr.replace($from.pos, $from.pos, new Slice(frag, 0, 0));
+    tr.setSelection(TextSelection.near(tr.doc.resolve($from.pos + 1)));
+    view.dispatch(tr);
+    return false;
+}
+function drawGapCursor(state) {
+    if (!(state.selection instanceof GapCursor))
+        return null;
+    let node = document.createElement('div');
+    node.className = 'kb-gapcursor';
+    return DecorationSet.create(state.doc, [
+        Decoration.widget(state.selection.head, node, { key: 'gapcursor' }),
+    ]);
+}
+export class ExtensionGapcursor extends Extension {
+    constructor() {
+        super(...arguments);
+        Object.defineProperty(this, "name", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 'gapcursor'
+        });
+        Object.defineProperty(this, "options", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {
+                color: 'currentColor',
+                width: 1,
+                class: undefined,
+            }
+        });
+    }
+    getProseMirrorPlugins() {
+        return [
+            gapCursor(),
+        ];
+    }
+}

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

@@ -0,0 +1,15 @@
+import { Fragment, Node, type ParseOptions, Schema } from 'prosemirror-model';
+import { type Converter, type CoreEditor, Extension } from '../../editor/src/mod.js';
+export type CreateNodeFromContentOptions = {
+    parseOptions?: ParseOptions;
+    errorOnInvalidContent?: boolean;
+};
+export declare function getHTMLFromFragment(fragment: Fragment, schema: Schema): string;
+export declare function elementFromString(value: string): HTMLElement;
+export declare function createNodeFromHTML(content: string, schema: Schema, options?: CreateNodeFromContentOptions): Node;
+export declare function createFragmentFromHTML(content: string, schema: Schema, options?: CreateNodeFromContentOptions): Fragment;
+export declare class ExtensionHtml extends Extension {
+    name: string;
+    getConverters(editor: CoreEditor, schema: Schema): Record<string, Converter>;
+}
+//# sourceMappingURL=ExtensionHtml.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExtensionHtml.d.ts","sourceRoot":"","sources":["../../../src/extension-basic-editor/src/ExtensionHtml.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,QAAQ,EACR,IAAI,EACJ,KAAK,YAAY,EACjB,MAAM,EACP,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAErF,MAAM,MAAM,4BAA4B,GAAG;IACzC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAEF,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,GACb,MAAM,CAaR;AAqBD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,CAQ5D;AA+BD,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,4BAA4B,GACrC,IAAI,CAgBN;AAED,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,4BAA4B,GACrC,QAAQ,CAiBV;AAED,qBAAa,aAAc,SAAQ,SAAS;IAC1C,IAAI,SAAU;IAEL,aAAa,CACpB,MAAM,EAAE,UAAU,EAClB,MAAM,EAAE,MAAM,GACb,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC;CAe7B"}

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

@@ -0,0 +1,108 @@
+import { DOMParser, DOMSerializer, Schema, } from 'prosemirror-model';
+import { Extension } from '../../editor/src/mod.js';
+export function getHTMLFromFragment(fragment, schema) {
+    const document = globalThis.document;
+    const documentFragment = DOMSerializer.fromSchema(schema).serializeFragment(fragment, { document });
+    const temporaryDocument = document.implementation.createHTMLDocument();
+    const container = temporaryDocument.createElement('div');
+    container.appendChild(documentFragment);
+    return container.innerHTML;
+}
+const removeWhitespaces = (node) => {
+    const children = node.childNodes;
+    for (let i = children.length - 1; i >= 0; i -= 1) {
+        const child = children[i];
+        if (child.nodeType === 3 && child.nodeValue &&
+            /^(\n\s\s|\n)$/.test(child.nodeValue)) {
+            node.removeChild(child);
+        }
+        else if (child.nodeType === 1) {
+            removeWhitespaces(child);
+        }
+    }
+    return node;
+};
+export function elementFromString(value) {
+    // add a wrapper to preserve leading and trailing whitespace
+    const wrappedValue = `<body>${value}</body>`;
+    const html = new globalThis.DOMParser().parseFromString(wrappedValue, 'text/html').body;
+    return removeWhitespaces(html);
+}
+function prepareContentCheckSchema(schema) {
+    const contentCheckSchema = new Schema({
+        topNode: schema.spec.topNode,
+        marks: schema.spec.marks,
+        // Prosemirror's schemas are executed such that: the last to execute, matches last
+        // This means that we can add a catch-all node at the end of the schema to catch any content that we don't know how to handle
+        nodes: schema.spec.nodes.append({
+            __unknown__catch__all__node: {
+                content: 'inline*',
+                group: 'block',
+                parseDOM: [
+                    {
+                        tag: '*',
+                        getAttrs: (e) => {
+                            // Try to stringify the element for a more helpful error message
+                            const invalidContent = typeof e === 'string' ? e : e.outerHTML;
+                            throw new Error('Invalid HTML content', {
+                                cause: new Error(`Invalid element found: ${invalidContent}`),
+                            });
+                        },
+                    },
+                ],
+            },
+        }),
+    });
+    return contentCheckSchema;
+}
+export function createNodeFromHTML(content, schema, options) {
+    options = {
+        parseOptions: {},
+        ...options,
+    };
+    if (options.errorOnInvalidContent) {
+        const contentCheckSchema = prepareContentCheckSchema(schema);
+        DOMParser.fromSchema(contentCheckSchema).parse(elementFromString(content), options.parseOptions);
+    }
+    const parser = DOMParser.fromSchema(schema);
+    return parser.parse(elementFromString(content), options.parseOptions);
+}
+export function createFragmentFromHTML(content, schema, options) {
+    options = {
+        parseOptions: {},
+        ...options,
+    };
+    if (options.errorOnInvalidContent) {
+        const contentCheckSchema = prepareContentCheckSchema(schema);
+        DOMParser.fromSchema(contentCheckSchema).parseSlice(elementFromString(content), options.parseOptions);
+    }
+    const parser = DOMParser.fromSchema(schema);
+    return parser.parseSlice(elementFromString(content), options.parseOptions)
+        .content;
+}
+export class ExtensionHtml extends Extension {
+    constructor() {
+        super(...arguments);
+        Object.defineProperty(this, "name", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 'html'
+        });
+    }
+    getConverters(editor, schema) {
+        const config = this.config;
+        return {
+            'text/html': {
+                fromDoc: async (document) => {
+                    const html = getHTMLFromFragment(document.content, editor.schema);
+                    return new TextEncoder().encode(html);
+                },
+                toDoc: async (buffer) => {
+                    const html = new TextDecoder().decode(buffer);
+                    return createNodeFromHTML(html, editor.schema);
+                },
+            },
+        };
+    }
+}