autumnnote 1.8.2 → 1.9.1

package/dist/robots.txt

@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: https://autumn.konexforge.com/sitemap.xml

package/dist/sitemap.xml

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+  <url>
+    <loc>https://autumn.konexforge.com/</loc>
+    <changefreq>monthly</changefreq>
+    <priority>1.0</priority>
+  </url>
+  <url>
+    <loc>https://autumn.konexforge.com/docs.html</loc>
+    <changefreq>monthly</changefreq>
+    <priority>0.9</priority>
+  </url>
+  <url>
+    <loc>https://autumn.konexforge.com/playground.html</loc>
+    <changefreq>monthly</changefreq>
+    <priority>0.7</priority>
+  </url>
+</urlset>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "autumnnote",
-  "version": "1.8.2",
+  "version": "1.9.1",
   "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",
@@ -9,7 +9,8 @@
   "exports": {
     ".": {
       "import": "./dist/autumnnote.es.js",
-      "require": "./dist/autumnnote.umd.js"
+      "require": "./dist/autumnnote.umd.js",
+      "types": "./types/index.d.ts"
     },
     "./dist/autumnnote.css": "./dist/autumnnote.css"
   },
@@ -100,6 +101,9 @@
     "vite": "^8.0.3",
     "vitest": "^4.1.2"
   },
