npm - autumnnote - Versions diffs - 1.9.1 → 1.11.0 - Mend

autumnnote 1.9.1 → 1.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/dist/autumnnote.css +40 -0
package/dist/autumnnote.es.js +382 -52
package/dist/autumnnote.es.js.map +1 -1
package/dist/autumnnote.umd.js +382 -52
package/dist/autumnnote.umd.js.map +1 -1
package/package.json +1 -1
package/src/js/core/markdown.js +361 -55
package/src/js/index.js +1 -1
package/src/js/module/Clipboard.js +69 -11
package/src/styles/autumnnote.scss +23 -0
package/types/index.d.ts +1 -1

package/src/js/module/Clipboard.js CHANGED Viewed

@@ -194,6 +194,20 @@ export class Clipboard {
     return doc.body.innerHTML;
   }
+  /**
+   * Checks whether an HTML payload has no semantic markup beyond plain
+   * wrapper elements (e.g. a bare <div>/<p>). Used to decide whether a
+   * markdown-shaped plain-text paste should win over an accompanying HTML
+   * payload that isn't actually carrying any real rich-text formatting.
+   * @param {string} html
+   * @returns {boolean}
+   */
+  _isTriviallyPlainHtml(html) {
+    const doc = new DOMParser().parseFromString(`<body>${html}</body>`, 'text/html');
+    const SIGNIFICANT = 'a,img,table,ul,ol,li,blockquote,pre,code,h1,h2,h3,h4,h5,h6,strong,b,em,i,u,s,del,strike,hr,br';
+    return !doc.body.querySelector(SIGNIFICANT);
+  }
   /**
    * Forces the next paste operation to strip all HTML formatting.
    * Called by Editor when Ctrl+Shift+V is pressed.
@@ -219,6 +233,9 @@ export class Clipboard {
       const size = Math.max(text.length, html.length);
       if (size > maxBytes) {
         event.preventDefault();
+        const message = `Pasted content (${size} bytes) exceeds the ${this.options.maxPasteSize ?? 5} MB paste size limit.`;
+        this.context.triggerEvent('pasteError', { size, maxBytes, message });
+        console.warn(`[AutumnNote] ${message}`);
         return;
       }
     }
@@ -257,13 +274,20 @@ export class Clipboard {
       return;
     }
-    // 3. Markdown paste — only when no HTML is on the clipboard (pure text source)
-    if (this.options.markdownPaste !== false && !clipboardData.types.includes('text/html')) {
+    // 3. Markdown paste — when there's no HTML on the clipboard, or the
+    // accompanying HTML has no semantic markup (e.g. some terminal/clipboard
+    // tools put both a markdown-shaped text/plain and a trivial <div>-wrapped
+    // text/html on the clipboard). Real rich-text sources (Word, Docs, etc.)
+    // always have semantic tags after cleaning, so this is unaffected.
+    if (this.options.markdownPaste !== false) {
+      const hasHtml = clipboardData.types.includes('text/html');
+      const html = hasHtml ? clipboardData.getData('text/html') : '';
+      const htmlTriviallyPlain = !hasHtml || this._isTriviallyPlainHtml(html);
       const text = clipboardData.getData('text/plain');
-      if (text && isMarkdown(text)) {
+      if (text && htmlTriviallyPlain && isMarkdown(text)) {
         event.preventDefault();
-        const html = sanitiseHTML(markdownToHTML(text));
-        execCommand('insertHTML', html);
+        const converted = sanitiseHTML(markdownToHTML(text));
+        execCommand('insertHTML', converted);
         this.context.invoke('editor.afterCommand');
         return;
       }
@@ -307,14 +331,48 @@ export class Clipboard {
     if (!dt?.files?.length) return;
     const imageFiles = Array.from(dt.files).filter((f) => f.type.startsWith('image/'));
-    if (imageFiles.length === 0) return;
+    if (imageFiles.length > 0) {
+      event.preventDefault();
+      event.stopPropagation();
+      // Place the caret at the drop coordinates before inserting
+      this._placeCaretAtPoint(event.clientX, event.clientY);
+      this._insertImageFiles(imageFiles);
+      return;
+    }
-    event.preventDefault();
-    event.stopPropagation();
+    if (this.options.markdownPaste !== false) {
+      const mdFile = Array.from(dt.files).find((f) => /\.md$/i.test(f.name) || f.type === 'text/markdown');
+      if (mdFile) {
+        event.preventDefault();
+        event.stopPropagation();
+        this._placeCaretAtPoint(event.clientX, event.clientY);
+        this._insertMarkdownFile(mdFile);
+      }
+    }
+  }
-    // Place the caret at the drop coordinates before inserting
-    this._placeCaretAtPoint(event.clientX, event.clientY);
-    this._insertImageFiles(imageFiles);
+  /**
+   * Reads a dropped `.md` File and inserts it converted to HTML at the
+   * current caret. Skips the isMarkdown() heuristic — an explicit `.md`
+   * extension/MIME type is an unambiguous signal, unlike pasted plain text.
+   * @param {File} file
+   */
+  _insertMarkdownFile(file) {
+    const maxBytes = (this.options.maxPasteSize ?? 5) * 1024 * 1024;
+    if (maxBytes > 0 && file.size > maxBytes) {
+      const message = `Dropped file "${file.name}" (${file.size} bytes) exceeds the ${this.options.maxPasteSize ?? 5} MB paste size limit.`;
+      this.context.triggerEvent('pasteError', { size: file.size, maxBytes, message });
+      console.warn(`[AutumnNote] ${message}`);
+      return;
+    }
+    const reader = new FileReader();
+    reader.onload = (e) => {
+      const html = sanitiseHTML(markdownToHTML(/** @type {string} */ (e.target.result) || ''));
+      execCommand('insertHTML', html);
+      this.context.invoke('editor.afterCommand');
+    };
+    reader.onerror = () => console.warn('[AutumnNote] Failed to read dropped markdown file', file.name);
+    reader.readAsText(file);
   }
   // ---------------------------------------------------------------------------

