overtype 2.3.6 → 2.3.7

package/src/overtype.js

@@ -189,7 +189,7 @@ class OverType {
 
       // Call onChange if provided
       if (this.options.onChange) {
-        this.options.onChange(this.getValue(), this);
+        this._notifyChange();
       }
     }
 
@@ -747,17 +747,21 @@ class OverType {
         this._updateStats();
       }
       
-      // Trigger onChange callback
-      if (this.options.onChange && this.initialized) {
-        this.options.onChange(text, this);
-      }
-
       // Trigger onRender callback
       if (this.options.onRender) {
         this.options.onRender(this.preview, isPreviewMode ? 'preview' : 'normal', this);
       }
     }
 
+    /**
+     * Notify listeners that the editor value changed
+     * @private
+     */
+    _notifyChange() {
+      if (!this.options.onChange || !this.initialized) return;
+      this.options.onChange(this.textarea.value, this);
+    }
+
     /**
      * Apply background styling to code blocks
      * @private
@@ -806,6 +810,7 @@ class OverType {
      */
     handleInput(event) {
       this.updatePreview();
+      this._notifyChange();
     }
 
     /**
@@ -1059,6 +1064,7 @@ class OverType {
      * @param {string} value - Markdown content to set
      */
     setValue(value) {
+      const didChange = this.textarea.value !== value;
       this.textarea.value = value;
       this.updatePreview();
 
@@ -1066,6 +1072,10 @@ class OverType {
       if (this.options.autoResize) {
         this._updateAutoHeight();
       }
+
+      if (didChange) {
+        this._notifyChange();
+      }
     }
 
     /**

package/src/parser.js

@@ -134,15 +134,15 @@ export class MarkdownParser {
    * @returns {string} Parsed task list item
    */
   static parseTaskList(html, isPreviewMode = false) {
-    return html.replace(/^((?: )*)-\s+\[([ xX])\]\s+(.+)$/, (match, indent, checked, content) => {
+    return html.replace(/^((?: )*)-(\s+)\[([ xX])\](\s*)(.*)$/, (match, indent, spacingBeforeBox, checked, spacingAfterBox, content) => {
       content = this.parseInlineElements(content);
       if (isPreviewMode) {
         // Preview mode: render actual checkbox
         const isChecked = checked.toLowerCase() === 'x';
         return `${indent}<li class="task-list"><input type="checkbox" ${isChecked ? 'checked' : ''}> ${content}</li>`;
       } else {
-        // Normal mode: keep syntax visible for alignment
-        return `${indent}<li class="task-list"><span class="syntax-marker">- [${checked}] </span>${content}</li>`;
+        // Normal mode: keep syntax (including user spacing) visible for alignment
+        return `${indent}<li class="task-list"><span class="syntax-marker">-${spacingBeforeBox}[${checked}]${spacingAfterBox}</span>${content}</li>`;
       }
     });
   }