+  "engines": {
+    "node": ">=18.0.0"
+  },
   "browserslist": [
     "last 2 versions",
     "not dead",

package/src/js/core/markdown.js

@@ -139,7 +139,9 @@ function _domToMd(node, depth = 0) {
  * @returns {boolean} `true` if any Markdown-like pattern is present, `false` otherwise.
  */
 export function isMarkdown(text) {
-  return /^#{1,6} [^\s]|^[ \t]*[-*+] [^\s]|^[ \t]*\d+\. [^\s]|^> [^\s]|^```|^\*{2}[^*\n]+\*{2}/m.test(text);
+  return /^#{1,6} [^\s]|^[ \t]*[-*+] [^\s]|^[ \t]*\d+\. [^\s]|^> [^\s]|^```|^\*{2}[^*\n]+\*{2}/m.test(text)
+    || /^.+\n=+\s*$/m.test(text)
+    || /^.+\n-{2,}\s*$/m.test(text);
 }
 
 /**
@@ -171,6 +173,20 @@ export function markdownToHTML(text) {
       continue;
     }
 
+    // ---- Setext headings (Title\n=== or Title\n---) -------------------------
+    if (line.trim() && !/^(-{3,}|\*{3,}|_{3,})\s*$/.test(line) && !/^#{1,6} /.test(line) && i + 1 < lines.length) {
+      if (/^=+\s*$/.test(lines[i + 1])) {
+        out.push(`<h1>${_inline(line.trim())}</h1>`);
+        i += 2;
+        continue;
+      }
+      if (/^-{2,}\s*$/.test(lines[i + 1])) {
+        out.push(`<h2>${_inline(line.trim())}</h2>`);
+        i += 2;
+        continue;
+      }
+    }
+
     // ---- Horizontal rule --- / *** / _________________________________________
     if (/^(-{3,}|\*{3,}|_{3,})\s*$/.test(line)) {
       out.push('<hr>');
@@ -200,41 +216,14 @@ export function markdownToHTML(text) {
 
     // ---- Checklist or Unordered list  - / * / + item  ----------------------
     if (/^[-*+] /.test(line)) {
-      const items = [];
-      const isChecklist = /^[-*+]\s+\[[ xX]\]\s+/.test(line);
-      const listTag = isChecklist ? 'ul class="an-checklist"' : 'ul';
-      while (i < lines.length && /^[-*+] /.test(lines[i])) {
-        const nextLineIsChecklist = /^[-*+]\s+\[[ xX]\]\s+/.test(lines[i]);
-        if (nextLineIsChecklist !== isChecklist) {
-          break;
-        }
-        const itemLine = lines[i];
-        const content = itemLine.slice(2);
-        if (isChecklist) {
-          const cbMatch = /^\[([ xX])\][ \t]+/.exec(content);
-          const checked = cbMatch?.[1]?.toLowerCase() === 'x';
-          const checkedAttr = checked ? ' checked' : '';
-          const cbHtml = `<input type="checkbox" contenteditable="false"${checkedAttr}>`;
-          const textContent = cbMatch ? content.slice(cbMatch[0].length) : content;
-          items.push(`<li>${cbHtml}${_inline(textContent)}</li>`);
-        } else {
-          items.push(`<li>${_inline(content)}</li>`);
-        }
-        i++;
-      }
-      out.push(`<${listTag}>${items.join('')}</${listTag.split(' ')[0]}>`);
-      continue;
+      const { html: listHtml, endIdx } = _parseListBlock(lines, i);
+      out.push(listHtml); i = endIdx; continue;
     }
 
     // ---- Ordered list  1. item  ----------------------------------------------
     if (/^\d+\. /.test(line)) {
-      const items = [];
-      while (i < lines.length && /^\d+\. /.test(lines[i])) {
-        items.push(`<li>${_inline(lines[i].replace(/^\d+\. /, ''))}</li>`);
-        i++;
-      }
-      out.push(`<ol>${items.join('')}</ol>`);
-      continue;
+      const { html: listHtml, endIdx } = _parseListBlock(lines, i);
+      out.push(listHtml); i = endIdx; continue;
     }
 
     // ---- Blank line ----------------------------------------------------------
@@ -248,15 +237,25 @@ export function markdownToHTML(text) {
     // a separator row (| --- | --- |). We detect and collect all rows.
     if (/^\|.+\|/.test(line) && i + 1 < lines.length && /^\|[\s|:-]+\|/.test(lines[i + 1])) {
       const headerCells = _parseTableRow(line);
+      const alignments = _parseTableRow(lines[i + 1]).map((c) => {
+        if (c.startsWith(':') && c.endsWith(':')) return 'center';
+        if (c.endsWith(':')) return 'right';
+        if (c.startsWith(':')) return 'left';
+        return null;
+      });
       i += 2; // skip header + separator
       const bodyRows = [];
       while (i < lines.length && /^\|.+\|/.test(lines[i])) {
         bodyRows.push(_parseTableRow(lines[i]));
         i++;
       }
-      const thCells = headerCells.map((c) => `<th>${_inline(c)}</th>`).join('');
+      const _cell = (tag, content, align) => {
+        const s = align ? ` style="text-align:${align}"` : '';
+        return `<${tag}${s}>${_inline(content)}</${tag}>`;
+      };
+      const thCells = headerCells.map((c, idx) => _cell('th', c, alignments[idx])).join('');
       const thead = `<thead><tr>${thCells}</tr></thead>`;
-      const renderRow = (row) => `<tr>${row.map((c) => `<td>${_inline(c)}</td>`).join('')}</tr>`;
+      const renderRow = (row) => `<tr>${row.map((c, idx) => _cell('td', c, alignments[idx])).join('')}</tr>`;
       const tbody = bodyRows.length ? `<tbody>${bodyRows.map(renderRow).join('')}</tbody>` : '';
       out.push(`<table>${thead}${tbody}</table>`);
       continue;
@@ -268,7 +267,9 @@ export function markdownToHTML(text) {
       i < lines.length &&
       lines[i].trim() !== '' &&
       !/^(#{1,6} |> |[-*+] |\d+\. |```|---\s*$|\*{3}\s*$|_{3}\s*$)/.test(lines[i]) &&
-      !/^\|.+\|/.test(lines[i])
+      !/^\|.+\|/.test(lines[i]) &&
+      !(i + 1 < lines.length && /^=+\s*$/.test(lines[i + 1])) &&
+      !(i + 1 < lines.length && /^-{2,}\s*$/.test(lines[i + 1]))
     ) {
       paraLines.push(lines[i]);
       i++;
@@ -299,6 +300,55 @@ function _parseTableRow(row) {
     .map((c) => c.trim());
 }
 
+function _parseListBlock(lines, startIdx) {
+  const baseIndent = (lines[startIdx].match(/^(\s*)/)[1]).length;
+  const isOL = /^\s*\d+\. /.test(lines[startIdx]);
+  const items = [];
+  let firstIsCB = null;
+  let i = startIdx;
+
+  while (i < lines.length) {
+    const line = lines[i];
+    if (line.trim() === '') break;
+    const indent = (line.match(/^(\s*)/)[1]).length;
+    if (indent < baseIndent) break;
+
+    if (indent === baseIndent) {
+      if (!/^\s*(?:[-*+]|\d+\.) /.test(line)) break;
+      if (/^\s*\d+\. /.test(line) !== isOL) break;
+      const raw = isOL ? line.replace(/^\s*\d+\. /, '') : line.replace(/^\s*[-*+] /, '');
+      const isCB = !isOL && /^\[[ xX]\]\s+/.test(raw);
+      if (firstIsCB === null) firstIsCB = isCB;
+      if (isCB !== firstIsCB) break;
+      const checked = isCB && raw[1].toLowerCase() === 'x';
+      const text = isCB ? raw.replace(/^\[[ xX]\]\s+/, '') : raw;
+      items.push({ text, isCB, checked, sub: '' });
+      i++;
+    } else {
+      if (!items.length) { i++; continue; }
+      if (/^\s*(?:[-*+]|\d+\.) /.test(line)) {
+        const nested = _parseListBlock(lines, i);
+        items[items.length - 1].sub += nested.html;
+        i = nested.endIdx;
+      } else {
+        items[items.length - 1].text += ' ' + line.trim();
+        i++;
+      }
+    }
+  }
+
+  const hasCB = !isOL && (firstIsCB === true);
+  const open = isOL ? '<ol>' : hasCB ? '<ul class="an-checklist">' : '<ul>';
+  const close = isOL ? '</ol>' : '</ul>';
+  const liHTML = items.map(({ text, isCB, checked, sub }) => {
+    const cbHTML = isCB
+      ? `<input type="checkbox" contenteditable="false"${checked ? ' checked' : ''}>`
+      : '';
+    return `<li>${cbHTML}${_inline(text)}${sub}</li>`;
+  }).join('');
+  return { html: `${open}${liHTML}${close}`, endIdx: i };
+}
+
 function _inline(text) {
   // Images before links (they share [] syntax)
   text = text.replace(/!\[([^\]]*)\]\(([^)]+)\)/g, (_, alt, src) =>

package/src/js/index.js

@@ -144,7 +144,7 @@ const AutumnNote = {
   buttons,
 
   /** Library version */
-  version: '1.8.2',
+  version: '1.9.1',
 };
 
 // ---------------------------------------------------------------------------

package/src/js/module/Clipboard.js

@@ -170,6 +170,30 @@ export class Clipboard {
     return doc.body.innerHTML;
   }
 
+  /**
+   * Normalizes task lists from external sources (GitHub, GitLab, etc.) so they
+   * pass the sanitiser's `ul.an-checklist` guard. Runs before sanitiseHTML().
+   * @param {string} html
+   * @returns {string}
+   */
+  _normalizeExternalTaskLists(html) {
+    const doc = new DOMParser().parseFromString(`<body>${html}</body>`, 'text/html');
+    for (const cb of doc.querySelectorAll('input[type="checkbox"]')) {
+      const li = cb.closest('li');
+      const ul = li?.closest('ul');
+      if (!li || !ul || ul.classList.contains('an-checklist')) continue;
+      ul.classList.add('an-checklist');
+      cb.removeAttribute('disabled');
+      cb.setAttribute('contenteditable', 'false');
+      for (const attr of Array.from(cb.attributes)) {
+        if (!['type', 'checked', 'contenteditable'].includes(attr.name)) {
+          cb.removeAttribute(attr.name);
+        }
+      }
+    }
+    return doc.body.innerHTML;
+  }
+
   /**
    * Forces the next paste operation to strip all HTML formatting.
    * Called by Editor when Ctrl+Shift+V is pressed.
@@ -255,6 +279,7 @@ export class Clipboard {
       let html = raw;
       if (isWordContent) html = this._cleanWordHtml(html);
       else if (isSocialContent) html = this._cleanSocialHtml(html);
+      html = this._normalizeExternalTaskLists(html);
       html = sanitiseHTML(html);
       if (this.options.pasteStripAttributes) html = this._stripAttributes(html);
       execCommand('insertHTML', html);
@@ -381,7 +406,7 @@ export class Clipboard {
     const MAX_DIM = 1920;
     const QUALITY = 0.85;
 
-    return new Promise((resolve) => {
+    return new Promise((resolve, reject) => {
       const objectUrl = URL.createObjectURL(file);
       const img = new Image();
 
@@ -408,6 +433,7 @@ export class Clipboard {
           // embedding the original file without compression.
           const reader = new FileReader();
           reader.onload = (e) => resolve(/** @type {string} */ (e.target.result));