package/src/styles/autumnnote.scss CHANGED Viewed

@@ -459,8 +459,24 @@
   // Content styles
   p       { margin: 0 0 0.75em; }
   h1, h2, h3, h4, h5, h6 { margin: 0.5em 0; line-height: 1.3; }
+  h1 { font-size: 2em; }
+  h2 { font-size: 1.5em; }
+  h3 { font-size: 1.25em; }
+  h4 { font-size: 1.1em; }
+  h5 { font-size: 1em; }
+  h6 { font-size: 0.875em; }
   ul, ol  { margin: 0 0 0.75em 0; padding-left: 1.5em; list-style-position: inside; }
   li      { margin-bottom: 0.25em; }
+  // Loose lists (markdown paste wraps item text in <p>): keep the list marker
+  // on the same line as the first paragraph (list-style-position: inside puts
+  // it in the inline flow), and use tighter margins than standalone <p>.
+  li > p {
+    margin: 0 0 0.5em;
+    &:first-child { display: inline; }
+    &:last-child  { margin-bottom: 0; }
+  }
+  li:has(> p) { margin-bottom: 0.6em; }
   blockquote {
     margin: 0.5em 0 0.5em 1em;
     padding: 0.5em 1em;
@@ -475,6 +491,9 @@
   }
   pre     { padding: 0.75em 1em; overflow-x: auto; }
   code    { padding: 0.1em 0.3em; }
+  // Inside <pre> the wrapper already paints the background — reset the inner
+  // <code> so a plain (non-Prism) code fence isn't double-tinted.
+  pre > code { background: transparent; padding: 0; }
   // Prism-highlighted blocks — <pre> gets class="language-*" mirrored from <code>
   // Set dark background here as fallback for before Prism CSS loads from CDN.
@@ -1981,6 +2000,8 @@ $an-video-accent: #8b5cf6; // violet-500
       color: #cdd6f4;
     }
+    pre:not([class*='language-']) > code { background: transparent; }
     .an-code-line-numbers::before {
       background: rgba(255, 255, 255, 0.05);
       border-right-color: rgba(255, 255, 255, 0.1);
@@ -2447,6 +2468,8 @@ $an-video-accent: #8b5cf6; // violet-500
         color: #cdd6f4;
       }
+      pre:not([class*='language-']) > code { background: transparent; }
       hr { border-color: #3f3f5f; }
       table, .an-table {

package/types/index.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * AutumnNote – TypeScript declarations
- * @version 1.9.1
+ * @version 1.11.0
  */
 // ---------------------------------------------------------------------------