overtype 2.0.5 → 2.0.6

package/README.md

@@ -1,6 +1,6 @@
 # OverType
 
-A lightweight markdown editor library with perfect WYSIWYG alignment using an invisible textarea overlay technique. Includes optional toolbar. ~92KB minified with all features.
+A lightweight markdown editor library with perfect WYSIWYG alignment using an invisible textarea overlay technique. Includes optional toolbar. ~93KB minified with all features.
 
 ## Live Examples
 
@@ -19,7 +19,7 @@ A lightweight markdown editor library with perfect WYSIWYG alignment using an in
 - ⌨️ **Keyboard shortcuts** - Common markdown shortcuts (Cmd/Ctrl+B for bold, etc.)
 - 📱 **Mobile optimized** - Responsive design with mobile-specific styles
 - 🔄 **DOM persistence aware** - Recovers from existing DOM (perfect for HyperClay and similar platforms)
-- 🚀 **Lightweight** - ~92KB minified
+- 🚀 **Lightweight** - ~93KB minified
 - 🎯 **Optional toolbar** - Clean, minimal toolbar with all essential formatting
 - ✨ **Smart shortcuts** - Keyboard shortcuts with selection preservation
 - 📝 **Smart list continuation** - GitHub-style automatic list continuation on Enter
@@ -35,7 +35,7 @@ We overlap an invisible textarea on top of styled output, giving the illusion of
 
 | Feature | OverType | HyperMD | Milkdown | TUI Editor | EasyMDE |
 |---------|----------|---------|----------|------------|---------|
-| **Size** | ~92KB | 364.02 KB | 344.51 KB | 560.99 KB | 323.69 KB |
+| **Size** | ~93KB | 364.02 KB | 344.51 KB | 560.99 KB | 323.69 KB |
 | **Dependencies** | Bundled | CodeMirror | ProseMirror + plugins | Multiple libs | CodeMirror |
 | **Setup** | Single file | Complex config | Build step required | Complex config | Moderate |
 | **Approach** | Invisible textarea | ContentEditable | ContentEditable | ContentEditable | CodeMirror |

package/dist/overtype-webcomponent.esm.js

@@ -1,5 +1,5 @@
 /**
- * OverType v2.0.5
+ * OverType v2.0.6
  * A lightweight markdown editor library with perfect WYSIWYG alignment
  * @license MIT
  * @author David Miranda
@@ -91,7 +91,7 @@ var MarkdownParser = class {
    * @returns {string} Parsed bullet list item
    */
   static parseBulletList(html) {
-    return html.replace(/^((?: )*)([-*])\s(.+)$/, (match, indent, marker, content) => {
+    return html.replace(/^((?: )*)([-*+])\s(.+)$/, (match, indent, marker, content) => {
       return `${indent}<li class="bullet-list"><span class="syntax-marker">${marker} </span>${content}</li>`;
     });
   }
@@ -150,7 +150,7 @@ var MarkdownParser = class {
    * @returns {string} HTML with italic styling
    */
   static parseItalic(html) {
-    html = html.replace(new RegExp("(?<!\\*)\\*(?!\\*)(.+?)(?<!\\*)\\*(?!\\*)", "g"), '<em><span class="syntax-marker">*</span>$1<span class="syntax-marker">*</span></em>');
+    html = html.replace(new RegExp("(?<![\\*>])\\*(?!\\*)(.+?)(?<!\\*)\\*(?!\\*)", "g"), '<em><span class="syntax-marker">*</span>$1<span class="syntax-marker">*</span></em>');
     html = html.replace(new RegExp("(?<=^|\\s)_(?!_)(.+?)(?<!_)_(?!_)(?=\\s|$)", "g"), '<em><span class="syntax-marker">_</span>$1<span class="syntax-marker">_</span></em>');
     return html;
   }
@@ -2762,6 +2762,28 @@ var Toolbar = class {
     button.addEventListener("click", button._clickHandler);
     return button;
   }
+  /**
+   * Handle button action programmatically (used by keyboard shortcuts)
+   * @param {Object} buttonConfig - Button configuration object with action function
+   */
+  async handleAction(buttonConfig) {
+    this.editor.textarea.focus();
+    try {
+      if (buttonConfig.action) {
+        await buttonConfig.action({
+          editor: this.editor,
+          getValue: () => this.editor.getValue(),
+          setValue: (value) => this.editor.setValue(value),
+          event: null
+        });
+      }
+    } catch (error) {
+      console.error(`Action "${buttonConfig.name}" error:`, error);
+      this.editor.wrapper.dispatchEvent(new CustomEvent("button-error", {
+        detail: { buttonName: buttonConfig.name, error }
+      }));
+    }
+  }
   /**
    * Sanitize SVG to prevent XSS
    */
@@ -3700,10 +3722,13 @@ var _OverType = class _OverType {
    */
   handleKeydown(event) {
     if (event.key === "Tab") {
-      event.preventDefault();
       const start = this.textarea.selectionStart;
       const end = this.textarea.selectionEnd;
       const value = this.textarea.value;
+      if (event.shiftKey && start === end) {
+        return;
+      }
+      event.preventDefault();
       if (start !== end && event.shiftKey) {
         const before = value.substring(0, start);
         const selection = value.substring(start, end);