synthetic-markdown 0.0.5 → 0.0.7

package/dist/index.cjs.js

@@ -969,7 +969,6 @@ function detectBlockType(line) {
   if (headingMatch) return { type: "heading", level: headingMatch[1].length };
   if (/^>/.test(line)) return { type: "blockQuote" };
   if (/^\s{0,3}([-*_])(?:\s*\1){2,}\s*$/.test(line)) return { type: "thematicBreak" };
-  if (/^\s{0,3}(```+|~~~+)/.test(line)) return { type: "codeBlock" };
   const unorderedListMatch = /^\s*([-*+])\s+/.exec(line);
   if (unorderedListMatch) return { type: "listItem", ordered: false };
   const orderedListMatch = /^\s*(\d{1,9})([.)])\s+/.exec(line);
@@ -980,7 +979,6 @@ function detectBlockType(line) {
       listStart: parseInt(orderedListMatch[1], 10)
     };
   }
-  if (/^ {4,}[^ ]/.test(line)) return { type: "codeBlock" };
   if (/^\[\^[^\]]+\]:/.test(trimmed)) return { type: "footnote" };
   if (/^\s{0,3}<(?:script|pre|style|textarea)[\s>]/i.test(line) || /^\s{0,3}<!--/.test(line) || /^\s{0,3}<\?/.test(line) || /^\s{0,3}<![A-Z]/.test(line) || /^\s{0,3}<!\[CDATA\[/.test(line) || /^\s{0,3}<\/?(?:address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h1|h2|h3|h4|h5|h6|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|nav|noframes|ol|optgroup|option|p|param|search|section|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul)(?:\s|\/?>|$)/i.test(
     line
@@ -7636,10 +7634,11 @@ var Element = class extends HTMLElement {
     this.appliedClasses = [];
     this.customClass = "";
     this.hasAutofocus = false;
+    this.hasEditable = true;
     this.shadowRootElement = this.attachShadow({ mode: "open" });
   }
   static get observedAttributes() {
-    return ["class", "autofocus"];
+    return ["class", "autofocus", "editable"];
   }
   get value() {
     return this.ast.text;
@@ -7650,6 +7649,7 @@ var Element = class extends HTMLElement {
       this.ast.setText(value);
       this.renderDOM();
       this.setAutoFocus();
+      this.setEditable();
       this.hasAcceptedExternalValue = true;
     }
   }
@@ -7670,15 +7670,20 @@ var Element = class extends HTMLElement {
       return;
     }
     if (name === "autofocus") {
-      this.hasAutofocus = this.hasAttribute("autofocus");
+      this.hasAutofocus = newValue === "" || newValue === "true" || newValue === "1";
       this.setAutoFocus();
       return;
     }
+    if (name === "editable") {
+      this.hasEditable = newValue === "" || newValue === "true" || newValue === "1";
+      this.setEditable();
+      return;
+    }
   }
   connectedCallback() {
     const attrValue = this.getAttribute("value") ?? "";
-    this.hasAutofocus = this.hasAttribute("autofocus");
     this.customClass = (this.getAttribute("class") ?? "").trim();
+    this.hasAutofocus = this.hasAttribute("autofocus");
     this.ast.setText(attrValue);
     this.addStyles();
     this.addDOM();
@@ -7693,6 +7698,7 @@ var Element = class extends HTMLElement {
     this.interaction.attach();
     this.renderDOM();
     this.setAutoFocus();
+    this.setEditable();
   }
   disconnectedCallback() {
     this.interaction?.detach();
@@ -7715,10 +7721,10 @@ var Element = class extends HTMLElement {
     if (this.rootElement) return;
     const div = document.createElement("div");
     div.classList.add("element");
-    div.contentEditable = "true";
     this.shadowRootElement.appendChild(div);
     this.rootElement = div;
     this.applyClass();
+    this.setEditable();
   }
   applyClass() {
     if (!this.rootElement) return;
@@ -7742,6 +7748,11 @@ var Element = class extends HTMLElement {
   setAutoFocus() {
     if (this.hasAutofocus && this.rootElement && this.select) this.select.autoFocus();
   }
+  setEditable() {
+    if (this.rootElement) {
+      this.rootElement.contentEditable = this.hasEditable ? "true" : "false";
+    }
+  }
 };
 var element_default = Element;
 

package/dist/index.d.cts

@@ -14,6 +14,7 @@ declare class Element extends HTMLElement {
     private appliedClasses;
     private customClass;
     hasAutofocus: boolean;
+    hasEditable: boolean;
     constructor();
     static get observedAttributes(): string[];
     get value(): string;
@@ -29,6 +30,7 @@ declare class Element extends HTMLElement {
     private applyClass;
     private emitChange;
     private setAutoFocus;
+    private setEditable;
 }
 
 declare function defineElement(tag?: string): void;

package/dist/index.d.ts

@@ -14,6 +14,7 @@ declare class Element extends HTMLElement {
     private appliedClasses;
     private customClass;
     hasAutofocus: boolean;
+    hasEditable: boolean;
     constructor();
     static get observedAttributes(): string[];
     get value(): string;
@@ -29,6 +30,7 @@ declare class Element extends HTMLElement {
     private applyClass;
     private emitChange;
     private setAutoFocus;
+    private setEditable;
 }
 
 declare function defineElement(tag?: string): void;

package/dist/index.esm.js

@@ -941,7 +941,6 @@ function detectBlockType(line) {
   if (headingMatch) return { type: "heading", level: headingMatch[1].length };
   if (/^>/.test(line)) return { type: "blockQuote" };
   if (/^\s{0,3}([-*_])(?:\s*\1){2,}\s*$/.test(line)) return { type: "thematicBreak" };
-  if (/^\s{0,3}(```+|~~~+)/.test(line)) return { type: "codeBlock" };
   const unorderedListMatch = /^\s*([-*+])\s+/.exec(line);
   if (unorderedListMatch) return { type: "listItem", ordered: false };
   const orderedListMatch = /^\s*(\d{1,9})([.)])\s+/.exec(line);
