@37signals/lexxy 0.1.17-beta → 0.1.19-beta

package/dist/lexxy.esm.js

@@ -756,6 +756,10 @@ class ActionTextAttachmentUploadNode extends ActionTextAttachmentNode {
     return new ActionTextAttachmentUploadNode({ ...node }, node.__key)
   }
 
+  static importJSON(serializedNode) {
+    return new ActionTextAttachmentUploadNode({ ...serializedNode })
+  }
+
   constructor({ file, uploadUrl, blobUrlTemplate, editor, progress }, key) {
     super({ contentType: file.type }, key);
     this.file = file;
@@ -795,6 +799,17 @@ class ActionTextAttachmentUploadNode extends ActionTextAttachmentNode {
     return { element: img }
   }
 
+  exportJSON() {
+    return {
+      type: "action_text_attachment_upload",
+      version: 1,
+      progress: this.progress,
+      uploadUrl: this.uploadUrl,
+      blobUrlTemplate: this.blobUrlTemplate,
+      ...super.exportJSON()
+    }
+  }
+
   #createDOMForImage() {
     return createElement("img")
   }
@@ -1661,22 +1676,24 @@ class Selection {
     const node = this.nodeAfterCursor;
     if (node instanceof DecoratorNode) {
       this.#selectInLexical(node);
+      return true
     } else {
       this.#contents.deleteSelectedNodes();
     }
 
-    return true
+    return false
   }
 
   #deletePreviousOrNext() {
     const node = this.nodeBeforeCursor;
     if (node instanceof DecoratorNode) {
       this.#selectInLexical(node);
+      return true
     } else {
       this.#contents.deleteSelectedNodes();
     }
 
-    return true
+    return false
   }
 
   #getValidSelectionRange() {
@@ -2288,10 +2305,10 @@ class Contents {
       const selection = $getSelection();
       if (!$isRangeSelection(selection)) return
 
-      const topLevelElement = selection.anchor.getNode().getTopLevelElementOrThrow();
+      const topLevelElement = selection.anchor.getNode().getTopLevelElement();
 
       // Check if format is already applied
-      if (isFormatAppliedFn(topLevelElement)) {
+      if (topLevelElement && isFormatAppliedFn(topLevelElement)) {
         this.#unwrap(topLevelElement);
       } else {
         this.#insertNodeWrappingAllSelectedNodes(newNodeFn);
@@ -2521,10 +2538,7 @@ class Contents {
       const node = $getNodeByKey(nodeKey);
       if (!node) return
 
-      let previousNode = node;
-      try {
-        previousNode = node.getTopLevelElementOrThrow();
-      } catch {}
+      const previousNode = node.getTopLevelElement() || node;
 
       const newNode = options.attachment ? this.#createCustomAttachmentNodeWithHtml(html, options.attachment) : this.#createHtmlNodeWith(html);
       previousNode.insertAfter(newNode);
@@ -2551,16 +2565,21 @@ class Contents {
       if (!$isRangeSelection(selection)) return
 
       const selectedNodes = selection.extract();
-      if (selectedNodes.length === 0) return
-
+      if (selectedNodes.length === 0) {
+        return
+      }
       const topLevelElements = new Set();
       selectedNodes.forEach((node) => {
         const topLevel = node.getTopLevelElementOrThrow();
         topLevelElements.add(topLevel);
       });
 
-      const elements = this.#removeTrailingEmptyParagraphs(Array.from(topLevelElements));
-      if (elements.length === 0) return
+      const elements = this.#withoutTrailingEmptyParagraphs(Array.from(topLevelElements));
+      if (elements.length === 0) {
+        this.#removeStandaloneEmptyParagraph();
+        this.insertAtCursor(newNodeFn());
+        return
+      }
 
       const wrappingNode = newNodeFn();
       elements[0].insertBefore(wrappingNode);
@@ -2572,7 +2591,7 @@ class Contents {
     });
   }
 
-  #removeTrailingEmptyParagraphs(elements) {
+  #withoutTrailingEmptyParagraphs(elements) {
     let lastNonEmptyIndex = elements.length - 1;
 
     // Find the last non-empty paragraph
@@ -2596,6 +2615,16 @@ class Contents {
     return children.length === 0 || children.every(child => $isLineBreakNode(child))
   }
 
+  #removeStandaloneEmptyParagraph() {
+    const root = $getRoot();
+    if (root.getChildrenSize() === 1) {
+      const firstChild = root.getFirstChild();
+      if (firstChild && $isParagraphNode(firstChild) && this.#isElementEmpty(firstChild)) {
+        firstChild.remove();
+      }
+    }
+  }
+
   #insertNodeWrappingAllSelectedLines(newNodeFn) {
     this.editor.update(() => {
       const selection = $getSelection();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@37signals/lexxy",
-  "version": "0.1.17-beta",
+  "version": "0.1.19-beta",
   "description": "Lexxy - A modern rich text editor for Rails.",
   "module": "dist/lexxy.esm.js",
   "type": "module",