@jackuait/blok 0.10.3 → 0.10.4

package/src/components/i18n/locales/yi/messages.json

@@ -18,6 +18,8 @@
   "toolNames.numberedList": "נומעריקע ליסטע",
   "toolNames.todoList": "צו-טאָן ליסטע",
   "toolNames.toggleList": "אויפֿקלאַפּ ליסטע",
+  "toolNames.board": "טאָוול",
+  "toolNames.database": "דאַטאַבאַנק",
   "tools.link.addLink": "צולייגן לינק",
   "tools.link.invalidLink": "אומגילטיקער לינק",
   "tools.marker.textColor": "טעקסט",
@@ -143,6 +145,22 @@
   "tools.callout.emojiCategoryObjects": "זאַכן",
   "tools.callout.emojiCategorySymbols": "סימבאָלן",
   "tools.callout.emojiCategoryFlags": "פֿאָנען",
+  "tools.database.addCard": "צוגעבן קאַרטל",
+  "tools.database.newPage": "נייע בלאט",
+  "tools.database.addColumn": "צוגעבן שפּאַלט",
+  "tools.database.cardTitlePlaceholder": "ליידיק בלאַט",
+  "tools.database.columnTitlePlaceholder": "שפּאַלט",
+  "tools.database.deleteCard": "אויסמעקן קאַרטל",
+  "tools.database.editCardTitle": "Edit title",
+  "tools.database.cardMenuLabel": "Card options",
+  "tools.database.deleteColumn": "אויסמעקן שפּאַלט",
+  "tools.database.emptyColumn": "קיין קארטן",
+  "tools.database.rowTitlePlaceholder": "ליידיק בלאַט",
+  "tools.database.addRow": "צוגעבן שורה",
+  "tools.database.newRow": "נייע שורה",
+  "tools.database.openRow": "עפֿענען שורה",
+  "tools.database.deleteRow": "אויסמעקן שורה",
+  "tools.database.renameColumn": "באַנענען שפּאַלט",
   "tools.callout.color": "קאָליר",
   "tools.callout.colorDefault": "שטאַנדאַרד",
   "tools.callout.colorGray": "גרוי",

package/src/components/i18n/locales/zh/messages.json

@@ -18,6 +18,8 @@
   "toolNames.numberedList": "有序列表",
   "toolNames.todoList": "清单",
   "toolNames.toggleList": "折叠列表",
+  "toolNames.board": "看板",
+  "toolNames.database": "数据库",
   "tools.link.addLink": "添加链接",
   "tools.link.invalidLink": "链接无效",
   "tools.marker.textColor": "文字",
@@ -143,6 +145,22 @@
   "tools.callout.emojiCategoryObjects": "物品",
   "tools.callout.emojiCategorySymbols": "符号",
   "tools.callout.emojiCategoryFlags": "旗帜",
+  "tools.database.addCard": "添加卡片",
+  "tools.database.newPage": "新页面",
+  "tools.database.addColumn": "添加列",
+  "tools.database.cardTitlePlaceholder": "空白页面",
+  "tools.database.columnTitlePlaceholder": "列",
+  "tools.database.deleteCard": "删除卡片",
+  "tools.database.editCardTitle": "Edit title",
+  "tools.database.cardMenuLabel": "Card options",
+  "tools.database.deleteColumn": "删除列",
+  "tools.database.emptyColumn": "没有卡片",
+  "tools.database.rowTitlePlaceholder": "空白页面",
+  "tools.database.addRow": "添加行",
+  "tools.database.newRow": "新行",
+  "tools.database.openRow": "打开行",
+  "tools.database.deleteRow": "删除行",
+  "tools.database.renameColumn": "重命名列",
   "tools.callout.color": "颜色",
   "tools.callout.colorDefault": "默认",
   "tools.callout.colorGray": "灰色",

package/src/components/icons/index.ts

@@ -399,6 +399,13 @@ export const IconCopy = `
 </svg>
 `;
 
+// Pencil/Rename icon
+export const IconPencil = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M12.5 5.5l2 2M4.5 13.5l8-8 2 2-8 8H4.5v-2z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`;
+
 // Trash/Delete icon
 export const IconTrash = `
 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -409,6 +416,15 @@ export const IconTrash = `
 </svg>
 `;
 