@@ -952,7 +951,6 @@ function detectBlockType(line) {
       listStart: parseInt(orderedListMatch[1], 10)
     };
   }
-  if (/^ {4,}[^ ]/.test(line)) return { type: "codeBlock" };
   if (/^\[\^[^\]]+\]:/.test(trimmed)) return { type: "footnote" };
   if (/^\s{0,3}<(?:script|pre|style|textarea)[\s>]/i.test(line) || /^\s{0,3}<!--/.test(line) || /^\s{0,3}<\?/.test(line) || /^\s{0,3}<![A-Z]/.test(line) || /^\s{0,3}<!\[CDATA\[/.test(line) || /^\s{0,3}<\/?(?:address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h1|h2|h3|h4|h5|h6|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|nav|noframes|ol|optgroup|option|p|param|search|section|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul)(?:\s|\/?>|$)/i.test(
     line
@@ -7608,10 +7606,11 @@ var Element = class extends HTMLElement {
     this.appliedClasses = [];
     this.customClass = "";
     this.hasAutofocus = false;
+    this.hasEditable = true;
     this.shadowRootElement = this.attachShadow({ mode: "open" });
   }
   static get observedAttributes() {
-    return ["class", "autofocus"];
+    return ["class", "autofocus", "editable"];
   }
   get value() {
     return this.ast.text;
@@ -7622,6 +7621,7 @@ var Element = class extends HTMLElement {
       this.ast.setText(value);
       this.renderDOM();
       this.setAutoFocus();
+      this.setEditable();
       this.hasAcceptedExternalValue = true;
     }
   }
@@ -7642,15 +7642,20 @@ var Element = class extends HTMLElement {
       return;
     }
     if (name === "autofocus") {
-      this.hasAutofocus = this.hasAttribute("autofocus");
+      this.hasAutofocus = newValue === "" || newValue === "true" || newValue === "1";
       this.setAutoFocus();
       return;
     }
+    if (name === "editable") {
+      this.hasEditable = newValue === "" || newValue === "true" || newValue === "1";
+      this.setEditable();
+      return;
+    }
   }
   connectedCallback() {
     const attrValue = this.getAttribute("value") ?? "";
-    this.hasAutofocus = this.hasAttribute("autofocus");
     this.customClass = (this.getAttribute("class") ?? "").trim();
+    this.hasAutofocus = this.hasAttribute("autofocus");
     this.ast.setText(attrValue);
     this.addStyles();
     this.addDOM();
@@ -7665,6 +7670,7 @@ var Element = class extends HTMLElement {
     this.interaction.attach();
     this.renderDOM();
     this.setAutoFocus();
+    this.setEditable();
   }
   disconnectedCallback() {
     this.interaction?.detach();
@@ -7687,10 +7693,10 @@ var Element = class extends HTMLElement {
     if (this.rootElement) return;
     const div = document.createElement("div");
     div.classList.add("element");
-    div.contentEditable = "true";
     this.shadowRootElement.appendChild(div);
     this.rootElement = div;
     this.applyClass();
+    this.setEditable();
   }
   applyClass() {
     if (!this.rootElement) return;
@@ -7714,6 +7720,11 @@ var Element = class extends HTMLElement {
   setAutoFocus() {
     if (this.hasAutofocus && this.rootElement && this.select) this.select.autoFocus();
   }
+  setEditable() {
+    if (this.rootElement) {
+      this.rootElement.contentEditable = this.hasEditable ? "true" : "false";
+    }
+  }
 };
 var element_default = Element;
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "synthetic-markdown",
-    "version": "0.0.5",
+    "version": "0.0.7",
     "description": "",
     "license": "MIT",
     "author": {