autumnnote 2.0.0 → 2.2.0

package/src/js/index.umd.js

@@ -1,17 +0,0 @@
-/**
- * index.umd.js — UMD entry point for AutumnNote
- *
- * Re-exports only the default export so the UMD global is the factory object
- * directly, enabling the script-tag usage documented in the README:
- *
- *   <script src="dist/autumnnote.umd.js"></script>
- *   <script>
- *     const editor = AutumnNote.create('#my-editor');
- *   </script>
- */
-// Script-tag consumers have no bundler to tree-shake with, so every locale is
-// pre-registered here and `lang: 'vi'` works without extra imports. ESM
-// consumers opt in per locale via `autumnnote/i18n/<code>` instead.
-import './i18n/all.js';
-
-export { default } from './index.js';

package/src/js/module/AutoSaveRestore.js

@@ -1,125 +0,0 @@
-/**
- * AutoSaveRestore.js — Detects a previously auto-saved draft and offers the
- * user a banner to restore or discard it.
- *
- * Activated when both `autoSave` and `autoSaveRestore` options are true.
- * On initialize it checks localStorage for a draft that is within the
- * `autoSaveRestoreTimeout` day globalThis.  If one is found a dismissible banner
- * is prepended to the editor container.
- */
-
-export class AutoSaveRestore {
-  /** @param {import('../Context.js').Context} context */
-  constructor(context) {
-    this.context = context;
-    this.options = context.options;
-
-    /** @type {HTMLElement|null} */
-    this._banner = null;
-  }
-
-  initialize() {
-    if (!this.options.autoSave || !this.options.autoSaveRestore) return this;
-
-    const key = this.options.autoSaveKey;
-    const metaKey = key + ':asrmeta';
-
-    let saved;
-    let meta;
-    try {
-      saved = localStorage.getItem(key);
-      meta = JSON.parse(localStorage.getItem(metaKey) || '{}');
-    } catch (_) {
-      void _;
-      return this;
-    }
-
-    if (!saved) return this;
-
-    const timeout = this.options.autoSaveRestoreTimeout;
-    if (timeout > 0) {
-      const ageMs = Date.now() - (meta.savedAt || 0);
-      if (ageMs > timeout * 86400000) {
-        try { localStorage.removeItem(key); localStorage.removeItem(metaKey); } catch (_) { void _; }
-        return this;
-      }
-    }
-
-    this._showBanner(saved, meta);
-    return this;
-  }
-
-  destroy() {
-    this._removeBanner();
-  }
-
-  // ---------------------------------------------------------------------------
-  // Internal
-  // ---------------------------------------------------------------------------
-
-  _showBanner(draftHtml, meta) {
-    const locale = this.context.locale;
-    const t = locale.autoSaveRestore || {};
-    const label = t.found || 'Draft found. Restore?';
-    const restoreLabel = t.restore || 'Restore';
-    const discardLabel = t.discard || 'Discard';
-
-    const banner = document.createElement('div');
-    banner.className = 'an-asr-banner';
-    banner.setAttribute('role', 'alert');
-
-    const msg = document.createElement('span');
-    msg.className = 'an-asr-msg';
-    if (meta.savedAt) {
-      const d = new Date(meta.savedAt);
-      const formatted = d.toLocaleString();
-      msg.textContent = (t.foundAt || 'Draft from {date}. Restore?').replace('{date}', formatted);
-    } else {
-      msg.textContent = label;
-    }
-
-    const restoreBtn = document.createElement('button');
-    restoreBtn.type = 'button';
-    restoreBtn.className = 'an-btn an-asr-btn-restore';
-    restoreBtn.textContent = restoreLabel;
-    restoreBtn.addEventListener('click', () => this._restore(draftHtml));
-
-    const discardBtn = document.createElement('button');
-    discardBtn.type = 'button';
-    discardBtn.className = 'an-btn an-asr-btn-discard';
-    discardBtn.textContent = discardLabel;
-    discardBtn.addEventListener('click', () => this._discard());
-
-    banner.appendChild(msg);
-    banner.appendChild(restoreBtn);
-    banner.appendChild(discardBtn);
-
-    this._banner = banner;
-    const container = this.context.layoutInfo.container;
-    container.insertBefore(banner, container.firstChild);
-  }
-
-  _restore(draftHtml) {
-    this.context.setHTML(draftHtml);
-    this.context.clearHistory();
-    this._removeBanner();
-
-    if (typeof this.options.onAutoSaveRestore === 'function') {
-      this.options.onAutoSaveRestore(draftHtml, this.context);
-    }
-  }
-
-  _discard() {
-    const key = this.options.autoSaveKey;
-    try {
-      localStorage.removeItem(key);
-      localStorage.removeItem(key + ':asrmeta');
-    } catch (_) { void _; }
-    this._removeBanner();
-  }
-
-  _removeBanner() {
-    this._banner?.remove();
-    this._banner = null;
-  }
-}