+          reader.onerror = () => reject(new Error('FileReader failed'));
           reader.readAsDataURL(file);
           return;
         }
@@ -423,6 +449,7 @@ export class Clipboard {
         // Fallback: embed original without compression
         const reader = new FileReader();
         reader.onload = (e) => resolve(/** @type {string} */ (e.target.result));
+        reader.onerror = () => reject(new Error('FileReader failed'));
         reader.readAsDataURL(file);
       };
 

package/src/js/module/ContextMenu.js

@@ -77,7 +77,7 @@ const defaultItems = [
       navigator.clipboard.read().then((items) => {
         for (const item of items) {
           if (item.types.includes('text/html')) {
-            item.getType('text/html').then((blob) => blob.text()).then((html) => doInsert(html, null));
+            item.getType('text/html').then((blob) => blob.text()).then((html) => doInsert(html, null)).catch(() => {});
             return;
           }
         }

package/src/js/module/ImageCropOverlay.js

@@ -48,6 +48,7 @@ function drawCropToCanvas(img, naturalRect, renderW, renderH) {
       canvas.width  = Math.round(renderW);
       canvas.height = Math.round(renderH);
       const ctx = canvas.getContext('2d');
+      if (!ctx) { resolve(null); return; } // GPU memory limit — let _confirm() handle null
       try {
         ctx.drawImage(
           source,

package/src/js/settings.js

@@ -153,7 +153,7 @@ export const defaultOptions = {
   // 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'.
+  // 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',
 
@@ -168,6 +168,12 @@ export const defaultOptions = {
   // e.g. "## " at line start → <h2>, "**bold**" → <strong>
   markdownShortcuts: true,
 
+  // 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'],

package/types/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * AutumnNote – TypeScript declarations
- * @version 1.8.2
+ * @version 1.9.1
  */
 
 // ---------------------------------------------------------------------------
@@ -104,6 +104,8 @@ export interface AsnOptions {
   onPaste?: (data: { text: string; html: string | null }) => void;
   /** Additional color swatches shown at the top of the color picker. */
   colorSwatches?: string[];
+  /** Custom focus ring colour — overrides the default blue. Accepts any valid CSS colour string, e.g. '#f97316'. */
+  focusColor?: string | null;
   /**
    * Display language for the editor UI.
    * Built-in: 'en' (default) | 'vi' | 'ja' | 'zh' | 'fr' | 'de' | 'es' | 'ko'.
@@ -134,7 +136,7 @@ export interface AsnOptions {
   /** Show a mini floating toolbar above the text selection. Default: false. */
   bubbleToolbar?: boolean;
   /** Button names shown in the bubble toolbar. */
-  bubbleToolbarItems?: Array<'bold' | 'italic' | 'underline' | 'strikethrough' | 'link' | 'foreColor' | 'removeFormat' | 'inlineCode'>;
+  bubbleToolbarItems?: Array<'bold' | 'italic' | 'underline' | 'strikethrough' | 'link' | 'foreColor' | 'hiliteColor' | 'removeFormat' | 'inlineCode'>;
 
   // ---- @mention (#5) --------------------------------------------------------