@nerd-bible/wordgard 0.6.2-beta5 → 0.6.2-beta7

package/dist/command.d.ts

@@ -518,10 +518,10 @@ declare const enter: Command.Pure;
 /**
 Delete the selection, or the unit after or before the selection.
 If that unit is the start or end of a textblock, this will try to
-join that textblock to the next one. Otherwise, if it is a
-character or leaf node, that is deleted. If none of that is
-possible and the cursor is in an empty textblock, this will delete
-the textblock.
+join that textblock to the next one. Otherwise, if the cursor is
+in an empty textblock, this will delete the textblock. Finally, if
+there is a character or leaf node in the given direction, that is
+deleted.
 
 When deleting backward at the start of a list item that has a
 sibling before it, this command will try to join those list items.
@@ -709,9 +709,17 @@ declare const redo: Command;
 
 /**
 If the cursor is in an empty textblock that can be lifted out of a
-parent, return a transaction that does this.
+parent, return a transaction that does this. Unless
+`splitListItem` is set to false, if the block is part of a
+continued list item, this function will split the item above the
+block before it lifts it.
 */
-declare function liftEmptyBlock(state: GardState): Transaction.Spec | false;
+declare function liftEmptyBlock(state: GardState, splitListItem?: boolean): Transaction.Spec | false;
+/**
+Lift the textblock that the cursor is at the start of out of its
+innermost parent, if possible.
+*/
+declare function liftTextblock(state: GardState): Transaction.Spec | false;
 /**
 If the selection is in a {@link Plot.Spec.preserveWhitespace
 `preserveWhitespace`} textblock, replace the selected content with
@@ -823,4 +831,4 @@ updated to perform those joins.
 */
 declare function autoJoinBlocks(state: GardState, tr: Transaction.Spec): Transaction.Spec;
 
-export { Command, Menu, autoJoinBlocks, canAddMarkInRange, clearNonFitting, deleteBackward, deleteEmptyPlot, deleteForward, deleteLine, deleteSelection, deleteToLineEnd, deleteUnit, deleteWord, doUnwrapBlock, enter, enterInCode, findUnwrappable, findWrappable, insertLineBreak, insertText, joinBackward, joinBlocks, joinForward, joinListItems, killToLineEnd, liftEmptyBlock, listIsActive, moveByLine, moveByPage, moveByUnit, moveByWord, moveToDocSide, moveToLineSide, moveToTextblockSide, redo, selectAll, selectedTextblocks, setAlignment, setDirection, setTextblockType, splitTextblock, toggleBlock, toggleEmphasis, toggleList, toggleMark, toggleStrong, toggleUnderline, transposeChars, undo, unwrapBlock, wrapBlock, wrapBlockRange, yankKilled };
+export { Command, Menu, autoJoinBlocks, canAddMarkInRange, clearNonFitting, deleteBackward, deleteEmptyPlot, deleteForward, deleteLine, deleteSelection, deleteToLineEnd, deleteUnit, deleteWord, doUnwrapBlock, enter, enterInCode, findUnwrappable, findWrappable, insertLineBreak, insertText, joinBackward, joinBlocks, joinForward, joinListItems, killToLineEnd, liftEmptyBlock, liftTextblock, listIsActive, moveByLine, moveByPage, moveByUnit, moveByWord, moveToDocSide, moveToLineSide, moveToTextblockSide, redo, selectAll, selectedTextblocks, setAlignment, setDirection, setTextblockType, splitTextblock, toggleBlock, toggleEmphasis, toggleList, toggleMark, toggleStrong, toggleUnderline, transposeChars, undo, unwrapBlock, wrapBlock, wrapBlockRange, yankKilled };

package/dist/command.js

@@ -45,12 +45,27 @@ const Command = /*@__PURE__*/(function (Command) {
     Command.dispatch = dispatch;
 ;return Command})({});
 
