autumnnote 2.1.0 → 2.2.0

package/src/js/module/table-icons.js

@@ -1,33 +0,0 @@
-/**
- * table-icons.js - Inline SVG glyphs for the table tooltip's action bar.
- *
- * Kept out of TableTooltip.js because the markup is ~9 KB of static data that
- * obscures the module's actual logic; nothing here has behaviour.
- */
-
-export const ICONS = {
-  rowAbove:    `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="1"/><line x1="3" y1="12" x2="21" y2="12"/><path d="M12 3v7"/><path d="M9 7l3-4 3 4"/></svg>`,
-  rowBelow:    `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="1"/><line x1="3" y1="12" x2="21" y2="12"/><path d="M12 12v7"/><path d="M9 17l3 4 3-4"/></svg>`,
-  deleteRow:   `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="1"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="15" y1="15" x2="21" y2="21"/><line x1="21" y1="15" x2="15" y2="21"/></svg>`,
-  colLeft:     `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="1"/><line x1="12" y1="3" x2="12" y2="21"/><path d="M3 12h7"/><path d="M7 8l-4 4 4 4"/></svg>`,
-  colRight:    `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="1"/><line x1="12" y1="3" x2="12" y2="21"/><path d="M12 12h9"/><path d="M17 8l4 4-4 4"/></svg>`,
-  deleteCol:   `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="1"/><line x1="12" y1="3" x2="12" y2="21"/><line x1="15" y1="6" x2="21" y2="12"/><line x1="21" y1="6" x2="15" y2="12"/></svg>`,
-  mergeCells:   `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="8" height="10" rx="1"/><rect x="14" y="7" width="8" height="10" rx="1"/><path d="M10 12h4"/><path d="M12 10l2 2-2 2"/></svg>`,
-  unmergeCells: `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="5" width="20" height="14" rx="1"/><line x1="12" y1="5" x2="12" y2="19" stroke-dasharray="2.5 2"/><line x1="2" y1="12" x2="22" y2="12" stroke-dasharray="2.5 2"/><path d="M9 9 L6 12 L9 15"/><path d="M15 9 L18 12 L15 15"/></svg>`,
-  colWidth:    `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="7" y1="4" x2="7" y2="20"/><line x1="17" y1="4" x2="17" y2="20"/><line x1="7" y1="12" x2="17" y2="12"/><path d="M10 9l-3 3 3 3"/><path d="M14 9l3 3-3 3"/></svg>`,
-  rowHeight:   `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="7" x2="20" y2="7"/><line x1="4" y1="17" x2="20" y2="17"/><line x1="12" y1="7" x2="12" y2="17"/><path d="M9 10l3-3 3 3"/><path d="M9 14l3 3 3-3"/></svg>`,
-  tableBorder: `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round"><line x1="3" y1="6" x2="21" y2="6" stroke-width="1"/><line x1="3" y1="13" x2="21" y2="13" stroke-width="2"/><line x1="3" y1="20" x2="21" y2="20" stroke-width="3"/></svg>`,
-  deleteTable: `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="1"/><line x1="3" y1="9" x2="21" y2="9"/><line x1="3" y1="15" x2="21" y2="15"/><line x1="9" y1="3" x2="9" y2="21"/><line x1="15" y1="3" x2="15" y2="21"/><line x1="16" y1="16" x2="22" y2="22" stroke="#ef4444"/><line x1="22" y1="16" x2="16" y2="22" stroke="#ef4444"/></svg>`,
-  selectCells: `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4 L4 20 L9 15 L12 21 L14 20 L11 14 L17 14 Z" fill="currentColor" opacity="0.15"/><path d="M4 4 L4 20 L9 15 L12 21 L14 20 L11 14 L17 14 Z"/></svg>`,
-  cellShade:   `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 11L8.93 3.36a1 1 0 0 0-1.29.08L3.22 7.8a1 1 0 0 0-.07 1.29L11 20"/><path d="m5 14 5-5"/><path d="M22 22a2 2 0 0 1-2 2h-3a2 2 0 0 1-2-2c0-1.5 2.5-5 3.5-5s3.5 3.5 3.5 5z"/></svg>`,
-  borderColor: `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="14" rx="1"/><line x1="3" y1="10" x2="21" y2="10" stroke-width="1.5"/><line x1="12" y1="3" x2="12" y2="17" stroke-width="1.5"/><path d="M3 21h18" stroke-width="3"/></svg>`,
-  alignLeft:    `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" y1="6" x2="3" y2="6"/><line x1="15" y1="12" x2="3" y2="12"/><line x1="17" y1="18" x2="3" y2="18"/></svg>`,
-  alignCenter:  `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" y1="6" x2="3" y2="6"/><line x1="17" y1="12" x2="7" y2="12"/><line x1="19" y1="18" x2="5" y2="18"/></svg>`,
-  alignRight:   `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" y1="6" x2="3" y2="6"/><line x1="21" y1="12" x2="9" y2="12"/><line x1="21" y1="18" x2="7" y2="18"/></svg>`,
-  alignJustify: `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" y1="6" x2="3" y2="6"/><line x1="21" y1="12" x2="3" y2="12"/><line x1="21" y1="18" x2="3" y2="18"/></svg>`,
-  headerRow:    `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="1"/><rect x="3" y="3" width="18" height="8" rx="1" fill="currentColor" opacity="0.2"/><line x1="3" y1="11" x2="21" y2="11"/><line x1="3" y1="16" x2="21" y2="16"/><line x1="9" y1="11" x2="9" y2="21"/><line x1="15" y1="11" x2="15" y2="21"/></svg>`,
-  sortAsc:     `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="6" x2="11" y2="6"/><line x1="4" y1="12" x2="11" y2="12"/><line x1="4" y1="18" x2="13" y2="18"/><path d="M15 9l3-3 3 3"/><line x1="18" y1="6" x2="18" y2="18"/></svg>`,
-  sortDesc:    `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="6" x2="13" y2="6"/><line x1="4" y1="12" x2="11" y2="12"/><line x1="4" y1="18" x2="11" y2="18"/><path d="M15 15l3 3 3-3"/><line x1="18" y1="6" x2="18" y2="18"/></svg>`,
-  exportCSV:   `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>`,
-  cellPadding: `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="1"/><rect x="7" y="7" width="10" height="10" rx="0.5" stroke-dasharray="2 1.5"/></svg>`,
-};

