autumnnote 1.6.3 → 1.6.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "autumnnote",
-  "version": "1.6.3",
+  "version": "1.6.6",
   "description": "WYSIWYG rich-text editor built with vanilla JavaScript — zero dependencies, no jQuery. Dark mode, @mention, markdown shortcuts, bubble toolbar. React and Vue 3 wrappers included.",
   "main": "dist/autumnnote.umd.js",
   "module": "dist/autumnnote.es.js",

package/src/js/Context.js

@@ -89,13 +89,13 @@ export class Context {
 
     // 3. Attach toolbar/statusbar to container
     const toolbar = this._modules.get('toolbar');
-    if (toolbar && toolbar.el) {
+    if (toolbar?.el) {
       container.insertBefore(toolbar.el, editable);
       this.layoutInfo.toolbar = toolbar.el;
     }
 
     const statusbar = this._modules.get('statusbar');
-    if (statusbar && statusbar.el) {
+    if (statusbar?.el) {
       container.appendChild(statusbar.el);
       this.layoutInfo.statusbar = statusbar.el;
     }
@@ -256,7 +256,7 @@ export class Context {
           const key = this.options.autoSaveKey;
           localStorage.setItem(key, this.getHTML());
           localStorage.setItem(key + ':asrmeta', JSON.stringify({ savedAt: Date.now() }));
-        } catch (_) {}
+        } catch (_) { void _; }
       });
       this._disposers.push(d4);
     }
