autumnnote 1.6.3 → 1.6.6

package/src/js/module/FindReplace.js

@@ -298,8 +298,7 @@ export class FindReplace extends BaseDialog {
         range.surroundContents(mark);
         this._matches.push({ mark });
       } catch (_) {
-        // surroundContents fails when the range crosses element boundaries.
-        // This can happen with <br> inside matched text — skip safely.
+        void _; // surroundContents fails when the range crosses element boundaries
         this._matches.push({ mark: null });
       }
     }
@@ -311,7 +310,7 @@ export class FindReplace extends BaseDialog {
     if (this._matches.length === 0) return;
 
     // Highlight the first (current) match
-    if (this._matches[0] && this._matches[0].mark) {
+    if (this._matches[0]?.mark) {
       this._matches[0].mark.className = 'an-highlight an-highlight-current';
       this._matches[0].mark.scrollIntoView({ block: 'center', behavior: 'smooth' });
     }
@@ -328,7 +327,7 @@ export class FindReplace extends BaseDialog {
     // Reuse compiled regex when query and case-sensitivity haven't changed
     if (this._lastQuery !== query || this._lastCaseSensitive !== this._caseSensitive) {
       const flags = this._caseSensitive ? 'g' : 'gi';
-      const escaped = query.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+      const escaped = query.replace(/[.*+?^${}()|[\]\\]/g, String.raw`\$&`);
       this._queryRegex = new RegExp(escaped, flags);
       this._lastQuery = query;
       this._lastCaseSensitive = this._caseSensitive;
@@ -370,7 +369,7 @@ export class FindReplace extends BaseDialog {
 
   _scrollToMatch(index) {
     const match = this._matches[index];
-    if (!match || !match.mark) return;
+    if (!match?.mark) return;
     // Update CSS classes
     this._matches.forEach((m, i) => {
       if (m.mark) {
@@ -389,7 +388,7 @@ export class FindReplace extends BaseDialog {
   _replace() {
     if (this._matches.length === 0 || this._currentIndex < 0) return;
     const match = this._matches[this._currentIndex];
-    if (!match || !match.mark || !match.mark.parentNode) return;
+    if (!match?.mark?.parentNode) return;
 
     const replacement = this._replaceInput ? this._replaceInput.value : '';
     const parent = match.mark.parentNode;
@@ -412,7 +411,7 @@ export class FindReplace extends BaseDialog {
     const replacement = this._replaceInput ? this._replaceInput.value : '';
 
     this._matches.forEach(({ mark }) => {
-      if (!mark || !mark.parentNode) return;
+      if (!mark?.parentNode) return;
       const textNode = document.createTextNode(replacement);
       mark.parentNode.insertBefore(textNode, mark);
       mark.remove();

package/src/js/module/IconDialog.js

@@ -570,7 +570,7 @@ export class IconDialog extends BaseDialog {
     const _tdAnchor = /** @type {Element|null} */ (_sc.nodeType === 1 ? _sc : _sc.parentElement)
       ?.closest('td, th');
     range.deleteContents();
-    if (_tdAnchor && _tdAnchor.isConnected && !_tdAnchor.contains(range.startContainer)) {
+    if (_tdAnchor?.isConnected && !_tdAnchor.contains(range.startContainer)) {
       range.setStart(_tdAnchor, 0);
       range.collapse(true);
     }
@@ -580,7 +580,7 @@ export class IconDialog extends BaseDialog {
     //    Keep a text anchor (\u200B) after the icon so ArrowLeft/ArrowRight and
     //    caret placement at end-of-line stay stable across browsers.
     let caretTextNode = iconEl.nextSibling;
-    if (!caretTextNode || caretTextNode.nodeType !== Node.TEXT_NODE) {
+    if (caretTextNode?.nodeType !== Node.TEXT_NODE) {
       caretTextNode = document.createTextNode('\u200B');
       iconEl.parentNode.insertBefore(caretTextNode, iconEl.nextSibling);
     } else if (!caretTextNode.textContent) {

package/src/js/module/ImageCropOverlay.js

@@ -58,6 +58,7 @@ function drawCropToCanvas(img, naturalRect, renderW, renderH) {
         ctx.getImageData(0, 0, 1, 1);
         resolve(canvas);
       } catch (_) {
+        void _; // canvas tainted — resolve with null
         resolve(null);
       }
     };
@@ -399,7 +400,7 @@ export class ImageCropOverlay {
     const startY = e.clientY;
     const orig   = { ...this._box };
     const r      = this._imgRect;
-    const lockAR = this._arCheck && this._arCheck.checked;
+    const lockAR = this._arCheck?.checked;
     const aspect = orig.w / (orig.h || 1);
 
     const onMove = (me) => {

package/src/js/module/ImageDialog.js

@@ -107,8 +107,8 @@ export class ImageDialog extends BaseDialog {
   // ---------------------------------------------------------------------------
 
   _onFileChange() {
-    const file = this._fileInput && this._fileInput.files && this._fileInput.files[0];
-    if (!file || !file.type.startsWith('image/')) return;
+    const file = this._fileInput?.files?.[0];
+    if (!file?.type?.startsWith('image/')) return;
 
     // C2: Only allow web-displayable formats. TIFF, BMP, RAW and similar
     // formats are not rendered by browsers — reject them with a clear message.
@@ -146,7 +146,7 @@ export class ImageDialog extends BaseDialog {
   _onInsert() {
     const src = this._urlInput.value.trim();
     const alt = this._altInput.value.trim();
-    const alignRadio = this._alignRow && this._alignRow.querySelector('input[name="an-img-align"]:checked');
+    const alignRadio = this._alignRow?.querySelector('input[name="an-img-align"]:checked');
     const align = alignRadio ? /** @type {HTMLInputElement} */ (alignRadio).value : '';
 
     if (!src) {

package/src/js/module/ImageResizer.js

@@ -75,7 +75,7 @@ export class ImageResizer {
       this._positionRaf = null;
     }
     this._deselect();
-    if (this._overlay && this._overlay.parentNode) {
+    if (this._overlay?.parentNode) {
       this._overlay.remove();
     }
     this._overlay = null;
@@ -140,7 +140,7 @@ export class ImageResizer {
   _onDocClick(e) {
     if (!this._activeImg) return;
     if (e.target === this._activeImg) return;
-    if (this._overlay && this._overlay.contains(e.target)) return;
+    if (this._overlay?.contains(e.target)) return;
     // Don't deselect while interacting with the context menu
     if (e.target.closest('.an-contextmenu')) return;
     this._deselect();
@@ -181,7 +181,7 @@ export class ImageResizer {
 
     // Skip DOM writes when position hasn't changed (common during non-scroll rAF ticks)
     const p = this._lastOverlayPos;
-    if (p && p.l === rect.left && p.t === rect.top && p.w === rect.width && p.h === rect.height) return;
+    if (p?.l === rect.left && p.t === rect.top && p.w === rect.width && p.h === rect.height) return;
     this._lastOverlayPos = { l: rect.left, t: rect.top, w: rect.width, h: rect.height };
 
     const left = rect.left - containerRect.left + offsetParent.scrollLeft;

package/src/js/module/ImageTooltip.js

@@ -284,9 +284,11 @@ export class ImageTooltip {
     const next    = (prev + delta + 360) % 360; // normalise to [0, 360)
     // Preserve any other transform functions (e.g. scale), replace only rotate()
     const cleaned = current.replace(/rotate\(-?[\d.]+deg\)/, '').trim();
-    img.style.transform = cleaned
-      ? `${cleaned} rotate(${next}deg)`
-      : next === 0 ? '' : `rotate(${next}deg)`;
+    if (cleaned) {
+      img.style.transform = `${cleaned} rotate(${next}deg)`;
+    } else {
+      img.style.transform = next === 0 ? '' : `rotate(${next}deg)`;
+    }
     this.context.invoke('editor.afterCommand');
     this.context.invoke('imageResizer.updateOverlay');
     requestAnimationFrame(() => { if (this._activeImg) this._positionNear(this._activeImg); });

package/src/js/module/LinkDialog.js

@@ -88,7 +88,7 @@ export class LinkDialog extends BaseDialog {
     // Try to find currently selected anchor
     const sel = globalThis.getSelection();
     let anchor = null;
-    if (sel && sel.rangeCount > 0) {
+    if (sel?.rangeCount > 0) {
       let node = sel.getRangeAt(0).startContainer;
       while (node) {
         if (node.nodeName === 'A') { anchor = node; break; }

package/src/js/module/LinkTooltip.js

@@ -57,7 +57,7 @@ export class LinkTooltip {
     this._clearTimers();
     this._disposers.forEach((d) => d());
     this._disposers = [];
-    if (this._el && this._el.parentNode) this._el.remove();
+    if (this._el?.parentNode) this._el.remove();
     this._el = null;
   }
 
@@ -178,7 +178,7 @@ export class LinkTooltip {
   _truncateUrl(url) {
     try {
       const u = new URL(url);
-      const display = u.host + (u.pathname !== '/' ? u.pathname : '');
+      const display = u.host + (u.pathname === '/' ? '' : u.pathname);
       return display.length > 48 ? display.slice(0, 48) + '…' : display;
     } catch {
       return url.length > 48 ? url.slice(0, 48) + '…' : url;
@@ -213,7 +213,7 @@ export class LinkTooltip {
     // Brief visual feedback  
     if (this._copyBtn) {
       this._copyBtn.classList.add('an-link-tooltip-btn--copied');
-      setTimeout(() => this._copyBtn && this._copyBtn.classList.remove('an-link-tooltip-btn--copied'), 1000);
+      setTimeout(() => this._copyBtn?.classList.remove('an-link-tooltip-btn--copied'), 1000);
     }
   }
 

package/src/js/module/Mention.js

@@ -205,12 +205,12 @@ export class Mention {
           this._caretRect = candidate;
           return;
         }
-      } catch (_) {}
+      } catch (_) { void _; }
     }
 
     // Fallback: use getClientRects() on the current collapsed selection
     const sel = globalThis.getSelection();
-    if (!sel || !sel.rangeCount) return;
+    if (!sel?.rangeCount) return;
     const rects = sel.getRangeAt(0).getClientRects();
     if (rects.length > 0) {
       this._caretRect = rects[rects.length - 1];
@@ -223,7 +223,7 @@ export class Mention {
 
   _getQueryAtCursor() {
     const sel = globalThis.getSelection();
-    if (!sel || !sel.rangeCount) return null;
+    if (!sel?.rangeCount) return null;
     const range = sel.getRangeAt(0);
     if (!range.collapsed) return null;
 

package/src/js/module/TableTooltip.js

@@ -58,7 +58,7 @@ function getCellAfterVisualCol(row, visualIdx) {
     if (vIdx > visualIdx) {
       // next cell after the one that starts at / spans visualIdx
       const next = c.nextElementSibling;
-      return (next && next.tagName === 'TD' || next && next.tagName === 'TH') ? /** @type {HTMLTableCellElement} */ (next) : null;
+      return (next?.tagName === 'TD' || next?.tagName === 'TH') ? /** @type {HTMLTableCellElement} */ (next) : null;
     }
   }
   return null;
@@ -190,10 +190,7 @@ export class TableTooltip {
       on(editable, 'mousedown', onSelMousedown),
       on(editable, 'mousemove', onSelMousemove),
       on(document, 'mouseup',   onSelMouseup),
-    );
-    // ────────────────────────────────────────────────────────────────────────
-
-    this._disposers.push(
+      // ──────────────────────────────────────────────────────────────────────
       on(editable, 'mouseover', (e) => {
         if (this.context.layoutInfo.container.classList.contains('an-disabled')) return;
         const table = /** @type {Element} */ (e.target)?.closest('table');
@@ -309,22 +306,27 @@ export class TableTooltip {
       _startY   = e.clientY;
       _table    = _nearCell.closest('table');
       if (_edge === 'col') {
-        _startW   = _nearCell.offsetWidth;
-        _colIdx   = getVisualColIndex(_nearCell);
-        // Cache column cells once so onDocMove never runs querySelectorAll per frame.
-        // F-1: skip merged cells (colSpan > 1) — setting width on a merged cell
-        // distributes it equally across all spanned columns instead of resizing
-        // only the target column.  Rows that have an individual cell at this
-        // visual column index are resized independently as expected.
+        // Right edge of a merged cell = last spanned column, not the start column
+        _colIdx = getVisualColIndex(_nearCell) + (_nearCell.colSpan || 1) - 1;
+        // Cache non-merged cells at that column — merged cells cannot be individually
+        // resized per column (F-1: colSpan > 1 distributes width across all spanned cols)
         _colCells = _colIdx >= 0
           ? Array.from(_table.querySelectorAll('tr'))
               .map(r => getCellAtVisualCol(r, _colIdx))
               .filter(Boolean)
               .filter(c => (c.colSpan || 1) === 1)
           : [];
+        // Use the actual column width from a non-merged cell; fall back to per-column estimate
+        _startW = _colCells.length > 0
+          ? _colCells[0].offsetWidth
+          : Math.max(30, Math.round(_nearCell.offsetWidth / (_nearCell.colSpan || 1)));
         document.body.style.cursor = 'col-resize';
       } else {
-        _row    = _nearCell.closest('tr');
+        // Bottom edge of a merged cell = last spanned row, not the cell's own <tr>
+        const tr = _nearCell.closest('tr');
+        const rowStart = tr ? Array.from(_table.rows).indexOf(tr) : 0;
+        const lastRowIdx = rowStart + (_nearCell.rowSpan || 1) - 1;
+        _row    = _table.rows[lastRowIdx] || tr;
         _startH = _row ? _row.offsetHeight : 40;
         document.body.style.cursor = 'row-resize';
       }
@@ -386,13 +388,13 @@ export class TableTooltip {
     this._clearTimers();
     this._disposers.forEach((d) => d());
     this._disposers = [];
-    if (this._el && this._el.parentNode) this._el.remove();
+    if (this._el?.parentNode) this._el.remove();
     this._el = null;
-    if (this._sizePopover && this._sizePopover.parentNode) {
+    if (this._sizePopover?.parentNode) {
       this._sizePopover.remove();
     }
     this._sizePopover = null;
-    if (this._shadePopover && this._shadePopover.parentNode) {
+    if (this._shadePopover?.parentNode) {
       this._shadePopover.remove();
     }
     this._shadePopover = null;
@@ -604,7 +606,7 @@ export class TableTooltip {
   _getCell() {
     // Prefer the cell under the current text cursor (most intuitive for operations)
     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 cellFromSel = /** @type {Element} */ (container)?.closest('td, th');
@@ -659,7 +661,7 @@ export class TableTooltip {
     if (!startCell) return [];
     if (!endCell || startCell === endCell) return [startCell];
     const table = startCell.closest('table');
-    if (!table || !table.contains(endCell)) return [startCell];
+    if (!table?.contains(endCell)) return [startCell];
 
     const { gridMap, cellPos } = buildGridMap(table);
     const sp = cellPos.get(startCell);
@@ -734,7 +736,8 @@ export class TableTooltip {
     const refRow = selectedRows.reduce((best, r) => {
       const bi = allRows.indexOf(best);
       const ri = allRows.indexOf(r);
-      return position === 'above' ? (ri < bi ? r : best) : (ri > bi ? r : best);
+      if (position === 'above') return ri < bi ? r : best;
+      return ri > bi ? r : best;
     }, selectedRows[0]);
     const colCount = Array.from(refRow.cells).reduce((sum, c) => sum + (c.colSpan || 1), 0);
     const newRow = document.createElement('tr');
@@ -742,12 +745,12 @@ export class TableTooltip {
     for (let i = 0; i < colCount; i++) {
       const td = createElement('td', {}, ['\u00a0']);
       const ref = refCells[i];
-      if (ref && ref.style.width)    td.style.width    = ref.style.width;
-      if (ref && ref.style.minWidth) td.style.minWidth = ref.style.minWidth;
+      if (ref?.style.width)    td.style.width    = ref.style.width;
+      if (ref?.style.minWidth) td.style.minWidth = ref.style.minWidth;
       newRow.appendChild(td);
     }
     if (position === 'above') refRow.parentElement?.insertBefore(newRow, refRow);
-    else refRow.insertAdjacentElement('afterend', newRow);
+    else refRow.after(newRow);
     requestAnimationFrame(() => this._positionNear(this._activeTable));
     this.context.invoke('editor.afterCommand');
   }
@@ -865,8 +868,21 @@ export class TableTooltip {
     first.colSpan = maxC - minC + 1;
     first.rowSpan = maxR - minR + 1;
     first.style.verticalAlign = 'middle';
-    first.innerHTML = rectCells.map((c) => c.innerHTML).join('');
-    rectCells.slice(1).forEach((c) => c.remove());
+    first.style.height = '';
+    first.style.minHeight = '';
+
+    // Merge content: collect non-empty inner HTML, join with <br> separator
+    const parts = rectCells
+      .map((c) => c.innerHTML.replace(/^(<br\s*\/?>|\s)+$/i, '').trim())
+      .filter((h) => h !== '');
+    first.innerHTML = parts.length ? parts.join('<br>') : '<br>';
+
+    rectCells.slice(1).forEach((c) => {
+      const row = c.parentElement;
+      c.remove();
+      // Remove the parent <tr> if it is now completely empty
+      if (row && row.cells.length === 0) row.remove();
+    });
 
     this._clearSelection();
     this.context.invoke('editor.afterCommand');
@@ -939,7 +955,7 @@ export class TableTooltip {
       let ref = null;
       for (const tc of targetRow.cells) {
         const tp = cellPos.get(tc);
-        if (tp && tp.c > c) { ref = tc; break; }
+        if (tp?.c > c) { ref = tc; break; }
       }
       for (let dc = 0; dc < cs; dc++) {
         targetRow.insertBefore(createElement(tag, {}, ['\u00a0']), ref);
@@ -1043,9 +1059,12 @@ export class TableTooltip {
         : this.context.locale.tooltips.table.rowHeightPx;
       this._sizeInputEl.min   = '1';
       this._sizeInputEl.max   = '2000';
-      this._sizeInputEl.value = isCol
-        ? (cell.offsetWidth || 120)
-        : (cell.closest('tr') ? (cell.closest('tr').offsetHeight || 40) : 40);
+      if (isCol) {
+        this._sizeInputEl.value = cell.offsetWidth || 120;
+      } else {
+        const refRow = cell.closest('tr');
+        this._sizeInputEl.value = refRow ? (refRow.offsetHeight || 40) : 40;
+      }
       this._sizeApply = (val) => {
         const table = cell.closest('table');
         if (!table) return;
@@ -1140,19 +1159,18 @@ export class TableTooltip {
       on(pop, 'mousedown', (e) => e.preventDefault()),
       on(pop, 'mouseenter', () => this._clearTimers()),
       on(pop, 'mouseleave', () => this._scheduleHide()),
+      // Close on outside click
+      on(document, 'click', (e) => {
+        const et = /** @type {Node} */ (e.target);
+        if (this._shadePopover &&
+            this._shadePopover.style.display !== 'none' &&
+            !this._shadePopover.contains(et) &&
+            !this._el?.contains(et)) {
+          this._hideCellShadePopover();
+        }
+      }),
     );
 
-    // Close on outside click
-    this._disposers.push(on(document, 'click', (e) => {
-      const et = /** @type {Node} */ (e.target);
-      if (this._shadePopover &&
-          this._shadePopover.style.display !== 'none' &&
-          !this._shadePopover.contains(et) &&
-          !this._el?.contains(et)) {
-        this._hideCellShadePopover();
-      }
-    }));
-
     return pop;
   }
 

package/src/js/module/Toolbar.js

@@ -145,7 +145,7 @@ export class Toolbar {
     this._refreshRaf = null;
     this._disposers.forEach((d) => d());
     this._disposers = [];
-    if (this.el && this.el.parentNode) {
+    if (this.el?.parentNode) {
       this.el.remove();
     }
     this.el = null;
@@ -399,7 +399,7 @@ export class Toolbar {
 
     const saveSelection = () => {
       const sel = globalThis.getSelection();
-      savedRange = (sel && sel.rangeCount) ? sel.getRangeAt(0).cloneRange() : null;
+      savedRange = sel?.rangeCount ? sel.getRangeAt(0).cloneRange() : null;
     };
 
     const restoreSelection = () => {
@@ -410,7 +410,7 @@ export class Toolbar {
         sel.removeAllRanges();
         sel.addRange(savedRange);
       } catch (_) {
-        // Range target may be detached if DOM changed while popup was open
+        void _; // range may be stale if DOM changed while popup was open
       }
     };
 
@@ -541,11 +541,14 @@ export class Toolbar {
 
     items.forEach((item) => {
       const value    = (typeof item === 'object') ? item.value    : item;
-      const label    = (typeof item === 'object')
-        ? (def.name === 'paragraphStyle'
-            ? ((this.context.locale.toolbar.paragraphItems || {})[item.value] || item.label)
-            : item.label)
-        : item;
+      let label;
+      if (typeof item !== 'object') {
+        label = item;
+      } else if (def.name === 'paragraphStyle') {
+        label = this.context.locale.toolbar.paragraphItems?.[item.value] || item.label;
+      } else {
+        label = item.label;
+      }
       const isHeader = (typeof item === 'object') && !!item.disabled;
       const attrs    = { value };
       if (isHeader) attrs.disabled = '';
@@ -563,7 +566,7 @@ export class Toolbar {
     let _savedRange = null;
     const dMousedown = on(select, 'mousedown', () => {
       const sel = globalThis.getSelection();
-      _savedRange = (sel && sel.rangeCount) ? sel.getRangeAt(0).cloneRange() : null;
+      _savedRange = sel?.rangeCount ? sel.getRangeAt(0).cloneRange() : null;
     });
 
     const disposer = on(select, 'change', (e) => {
@@ -576,7 +579,7 @@ export class Toolbar {
         try {
           const sel = globalThis.getSelection();
           if (sel) { sel.removeAllRanges(); sel.addRange(_savedRange); }
-        } catch (_) { /* range may be stale if DOM changed */ }
+        } catch (_) { void _; /* range may be stale if DOM changed */ }
       }
       def.action(this.context, value);
       this.context.invoke('editor.afterCommand');
@@ -617,15 +620,13 @@ export class Toolbar {
       } else {
         btn.textContent = btnDef.icon || btnDef.name;
       }
-    } else {
+    } else if (_SVG_MAP.has(btnDef.icon)) {
       // FontAwesome absent: use SVG fallback when available
-      if (_SVG_MAP.has(btnDef.icon)) {
-        btn.innerHTML = _SVG_MAP.get(btnDef.icon);
-      } else if (_SVG_MAP.has(btnDef.name)) {
-        btn.innerHTML = _SVG_MAP.get(btnDef.name);
-      } else {
-        btn.textContent = btnDef.icon || btnDef.name;
-      }
+      btn.innerHTML = _SVG_MAP.get(btnDef.icon);
+    } else if (_SVG_MAP.has(btnDef.name)) {
+      btn.innerHTML = _SVG_MAP.get(btnDef.name);
+    } else {
+      btn.textContent = btnDef.icon || btnDef.name;
     }
 
     const disposer = on(btn, 'click', (event) => {
@@ -702,13 +703,13 @@ export class Toolbar {
       // Fallback: when no selection/font set, use the configured default font
       if (!raw) {
         raw = this.options.defaultFontFamily
-          || (this.options.fontFamilies && this.options.fontFamilies[0])
+          || this.options.fontFamilies?.[0]
           || '';
       }
       // Try to match against available options (case-insensitive)
       const sel = /** @type {HTMLSelectElement} */ (select);
       const matched = Array.from(sel.options).find(
-        (opt) => opt.value && opt.value.toLowerCase() === raw.toLowerCase()
+        (opt) => opt.value?.toLowerCase() === raw.toLowerCase()
       );
       sel.value = matched ? matched.value : '';
     });

package/src/js/module/VideoDialog.js

@@ -68,7 +68,10 @@ export class VideoDialog extends BaseDialog {
     // Live URL hint
     const d0 = on(urlInput, 'input', () => {
       const info = this._parseVideoUrl(urlInput.value.trim());
-      hintEl.textContent = info ? this.context.locale.videoDialog.detected(info.type) : (urlInput.value ? this.context.locale.videoDialog.unknownFormat : '');
+      let hint = '';
+      if (info) { hint = this.context.locale.videoDialog.detected(info.type); }
+      else if (urlInput.value) { hint = this.context.locale.videoDialog.unknownFormat; }
+      hintEl.textContent = hint;
     });
     const d4 = on(urlInput, 'keydown', (e) => { if (/** @type {KeyboardEvent} */ (e).key === 'Enter') { e.preventDefault(); this._onInsert(); } });
     this._disposers.push(d0, d4);
@@ -167,7 +170,7 @@ export class VideoDialog extends BaseDialog {
       );
     }
 
-    if (info && info.type === 'Direct video') {
+    if (info?.type === 'Direct video') {
       const src = info.embedUrl.replaceAll('"', '%22');
       return (
         `<div class="an-video-wrapper" style="position:relative;display:block;width:${width}px;max-width:100%">` +

package/src/js/renderer.js

@@ -36,7 +36,7 @@ export function renderLayout(targetEl, options) {
   // Restore auto-saved content when available; fall back to element content
   let initialContent = '';
   if (options.autoSave && options.autoSaveKey) {
-    try { initialContent = localStorage.getItem(options.autoSaveKey) || ''; } catch (_) {}
+    try { initialContent = localStorage.getItem(options.autoSaveKey) || ''; } catch (_) { void _; }
   }
   if (!initialContent) {
     initialContent = targetEl.tagName === 'TEXTAREA'
@@ -111,7 +111,7 @@ export function renderLayout(targetEl, options) {
 
   // Hide the original element; keep it in DOM for form submission
   targetEl.style.display = 'none';
-  targetEl.insertAdjacentElement('afterend', container);
+  targetEl.after(container);
 
   return { container, editable };
 }