+// Horizontal dots / more options icon
+export const IconDotsHorizontal = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="5" cy="10" r="1.25" fill="currentColor"/>
+  <circle cx="10" cy="10" r="1.25" fill="currentColor"/>
+  <circle cx="15" cy="10" r="1.25" fill="currentColor"/>
+</svg>
+`;
+
 // Toggle Heading 1 icon (H1 with toggle arrow)
 export const IconToggleH1 = `
 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -592,6 +608,55 @@ export const IconEmojiFlag = `
 </svg>
 `;
 
+export const IconDatabase = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <ellipse cx="10" cy="5.5" rx="6" ry="2.5" stroke="currentColor" stroke-width="1.25"/>
+  <path d="M4 5.5v4c0 1.38 2.69 2.5 6 2.5s6-1.12 6-2.5v-4" stroke="currentColor" stroke-width="1.25"/>
+  <path d="M4 9.5v4c0 1.38 2.69 2.5 6 2.5s6-1.12 6-2.5v-4" stroke="currentColor" stroke-width="1.25"/>
+</svg>
+`;
+
+export const IconBoard = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect x="3" y="4" width="14" height="12" rx="1.5" stroke="currentColor" stroke-width="1.25"/>
+  <path d="M7.5 4v12M12.5 4v12" stroke="currentColor" stroke-width="1.25"/>
+  <rect x="4.5" y="6" width="1.5" height="2" rx="0.5" fill="currentColor"/>
+  <rect x="4.5" y="9" width="1.5" height="2" rx="0.5" fill="currentColor"/>
+  <rect x="9" y="6" width="1.5" height="2" rx="0.5" fill="currentColor"/>
+  <rect x="14" y="6" width="1.5" height="2" rx="0.5" fill="currentColor"/>
+</svg>
+`;
+
+export const IconGallery = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect x="3" y="4" width="6" height="5" rx="1" stroke="currentColor" stroke-width="1.25"/>
+  <rect x="11" y="4" width="6" height="5" rx="1" stroke="currentColor" stroke-width="1.25"/>
+  <rect x="3" y="11" width="6" height="5" rx="1" stroke="currentColor" stroke-width="1.25"/>
+  <rect x="11" y="11" width="6" height="5" rx="1" stroke="currentColor" stroke-width="1.25"/>
+</svg>
+`;
+
+export const IconList = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="4.5" cy="6.5" r="1" fill="currentColor"/>
+  <circle cx="4.5" cy="10" r="1" fill="currentColor"/>
+  <circle cx="4.5" cy="13.5" r="1" fill="currentColor"/>
+  <path d="M7.5 6.5h9M7.5 10h9M7.5 13.5h9" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
+</svg>
+`;
+
+// Calendar icon (date property type)
+export const IconCalendar = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect x="3" y="4.5" width="14" height="12" rx="1.5" stroke="currentColor" stroke-width="1.25"/>
+  <path d="M3 8.5h14" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
+  <path d="M7 3v3M13 3v3" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
+  <circle cx="7" cy="12" r="1" fill="currentColor"/>
+  <circle cx="10" cy="12" r="1" fill="currentColor"/>
+  <circle cx="13" cy="12" r="1" fill="currentColor"/>
+</svg>
+`;
+
 // Merge cells icon (two cells merging into one)
 export const IconMergeCells = `
 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">

package/src/components/inline-tools/inline-tool-bold.ts