package/src/js/renderer.js

@@ -1,120 +0,0 @@
-/**
- * renderer.js - Builds the editor DOM structure
- * Inspired by Summernote's renderer.js
- */
-
-import { createElement } from './core/dom.js';
-import { sanitiseHTML } from './core/sanitise.js';
-
-/**
- * Renders the editor layout around the original element.
- *
- * Structure:
- *   <div class="an-container">
- *     <div class="an-toolbar">...</div>
- *     <div class="an-editable" contenteditable="true">...</div>
- *     <div class="an-statusbar">...</div>
- *   </div>
- *
- * @param {HTMLElement} targetEl - the original element to replace/wrap
- * @param {import('./settings.js').AsnOptions} options
- * @returns {{ container: HTMLElement, editable: HTMLElement }}
- */
-export function renderLayout(targetEl, options) {
-  const container = createElement('div', { class: 'an-container' });
-
-  // Editable area
-  const editable = createElement('div', {
-    class: 'an-editable',
-    contenteditable: options.readOnly ? 'false' : 'true',
-    spellcheck: String(options.spellcheck !== false),
-    'aria-multiline': 'true',
-    'aria-label': 'Rich text editor',
-    role: 'textbox',
-  });
-
-  // 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 (_) { void _; }
-  }
-  if (!initialContent) {
-    initialContent = targetEl.tagName === 'TEXTAREA'
-      ? ((/** @type {HTMLTextAreaElement} */ (targetEl)).value || '').trim()
-      : (targetEl.innerHTML || '').trim();
-  }
-  editable.innerHTML = sanitiseHTML(initialContent, { allowIframes: true });
-
-  // Apply default font family so the editable renders in the configured font
-  const defaultFont = options.defaultFontFamily || options.fontFamilies?.[0];
-  if (defaultFont) {
-    editable.style.fontFamily = defaultFont;
-  }
-
-  // Apply default font size so the size dropdown shows the correct value on startup
-  if (options.defaultFontSize) {
-    editable.style.fontSize = options.defaultFontSize;
-  }
-
-  // Apply height options.
-  // `height` sets the initial visible height (takes priority).
-  // `minHeight` is the drag-resize floor — only applied when no explicit `height` is given.
-  if (options.height) {
-    editable.style.minHeight = `${options.height}px`;
-  } else if (options.minHeight) {
-    editable.style.minHeight = `${options.minHeight}px`;
-  }
-  if (options.maxHeight) {
-    editable.style.maxHeight = `${options.maxHeight}px`;
-  }
-
-  container.appendChild(editable);
-
-  // Apply theme — also add to body so floating elements (dialogs, tooltips,
-  // popovers) appended to document.body inherit the CSS rules.
-  if (options.theme === 'dark') {
-    container.classList.add('an-theme-dark');
-    document.body.classList.add('an-theme-dark');
-  } else if (options.theme === 'auto') {
-    container.classList.add('an-theme-auto');
-    document.body.classList.add('an-theme-auto');
-  }
-
-  // Read-only mode
-  if (options.readOnly) {
-    container.classList.add('an-disabled');
-    editable.querySelectorAll('ul.an-checklist input[type="checkbox"]').forEach((cb) => {
-      cb.setAttribute('disabled', '');
-    });
-  }
-
-  // Text direction
-  if (options.direction === 'rtl') {
-    editable.setAttribute('dir', 'rtl');
-    container.classList.add('an-dir-rtl');
-  }
-
-  // Toolbar overflow
-  if (options.toolbarOverflow === 'scroll') {
-    container.classList.add('an-toolbar-overflow-scroll');
-  }
-
-  // Configure sticky toolbar
-  if (options.stickyToolbar) {
-    container.classList.add('an-sticky-toolbar');
-    if (options.stickyToolbarOffset) {
-      container.style.setProperty('--an-sticky-top', `${options.stickyToolbarOffset}px`);
-    }
-  }
-
-  // Custom focus ring colour
-  if (options.focusColor) {
-    container.style.setProperty('--an-focus-color', options.focusColor);
-  }
-
-  // Hide the original element; keep it in DOM for form submission
-  targetEl.style.display = 'none';
-  targetEl.after(container);
-
-  return { container, editable };
-}