package/src/js/module/BaseDialog.js

@@ -1,133 +0,0 @@
-import { createElement, on, trapFocus, makeDraggable } from '../core/dom.js';
-import { withSavedRange } from '../core/range.js';
-
-/**
- * Shared lifecycle and shell-building logic for all modal dialogs.
- * Subclasses implement _buildDialog() for their specific form fields.
- */
-export class BaseDialog {
-  /** @param {import('../Context.js').Context} context */
-  constructor(context) {
-    this.context = context;
-    this.options = context.options;
-    /** @type {HTMLElement|null} */
-    this._dialog = null;
-    this._disposers = [];
-    this._savedRange = null;
-    /** @type {HTMLElement|null} First focusable input; set by subclass in _buildDialog(). */
-    this._firstInput = null;
-    this._removeTrap = null;
-  }
-
-  // ---------------------------------------------------------------------------
-  // Abstract — subclasses must override
-  // ---------------------------------------------------------------------------
-
-  /** @returns {HTMLElement} */
-  _buildDialog() { throw new Error('_buildDialog() must be implemented by subclass'); }
-
-  // ---------------------------------------------------------------------------
-  // Lifecycle (shared)
-  // ---------------------------------------------------------------------------
-
-  initialize() {
-    this._dialog = this._buildDialog();
-    document.body.appendChild(this._dialog);
-    return this;
-  }
-
-  destroy() {
-    this._disposers.forEach((d) => d());
-    this._disposers = [];
-    if (this._dialog?.parentNode) {
-      this._dialog.remove();
-    }
-    this._dialog = null;
-  }
-
-  // ---------------------------------------------------------------------------
-  // Shared show helpers
-  // ---------------------------------------------------------------------------
-
-  /** Saves the current selection range before opening the dialog. */
-  _saveRange() {
-    withSavedRange((range) => { this._savedRange = range; });
-  }
-
-  _open() {
-    if (this._dialog) {
-      this._dialog.style.display = 'flex';
-      this._removeTrap = trapFocus(this._dialog, () => this._close());
-      setTimeout(() => this._firstInput?.focus(), 50);
-    }
-  }
-
-  _close() {
-    if (this._dialog) this._dialog.style.display = 'none';
-    if (this._removeTrap) { this._removeTrap(); this._removeTrap = null; }
-    this._savedRange = null;
-  }
-
-  // ---------------------------------------------------------------------------
-  // Shell builders (used by subclass _buildDialog())
-  // ---------------------------------------------------------------------------
-
-  /**
-   * Builds the overlay + box + header shell common to all dialogs.
-   * Also wires up draggable and overlay-click-to-close.
-   * @param {string} ariaLabel
-   * @param {string} iconHtml  Raw SVG string for the dialog icon
-   * @param {string} titleText
-   * @returns {{ overlay: HTMLElement, box: HTMLElement }}
-   */
-  _buildDialogShell(ariaLabel, iconHtml, titleText) {
-    const overlay = createElement('div', {
-      class: 'an-dialog-overlay',
-      role: 'dialog',
-      'aria-modal': 'true',
-      'aria-label': ariaLabel,
-    });
-    const box = createElement('div', { class: 'an-dialog-box' });
-
-    const header = createElement('div', { class: 'an-dialog-header' });
-    const iconEl = createElement('span', { class: 'an-dialog-icon' });
-    iconEl.innerHTML = iconHtml;
-    const titleEl = createElement('h3', { class: 'an-dialog-title' });
-    titleEl.textContent = titleText;
-    header.appendChild(iconEl);
-    header.appendChild(titleEl);
-
-    box.appendChild(header);
-    overlay.appendChild(box);
-    makeDraggable(header, box);
-
-    const d = on(overlay, 'click', (e) => { if (e.target === overlay) this._close(); });
-    this._disposers.push(d);
-
-    return { overlay, box };
-  }
-
-  /**
-   * Builds an action button row with a primary insert button and a cancel button.
-   * Disposers are registered automatically.
-   * @param {string} insertLabel
-   * @param {string} cancelLabel
-   * @param {() => void} onInsert
-   * @returns {HTMLElement}
-   */
-  _buildButtonRow(insertLabel, cancelLabel, onInsert) {
-    const btnRow = createElement('div', { class: 'an-dialog-actions' });
-    const insertBtn = createElement('button', { type: 'button', class: 'an-btn an-btn-primary' });
-    insertBtn.textContent = insertLabel;
-    const cancelBtn = createElement('button', { type: 'button', class: 'an-btn' });
-    cancelBtn.textContent = cancelLabel;
-    btnRow.appendChild(insertBtn);
-    btnRow.appendChild(cancelBtn);
-
-    const d1 = on(insertBtn, 'click', onInsert);
-    const d2 = on(cancelBtn, 'click', () => this._close());
-    this._disposers.push(d1, d2);
-
-    return btnRow;
-  }
-}

package/src/js/module/BaseMediaTooltip.js