@@ -16,6 +16,7 @@ import {
 import {
   isRangeFormatted,
   collectFormattingAncestors,
+  extendRangeToTrailingWhitespace,
 } from './utils/formatting-range-utils';
 
 /**
@@ -212,6 +213,7 @@ export class BoldInlineTool implements InlineTool {
    * @param range - The Range object containing the selection to wrap
    */
   private wrapWithBold(range: Range): void {
+    extendRangeToTrailingWhitespace(range);
     const html = this.getRangeHtmlWithoutBold(range);
     const insertedRange = this.replaceRangeWithHtml(range, `<strong>${html}</strong>`);
     const selection = window.getSelection();
@@ -308,8 +310,16 @@ export class BoldInlineTool implements InlineTool {
     BoldNormalizationPass.normalizeAroundSelection(selection);
 
     boldAncestors.forEach((element) => {
+      if (!element.isConnected) {
+        return;
+      }
+
       if (isElementEmpty(element)) {
         element.remove();
+      } else if (element.textContent.trim().length === 0) {
+        // Element contains only whitespace — unwrap it to preserve the whitespace
+        // as plain text while removing the bold formatting
+        this.unwrapElement(element);
       }
     });
 

package/src/components/inline-tools/inline-tool-code.ts

@@ -6,6 +6,7 @@ import {
   isRangeFormatted,
   findFormattingAncestor,
   collectFormattingAncestors,
+  extendRangeToTrailingWhitespace,
 } from './utils/formatting-range-utils';
 
 /**
@@ -168,16 +169,68 @@ export class CodeInlineTool implements InlineTool {
    * @param range - The Range object containing the selection to wrap
    */
   private wrapWithCode(range: Range): void {
+    extendRangeToTrailingWhitespace(range);
     const html = this.getRangeHtmlWithoutCode(range);
     const insertedRange = this.replaceRangeWithHtml(range, `<code>${html}</code>`);
     const selection = window.getSelection();
 
     if (selection && insertedRange) {
+      const wrappedElement = insertedRange.startContainer.childNodes[insertedRange.startOffset] as HTMLElement | undefined;
+      const newRange = document.createRange();
+
+      if (wrappedElement) {
+        this.normalizeNbspInElement(wrappedElement);
+        newRange.selectNodeContents(wrappedElement);
+      } else {
+        newRange.setStart(insertedRange.startContainer, insertedRange.startOffset);
+        newRange.setEnd(insertedRange.endContainer, insertedRange.endOffset);
+      }
+
       selection.removeAllRanges();
-      selection.addRange(insertedRange);
+      selection.addRange(newRange);
+    }
+  }
+
+  /**
+   * Replace non-breaking spaces (\u00A0) with regular spaces in all text nodes of an element
+   * @param element - The element to normalize
+   */
+  private normalizeNbspInElement(element: HTMLElement): void {
+    const walker = document.createTreeWalker(element, NodeFilter.SHOW_TEXT);
+
+    while (true) {
+      const node = walker.nextNode();
+
+      if (node === null) {
+        break;
+      }
+      if (!node.textContent?.includes('\u00A0')) {
+        continue;
+      }
+
+      const keepTrailing = node.textContent.endsWith('\u00A0') && this.isEffectivelyLastChild(node);
+
+      node.textContent = node.textContent.replace(/\u00A0/g, ' ');
+
+      if (keepTrailing) {
+        node.textContent = node.textContent.slice(0, -1) + '\u00A0';
+      }
     }
   }
 
+  /**
+   * Check whether all siblings after a node are empty
+   */
+  private isEffectivelyLastChild(node: Node): boolean {
+    const next = node.nextSibling;
+
+    if (!next) {
+      return true;
+    }
+
+    return (next.textContent ?? '').length === 0 && this.isEffectivelyLastChild(next);
+  }
+
   /**
    * Remove code tags (<code>) while preserving content
    * @param range - The Range object containing the selection to unwrap

package/src/components/inline-tools/inline-tool-italic.ts

@@ -7,6 +7,7 @@ import {
   findFormattingAncestor,
   hasFormattingAncestor,
   collectFormattingAncestors,
+  extendRangeToTrailingWhitespace,
 } from './utils/formatting-range-utils';
 
 /**
@@ -172,16 +173,68 @@ export class ItalicInlineTool implements InlineTool {
    * @param range - The Range object containing the selection to wrap
    */
   private wrapWithItalic(range: Range): void {
+    extendRangeToTrailingWhitespace(range);
     const html = this.getRangeHtmlWithoutItalic(range);
     const insertedRange = this.replaceRangeWithHtml(range, `<i>${html}</i>`);
     const selection = window.getSelection();
 
     if (selection && insertedRange) {
+      const wrappedElement = insertedRange.startContainer.childNodes[insertedRange.startOffset] as HTMLElement | undefined;
+      const newRange = document.createRange();
+
+      if (wrappedElement) {
+        this.normalizeNbspInElement(wrappedElement);
+        newRange.selectNodeContents(wrappedElement);
+      } else {
+        newRange.setStart(insertedRange.startContainer, insertedRange.startOffset);
+        newRange.setEnd(insertedRange.endContainer, insertedRange.endOffset);
+      }
+
       selection.removeAllRanges();
-      selection.addRange(insertedRange);
+      selection.addRange(newRange);
+    }
+  }
+
+  /**
+   * Replace non-breaking spaces (\u00A0) with regular spaces in all text nodes of an element
+   * @param element - The element to normalize
+   */
+  private normalizeNbspInElement(element: HTMLElement): void {
+    const walker = document.createTreeWalker(element, NodeFilter.SHOW_TEXT);
+
+    while (true) {
+      const node = walker.nextNode();
+
+      if (node === null) {
+        break;
+      }
+      if (!node.textContent?.includes('\u00A0')) {
+        continue;
+      }
+
+      const keepTrailing = node.textContent.endsWith('\u00A0') && this.isEffectivelyLastChild(node);
+
+      node.textContent = node.textContent.replace(/\u00A0/g, ' ');
+
+      if (keepTrailing) {
+        node.textContent = node.textContent.slice(0, -1) + '\u00A0';
+      }
     }
   }
 
+  /**
+   * Check whether all siblings after a node are empty
+   */
+  private isEffectivelyLastChild(node: Node): boolean {
+    const next = node.nextSibling;
+
+    if (!next) {
+      return true;
+    }
+
+    return (next.textContent ?? '').length === 0 && this.isEffectivelyLastChild(next);
+  }
+
   /**
    * Remove italic tags (<i>/<em>) while preserving content
    * @param range - The Range object containing the selection to unwrap

package/src/components/inline-tools/inline-tool-strikethrough.ts

@@ -7,6 +7,7 @@ import {
   findFormattingAncestor,
   hasFormattingAncestor,
   collectFormattingAncestors,
+  extendRangeToTrailingWhitespace,
 } from './utils/formatting-range-utils';
 
 /**
@@ -169,16 +170,68 @@ export class StrikethroughInlineTool implements InlineTool {
    * @param range - The Range object containing the selection to wrap
    */
   private wrapWithStrikethrough(range: Range): void {
+    extendRangeToTrailingWhitespace(range);
     const html = this.getRangeHtmlWithoutStrikethrough(range);
     const insertedRange = this.replaceRangeWithHtml(range, `<s>${html}</s>`);
     const selection = window.getSelection();
 
     if (selection && insertedRange) {
+      const wrappedElement = insertedRange.startContainer.childNodes[insertedRange.startOffset] as HTMLElement | undefined;
+      const newRange = document.createRange();
+
+      if (wrappedElement) {
+        this.normalizeNbspInElement(wrappedElement);
+        newRange.selectNodeContents(wrappedElement);
+      } else {
+        newRange.setStart(insertedRange.startContainer, insertedRange.startOffset);
+        newRange.setEnd(insertedRange.endContainer, insertedRange.endOffset);
+      }
+
       selection.removeAllRanges();
-      selection.addRange(insertedRange);
+      selection.addRange(newRange);
+    }
+  }
+
+  /**
+   * Replace non-breaking spaces (\u00A0) with regular spaces in all text nodes of an element
+   * @param element - The element to normalize
+   */
+  private normalizeNbspInElement(element: HTMLElement): void {
+    const walker = document.createTreeWalker(element, NodeFilter.SHOW_TEXT);
+
+    while (true) {
+      const node = walker.nextNode();
+
+      if (node === null) {
+        break;
+      }
+      if (!node.textContent?.includes('\u00A0')) {
+        continue;
+      }
+
+      const keepTrailing = node.textContent.endsWith('\u00A0') && this.isEffectivelyLastChild(node);
+
+      node.textContent = node.textContent.replace(/\u00A0/g, ' ');
+
+      if (keepTrailing) {
+        node.textContent = node.textContent.slice(0, -1) + '\u00A0';
+      }
     }
   }
 
+  /**
+   * Check whether all siblings after a node are empty
+   */
+  private isEffectivelyLastChild(node: Node): boolean {
+    const next = node.nextSibling;
+
+    if (!next) {
+      return true;
+    }
+
+    return (next.textContent ?? '').length === 0 && this.isEffectivelyLastChild(next);
+  }
+
   /**
    * Remove strikethrough tags (<s>) while preserving content
    * @param range - The Range object containing the selection to unwrap

package/src/components/inline-tools/inline-tool-underline.ts

@@ -7,6 +7,7 @@ import {
   findFormattingAncestor,
   hasFormattingAncestor,
   collectFormattingAncestors,
+  extendRangeToTrailingWhitespace,
 } from './utils/formatting-range-utils';
 
 /**
@@ -169,16 +170,68 @@ export class UnderlineInlineTool implements InlineTool {
    * @param range - The Range object containing the selection to wrap
    */
   private wrapWithUnderline(range: Range): void {
+    extendRangeToTrailingWhitespace(range);
     const html = this.getRangeHtmlWithoutUnderline(range);
     const insertedRange = this.replaceRangeWithHtml(range, `<u>${html}</u>`);
     const selection = window.getSelection();
 
     if (selection && insertedRange) {
+      const wrappedElement = insertedRange.startContainer.childNodes[insertedRange.startOffset] as HTMLElement | undefined;
+      const newRange = document.createRange();
+
+      if (wrappedElement) {
+        this.normalizeNbspInElement(wrappedElement);
+        newRange.selectNodeContents(wrappedElement);
+      } else {
+        newRange.setStart(insertedRange.startContainer, insertedRange.startOffset);
+        newRange.setEnd(insertedRange.endContainer, insertedRange.endOffset);
+      }
+
       selection.removeAllRanges();
-      selection.addRange(insertedRange);
+      selection.addRange(newRange);
+    }
+  }
+
+  /**
+   * Replace non-breaking spaces (\u00A0) with regular spaces in all text nodes of an element
+   * @param element - The element to normalize
+   */
+  private normalizeNbspInElement(element: HTMLElement): void {
+    const walker = document.createTreeWalker(element, NodeFilter.SHOW_TEXT);
+
+    while (true) {
+      const node = walker.nextNode();
+
+      if (node === null) {
+        break;
+      }
+      if (!node.textContent?.includes('\u00A0')) {
+        continue;
+      }
+
+      const keepTrailing = node.textContent.endsWith('\u00A0') && this.isEffectivelyLastChild(node);
+
+      node.textContent = node.textContent.replace(/\u00A0/g, ' ');
+
+      if (keepTrailing) {
+        node.textContent = node.textContent.slice(0, -1) + '\u00A0';
+      }
     }
   }
 
+  /**
+   * Check whether all siblings after a node are empty
+   */
+  private isEffectivelyLastChild(node: Node): boolean {
+    const next = node.nextSibling;
+
+    if (!next) {
+      return true;
+    }
+
+    return (next.textContent ?? '').length === 0 && this.isEffectivelyLastChild(next);
+  }
+
   /**
    * Remove underline tags (<u>) while preserving content
    * @param range - The Range object containing the selection to unwrap

package/src/components/inline-tools/services/bold-normalization-pass.ts

@@ -201,7 +201,10 @@ export class BoldNormalizationPass {
   }
 
   /**
-   * Replace non-breaking spaces with regular spaces in a text node
+   * Replace non-breaking spaces with regular spaces in a text node.
+   * Preserves a trailing \u00A0 when the text node is the last child of its
+   * parent, because converting it to a regular space (char 32) would make it
+   * invisible under CSS white-space:normal.
    * @param textNode - The text node to process
    */
   private replaceNbspInTextNode(textNode: Text): void {
@@ -211,10 +214,13 @@ export class BoldNormalizationPass {
       return;
     }
 
-    const normalizedText = text.replace(/\u00A0/g, ' ');
+    const keepTrailing = text.endsWith('\u00A0') && BoldNormalizationPass.isEffectivelyLastChild(textNode);
+    const replaced = text.replace(/\u00A0/g, ' ');
 
     // eslint-disable-next-line no-param-reassign
-    textNode.textContent = normalizedText;
+    textNode.textContent = keepTrailing
+      ? replaced.slice(0, -1) + '\u00A0'
+      : replaced;
   }
 
   /**
@@ -279,6 +285,26 @@ export class BoldNormalizationPass {
     rightStrong.remove();
   }
 
+  /**
+   * Check whether all siblings after a node are empty (zero-length text nodes
+   * or empty elements). The unbold process can leave behind empty text nodes
+   * which would cause `!node.nextSibling` to return false even though the node
+   * is effectively the last meaningful child.
+   */
+  private static isEffectivelyLastChild(node: Node): boolean {
+    const next = node.nextSibling;
+
+    if (!next) {
+      return true;
+    }
+
+    if ((next.textContent ?? '').length > 0) {
+      return false;
+    }
+
+    return BoldNormalizationPass.isEffectivelyLastChild(next);
+  }
+
   /**
    * Find the appropriate scope element from a selection
    * @param selection - The current selection

package/src/components/inline-tools/utils/formatting-range-utils.ts

@@ -132,6 +132,89 @@ export const isRangeFormatted = (
   return textNodes.every((textNode) => hasFormattingAncestor(textNode, predicate));
 };
 
+/**
+ * Walk down the `lastChild` chain of `node` and return the deepest last
+ * descendant that is a text node, or `null` if none exists.
+ */
+const findDeepestLastTextNode = (node: Node): Text | null => {
+  const last = node.lastChild;
+
+  if (last === null) {
+    return node.nodeType === Node.TEXT_NODE ? (node as Text) : null;
+  }
+
+  return findDeepestLastTextNode(last);
+};
+
+/**
+ * Extend the range to include any trailing whitespace characters that browsers
+ * exclude from selections (e.g. Ctrl+A on loaded text stops before trailing spaces).
+ *
+ * When text is loaded via innerHTML (e.g. `"hello "`), browsers keep trailing
+ * regular spaces (char 32) as-is in the text node, but Ctrl+A / selectAll
+ * in Chromium and WebKit places the range end *before* those trailing spaces.
+ * This means `range.cloneContents()` omits them, so formatting operations
+ * (bold, italic, etc.) silently drop any trailing whitespace.
+ *
+ * By contrast, text typed by the user is stored internally with a non-breaking
+ * space (`\u00A0`) which is always included in the selection.
+ *
+ * This function mutates the range in place to cover those excluded trailing
+ * spaces, so downstream formatting can include them.
+ *
+ * Two browser behaviours are handled:
+ *  1. `endContainer` is a text node — the range ends mid-text, so check whether
+ *     the remaining characters are all whitespace and extend if so.
+ *  2. `endContainer` is an element node — Ctrl+A / selectAll in Chromium and
+ *     WebKit places the range end on the element itself with `endOffset` equal
+ *     to the child count (i.e. after all children). In this case the last child
+ *     text node may still have trailing whitespace that was excluded; walk to
+ *     the deepest last text node and extend the range to its end if it ends with
+ *     only whitespace after the current offset (or fully consists of whitespace).
+ *
+ * @param range - The range to extend (mutated in place)
+ */
+export const extendRangeToTrailingWhitespace = (range: Range): void => {
+  const endContainer = range.endContainer;
+
+  if (endContainer.nodeType === Node.TEXT_NODE) {
+    const text = endContainer.textContent ?? '';
+    const endOffset = range.endOffset;
+
+    if (endOffset >= text.length) {
+      return;
+    }
+
+    // Check whether all characters between endOffset and end of text node are whitespace
+    const trailingSlice = text.slice(endOffset);
+
+    if (trailingSlice.length > 0 && trailingSlice.trim().length === 0) {
+      range.setEnd(endContainer, text.length);
+    }
+
+    return;
+  }
+
+  // endContainer is an element node (the common case for Ctrl+A on loaded content).
+  // Walk to the deepest last text node within it to find any trailing whitespace.
+  const lastTextNode = findDeepestLastTextNode(endContainer);
+
+  if (lastTextNode === null) {
+    return;
+  }
+
+  const text = lastTextNode.textContent ?? '';
+
+  if (text.length === 0) {
+    return;
+  }
+
+  // Extend range if the text ends with one or more whitespace characters.
+  if (/\s+$/.test(text)) {
+    range.setEnd(lastTextNode, text.length);
+  }
+};
+
 /**
  * Collect all unique formatting ancestors within a range
  * @param range - The range to search within

package/src/components/modules/api/tools.ts

@@ -11,6 +11,25 @@ export class ToolsAPI extends Module {
   public get methods(): ToolsAPIInterface {
     return {
       getBlockTools: () => Array.from(this.Blok.Tools.blockTools.values()),
+      getToolsConfig: () => {
+        const result: ReturnType<ToolsAPIInterface['getToolsConfig']> = {
+          tools: this.config.tools,
+        };
+
+        if (this.config.inlineToolbar !== undefined) {
+          result.inlineToolbar = this.config.inlineToolbar;
+        }
+
+        if (this.config.tunes !== undefined) {
+          result.tunes = this.config.tunes;
+        }
+
+        if (this.config.theme !== undefined) {
+          result.theme = this.config.theme;
+        }
+
+        return result;
+      },
     };
   }
 }