package/src/js/settings.js

@@ -1,214 +0,0 @@
-/**
- * settings.js - Default editor options
- * Inspired by Summernote's settings.js
- */
-
-import { defaultToolbar } from './module/Buttons.js';
-
-/**
- * @typedef {object} AsnOptions
- * @property {string}   [placeholder]          - Placeholder text when editor is empty
- * @property {number}   [height]               - Editor height in px (min)
- * @property {number}   [minHeight]            - Minimum height in px
- * @property {number}   [maxHeight]            - Maximum height in px (0 = unlimited)
- * @property {boolean}  [focus]                - Auto-focus on init
- * @property {boolean}  [resizable]            - Show resize handle
- * @property {Array}    [toolbar]              - Toolbar button group config
- * @property {boolean}  [useBootstrap]         - Use Bootstrap button classes on toolbar buttons
- * @property {string}   [toolbarButtonClass]   - CSS classes for Bootstrap toolbar buttons
- * @property {boolean}  [useFontAwesome]       - Use Font Awesome icons (default: true)
- * @property {string}   [fontAwesomeClass]     - Font Awesome prefix class, e.g. 'fas' or 'fa-solid'
- * @property {boolean}  [pasteAsPlainText]     - Force plain-text paste
- * @property {boolean}  [pasteCleanHTML]       - Sanitise HTML on paste
- * @property {boolean}  [pasteStripAttributes] - Strip class/style/data-* from pasted HTML (default: false)
- * @property {boolean}  [allowImageUpload]     - Allow file upload in image dialog
- * @property {number}   [maxImageSize]         - Max upload size in MB
- * @property {number}   [tabSize]              - Spaces per tab in non-list context
- * @property {number}   [historyLimit]         - Maximum undo/redo history steps
- * @property {number}   [historyMaxBytes]      - Maximum combined size (chars) of all stacked undo/redo snapshots
- * @property {string}   [defaultFontFamily]    - Default font family applied to the editable area on init
- * @property {string}   [defaultFontSize]      - Default font size applied to the editable area on init (e.g. '14px')
- * @property {string[]} [fontFamilies]         - Font families shown in the font-family toolbar dropdown
- * @property {Function} [onChange]             - Callback on content change
- * @property {Function} [onFocus]              - Callback on focus
- * @property {Function} [onBlur]               - Callback on blur
- * @property {Function} [onInit]               - Callback after the editor has initialised
- * @property {Function} [onImageUpload]        - Custom upload handler: (files) => void
- * @property {Function} [onImageError]         - Callback when an image upload error occurs
- * @property {boolean}  [stickyToolbar]        - Stick the toolbar to the viewport top when scrolling
- * @property {number}   [stickyToolbarOffset]  - Top offset in px for sticky toolbar (e.g. fixed nav height)
- * @property {string}   [theme]                - 'light' (default) | 'dark'
- * @property {boolean}  [codeHighlight]        - Auto-load Prism.js for syntax highlighting of code blocks
- * @property {string}   [codeHighlightCDN]     - CDN base URL for Prism assets (defaults to cdnjs)
- * @property {boolean}  [markdownPaste]        - Convert pasted Markdown text to HTML (default: true)
- * @property {boolean}  [readOnly]             - Start editor in read-only / non-editable mode
- * @property {boolean}  [spellcheck]           - Enable browser spellcheck in the editable area (default: true)
- * @property {string}   [direction]            - Text direction: 'ltr' (default) | 'rtl'
- * @property {string}   [toolbarOverflow]      - Toolbar overflow strategy: 'wrap' (default) | 'scroll'
- * @property {boolean}  [autoSave]             - Auto-save content to localStorage on change
- * @property {string}   [autoSaveKey]          - localStorage key used for auto-save (default: 'autumnnote-autosave')
- * @property {number}   [autoSaveDelay]        - Debounce delay for auto-save writes in milliseconds
- * @property {object|null} [autoSaveAdapter]   - Optional async persistence adapter with save/load/remove methods
- * @property {number}   [maxChars]             - Maximum character count (0 = unlimited). Shows warning in statusbar.
- * @property {number}   [maxWords]             - Maximum word count (0 = unlimited). Shows warning in statusbar.
- * @property {boolean}  [tableHeaderRow]       - Insert a header row (<thead><th>) when creating tables
- * @property {Function} [onPaste]              - Callback fired on every paste: ({ text, html }) => void
- * @property {Function} [onPasteError]         - Callback fired when pasted or dropped content cannot be processed
- * @property {Function} [onSelectionChange]    - Callback fired on cursor/selection change: (context) => void
- * @property {string[]} [colorSwatches]        - Custom brand colour swatches prepended to the colour-picker palette
- * @property {Function} [onDestroy]            - Callback fired when the editor is destroyed: (context) => void
- * @property {Function} [onCharLimitReached]   - Callback fired when the character limit is hit: (context) => void
- * @property {Function} [onWordLimitReached]   - Callback fired when the word limit is hit: (context) => void
- * @property {string}   [focusColor]           - Custom focus ring colour, e.g. '#f97316'. Overrides the default blue.
- * @property {boolean}  [autoSaveRestore]      - Show a restore banner when a previously auto-saved draft exists
- * @property {number}   [autoSaveRestoreTimeout] - Maximum age in days for a draft to be offered for restore (0 = no expiry)
- * @property {Function} [onAutoSaveRestore]    - Callback fired after the user chooses to restore a draft
- * @property {boolean}  [markdownShortcuts]    - Convert markdown syntax typed inline to HTML
- * @property {boolean}  [bubbleToolbar]        - Show a mini floating toolbar above text selections
- * @property {string[]} [bubbleToolbarItems]   - Button names for the bubble toolbar
- * @property {object|null} [mention]            - @mention configuration (onSearch, minChars, ...)
- * @property {boolean}  [slashMenu]            - Show a "/" command palette for quick block insertion (default true)
- * @property {string}   [lang]                 - Display language or partial locale object override
- */
-
-export const defaultOptions = {
-  placeholder: '',
-  height: 200,
-  minHeight: 100,
-  maxHeight: 0,
-  focus: false,
-  resizable: true,
-  toolbar: defaultToolbar,
-  // UI integration options
-  // If `useBootstrap` is true, toolbar buttons will use the Bootstrap button classes
-  // (set `toolbarButtonClass` to customize). Works with Bootstrap 4 and 5.
-  useBootstrap: false,
-  toolbarButtonClass: 'btn btn-sm btn-light',
-  // Icon options — uses Font Awesome by default. Consumers must include Font Awesome CSS.
-  useFontAwesome: true,
-  // Default FontAwesome prefix — 'fas' for FA5, 'fa-solid' for FA6. Change if needed.
-  fontAwesomeClass: 'fas',
-  pasteAsPlainText: false,
-  pasteCleanHTML: true,
-  pasteStripAttributes: false,
-  allowImageUpload: true,
-  maxImageSize: 5,
-  tabSize: 4,
-  onChange: null,
-  onFocus: null,
-  onBlur: null,
-  onInit: null,
-  onImageUpload: null,
-  onImageError: null,
-  stickyToolbar: false,
-  stickyToolbarOffset: 0,
-  theme: 'light',
-  codeHighlight: true,
-  codeHighlightCDN: 'https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0',
-  markdownPaste: true,
-  historyLimit: 100,
-  // Max combined size (chars) of all stacked undo/redo snapshots. Guards
-  // against documents with many large embedded images holding dozens of
-  // full-size copies in memory despite historyLimit.
-  historyMaxBytes: 10 * 1024 * 1024,
-  // Default font family applied to the editor and shown in the dropdown when no explicit font is set
-  defaultFontFamily: 'Arial',
-  // Default font size applied to the editor and shown in the size dropdown when no explicit size is set
-  defaultFontSize: '14px',
-  // Font families shown in the toolbar font-family dropdown
-  fontFamilies: [
-    'Arial',
-    'Arial Black',
-    'Comic Sans MS',
-    'Courier New',
-    'Georgia',
-    'Impact',
-    'Tahoma',
-    'Times New Roman',
-    'Trebuchet MS',
-    'Verdana',
-  ],
-  // Read-only mode — disables all editing when true
-  readOnly: false,
-  // Enable/disable browser spell-check on the editable area
-  spellcheck: true,
-  // Text direction: 'ltr' (default) or 'rtl'
-  direction: 'ltr',
-  // How the toolbar handles overflow: 'wrap' (default, wraps to next line) or 'scroll' (single scrollable row)
-  toolbarOverflow: 'wrap',
-  // Auto-save content to localStorage on every change
-  autoSave: false,
-  // localStorage key used when autoSave is enabled
-  autoSaveKey: 'autumnnote-autosave',
-  autoSaveDelay: 400,
-  autoSaveAdapter: null,
-  // Maximum character count (0 = unlimited)
-  maxChars: 0,
-  // Maximum word count (0 = unlimited)
-  maxWords: 0,
-  // Insert a header row (<thead>) when creating new tables
-  tableHeaderRow: false,
-  // Callback fired on every cursor/selection change inside the editor
-  onSelectionChange: null,
-  // Custom brand colour swatches to prepend to the toolbar colour-picker palette
-  colorSwatches: [],
-  // Callback fired after a paste event: function({ text, html })
-  onPaste: null,
-  // Callback fired for rejected/failed paste and drop payloads: function({ message, size?, maxBytes? })
-  onPasteError: null,
-  // Callback fired just before the editor instance is destroyed
-  onDestroy: null,
-  // Callback fired when the character limit is reached: function(context)
-  onCharLimitReached: null,
-  // Callback fired when the word limit is reached: function(context)
-  onWordLimitReached: null,
-  // Custom focus ring colour — overrides the default blue when set.
-  // Accepts any valid CSS colour string, e.g. '#f97316', 'hsl(25,90%,55%)'.
-  focusColor: null,
-  // Display language for the editor UI.
-  // Built-in values: 'en' (default), 'vi', 'ja', 'zh', 'fr', 'de', 'es', 'ko'.
-  // Pass a partial or full locale object to override individual strings.
-  lang: 'en',
-
-  // Auto-save restore: show a banner when a draft exists in localStorage.
-  // Requires autoSave: true. Set autoSaveRestoreTimeout to the max age in days
-  // (0 = no expiry). onAutoSaveRestore(html, context) fires after restore.
-  autoSaveRestore: false,
-  autoSaveRestoreTimeout: 7,
-  onAutoSaveRestore: null,
-
-  // Markdown input shortcuts: convert markdown syntax typed inline to HTML.
-  // e.g. "## " at line start → <h2>, "**bold**" → <strong>
-  markdownShortcuts: true,
-
-  // "/" command palette for quick block insertion (headings, lists, table, image, ...).
-  // Triggers only when "/" is the first character typed on an otherwise-empty line.
-  slashMenu: true,
-  // Additional slash-menu commands supplied by applications/plugins.
-  slashCommands: [],
-
-  // Optional import/export adapters keyed by format name.
-  documentAdapters: {},
-  // Optional collaboration bridge notified with local HTML changes.
-  collaborationAdapter: null,
-
-  // Optional image processor (for example a Web Worker bridge). Receives a
-  // File and returns a data URL; Clipboard's canvas pipeline remains fallback.
-  imageProcessor: null,
-  // Add stable data-an-block-id attributes to top-level document blocks.
-  blockIds: false,
-
-  // Maximum paste size in bytes (default 5 MB). Pastes larger than this are silently dropped.
-  maxPasteSize: 5 * 1024 * 1024,
-  // Minimum image dimension in px during resize (width and height). Prevents images from being
-  // resized below this value.
-  minImageSize: 20,
-
-  // Bubble toolbar: show a mini floating toolbar above text selections.
-  bubbleToolbar: false,
-  bubbleToolbarItems: ['bold', 'italic', 'underline', 'link', 'foreColor', 'hiliteColor', 'removeFormat'],
-
-  // @mention support. mention.onSearch(query, callback) must be provided to activate.
-  // mention.minChars defaults to 0 — dropdown opens immediately on trigger character.
-  mention: null,
-};

