lexxy 0.9.24 → 0.9.25

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: '08d5395bf49ba2c13a16064a9bae40bb6dd6e7d17a00235732374b66967d5532'
-  data.tar.gz: 0446fe6c91c279e2b198ee2d42191e4a3d3ec80882945b20f85fc3f9522fe180
+  metadata.gz: 92ba1a84cc251d9d9b65ab65cb2dbd24fb1e8180456855cc32620efa0d3b5e85
+  data.tar.gz: 5f2f17fe5d328e1e8961067cd297692d87fa70901c81b9c55527cb5ac3887503
 SHA512:
-  metadata.gz: 6ce53b76db8039e8658761a8083ce5e6713cb7afb17c64838fb0561d15b25f2901ed22ed3bb715874659accbebbee78ac1797a5613659bdaeeabe40f034994f5
-  data.tar.gz: ee2bb48df2a24e532d9f69b16cc205cf5a19fb22d3d2add102d8ec2f26406ca59bcd7dbcae4ea577ce423ca09eaaceb9d4939b19a673a4efabf5734e68775fd8
+  metadata.gz: b281de9a7ad1d3ca00bee0ddb2f5841eda6db4747d20421d127fb375f01d20b509052bb006cd168a8def21ff59c1c2f71cd0362817cca70aa7881caf6883e1b2
+  data.tar.gz: bf512346a4f6bfab93053150eda97fa1f0c04915a29fc2c06a1187ce76b295bd3c5cfb0dc72d14698d6a0cf7631af9ffa6a2e5edb10ae4627693502877d14f6d

data/app/assets/javascript/lexxy.js

@@ -7473,9 +7473,9 @@ class ToolbarDropdown extends HTMLElement {
 const HEADING_BUTTON_SELECTOR = "button.lexxy-heading-button";
 
 const HEADING_PRESETS = [
-  { label: "Large Heading", name: "heading-large" },
-  { label: "Medium Heading", name: "heading-medium" },
-  { label: "Small Heading", name: "heading-small" }
+  { label: "Large Heading", name: "heading-large", command: "setFormatHeadingLarge" },
+  { label: "Medium Heading", name: "heading-medium", command: "setFormatHeadingMedium" },
+  { label: "Small Heading", name: "heading-small", command: "setFormatHeadingSmall" }
 ];
 
 class HeadingDropdown extends HTMLElement {
@@ -7505,6 +7505,14 @@ class HeadingDropdown extends HTMLElement {
     }
   }
 
+  static commandFor(index) {
+    if (index < HEADING_PRESETS.length) {
+      return HEADING_PRESETS[index].command
+    } else {
+      return "applyHeadingFormat"
+    }
+  }
+
   #listeners = new ListenerBin()
 
   connectedCallback() {
@@ -7567,6 +7575,7 @@ class HeadingDropdown extends HTMLElement {
     const button = document.createElement("button");
     button.type = "button";
     button.dataset.heading = tag;
+    button.dataset.command = HeadingDropdown.commandFor(index);
     button.classList.add("lexxy-heading-button");
     button.name = name;
     button.title = label;
@@ -7581,7 +7590,7 @@ class HeadingDropdown extends HTMLElement {
         if (!this.#editor) return
 
         event.preventDefault();
-        this.#editor.dispatchCommand("applyHeadingFormat", button.dataset.heading);
+        this.#editor.dispatchCommand(button.dataset.command, button.dataset.heading);
         this.#editor.focus();
       }));
     });