@@ -1,142 +0,0 @@
-/**
- * BaseMediaTooltip.js — Shared hover-tooltip behaviour for media embeds.
- *
- * ImageTooltip and VideoTooltip duplicated their button factory, show/hide
- * timers and viewport-aware positioning (~22% of both files). Those pieces live
- * here; each subclass keeps only what genuinely differs — which element counts
- * as the target, which buttons the bar contains, and the actions behind them.
- *
- * Mirrors the existing BaseDialog / BaseResizer pattern.
- */
-
-import { createElement, on } from '../core/dom.js';
-
-/** Delay before a hovered target shows its tooltip. */
-export const SHOW_DELAY = 100;
-/** Grace period before a tooltip hides after the pointer leaves. */
-export const HIDE_DELAY = 180;
-
-export class BaseMediaTooltip {
-  /** @param {import('../Context.js').Context} context */
-  constructor(context) {
-    this.context = context;
-    this.options = context.options;
-    /** @type {HTMLElement|null} The tooltip bar */
-    this._el = null;
-    /** @type {HTMLElement|null} Currently hovered target */
-    this._active = null;
-    this._showTimer = null;
-    this._hideTimer = null;
-    this._disposers = [];
-  }
-
-  // ---------------------------------------------------------------------------
-  // Subclass hooks
-  // ---------------------------------------------------------------------------
-
-  /**
-   * Whether `_scheduleHide` is allowed to start the hide countdown. Subclasses
-   * override to pin the tooltip open (e.g. while a video preview is playing).
-   * @returns {boolean}
-   */
-  _canHide() { return true; }
-
-  /** Runs just before the tooltip is hidden, for subclass-specific teardown. */
-  _beforeHide() {}
-
-  // ---------------------------------------------------------------------------
-  // Buttons
-  // ---------------------------------------------------------------------------
-
-  /**
-   * Builds a tooltip button and registers its click disposer.
-   * @param {string} icon - inline SVG markup
-   * @param {string} title
-   * @param {() => void} handler
-   * @param {boolean} [isDanger]
-   * @returns {HTMLElement}
-   */
-  _makeBtn(icon, title, handler, isDanger = false) {
-    const btn = createElement('button', {
-      type: 'button',
-      class: isDanger ? 'an-link-tooltip-btn an-link-tooltip-btn--danger' : 'an-link-tooltip-btn',
-      title,
-    });
-    btn.innerHTML = icon;
-    this._disposers.push(on(btn, 'click', (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      handler();
-    }));
-    return btn;
-  }
-
-  // ---------------------------------------------------------------------------
-  // Show / Hide
-  // ---------------------------------------------------------------------------
-
-  _scheduleShow(target) {
-    if (this._active === target && this._el.style.display !== 'none') return;
-    clearTimeout(this._hideTimer);
-    this._hideTimer = null;
-    clearTimeout(this._showTimer);
-    this._showTimer = setTimeout(() => {
-      this._active = target;
-      this._show(target);
-    }, SHOW_DELAY);
-  }
-
-  _scheduleHide() {
-    if (!this._canHide()) return;
-    clearTimeout(this._showTimer);
-    this._showTimer = null;
-    // Always reset the hide timer so rapid mouseout→mouseover sequences
-    // don't leave a stale timer that hides the tooltip prematurely.
-    clearTimeout(this._hideTimer);
-    this._hideTimer = setTimeout(() => this._hide(), HIDE_DELAY);
-  }
-
-  _show(_target) {
-    this._el.style.display = 'flex';
-    // Defer positioning: offsetWidth on a newly-visible element forces layout
-    requestAnimationFrame(() => {
-      if (this._active) this._positionNear(this._active);
-    });
-  }
-
-  _hide() {
-    this._beforeHide();
-    this._el.style.display = 'none';
-    this._active = null;
-    this._clearTimers();
-  }
-
-  _clearTimers() {
-    clearTimeout(this._showTimer);
-    clearTimeout(this._hideTimer);
-    this._showTimer = null;
-    this._hideTimer = null;
-  }
-
-  /**
-   * Places the tooltip under the target, flipping above and clamping
-   * horizontally when it would leave the viewport.
-   * @param {HTMLElement} target
-   */
-  _positionNear(target) {
-    const rect   = target.getBoundingClientRect();
-    const tipW   = this._el.offsetWidth  || 220;
-    const tipH   = this._el.offsetHeight || 32;
-    const margin = 6;
-
-    let top  = rect.bottom + margin;
-    let left = rect.left + (rect.width - tipW) / 2;
-
-    if (top + tipH > globalThis.innerHeight - margin) top = rect.top - tipH - margin;
-    if (left + tipW > globalThis.innerWidth  - margin) left = globalThis.innerWidth - tipW - margin;
-    if (left < margin) left = margin;
-
-    this._el.style.top  = `${top}px`;
-    this._el.style.left = `${left}px`;
-  }
-}