package/src/styles/_variables.scss

@@ -1,48 +0,0 @@
-// AutumnNote — SCSS variables
-// Inspired by Summernote's variables
-
-// Colors
-$an-primary:        #3b82f6 !default;   // blue-500
-$an-primary-hover:  #2563eb !default;   // blue-600
-$an-border:         #d1d5db !default;   // gray-300
-$an-bg:             #ffffff !default;
-$an-bg-toolbar:     #f9fafb !default;   // gray-50
-$an-bg-btn-hover:   #f3f4f6 !default;   // gray-100
-$an-bg-btn-active:  #dbeafe !default;   // blue-100
-$an-text:           #111827 !default;   // gray-900
-$an-muted:          #6b7280 !default;   // gray-500
-$an-statusbar-bg:   #f9fafb !default;
-
-// Dark theme color overrides  (applied via .an-theme-dark on .an-container)
-$an-dark-bg:             #1e1e2e !default;
-$an-dark-bg-toolbar:     #181825 !default;
-$an-dark-bg-btn-hover:   #313244 !default;
-$an-dark-bg-btn-active:  #1e3a5f !default;
-$an-dark-border:         #45475a !default;
-$an-dark-text:           #cdd6f4 !default;
-$an-dark-muted:          #6c7086 !default;
-$an-dark-statusbar-bg:   #181825 !default;
-
-// Fonts
-$an-font-family:    system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !default;
-$an-font-size:      14px !default;
-$an-line-height:    1.6 !default;
-
-// Sizing
-$an-radius:         6px !default;
-$an-radius-sm:      4px !default;
-$an-btn-height:     30px !default;
-$an-btn-padding:    0 8px !default;
-$an-toolbar-gap:    4px !default;
-$an-toolbar-pad:    6px 8px !default;
-$an-editable-pad:   12px 14px !default;
-$an-statusbar-h:    24px !default;
-
-// Dialog
-$an-dialog-z:       9999 !default;
-$an-dialog-bg:      rgba(0, 0, 0, 0.45) !default;
-$an-dialog-width:   420px !default;
-$an-dialog-radius:  8px !default;
-
-// Transitions
-$an-transition:     0.15s ease !default;