@@ -8450,14 +8459,29 @@ function $shrinkSelectionPastBlockEdges(selection) {
   if (!anchorBlock || !focusBlock || anchorBlock.is(focusBlock)) return
 
   if ($isAtBlockEnd(selection.anchor, anchorBlock)) {
-    const nextBlock = anchorBlock.getNextSibling();
+    const nextBlock = $nearestElementSibling(anchorBlock, "next");
     if (nextBlock) selection.anchor.set(nextBlock.getKey(), 0, "element");
   }
 
   if ($isAtBlockStart(selection.focus, focusBlock)) {
-    const previousBlock = focusBlock.getPreviousSibling();
+    const previousBlock = $nearestElementSibling(focusBlock, "previous");
     if (previousBlock) selection.focus.set(previousBlock.getKey(), previousBlock.getChildrenSize(), "element");
   }
+
+  // Shrinking moves the endpoints toward each other, so they can cross when
+  // both were flush against block edges; callers assume a forward selection.
+  j$6(selection);
+}
+
+// Top-level decorator blocks (attachments, horizontal dividers) can't hold a
+// selection point, so walk past them to the nearest element sibling. Returns
+// null when no element sibling exists in that direction.
+function $nearestElementSibling(block, direction) {
+  let sibling = block;
+  do {
+    sibling = direction === "next" ? sibling.getNextSibling() : sibling.getPreviousSibling();
+  } while (sibling && !Wi(sibling))
+  return sibling
 }
 
 function $isAtBlockEnd(point, block) {
@@ -10309,6 +10333,9 @@ const COMMANDS = [
   "unlink",
   "toggleHighlight",
   "removeHighlight",
+  "setFormatHeadingLarge",
+  "setFormatHeadingMedium",
+  "setFormatHeadingSmall",
   "setFormatParagraph",
   "applyHeadingFormat",
   "clearFormatting",
@@ -10502,6 +10529,18 @@ class CommandDispatcher {
     Pt$3(new HorizontalDividerNode);
   }
 
+  dispatchSetFormatHeadingLarge() {
+    this.#applyConfiguredHeadingFormat(0);
+  }
+
+  dispatchSetFormatHeadingMedium() {
+    this.#applyConfiguredHeadingFormat(1);
+  }
+
+  dispatchSetFormatHeadingSmall() {
+    this.#applyConfiguredHeadingFormat(2);
+  }
+
   dispatchSetFormatParagraph() {
     this.contents.applyParagraphFormat();
   }
@@ -10558,6 +10597,11 @@ class CommandDispatcher {
     this.#listeners.dispose();
   }
 
+  #applyConfiguredHeadingFormat(index) {
+    const tag = this.editorElement.config.get("headings")[index];
+    if (tag) this.contents.applyHeadingFormat(tag);
+  }
+
   #registerCommands() {
     for (const command of COMMANDS) {
       const methodName = `dispatch${capitalize(command)}`;
@@ -12128,11 +12172,11 @@ class ActionTextAttachmentUploadNode extends ActionTextAttachmentNode {
   }
 
   #forgetUploadRequest() {
-    this.#editorElement.uploadRequests.forget(this.getKey());
+    this.#editorElement?.uploadRequests.forget(this.getKey());
   }
 
   #rememberUploadRequest(request) {
-    this.#editorElement.uploadRequests.track(this.getKey(), request);
+    this.#editorElement?.uploadRequests.track(this.getKey(), request);
   }
 
   get #editorElement() {
@@ -12438,6 +12482,7 @@ class PastedContentFormatter {
   }
 
   format() {
+    this.#stripStyleElements();
     this.#unwrapPlaceholderAnchors();
     this.#stripTableCellColorStyles();
     this.#nestStrayListChildren();
@@ -12445,6 +12490,18 @@ class PastedContentFormatter {
     return this.doc
   }
 
+  // Spreadsheets (e.g. Excel) copy a <style> block whose rules (td { color:
+  // black }, .xlNN { ... }) cascade onto the imported text. That color rides
+  // in through the cascade rather than an inline style, so it slips past both
+  // the cell-level stripping below and the paste style canonicalizer, leaving
+  // pasted tables with foreign text colors that don't adapt to the theme. Drop
+  // foreign style sheets so nothing cascades into imported content.
+  #stripStyleElements() {
+    for (const style of this.doc.querySelectorAll("style")) {
+      style.remove();
+    }
+  }
+
   // Anchors with non-meaningful hrefs (e.g. "#", "") appear in content copied
   // from rendered views where mentions and interactive elements are wrapped in
   // <a href="#"> tags. Unwrap them so their text content pastes as plain text
@@ -16046,7 +16103,7 @@ class LexicalEditorElement extends HTMLElement {
       { label: "Normal", command: "setFormatParagraph", tag: null },
       ...headings.map((tag, index) => ({
         label: HeadingDropdown.labelFor(tag, index),
-        command: "applyHeadingFormat",
+        command: HeadingDropdown.commandFor(index),
         tag
       }))
     ]