-function liftEmptyBlock(state) {
+function liftEmptyBlock(state, splitListItem = true) {
     if (!state.selection.isCursor)
         return false;
     let sel = state.sel, block = sel.head.textblockParent;
     if (!block || !sel.head.isAtStart(block) || !sel.head.isAtEnd(block))
         return false;
+    if (splitListItem && block.parent?.parent && block.index && block.parent.parent.node.type.hasRole(Node.Role.List))
+        return {
+            changes: { from: block.before, insert: [Plot.End, block.parent.node.tag] },
+            scrollIntoView: true,
+            userEvent: "split.list"
+        };
+    return liftBlock(state, block);
+}
+function liftTextblock(state) {
+    if (!state.selection.isCursor)
+        return false;
+    let { head } = state.sel, block = head.textblockParent;
+    return !block || !head.isAtStart(block) ? false : liftBlock(state, block);
+}
+function liftBlock(state, block) {
     let start = block.before, end = block.after, before = [], after = [];
     for (let level = block.parent, index = block.index, atStart = true, atEnd = true, first = true; level; first = false, index = level.index, level = level.parent) {
         if (!first && state.schema.canContain(level.node.type, block.node.type))
@@ -60,7 +75,7 @@ function liftEmptyBlock(state) {
                     { from: block.after, to: end, insert: after }
                 ],
                 scrollIntoView: true,
-                userEvent: "unwrap.empty"
+                userEvent: "unwrap"
             };
         if (level.node.isInline || level.node.type.isolating)
             break;
@@ -792,8 +807,8 @@ const deleteUnit = ({ state }, dir) => {
     if (state.readOnly)
         return false;
     return deleteSelection(state) || (dir == "forward"
-        ? joinForward(state) || deleteForward(state) || deleteEmptyPlot(state, 1)
-        : joinListItems(state) || joinBackward(state) || deleteBackward(state) || deleteEmptyPlot(state, -1));
+        ? joinForward(state) || deleteEmptyPlot(state, 1) || deleteForward(state)
+        : joinListItems(state) || liftTextblock(state) || joinBackward(state) || deleteEmptyPlot(state, -1) || deleteBackward(state));
 };
 const deleteWord = ({ state }, dir) => {
     if (state.readOnly)
@@ -1541,4 +1556,4 @@ const Menu = /*@__PURE__*/(function (Menu) {
     Menu.resolve = resolve;
 ;return Menu})({});
 
-export { Command, Menu, autoJoinBlocks, canAddMarkInRange, clearNonFitting, deleteBackward, deleteEmptyPlot, deleteForward, deleteLine, deleteSelection, deleteToLineEnd, deleteUnit, deleteWord, doUnwrapBlock, enter, enterInCode, findUnwrappable, findWrappable, insertLineBreak, insertText, joinBackward, joinBlocks, joinForward, joinListItems, killToLineEnd, liftEmptyBlock, listIsActive, moveByLine, moveByPage, moveByUnit, moveByWord, moveToDocSide, moveToLineSide, moveToTextblockSide, redo, selectAll, selectedTextblocks, setAlignment, setDirection, setTextblockType, splitTextblock, toggleBlock, toggleEmphasis, toggleList, toggleMark, toggleStrong, toggleUnderline, transposeChars, undo, unwrapBlock, wrapBlock, wrapBlockRange, yankKilled };
+export { Command, Menu, autoJoinBlocks, canAddMarkInRange, clearNonFitting, deleteBackward, deleteEmptyPlot, deleteForward, deleteLine, deleteSelection, deleteToLineEnd, deleteUnit, deleteWord, doUnwrapBlock, enter, enterInCode, findUnwrappable, findWrappable, insertLineBreak, insertText, joinBackward, joinBlocks, joinForward, joinListItems, killToLineEnd, liftEmptyBlock, liftTextblock, listIsActive, moveByLine, moveByPage, moveByUnit, moveByWord, moveToDocSide, moveToLineSide, moveToTextblockSide, redo, selectAll, selectedTextblocks, setAlignment, setDirection, setTextblockType, splitTextblock, toggleBlock, toggleEmphasis, toggleList, toggleMark, toggleStrong, toggleUnderline, transposeChars, undo, unwrapBlock, wrapBlock, wrapBlockRange, yankKilled };

package/dist/doc.js

@@ -412,7 +412,7 @@ const Attributes = /*@__PURE__*/(function (Attributes) {
                 score--;
                 iA += 2;
             }
-            else if (iB < b.length && iA == a.length) {
+            else if (iB < b.length) {
                 score--;
                 iB += 2;
             }
@@ -2399,6 +2399,36 @@ class ChangeSetBuilder {
     sections = [];
     data = [];
     pos = 0;
+    addSection(from, to, ins, value) {
+        if (from >= this.pos) {
+            addSection(this.sections, this.data, from - this.pos, -1, null);
+            addSection(this.sections, this.data, to - from, ins, value);
+            this.pos = to;
+            return true;
+        }
+        if (this.sections.length && this.sections[0] > to && this.sections[1] == -1) {
+            this.spliceSection(0, from, to, ins, value);
+            return true;
+        }
+        for (let pos = this.pos, i = this.sections.length; i > 2 && pos > to;) {
+            let nextIns = this.sections[--i], nextLen = this.sections[--i];
+            let start = pos - nextLen;
+            if (nextIns == -1 && start < from) {
+                this.spliceSection(i, from - start, to - start, ins, value);
+                return true;
+            }
+            pos = start;
+        }
+        return false;
+    }
+    spliceSection(i, from, to, ins, value) {
+        let sections = [], data = [];
+        addSection(sections, data, from, -1, null);
+        addSection(sections, data, to - from, ins, value);
+        addSection(sections, data, this.sections[i] - to, -1, null);
+        this.sections.splice(i, 2, ...sections);
+        this.data.splice(i >> 1, 1, ...data);
+    }
 }
 function sliceLen(tokens) {
     return tokens.reduce((l, e) => l + (e.tokenType == Token.Type.Node ? e.length : 1), 0);
@@ -2419,14 +2449,11 @@ function createChangeSet(doc, spec, mayCorrect = true) {
         accum = accum ? accum.compose(transform(set, accum, doc, false, false).set) : set;
     };
     let section = (from, to, ins, value) => {
-        if (!cur || from < cur.pos) {
+        if (!cur?.addSection(from, to, ins, value)) {
             flush();
             cur = new ChangeSetBuilder(doc.length);
+            cur.addSection(from, to, ins, value);
         }
-        if (from > cur.pos)
-            addSection(cur.sections, cur.data, from - cur.pos, -1, null);
-        addSection(cur.sections, cur.data, to - from, ins, value);
-        cur.pos = to;
     };
     let build = (spec) => {
         if (Array.isArray(spec)) {

package/dist/editor.d.ts

@@ -375,10 +375,11 @@ declare const enum TileFlag {
     Composition = 128,
     Synced = 256,// Node has been synced. DOM content matches child list / text content, child array becomes read-only
     Atom = 512,// Composite tile whose length isn't determined by child length
-    HasContent = 1024,// EltTile whose elt has a content hole
-    AfterContent = 2048,// Tiles that sit after their parent's content position
-    ContentNotLast = 4096,// EltTile that has children with AfterContent flag
-    Dirty = 8192
+    Uneditable = 1024,// Tile's DOM is uneditable
+    HasContent = 2048,// EltTile whose elt has a content hole
+    AfterContent = 4096,// Tiles that sit after their parent's content position
+    ContentNotLast = 8192,// EltTile that has children with AfterContent flag
+    Dirty = 16384
 }
 declare const enum Orientation {
     Row = 0,
@@ -420,14 +421,15 @@ declare abstract class Tile {
     get boundary(): 0 | 1;
     get firstChild(): Tile | null;
     get lastChild(): Tile | null;
-    get nodeParent(): Tile;
     ignoreEvent(event: Event): boolean;
     get ignoreMutations(): boolean;
     toString(): string;
     abstract sync(): void;
     connect(): void;
     disconnect(reused?: Map<Tile, Reused>): void;
-    nearestNode(): Tile;
+    nearestNode(): Tile & {
+        tag: Node$1.Tag;
+    };
     markDirty(): void;
     posAtCoords(state: GardState, x: number, y: number): CoordPos;
     abstract posAtCoordsInner(start: number, state: GardState, x: number, y: number, textblock: TextblockMap | null, orientation: Orientation): CoordPos;
@@ -437,6 +439,7 @@ declare class CompositeTile extends Tile {
     children: Tile[];
     dom: Element;
     addChild(child: Tile): void;
+    putChild(child: Tile, index: number): void;
     sync(): void;
     syncChildren(): void;
     posAtCoordsInner(start: number, state: GardState, x: number, y: number, textblock: TextblockMap | null, orientation: Orientation): CoordPos;

package/dist/editor.js

@@ -202,6 +202,14 @@ class Widget {
         },
         editable: true
     });
+    Widget.blockImg = Widget.create({
+        render() {
+            let img = document.createElement("img");
+            img.className = "wg-blockBuffer";
+            return img;
+        },
+        editable: true
+    });
     Widget.br = Widget.create({
         render() { return document.createElement("br"); },
         editable: true
@@ -735,7 +743,7 @@ class DecoIterator {
                 else
                     started = true;
                 let hasPending = pendingPos == pos && !node.isText;
-                let shape = hasPending && pendingShape ? pendingShape.shape : this.tagShape(node.tag, iter.active);
+                let shape = this.tagShape(node.tag, iter.active, hasPending ? pendingShape : null);
                 if (hasPending)
                     for (let deco of pendingDeco)
                         shape = applyDeco(shape, deco, node.tag);
@@ -749,8 +757,7 @@ class DecoIterator {
                     this.widgets(node.tag, 0, walker);
                 else
                     started = true;
-                let shape = pendingShape && pendingPos == pos ? pendingShape.shape
-                    : this.tagShape(node.tag, iter.active);
+                let shape = this.tagShape(node.tag, iter.active, pendingShape && pendingPos == pos ? pendingShape : null);
                 if (pendingPos == pos)
                     for (let deco of pendingDeco)
                         shape = applyDeco(shape, deco, node.tag);
@@ -829,9 +836,8 @@ class DecoIterator {
         }
         this.pos = pos;
     }
-    tagShape(tag, active) {
-        let override = this.tagShapes.get(tag.type);
-        let shape = override ? override(tag) : baseTagShape(tag);
+    tagShape(tag, active, fromPoint) {
+        let shape = fromPoint ? fromPoint.shape : this.tagShapes.get(tag.type)?.(tag) ?? baseTagShape(tag);
         if (tag.marks.length)
             shape = addMarkAttributes(this.markShapes, shape, tag);
         let add;
@@ -1284,12 +1290,6 @@ class Tile {
         let last = this.children.length - 1;
         return last < 0 ? null : this.children[last];
     }
-    get nodeParent() {
-        let tile = this;
-        while (!tile.tag)
-            tile = tile.parent;
-        return tile;
-    }
     ignoreEvent(event) { return false; }
     get ignoreMutations() { return false; }
     toString() { return this.dom.nodeName + (this.children.length ? `(${this.children})` : ""); }
@@ -1309,8 +1309,8 @@ class Tile {
         return tile;
     }
     markDirty() {
-        if (!(this.flags & 8192)) {
-            this.flags |= 8192;
+        if (!(this.flags & 16384)) {
+            this.flags |= 16384;
             this.parent?.markDirty();
         }
     }
@@ -1321,10 +1321,10 @@ class Tile {
     static get(node) { return node.wgTile; }
 }
 function checkSync(tile) {
-    if ((tile.flags & 256) && !(tile.flags & 8192))
+    if ((tile.flags & 256) && !(tile.flags & 16384))
         return false;
     tile.flags |= 256;
-    tile.flags &= -8193;
+    tile.flags &= -16385;
     return true;
 }
 class CompositeTile extends Tile {
@@ -1332,9 +1332,9 @@ class CompositeTile extends Tile {
     addChild(child) {
         if (this.flags & 256)
             throw new Error("Cannot add to a synced tile");
-        if ((this.flags & 4096) && !(child.flags & 2048)) {
+        if ((this.flags & 8192) && !(child.flags & 4096)) {
             let i = this.children.length;
-            while (i > 0 && (this.children[i - 1].flags & 2048))
+            while (i > 0 && (this.children[i - 1].flags & 4096))
                 i--;
             this.children.splice(i, 0, child);
         }
@@ -1343,6 +1343,10 @@ class CompositeTile extends Tile {
         }
         child.parent = this;
     }
+    putChild(child, index) {
+        this.children.splice(index, 0, child);
+        child.parent = this;
+    }
     sync() {
         if (!checkSync(this))
             return;
@@ -1633,7 +1637,7 @@ class DocTile extends CompositeTile {
                     parentBefore = before;
                     before = before.children[beforeI = before.children.length - 1];
                 }
-                if (before.isNodeInner && (before.flags & 2048) || (before.flags & 64)) {
+                if (before.isNodeInner && (before.flags & 4096) || (before.flags & 64)) {
                     parent = parentBefore;
                     i = beforeI;
                     continue adjust;
@@ -1645,7 +1649,7 @@ class DocTile extends CompositeTile {
                     parentAfter = after;
                     after = after.children[afterI = 0];
                 }
-                if (after.isNodeInner && !(after.flags & 2048) || (after.flags & 32)) {
+                if (after.isNodeInner && !(after.flags & 4096) || (after.flags & 32)) {
                     parent = parentAfter;
                     i = afterI + 1;
                     continue adjust;
@@ -1764,20 +1768,20 @@ class EltTile extends CompositeTile {
     get boundary() { return this._tag && !(this.flags & 512) ? 1 : 0; }
     get tag() { return this._tag; }
     get contentTile() {
-        if (!(this.flags & 1024))
+        if (!(this.flags & 2048))
             return null;
         for (let ch of this.children)
-            if (ch.isNodeInner && (ch.flags & 1024))
+            if (ch.isNodeInner && (ch.flags & 2048))
                 return ch.contentTile;
         return this;
     }
     static of(elt, tag, flags, length, dom) {
         if (elt.hasContent) {
-            flags |= 1024;
+            flags |= 2048;
             if (elt.children.length > 1) {
                 let zero = elt.children.indexOf(0);
                 if (zero > -1 && zero < elt.children.length - 1)
-                    flags |= 4096;
+                    flags |= 8192;
             }
         }
         return new EltTile(elt, tag, flags, length, dom || elt.outerDOM());
@@ -1789,8 +1793,13 @@ function setUneditable(dom) {
         span.appendChild(dom);
         dom = span;
     }
-    if (dom.contentEditable == "inherit" && !/^(br|hr|img|input|wbr)$/i.test(dom.nodeName))
-        dom.contentEditable = "false";
+    let cur = dom.contentEditable;
+    if (cur == "false")
+        return true;
+    if (cur != "inherit" || !/^(br|hr|img|input|wbr)$/i.test(dom.nodeName))
+        return false;
+    dom.contentEditable = "false";
+    return true;
 }
 class WidgetTile extends Tile {
     widget;
@@ -1949,7 +1958,12 @@ class TilePointer {
         let { tile, index } = this;
         if (tile.isAtom)
             return tile;
-        return index < tile.children.length ? tile.children[index] : null;
+        for (; index < tile.children.length; index++) {
+            let next = tile.children[index];
+            if (!(next instanceof WidgetTile && (next.widget == Widget.blockImg || next.widget == Widget.br)))
+                return next;
+        }
+        return null;
     }
     matchingWrapper(elt, spanning, reused) {
         let best, bestScore = 0;
@@ -1987,7 +2001,7 @@ class TilePointer {
                     if (!before.isPoint)
                         break;
                     if (!reused.has(before) && before instanceof WidgetTile && before.widget.eq(widget) &&
-                        (before.flags & 96) == sideFlag && !(before.flags & 8192)) {
+                        (before.flags & 96) == sideFlag && !(before.flags & 16384)) {
                         reused.set(before, 1);
                         return before;
                     }
@@ -2073,7 +2087,7 @@ class ContentUpdate {
                 else if (this.new.lastChild instanceof TextTile && !this.new.lastChild.isComposition) {
                     this.addText(tile.text.slice(from, to));
                 }
-                else if (!from && to == tile.text.length && !(tile.flags & 8192) && !this.reused.has(tile)) {
+                else if (!from && to == tile.text.length && !(tile.flags & 16384) && !this.reused.has(tile)) {
                     this.reused.set(tile, 1);
                     this.new.addChild(tile);
                 }
@@ -2242,7 +2256,7 @@ class ContentUpdate {
                     if (!(next instanceof TextTile) || this.reused.has(next)) {
                         this.addText(node.param);
                     }
-                    else if (next.text == node.param && !(next.flags & 8192)) {
+                    else if (next.text == node.param && !(next.flags & 16384)) {
                         this.reused.set(next, 1);
                         this.new.addChild(next);
                     }
@@ -2290,9 +2304,10 @@ class ContentUpdate {
                             : null;
                 if (!tile) {
                     let dom = widget.render(this.wg);
-                    if (!widget.type.editable)
-                        setUneditable(dom);
-                    tile = new WidgetTile(widget, null, 16 | sideFlag, dom);
+                    let flags = 16 | sideFlag;
+                    if (!widget.type.editable && setUneditable(dom))
+                        flags |= 1024;
+                    tile = new WidgetTile(widget, null, flags, dom);
                     if (widget.type.connect)
                         this.toConnect.push(tile);
                 }
@@ -2329,27 +2344,33 @@ class ContentUpdate {
     }
     buildNodeShape(tag, length, shape, reuse, inEditable = true, afterContent = 0) {
         if (shape instanceof Elt) {
+            let flags = (tag ? (shape.hasContent ? 0 : 512)
+                : 1 | (shape.hasContent ? 0 : 16)) | afterContent;
             if (inEditable && !shape.hasContent) {
-                if (Attributes.get(shape.attrs, "contenteditable") == null && !/^(br|hr|img|input|wbr)$/i.test(shape.tagName))
+                let contentEd = Attributes.get(shape.attrs, "contenteditable");
+                if (contentEd == null && !/^(br|hr|img|input|wbr)$/i.test(shape.tagName)) {
                     shape = Elt.create(shape.tagName, Attributes.merge(shape.attrs, ["contenteditable", "false"]), shape.children);
+                    flags |= 1024;
+                }
+                else if (contentEd == "false") {
+                    flags |= 1024;
+                }
                 inEditable = false;
             }
             let reusable, dom, strict = true;
             if (reusable = this.findReusableTile(shape, reuse, strict) || this.findReusableTile(shape, reuse, strict = false)) {
                 this.reused.set(reusable, 2);
                 dom = reusable.dom;
-                if (reusable.flags & 8192)
+                if (reusable.flags & 16384)
                     updateAttributes(dom, takeAttributes(reusable.dom), shape.attrs);
                 else if (!strict)
                     updateAttributes(dom, reusable.elt.attrs, shape.attrs);
             }
-            let flags = (tag ? (shape.hasContent ? 0 : 512)
-                : 1 | (shape.hasContent ? 0 : 16)) | afterContent;
             let tile = EltTile.of(shape, tag, flags, tag ? length : 0, dom);
             let afterContentInner = 0;
             for (let ch of shape.children) {
                 if (ch === 0) {
-                    afterContentInner = 2048;
+                    afterContentInner = 4096;
                     tile.flags |= 2;
                 }
                 else {
@@ -2358,8 +2379,7 @@ class ContentUpdate {
             }
             return tile;
         }
-        else {
-            let reusable, dom;
+        else {            let reusable, dom;
             if (reusable = this.findReusableTile(shape, reuse, false)) {
                 this.reused.set(reusable, 2);
                 dom = reusable.dom;
@@ -2367,9 +2387,9 @@ class ContentUpdate {
             else {
                 dom = shape.render(this.wg);
             }
-            if (inEditable && !shape.type.editable)
-                setUneditable(dom);
             let flags = (tag ? 512 : 16 | 1) | afterContent;
+            if (inEditable && !shape.type.editable && setUneditable(dom))
+                flags |= 1024;
             let tile = new WidgetTile(shape, tag, flags, dom, tag ? length : 0);
             if (shape.type.connect)
                 this.toConnect.push(tile);
@@ -2382,25 +2402,26 @@ class ContentUpdate {
         if (tile.isNodeOuter)
             for (let child of tile.children)
                 if (child.isNodeInner) {
-                    copy.addChild((child.flags & 1024) ? this.copyEltStructure(child) : child);
+                    copy.addChild((child.flags & 2048) ? this.copyEltStructure(child) : child);
                 }
         return copy;
     }
-    ensureHackNode() {
-        let tile = this.new;
-        if (!tile.isPlotContent)
-            return;
-        while (tile.isNodeInner)
-            tile = tile.parent;
-        let tag = tile.tag;
-        if (!tag || !tag.isPlot || !(tag.isTextblock || tag.type.isInline))
-            return;
+    ensureHackNodes() {
+        if (this.new.isPlotContent || this.new.isWrapper) {
+            let { tag } = this.new.nearestNode();
+            if (this.new.isPlotContent && tag.isPlot && (tag.isTextblock || tag.type.isInline))
+                this.ensureTrailingHackNode(this.new);
+            if (tag.isPlot && !tag.inlineContent)
+                this.ensureBlockSeparators(this.new);
+        }
+    }
+    ensureTrailingHackNode(target) {
         let hasHack = -1, needsHack = true;
-        for (let parent = this.new, i = parent.children.length;;) {
+        for (let parent = target, i = parent.children.length;;) {
             if (i > 0) {
                 let next = parent.children[--i];
                 if (next.isNodeInner || next instanceof WidgetTile && !next.widget.type.inFlow) ;
-                else if (next instanceof WidgetTile && next.widget == Widget.br && parent == this.new) {
+                else if (next instanceof WidgetTile && next.widget == Widget.br && parent == target) {
                     hasHack = i;
                 }
                 else if (next.dom.nodeName == "BR") {
@@ -2415,7 +2436,7 @@ class ContentUpdate {
                     break;
                 }
             }
-            else if (parent == this.new) {
+            else if (parent == target) {
                 break;
             }
             else {
@@ -2425,14 +2446,32 @@ class ContentUpdate {
         }
         if (hasHack > -1) {
             if (!needsHack)
-                this.new.children.splice(hasHack, 1);
+                target.children.splice(hasHack, 1);
         }
         else if (needsHack) {
-            this.new.addChild(new WidgetTile(Widget.br, null, 16 | 64, Widget.br.render(this.wg)));
+            target.addChild(new WidgetTile(Widget.br, null, 16 | 64, Widget.br.render(this.wg)));
+        }
+    }
+    ensureBlockSeparators(target) {
+        for (let i = 0, prev = null;; i++) {
+            let next = i == target.children.length ? null : target.children[i];
+            if (next && next.isNodeInner)
+                continue;
+            if (!next && !prev)
+                break;
+            if ((next || prev) &&
+                (!next || ((next.flags & 1024) && !(next.flags & 32))) &&
+                (!prev || ((prev.flags & 1024) && !(prev.flags & 64)))) {
+                let widget = new WidgetTile(Widget.blockImg, null, 16 | 64, Widget.blockImg.render(this.wg));
+                target.putChild(widget, i++);
+            }
+            if (!next)
+                break;
+            prev = next;
         }
     }
     up() {
-        this.ensureHackNode();
+        this.ensureHackNodes();
         this.new = this.new.parent;
     }
     leaveNode() {
@@ -2491,8 +2530,10 @@ class ContentUpdate {
                 prev = copy;
                 prev.parent = cur;
             }
-            for (let j = i + 1; j < cur.children.length; j++)
+            for (let j = i + 1; j < cur.children.length; j++) {
                 prev.addChild(cur.children[j]);
+                cur.children.splice(j, 1);
+            }
             return prev;
         }
         return null;
@@ -2515,7 +2556,7 @@ class ContentUpdate {
     finish() {
         while (!(this.new instanceof DocTile))
             this.up();
-        this.ensureHackNode();
+        this.ensureHackNodes();
         return this.new;
     }
 }
@@ -2917,6 +2958,9 @@ const baseStyles = /*@__PURE__*/buildTheme("." + styleID, {
         verticalAlign: "bottom",
         height: "1em",
     },
+    ".wg-blockBuffer": {
+        position: "absolute"
+    },
     "wg-placeholder": {
         opacity: "0.6",
         display: "inline-block",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nerd-bible/wordgard",
-  "version": "0.6.2-beta5",
+  "version": "0.6.2-beta7",
   "description": "Semantic rich text editor system",
   "type": "module",
   "main": "dist/index.js",