@@ -551,7 +551,7 @@ export class Context {
 
     for (const { plugin } of this._plugins.values()) {
       if (typeof plugin.uninstall === 'function') {
-        try { plugin.uninstall(this); } catch (_) {}
+        try { plugin.uninstall(this); } catch (_) { void _; }
       }
     }
     this._plugins.clear();

package/src/js/core/detectLang.js

@@ -13,7 +13,7 @@
  * @returns {string|null}
  */
 export function detectLang(code) {
-  if (!code || !code.trim()) return null;
+  if (!code?.trim()) return null;
   const s = code.trim();
 
   // ── TypeScript ─────────────────────────────────────────────────────────────

package/src/js/core/dom.js

@@ -11,9 +11,9 @@ export const ELEMENT_NODE = 1;
 export const TEXT_NODE = 3;
 
 /** @param {Node} node */
-export const isElement = (node) => node && node.nodeType === ELEMENT_NODE;
+export const isElement = (node) => node?.nodeType === ELEMENT_NODE;
 /** @param {Node} node */
-export const isText = (node) => node && node.nodeType === TEXT_NODE;
+export const isText = (node) => node?.nodeType === TEXT_NODE;
 /** @param {Node} node */
 export const isVoid = (node) => isElement(node) && /^(area|base|br|col|embed|hr|img|input|link|meta|param|source|track|wbr)$/i.test(node.nodeName);
 /** @param {Node} node */
@@ -147,7 +147,7 @@ export function createElement(tag, attrs = {}, childNodes = []) {
  * @param {Node} node
  */
 export function remove(node) {
-  if (node && node.parentNode) {
+  if (node?.parentNode) {
     /** @type {ChildNode} */ (node).remove();
   }
 }
@@ -305,11 +305,9 @@ export function trapFocus(container, onEscape) {
         e.preventDefault();
         /** @type {HTMLElement} */ (last).focus();
       }
-    } else {
-      if (document.activeElement === last) {
-        e.preventDefault();
-        /** @type {HTMLElement} */ (first).focus();
-      }
+    } else if (document.activeElement === last) {
+      e.preventDefault();
+      /** @type {HTMLElement} */ (first).focus();
     }
   };
 

package/src/js/core/markdown.js

@@ -67,7 +67,7 @@ function _domToMd(node, depth = 0) {
     }
     case 'pre': {
       const codeEl = el.querySelector('code');
-      const langMatch = /language-(\S+)/.exec((codeEl && codeEl.className) || '');
+      const langMatch = /language-(\S+)/.exec(codeEl?.className || '');
       const lang = langMatch ? langMatch[1] : '';
       const content = (codeEl || el).textContent || '';
       return `\n\n\`\`\`${lang}\n${content}\n\`\`\`\n\n`;
@@ -105,7 +105,7 @@ function _domToMd(node, depth = 0) {
       const rows = Array.from(el.querySelectorAll('tr'));
       if (!rows.length) return inner();
       const cellTexts = rows.map((tr) =>
-        Array.from(tr.querySelectorAll('th, td')).map((c) => c.textContent.trim().replaceAll('|', '\\|')),
+        Array.from(tr.querySelectorAll('th, td')).map((c) => c.textContent.trim().replaceAll('|', String.raw`\|`)),
       );
       const cols = Math.max(...cellTexts.map((r) => r.length));
       const padRow = (row) => { const r = [...row]; while (r.length < cols) r.push(''); return r; };

package/src/js/core/range.js

@@ -35,7 +35,7 @@ export class WrappedRange {
       range.setStart(this.sc, this.so);
       range.setEnd(this.ec, this.eo);
     } catch (_e) {
-      // Guard against detached nodes
+      void _e; // guard against detached nodes
     }
     return range;
   }

package/src/js/editing/History.js

@@ -101,14 +101,14 @@ export class History {
       sel.removeAllRanges();
       sel.addRange(range);
     } catch (_) {
-      // Detached node — fall back to placing cursor at start of editable
+      void _; // detached node — fall back to placing cursor at start of editable
       try {
         const fb = document.createRange();
         fb.setStart(this.editable, 0);
         fb.collapse(true);
         const s = globalThis.getSelection();
         if (s) { s.removeAllRanges(); s.addRange(fb); }
-      } catch (_2) { /* fully give up */ }
+      } catch (_2) { void _2; /* fully give up */ }
     }
   }
 

package/src/js/editing/Style.js

@@ -41,7 +41,7 @@ export const italic = () => execCommand('italic');
  */
 export function underline() {
   const sel = globalThis.getSelection();
-  if (!sel || !sel.rangeCount) return;
+  if (!sel?.rangeCount) return;
   let container = sel.getRangeAt(0).commonAncestorContainer;
   if (container.nodeType === 3) container = container.parentElement;
   // Check if we're inside a <u> (DOM truth), to guard against unreliable queryCommandState
@@ -65,7 +65,7 @@ export function underline() {
  */
 export function strikethrough() {
   const sel = globalThis.getSelection();
-  if (!sel || !sel.rangeCount) return;
+  if (!sel?.rangeCount) return;
   // Use startContainer for consistent detection across collapsed and range
   // selections — commonAncestorContainer can miss ancestor <s>/<strike> tags
   // when the selection spans across nested inline elements.
@@ -120,7 +120,7 @@ export const fontName = (name) => execCommand('fontName', name);
  */
 export function fontSize(size, editable = document) {
   const sel = globalThis.getSelection();
-  const wasCollapsed = !sel || !sel.rangeCount || sel.getRangeAt(0).collapsed;
+  const wasCollapsed = !sel?.rangeCount || sel.getRangeAt(0).collapsed;
 
   // B-I-3/4: For a collapsed (caret) selection the browser's execCommand
   // 'fontSize' leaves an internal "pending" state of size-7 (=48px) instead of
@@ -130,7 +130,7 @@ export function fontSize(size, editable = document) {
   // Only applies when there IS an active selection (sel.rangeCount > 0); when
   // there is no selection at all (e.g. jsdom unit tests) fall through to the
   // execCommand path so the font-replacement logic still runs.
-  if (wasCollapsed && sel && sel.rangeCount > 0) {
+  if (wasCollapsed && sel?.rangeCount > 0) {
     try {
       const range = sel.getRangeAt(0);
       const span = document.createElement('span');
@@ -143,7 +143,7 @@ export function fontSize(size, editable = document) {
       nr.collapse(true);
       sel.removeAllRanges();
       sel.addRange(nr);
-    } catch (_) { /* ignore range errors on unusual DOM structures */ }
+    } catch (_) { void _; /* ignore range errors on unusual DOM structures */ }
     return;
   }
 
@@ -176,7 +176,7 @@ export function fontSize(size, editable = document) {
       nr.setEnd(endNode, endNode.nodeType === Node.TEXT_NODE ? endNode.textContent.length : endNode.childNodes.length);
       sel.removeAllRanges();
       sel.addRange(nr);
-    } catch (_) { /* ignore range errors on unusual DOM structures */ }
+    } catch (_) { void _; /* ignore range errors on unusual DOM structures */ }
   }
 }
 
@@ -223,7 +223,7 @@ export const indent = () => execCommand('indent');
  */
 export function outdent() {
   const sel = globalThis.getSelection();
-  if (sel && sel.rangeCount) {
+  if (sel?.rangeCount) {
     let container = sel.getRangeAt(0).commonAncestorContainer;
     if (container.nodeType === 3) container = container.parentElement;
     const checkLi = /** @type {Element|null} */ (container)?.closest('.an-checklist li');
@@ -286,7 +286,7 @@ function _checklistItemToP(checkLi) {
   try {
     const nr = document.createRange();
     const firstChild = p.firstChild;
-    nr.setStart(firstChild && firstChild.nodeType === 3 ? firstChild : p, 0);
+    nr.setStart(firstChild?.nodeType === 3 ? firstChild : p, 0);
     nr.collapse(true);
     const s = globalThis.getSelection();
     if (s) { s.removeAllRanges(); s.addRange(nr); }
@@ -406,7 +406,7 @@ export function currentStyle(editable) {
  */
 export function toggleInlineCode(_editable) {
   const sel = globalThis.getSelection();
-  if (!sel || !sel.rangeCount) return;
+  if (!sel?.rangeCount) return;
   const range = sel.getRangeAt(0);
   let container = range.commonAncestorContainer;
   if (container.nodeType === 3) container = container.parentElement;
@@ -432,7 +432,9 @@ export function toggleInlineCode(_editable) {
         const lastMoved  = movedChildren.at(-1);
         const nr = document.createRange();
         // Use the (possibly merged) live node if still in the DOM.
-        const anchorNode = (firstMoved.parentNode === parent) ? firstMoved : (prevSibling ? prevSibling.nextSibling : parent.firstChild);
+        const anchorNode = firstMoved.parentNode === parent
+          ? firstMoved
+          : (prevSibling ? prevSibling.nextSibling : parent.firstChild);
         if (anchorNode) {
           nr.setStart(anchorNode, 0);
           const endAnchor = (lastMoved.parentNode === parent) ? lastMoved : anchorNode;
@@ -440,7 +442,7 @@ export function toggleInlineCode(_editable) {
           sel.removeAllRanges();
           sel.addRange(nr);
         }
-      } catch (_) { /* ignore */ }
+      } catch (_) { void _; /* ignore */ }
     }
   } else {
     if (range.collapsed) return;
@@ -477,7 +479,7 @@ export function toggleInlineCode(_editable) {
  */
 export function isInlineCode() {
   const sel = globalThis.getSelection();
-  if (!sel || !sel.rangeCount) return false;
+  if (!sel?.rangeCount) return false;
   let sc = sel.getRangeAt(0).startContainer;
   if (sc.nodeType === 3) sc = sc.parentElement;
   const code = /** @type {Element|null} */ (sc)?.closest('code');
@@ -504,7 +506,7 @@ export function isInlineCode() {
  */
 export function toggleChecklist() {
   const sel = globalThis.getSelection();
-  if (!sel || !sel.rangeCount) return;
+  if (!sel?.rangeCount) return;
   const range = sel.getRangeAt(0);
   let container = range.commonAncestorContainer;
   if (container.nodeType === 3) container = container.parentElement;
@@ -552,7 +554,7 @@ export function toggleChecklist() {
     // and convert it into a single checklist item.
     const BLOCK_TAGS = new Set(['P', 'DIV', 'H1', 'H2', 'H3', 'H4', 'H5', 'H6', 'BLOCKQUOTE', 'LI']);
     let block = /** @type {Element|null} */ (container);
-    while (block && block.parentNode && !BLOCK_TAGS.has(block.tagName)) {
+    while (block?.parentNode && !BLOCK_TAGS.has(block.tagName)) {
       block = /** @type {Element|null} */ (block.parentNode);
     }
     // Fallback: if no block element found (e.g. cursor directly in editable root), use the
@@ -674,7 +676,7 @@ export function toggleChecklist() {
  */
 export function isInChecklist() {
   const sel = globalThis.getSelection();
-  if (!sel || !sel.rangeCount) return false;
+  if (!sel?.rangeCount) return false;
   let container = sel.getRangeAt(0).commonAncestorContainer;
   if (container.nodeType === 3) container = container.parentElement;
   return !!(/** @type {Element|null} */ (container)?.closest('.an-checklist li'));

package/src/js/editing/Typing.js

@@ -68,7 +68,7 @@ export function handleKeydown(event, editable, options = {}) {
           // (not a text node), causing the next Backspace to miss Cases A/B and
           // requiring an extra keypress when two icons are adjacent.
           const nr = document.createRange();
-          if (prevNode && prevNode.nodeType === Node.TEXT_NODE) {
+          if (prevNode?.nodeType === Node.TEXT_NODE) {
             nr.setStart(prevNode, prevNode.textContent.length);
           } else if (prevNode) {
             nr.setStartAfter(prevNode);
@@ -128,7 +128,7 @@ export function handleKeydown(event, editable, options = {}) {
         const icon = textNode.nextSibling;
         const after = icon.nextSibling;
         event.preventDefault();
-        if (after && after.nodeType === Node.TEXT_NODE) {
+        if (after?.nodeType === Node.TEXT_NODE) {
           const offset = ((after.textContent || '').startsWith('\u200B')) ? 1 : 0;
           return moveCaret((nr) => nr.setStart(after, Math.min(offset, after.textContent.length)));
         }
@@ -142,7 +142,7 @@ export function handleKeydown(event, editable, options = {}) {
         const icon = textNode.nextSibling.nextSibling;
         const after = icon.nextSibling;
         event.preventDefault();
-        if (after && after.nodeType === Node.TEXT_NODE) {
+        if (after?.nodeType === Node.TEXT_NODE) {
           const offset = ((after.textContent || '').startsWith('\u200B')) ? 1 : 0;
           return moveCaret((nr) => nr.setStart(after, Math.min(offset, after.textContent.length)));
         }
@@ -168,7 +168,7 @@ export function handleKeydown(event, editable, options = {}) {
         if (isFAIcon(next)) {
           const after = next.nextSibling;
           event.preventDefault();
-          if (after && after.nodeType === Node.TEXT_NODE) {
+          if (after?.nodeType === Node.TEXT_NODE) {
             const offset = ((after.textContent || '').startsWith('\u200B')) ? 1 : 0;
             return moveCaret((nr) => nr.setStart(after, Math.min(offset, after.textContent.length)));
           }
@@ -178,7 +178,7 @@ export function handleKeydown(event, editable, options = {}) {
           const icon = next.nextSibling;
           const after = icon.nextSibling;
           event.preventDefault();
-          if (after && after.nodeType === Node.TEXT_NODE) {
+          if (after?.nodeType === Node.TEXT_NODE) {
             const offset = ((after.textContent || '').startsWith('\u200B')) ? 1 : 0;
             return moveCaret((nr) => nr.setStart(after, Math.min(offset, after.textContent.length)));
           }
@@ -341,11 +341,11 @@ export function handleKeydown(event, editable, options = {}) {
       // may normalise it to element-level, placing the caret before the
       // absolutely-positioned checkbox.  \u200B is stripped by getHTML().
       let cursorNode = newLi.childNodes[1]; // first child after checkbox
-      if (!cursorNode || cursorNode.nodeType !== Node.TEXT_NODE) {
+      if (cursorNode?.nodeType !== Node.TEXT_NODE) {
         cursorNode = document.createTextNode('\u200B');
         newLi.appendChild(cursorNode);
       }
-      checkLi.insertAdjacentElement('afterend', newLi);
+      checkLi.after(newLi);
 
       const nr = document.createRange();
       nr.setStart(cursorNode, 0);

package/src/js/index.js

@@ -141,7 +141,7 @@ const AutumnNote = {
   registerButton(btnDef) { registerButton(btnDef); return this; },
 
   /** Library version */
-  version: '1.6.3',
+  version: '1.6.6',
 };
 
 // ---------------------------------------------------------------------------

package/src/js/module/AutoSaveRestore.js

@@ -30,6 +30,7 @@ export class AutoSaveRestore {
       saved = localStorage.getItem(key);
       meta = JSON.parse(localStorage.getItem(metaKey) || '{}');
     } catch (_) {
+      void _;
       return this;
     }
 
@@ -39,7 +40,7 @@ export class AutoSaveRestore {
     if (timeout > 0) {
       const ageMs = Date.now() - (meta.savedAt || 0);
       if (ageMs > timeout * 86400000) {
-        try { localStorage.removeItem(key); localStorage.removeItem(metaKey); } catch (_) {}
+        try { localStorage.removeItem(key); localStorage.removeItem(metaKey); } catch (_) { void _; }
         return this;
       }
     }
@@ -113,7 +114,7 @@ export class AutoSaveRestore {
     try {
       localStorage.removeItem(key);
       localStorage.removeItem(key + ':asrmeta');
-    } catch (_) {}
+    } catch (_) { void _; }
     this._removeBanner();
   }
 

package/src/js/module/BaseDialog.js

@@ -51,7 +51,7 @@ export class BaseDialog {
     if (this._dialog) {
       this._dialog.style.display = 'flex';
       this._removeTrap = trapFocus(this._dialog, () => this._close());
-      setTimeout(() => this._firstInput && this._firstInput.focus(), 50);
+      setTimeout(() => this._firstInput?.focus(), 50);
     }
   }
 

package/src/js/module/BubbleToolbar.js

@@ -311,7 +311,7 @@ export class BubbleToolbar {
     editable.focus();
     const sel = globalThis.getSelection();
     sel.removeAllRanges();
-    try { sel.addRange(this._savedRange.cloneRange()); } catch (_) { return; }
+    try { sel.addRange(this._savedRange.cloneRange()); } catch (_) { void _; return; }
 
     // Firefox does not support 'hiliteColor'; fall back to 'backColor'
     const cmd = type === 'hiliteColor' ? 'hiliteColor' : type;
@@ -389,7 +389,7 @@ export class BubbleToolbar {
     if (!this._btnCache) return;
     this._btnCache.forEach((btn) => {
       const activeFn = _ACTIVE[/** @type {HTMLElement} */ (btn).dataset.name];
-      btn.classList.toggle('an-active', !!(activeFn && activeFn()));
+      btn.classList.toggle('an-active', !!(activeFn?.()));
     });
   }
 
@@ -397,7 +397,7 @@ export class BubbleToolbar {
   _syncColorStrips() {
     if (!this._el) return;
     const sel = globalThis.getSelection();
-    if (!sel || !sel.rangeCount) return;
+    if (!sel?.rangeCount) return;
     let node = sel.getRangeAt(0).startContainer;
     if (node.nodeType === Node.TEXT_NODE) node = node.parentElement;
     if (!node) return;

package/src/js/module/Buttons.js

@@ -102,10 +102,10 @@ export const underlineBtn = btn('underline', 'underline', 'Underline (Ctrl+U)',
   // consistent behaviour across both collapsed and range selections.
   if (document.queryCommandState('underline')) return true;
   const sel = globalThis.getSelection();
-  if (!sel || !sel.rangeCount) return false;
+  if (!sel?.rangeCount) return false;
   let sc = sel.getRangeAt(0).startContainer;
   if (sc.nodeType === 3) sc = sc.parentElement;
-  return !!(sc && /** @type {Element} */ (sc).closest('u'));
+  return !!(/** @type {Element} */ (sc)?.closest('u'));
 });
 export const strikeBtn = btn('strikethrough', 'strikethrough', 'Strikethrough', () => Style.strikethrough(), () => document.queryCommandState('strikeThrough'));
 export const superscriptBtn = btn('superscript', 'superscript', 'Superscript', () => Style.superscript(), () => document.queryCommandState('superscript'));
@@ -180,11 +180,11 @@ export const fontSizeBtn = {
   getValue: (ctx) => {
     try {
       const sel = globalThis.getSelection();
-      if (sel && sel.rangeCount) {
+      if (sel?.rangeCount) {
         let el = /** @type {Element|null} */ (sel.getRangeAt(0).startContainer);
-        if (el && el.nodeType === 3) el = el.parentElement;
-        while (el && el.nodeType === 1 && !/** @type {HTMLElement} */ (el).style.fontSize) el = el.parentElement;
-        const size = (el && /** @type {HTMLElement} */ (el).style.fontSize) ? /** @type {HTMLElement} */ (el).style.fontSize : '';
+        if (el?.nodeType === 3) el = el.parentElement;
+        while (el?.nodeType === 1 && !/** @type {HTMLElement} */ (el).style.fontSize) el = el.parentElement;
+        const size = /** @type {HTMLElement} */ (el)?.style.fontSize || '';
         if (size) return size;
       }
       // Fallback: read the base font size from the editable element itself
@@ -281,10 +281,10 @@ export const lineHeightBtn = {
   getValue: () => {
     try {
       const sel = globalThis.getSelection();
-      if (!sel || !sel.rangeCount) return '';
+      if (!sel?.rangeCount) return '';
       const BLOCKS = new Set(['P','DIV','H1','H2','H3','H4','H5','H6','LI','BLOCKQUOTE','PRE','TD','TH']);
       let el = /** @type {Element|null} */ (sel.getRangeAt(0).startContainer);
-      if (el && el.nodeType === 3) el = el.parentElement;
+      if (el?.nodeType === 3) el = el.parentElement;
       while (el && !BLOCKS.has(/** @type {Element} */ (el).tagName)) el = el.parentElement;
       if (!el) return '';
       return /** @type {HTMLElement} */ (el).style.lineHeight || getComputedStyle(/** @type {Element} */ (el)).lineHeight || '';

package/src/js/module/Clipboard.js

@@ -64,7 +64,7 @@ export class Clipboard {
    * @param {Node} node
    */
   _revokeRemovedBlobs(node) {
-    if (!this._blobRegistry || !this._blobRegistry.size) return;
+    if (!this._blobRegistry?.size) return;
     const imgs = /** @type {Element[]} */ ([]);
     if (node.nodeName === 'IMG') {
       imgs.push(/** @type {Element} */ (node));
@@ -267,7 +267,7 @@ export class Clipboard {
 
   _onDrop(event) {
     const dt = event.dataTransfer;
-    if (!dt || !dt.files || dt.files.length === 0) return;
+    if (!dt?.files?.length) return;
 
     const imageFiles = Array.from(dt.files).filter((f) => f.type.startsWith('image/'));
     if (imageFiles.length === 0) return;
@@ -302,7 +302,7 @@ export class Clipboard {
     const UNSUPPORTED = new Set(['image/tiff', 'image/x-tiff', 'image/bmp', 'image/x-bmp', 'image/x-ms-bmp']);
     const maxBytes = (this.options.maxImageSize || 5) * 1024 * 1024;
     files.forEach((file) => {
-      if (!file || !file.type.startsWith('image/')) return;
+      if (!file?.type?.startsWith('image/')) return;
       if (UNSUPPORTED.has(file.type)) {
         const message = `Image format "${file.type}" is not supported for display in web browsers. Please convert to PNG, JPEG, or WebP first.`;
         this.context.triggerEvent('imageError', { file, message });
@@ -339,7 +339,7 @@ export class Clipboard {
    * @returns {string}
    */
   resolveImages(html) {
-    if (!this._blobRegistry || !this._blobRegistry.size) return html;
+    if (!this._blobRegistry?.size) return html;
     return html.replace(/blob:[^"'> \t\n\r]*/g, (url) => this._blobRegistry.get(url) || url);
   }
 

package/src/js/module/CodeTooltip.js

@@ -273,7 +273,7 @@ export class CodeTooltip {
       ta.style.cssText = 'position:fixed;opacity:0;top:0;left:0';
       document.body.appendChild(ta);
       ta.select();
-      try { document.execCommand('copy'); this._flashCopied(); } catch (_) {}
+      try { document.execCommand('copy'); this._flashCopied(); } catch (_) { void _; }
       ta.remove();
     }
   }

package/src/js/module/ContextMenu.js

@@ -114,7 +114,7 @@ export class ContextMenu {
   constructor(context) {
     this.context = context;
     this.options = context.options || {};
-    this._items = (this.options.contextMenu && this.options.contextMenu.items) || defaultItems;
+    this._items = this.options.contextMenu?.items || defaultItems;
     this.el = null;
     this._disposers = [];
     this._menuDisposers = []; // disposers for dynamically-rendered menu buttons
@@ -136,17 +136,19 @@ export class ContextMenu {
       this._disposers.push(on(editable, 'contextmenu', (e) => this._onContextMenu(e)));
     }
 
-    this._disposers.push(on(document, 'click', (e) => this._maybeHide(e)));
-    this._disposers.push(on(document, 'keydown', (e) => { if (/** @type {KeyboardEvent} */ (e).key === 'Escape') this.hide(); }));
-    this._disposers.push(on(globalThis, 'scroll', () => this.hide(), { passive: true }));
+    this._disposers.push(
+      on(document, 'click', (e) => this._maybeHide(e)),
+      on(document, 'keydown', (e) => { if (/** @type {KeyboardEvent} */ (e).key === 'Escape') this.hide(); }),
+      on(globalThis, 'scroll', () => this.hide(), { passive: true }),
+    );
 
     return this;
   }
 
   destroy() {
-    this._menuDisposers.forEach((d) => { try { d(); } catch (_e) {} });
+    this._menuDisposers.forEach((d) => { try { d(); } catch (_e) { void _e; } });
     this._menuDisposers = [];
-    this._disposers.forEach((d) => { try { d(); } catch (_e) {} });
+    this._disposers.forEach((d) => { try { d(); } catch (_e) { void _e; } });
     this._disposers = [];
     if (this.el) this.el.remove();
     this.el = null;
@@ -379,7 +381,7 @@ export class ContextMenu {
     event.preventDefault();
 
     const winSel = globalThis.getSelection();
-    this._savedRange = (winSel && winSel.rangeCount > 0) ? winSel.getRangeAt(0).cloneRange() : null;
+    this._savedRange = (winSel?.rangeCount > 0) ? winSel.getRangeAt(0).cloneRange() : null;
     this._renderItems(this._items);
 
     // Open below the selected text so the selection stays visible.
@@ -395,7 +397,7 @@ export class ContextMenu {
           // Keep X at click position (feels natural); Y just below the selection.
           openY = selRect.bottom + 4;
         }
-      } catch (_) {}
+      } catch (_) { void _; }
     }
 
     this._lastX = openX;
@@ -418,8 +420,8 @@ export class ContextMenu {
 
   _reposition(x, y) {
     if (!this.el) return;
-    const rx = x !== undefined ? x : this._lastX;
-    const ry = y !== undefined ? y : this._lastY;
+    const rx = x === undefined ? this._lastX : x;
+    const ry = y === undefined ? this._lastY : y;
     const w = this.el.offsetWidth;
     const h = this.el.offsetHeight;
     let left = rx;
@@ -485,7 +487,7 @@ export class ContextMenu {
     const editable = this.context.layoutInfo?.editable;
     let node = range.startContainer;
     if (node.nodeType === Node.TEXT_NODE) node = node.parentElement;
-    if (!node || !editable || !editable.contains(node)) return;
+    if (!node || !editable?.contains(node)) return;
 
     // Walk up to collect explicitly-set inline properties from the nearest styled ancestor
     const cs = globalThis.getComputedStyle(/** @type {Element} */ (node));
@@ -510,7 +512,7 @@ export class ContextMenu {
   _findExplicitStyle(node, boundary, prop) {
     let el = node;
     while (el && el !== boundary && el !== document.body) {
-      if (el.style && el.style[prop]) return el.style[prop];
+      if (el.style?.[prop]) return el.style[prop];
       // also check font element attributes
       if (el.nodeName === 'FONT') {
         if (prop === 'fontFamily' && el.getAttribute('face')) return el.getAttribute('face');

package/src/js/module/Editor.js

@@ -62,7 +62,7 @@ export class Editor {
     const onSelChange = () => {
       if (!this.context._alive) return;
       const sel = globalThis.getSelection();
-      if (sel && sel.rangeCount > 0 && editable.contains(sel.anchorNode)) {
+      if (sel?.rangeCount > 0 && editable.contains(sel.anchorNode)) {
         this.context.invoke('toolbar.refresh');
         if (typeof this.options.onSelectionChange === 'function') {
           this.options.onSelectionChange(this.context);
@@ -86,7 +86,7 @@ export class Editor {
     // keyup  : arrow-key navigation may land at <li>[0]; move to start-of-text.
     const fixChecklistCursor = (event) => {
       const sel = globalThis.getSelection();
-      if (!sel || !sel.rangeCount) return;
+      if (!sel?.rangeCount) return;
       const r = sel.getRangeAt(0);
       if (!r.collapsed) return;
       const sc = r.startContainer;
@@ -102,7 +102,7 @@ export class Editor {
 
       // For mouse events: ask the browser where the pointer landed so the
       // cursor respects the actual click position inside the text.
-      if (event && event.type === 'mouseup') {
+      if (event?.type === 'mouseup') {
         let caret = null;
         if (document.caretRangeFromPoint) {
           caret = document.caretRangeFromPoint(event.clientX, event.clientY);
@@ -181,7 +181,7 @@ export class Editor {
     let _compositionSupSub = null;
     const onCompositionStart = () => {
       const sel = globalThis.getSelection();
-      if (!sel || !sel.rangeCount) { _compositionSupSub = null; return; }
+      if (!sel?.rangeCount) { _compositionSupSub = null; return; }
       let node = sel.getRangeAt(0).startContainer;
       if (node.nodeType === Node.TEXT_NODE) node = node.parentElement;
       if (node) {
@@ -196,7 +196,7 @@ export class Editor {
       _compositionSupSub = null;
       if (!tag) return;
       const sel = globalThis.getSelection();
-      if (!sel || !sel.rangeCount) return;
+      if (!sel?.rangeCount) return;
       let node = sel.getRangeAt(0).startContainer;
       if (node.nodeType === Node.TEXT_NODE) node = node.parentElement;
       const el = /** @type {Element} */ (node);
@@ -557,7 +557,7 @@ export class Editor {
     // Only runs when converting TO <pre> and the block has no language yet.
     if (tagName === 'pre') {
       const sel = globalThis.getSelection();
-      if (sel && sel.rangeCount > 0) {
+      if (sel?.rangeCount > 0) {
         const container = sel.getRangeAt(0).commonAncestorContainer;
         const pre = /** @type {Element|null} */ (
           container.nodeType === 1
@@ -623,10 +623,7 @@ export class Editor {
     if (!safeUrl) return;
 
     const hasText = sel.toString().trim().length > 0;
-    if (!hasText) {
-      const displayText = this._escapeAttr(text || safeUrl);
-      Style.execCommand('insertHTML', `<a href="${this._escapeAttr(safeUrl)}"${openInNewTab ? ' target="_blank" rel="noopener noreferrer"' : ''}>${displayText}</a>`);
-    } else {
+    if (hasText) {
       Style.execCommand('createLink', safeUrl);
       if (openInNewTab) {
         const link = this._getClosestAnchor();
@@ -635,6 +632,9 @@ export class Editor {
           /** @type {Element} */ (link).setAttribute('rel', 'noopener noreferrer');
         }
       }
+    } else {
+      const displayText = this._escapeAttr(text || safeUrl);
+      Style.execCommand('insertHTML', `<a href="${this._escapeAttr(safeUrl)}"${openInNewTab ? ' target="_blank" rel="noopener noreferrer"' : ''}>${displayText}</a>`);
     }
     this.afterCommand();
   }

package/src/js/module/EmojiDialog.js

@@ -666,7 +666,7 @@ export class EmojiDialog extends BaseDialog {
     if (savedRange) savedRange.select();
 
     const sel = globalThis.getSelection();
-    let range = sel && sel.rangeCount > 0 ? sel.getRangeAt(0) : null;
+    let range = sel?.rangeCount > 0 ? sel.getRangeAt(0) : null;
     if (!range) {
       range = document.createRange();
       range.selectNodeContents(editable);