hexagon-editor 0.1.0 → 0.1.2

package/dist/renderer.js

@@ -2,9 +2,10 @@ import { defineComponent as M, ref as S, getCurrentInstance as w, computed as I,
 import { M as x, k as W } from "./katex-ByXcxnHy.js";
 import { d as B } from "./index-uerphigI.js";
 import { i as D, s as E, a as O } from "./index-CqpK5VVw.js";
-const h = new x().utils.escapeHtml;
-function z(t) {
-  t.inline.ruler.after("backticks", "inline_math", (e, r) => {
+import { _ as z } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './renderer.css';const h = new x().utils.escapeHtml;
+function L(n) {
+  n.inline.ruler.after("backticks", "inline_math", (e, r) => {
     if (e.src[e.pos] !== "$" || e.src[e.pos + 1] === "$" || y(e.src, e.pos)) return !1;
     let i = e.pos + 1;
     for (; i < e.posMax; ) {
@@ -14,18 +15,18 @@ function z(t) {
     }
     if (i <= e.pos + 1 || /\s/.test(e.src[e.pos + 1] ?? "") || /\s/.test(e.src[i - 1] ?? "")) return !1;
     if (!r) {
-      const n = e.push("inline_math", "", 0);
-      n.content = e.src.slice(e.pos + 1, i);
+      const t = e.push("inline_math", "", 0);
+      t.content = e.src.slice(e.pos + 1, i);
     }
     return e.pos = i + 1, !0;
-  }), t.block.ruler.before("fence", "math_block", (e, r, i, n) => {
+  }), n.block.ruler.before("fence", "math_block", (e, r, i, t) => {
     const o = e.getLines(r, r + 1, 0, !1).trim();
     if (!o.startsWith("$$")) return !1;
-    const l = o.match(/^\$\$\s*(.*?)\s*\$\$$/);
-    if (l !== null) {
-      if (!n) {
-        const s = e.push("math_block", "", 0);
-        s.content = l[1] ?? "";
+    const s = o.match(/^\$\$\s*(.*?)\s*\$\$$/);
+    if (s !== null) {
+      if (!t) {
+        const l = e.push("math_block", "", 0);
+        l.content = s[1] ?? "";
       }
       return e.line = r + 1, !0;
     }
@@ -33,183 +34,183 @@ function z(t) {
     let c = r + 1;
     for (; c < i && e.getLines(c, c + 1, 0, !1).trim() !== "$$"; ) c += 1;
     if (c === i) return !1;
-    if (!n) {
-      const s = e.push("math_block", "", 0);
-      s.content = e.getLines(r + 1, c, 0, !1).trim();
+    if (!t) {
+      const l = e.push("math_block", "", 0);
+      l.content = e.getLines(r + 1, c, 0, !1).trim();
     }
     return e.line = c + 1, !0;
   });
 }
-function L(t) {
-  t.block.ruler.before("fence", "yfm_html_block", (e, r, i, n) => {
+function F(n) {
+  n.block.ruler.before("fence", "yfm_html_block", (e, r, i, t) => {
     if (e.getLines(r, r + 1, 0, !1).trim() !== ":::html") return !1;
     let o = r + 1;
     for (; o < i && e.getLines(o, o + 1, 0, !1).trim() !== ":::"; ) o += 1;
     if (o === i) return !1;
-    if (!n) {
-      const l = e.push("yfm_html_block", "", 0);
-      l.content = e.getLines(r + 1, o, 0, !1).trim();
+    if (!t) {
+      const s = e.push("yfm_html_block", "", 0);
+      s.content = e.getLines(r + 1, o, 0, !1).trim();
     }
     return e.line = o + 1, !0;
-  }), t.block.ruler.before("fence", "directive", (e, r, i, n) => {
-    const l = e.getLines(r, r + 1, 0, !1).trim().match(/^:::\s*(\w+)\s*$/);
-    if (l === null) return !1;
+  }), n.block.ruler.before("fence", "directive", (e, r, i, t) => {
+    const s = e.getLines(r, r + 1, 0, !1).trim().match(/^:::\s*(\w+)\s*$/);
+    if (s === null) return !1;
     let c = r + 1;
     for (; c < i && e.getLines(c, c + 1, 0, !1).trim() !== ":::"; ) c += 1;
     if (c === i) return !1;
-    if (!n) {
-      const s = e.push("directive", "", 0);
-      s.info = l[1] ?? "note", s.content = e.getLines(r + 1, c, 0, !1).trim();
+    if (!t) {
+      const l = e.push("directive", "", 0);
+      l.info = s[1] ?? "note", l.content = e.getLines(r + 1, c, 0, !1).trim();
     }
     return e.line = c + 1, !0;
   });
 }
-function F(t) {
-  t.core.ruler.after("block", "mermaid_fences", (e) => {
+function P(n) {
+  n.core.ruler.after("block", "mermaid_fences", (e) => {
     for (const r of e.tokens)
       r.type === "fence" && r.info.trim() === "mermaid" && (r.type = "mermaid");
-  }), t.core.ruler.after("inline", "renderer_extensions", (e) => {
+  }), n.core.ruler.after("inline", "renderer_extensions", (e) => {
     for (let r = 0; r < e.tokens.length; r += 1) {
-      const i = e.tokens[r], n = e.tokens[r + 1], o = e.tokens[r + 2];
-      if (i?.type === "paragraph_open" && n?.type === "inline" && o?.type === "paragraph_close") {
-        const c = n.content.match(/^(#{1,6})\+\s+(.+)$/);
-        c !== null && (i.type = "heading_open", i.tag = `h${c[1]?.length ?? 1}`, i.attrSet("data-folding", "true"), n.content = c[2] ?? "", _(e, n), o.type = "heading_close", o.tag = i.tag);
+      const i = e.tokens[r], t = e.tokens[r + 1], o = e.tokens[r + 2];
+      if (i?.type === "paragraph_open" && t?.type === "inline" && o?.type === "paragraph_close") {
+        const c = t.content.match(/^(#{1,6})\+\s+(.+)$/);
+        c !== null && (i.type = "heading_open", i.tag = `h${c[1]?.length ?? 1}`, i.attrSet("data-folding", "true"), t.content = c[2] ?? "", k(e, t), o.type = "heading_close", o.tag = i.tag);
       }
-      if (i?.type === "heading_open" && n?.type === "inline") {
-        n.content.startsWith("+ ") && (n.content = n.content.slice(2), i.attrSet("data-folding", "true"), _(e, n));
-        const c = n.content.match(/\s+\{([^}]+)\}$/);
+      if (i?.type === "heading_open" && t?.type === "inline") {
+        t.content.startsWith("+ ") && (t.content = t.content.slice(2), i.attrSet("data-folding", "true"), k(e, t));
+        const c = t.content.match(/\s+\{([^}]+)\}$/);
         if (c !== null) {
-          n.content = n.content.slice(0, c.index), _(e, n);
-          for (const s of c[1]?.split(/\s+/) ?? [])
-            s.startsWith("#") && i.attrSet("id", s.slice(1)), s.startsWith(".") && i.attrJoin("class", s.slice(1));
+          t.content = t.content.slice(0, c.index), k(e, t);
+          for (const l of c[1]?.split(/\s+/) ?? [])
+            l.startsWith("#") && i.attrSet("id", l.slice(1)), l.startsWith(".") && i.attrJoin("class", l.slice(1));
         }
       }
-      const l = i?.children;
-      l != null && P(l);
+      const s = i?.children;
+      s != null && J(s);
     }
   });
 }
-function _(t, e) {
+function k(n, e) {
   const r = [];
-  t.md.inline.parse(e.content, t.md, t.env, r), e.children = r;
+  n.md.inline.parse(e.content, n.md, n.env, r), e.children = r;
 }
-function P(t) {
-  for (let e = 0; e < t.length; e += 1) {
-    const r = t[e], i = t[e + 1];
+function J(n) {
+  for (let e = 0; e < n.length; e += 1) {
+    const r = n[e], i = n[e + 1];
     if (r?.type === "image" && i?.type === "text") {
-      const n = i.content.match(/^\{width=(\d+%?)(?:\s+height=(\d+))?(?:\s+object-fit=(contain|cover|fill|none|scale-down))?}/);
-      n !== null && (r.attrSet("width", n[1] ?? ""), n[2] !== void 0 && r.attrSet("height", n[2]), n[3] !== void 0 && r.attrSet("data-image-object-fit", n[3]), i.content = i.content.slice(n[0].length));
+      const t = i.content.match(/^\{width=(\d+%?)(?:\s+height=(\d+))?(?:\s+object-fit=(contain|cover|fill|none|scale-down))?}/);
+      t !== null && (r.attrSet("width", t[1] ?? ""), t[2] !== void 0 && r.attrSet("height", t[2]), t[3] !== void 0 && r.attrSet("data-image-object-fit", t[3]), i.content = i.content.slice(t[0].length));
     }
     if (r?.type === "link_close" && i?.type === "text") {
-      const n = i.content.match(/^\s*\{target="_blank" rel="noopener noreferrer"}/);
-      if (n !== null)
+      const t = i.content.match(/^\s*\{target="_blank" rel="noopener noreferrer"}/);
+      if (t !== null)
         for (let o = e - 1; o >= 0; o -= 1) {
-          const l = t[o];
-          if (l?.type === "link_open") {
-            l.attrSet("target", "_blank"), l.attrSet("rel", "noopener noreferrer"), i.content = i.content.slice(n[0].length);
+          const s = n[o];
+          if (s?.type === "link_open") {
+            s.attrSet("target", "_blank"), s.attrSet("rel", "noopener noreferrer"), i.content = i.content.slice(t[0].length);
             break;
           }
         }
     }
   }
 }
-function J(t) {
-  t.core.ruler.after("renderer_extensions", "quote_links", (e) => {
+function K(n) {
+  n.core.ruler.after("renderer_extensions", "quote_links", (e) => {
     for (let r = 0; r < e.tokens.length; r += 1) {
-      const i = e.tokens[r], n = e.tokens[r + 1], o = e.tokens[r + 2], l = e.tokens[r + 3];
-      if (i?.type !== "blockquote_open" || n?.type !== "paragraph_open" || o?.type !== "inline" || l?.type !== "paragraph_close") continue;
+      const i = e.tokens[r], t = e.tokens[r + 1], o = e.tokens[r + 2], s = e.tokens[r + 3];
+      if (i?.type !== "blockquote_open" || t?.type !== "paragraph_open" || o?.type !== "inline" || s?.type !== "paragraph_close") continue;
       const c = o.content.match(/^\[([^\]]+)]\(([^)]+)\)\{data-quotelink=true}$/);
       c === null || e.tokens.findIndex((f, d) => d > r && f.type === "blockquote_close") < 0 || (i.attrSet("cite", c[2] ?? ""), i.attrSet("data-content", c[1] ?? ""), i.attrSet("data-quote-link", ""), e.tokens.splice(r + 1, 3));
     }
   });
 }
-function K(t) {
-  t.renderer.rules.inline_math = (n, o) => v(n[o]?.content ?? "", !1), t.renderer.rules.math_block = (n, o) => v(n[o]?.content ?? "", !0), t.renderer.rules.mermaid = (n, o) => `<div data-mermaid aria-busy="true"><pre>${h(n[o]?.content ?? "")}</pre></div>
-`, t.renderer.rules.yfm_html_block = (n, o) => `<p data-yfm-html>:::html<br>${h(n[o]?.content ?? "")}<br>:::</p>
-`, t.renderer.rules.directive = (n, o) => {
-    const l = n[o];
-    return l?.info === "html" ? `${l.content}
-` : `<div data-directive="${h(l?.info || "note")}">${h(l?.content ?? "")}</div>
+function N(n) {
+  n.renderer.rules.inline_math = (t, o) => v(t[o]?.content ?? "", !1), n.renderer.rules.math_block = (t, o) => v(t[o]?.content ?? "", !0), n.renderer.rules.mermaid = (t, o) => `<div data-mermaid aria-busy="true"><pre>${h(t[o]?.content ?? "")}</pre></div>
+`, n.renderer.rules.yfm_html_block = (t, o) => `<p data-yfm-html>:::html<br>${h(t[o]?.content ?? "")}<br>:::</p>
+`, n.renderer.rules.directive = (t, o) => {
+    const s = t[o];
+    return s?.info === "html" ? `${s.content}
+` : `<div data-directive="${h(s?.info || "note")}">${h(s?.content ?? "")}</div>
 `;
-  }, t.renderer.rules.html_block = (n, o) => `<div data-raw-html>${h(n[o]?.content ?? "")}</div>
-`, t.renderer.rules.html_inline = (n, o) => N(n[o]?.content ?? "");
-  const e = t.renderer.rules.image;
-  t.renderer.rules.image = (n, o, l, c, s) => {
-    const f = n[o], d = f?.attrGet("width"), a = f?.attrGet("height"), u = f?.attrGet("data-image-object-fit"), m = [];
-    return d != null && /^\d+%?$/.test(d) && m.push(`width: ${d.endsWith("%") ? d : `${d}px`}`), a != null && /^\d+$/.test(a) && m.push(`height: ${a}px`), u != null && m.push(`object-fit: ${u}`), m.length > 0 && f?.attrSet("style", m.join("; ")), e?.(n, o, l, c, s) ?? s.renderToken(n, o, l);
+  }, n.renderer.rules.html_block = (t, o) => `<div data-raw-html>${h(t[o]?.content ?? "")}</div>
+`, n.renderer.rules.html_inline = (t, o) => Q(t[o]?.content ?? "");
+  const e = n.renderer.rules.image;
+  n.renderer.rules.image = (t, o, s, c, l) => {
+    const f = t[o], d = f?.attrGet("width"), a = f?.attrGet("height"), u = f?.attrGet("data-image-object-fit"), m = [];
+    return d != null && /^\d+%?$/.test(d) && m.push(`width: ${d.endsWith("%") ? d : `${d}px`}`), a != null && /^\d+$/.test(a) && m.push(`height: ${a}px`), u != null && m.push(`object-fit: ${u}`), m.length > 0 && f?.attrSet("style", m.join("; ")), e?.(t, o, s, c, l) ?? l.renderToken(t, o, s);
   };
-  const r = t.renderer.rules.heading_open ?? ((n, o, l, c, s) => s.renderToken(n, o, l)), i = t.renderer.rules.heading_close ?? ((n, o, l, c, s) => s.renderToken(n, o, l));
-  t.renderer.rules.heading_open = (n, o, l, c, s) => {
-    const f = n[o], d = Number(f?.tag.slice(1)) || 1, a = c.foldingHeadings ??= [];
+  const r = n.renderer.rules.heading_open ?? ((t, o, s, c, l) => l.renderToken(t, o, s)), i = n.renderer.rules.heading_close ?? ((t, o, s, c, l) => l.renderToken(t, o, s));
+  n.renderer.rules.heading_open = (t, o, s, c, l) => {
+    const f = t[o], d = Number(f?.tag.slice(1)) || 1, a = c.foldingHeadings ??= [];
     let u = "";
     for (; (a.at(-1) ?? 0) >= d; )
       a.pop(), u += "</details>";
-    return f?.attrGet("data-folding") === "true" && (a.push(d), u += "<details data-folding-section open><summary>"), u + r(n, o, l, c, s);
-  }, t.renderer.rules.heading_close = (n, o, l, c, s) => {
-    const f = n[o - 2];
-    return i(n, o, l, c, s) + (f?.attrGet("data-folding") === "true" ? "</summary>" : "");
+    return f?.attrGet("data-folding") === "true" && (a.push(d), u += "<details data-folding-section open><summary>"), u + r(t, o, s, c, l);
+  }, n.renderer.rules.heading_close = (t, o, s, c, l) => {
+    const f = t[o - 2];
+    return i(t, o, s, c, l) + (f?.attrGet("data-folding") === "true" ? "</summary>" : "");
   };
 }
-function v(t, e) {
+function v(n, e) {
   try {
-    return W.renderToString(t, { displayMode: e, throwOnError: !0 });
+    return W.renderToString(n, { displayMode: e, throwOnError: !0 });
   } catch {
     const r = e ? "pre" : "span";
-    return `<${r} data-math-error>${h(t)}</${r}>`;
+    return `<${r} data-math-error>${h(n)}</${r}>`;
   }
 }
-function N(t) {
-  if (/^<\/?u>$/.test(t) || t === "</span>") return t;
-  const e = t.match(/^<span style="color:\s*([^";<>]+)">$/i)?.[1]?.trim();
-  return e !== void 0 && /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\([^;<>]+\)|[a-z]+)$/i.test(e) ? `<span style="color: ${h(e)}">` : h(t);
+function Q(n) {
+  if (/^<\/?u>$/.test(n) || n === "</span>") return n;
+  const e = n.match(/^<span style="color:\s*([^";<>]+)">$/i)?.[1]?.trim();
+  return e !== void 0 && /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\([^;<>]+\)|[a-z]+)$/i.test(e) ? `<span style="color: ${h(e)}">` : h(n);
 }
-function y(t, e) {
+function y(n, e) {
   let r = 0;
-  for (let i = e - 1; i >= 0 && t[i] === "\\"; i -= 1) r += 1;
+  for (let i = e - 1; i >= 0 && n[i] === "\\"; i -= 1) r += 1;
   return r % 2 === 1;
 }
-function Q() {
-  const t = new x("commonmark", { html: !0 }).enable("table").enable("strikethrough").use(B).use(D).use(E).use(O);
-  return z(t), L(t), F(t), J(t), K(t), t;
+function U() {
+  const n = new x("commonmark", { html: !0 }).enable("table").enable("strikethrough").use(B).use(D).use(E).use(O);
+  return L(n), F(n), P(n), K(n), N(n), n;
 }
-const U = Q();
-function V(t) {
-  const e = {}, r = U.render(t, e), i = e.foldingHeadings?.length ?? 0;
+const V = U();
+function X(n) {
+  const e = {}, r = V.render(n, e), i = e.foldingHeadings?.length ?? 0;
   return r + "</details>".repeat(i);
 }
-let X = 0, $;
-function Y() {
-  return $ ??= import("./mermaid.core-CR0bA2Wa.js").then((t) => t.bq).then(({ default: t }) => (t.initialize({ securityLevel: "strict", startOnLoad: !1 }), t)), $;
-}
+let Y = 0, $;
 function Z() {
-  return `markdown-renderer-mermaid-${++X}`;
+  return $ ??= import("./mermaid.core-CR0bA2Wa.js").then((n) => n.bq).then(({ default: n }) => (n.initialize({ securityLevel: "strict", startOnLoad: !1 }), n)), $;
+}
+function ee() {
+  return `markdown-renderer-mermaid-${++Y}`;
 }
-const ee = ["innerHTML"], ie = /* @__PURE__ */ M({
+const te = ["innerHTML"], ne = /* @__PURE__ */ M({
   name: "MarkdownRenderer",
   __name: "MarkdownRenderer",
   props: {
     content: {},
     directiveComponents: {}
   },
-  setup(t) {
-    const e = t, r = S(), i = w()?.appContext, n = I(() => V(e.content));
-    let o = 0, l = !1, c = [];
-    function s() {
+  setup(n) {
+    const e = n, r = S(), i = w()?.appContext, t = I(() => X(e.content));
+    let o = 0, s = !1, c = [];
+    function l() {
       for (const a of c) b(null, a);
       c = [];
     }
     function f() {
-      if (s(), e.directiveComponents !== void 0)
+      if (l(), e.directiveComponents !== void 0)
         for (const a of r.value?.querySelectorAll("[data-directive]") ?? []) {
           const u = a.dataset.directive ?? "", m = e.directiveComponents[u];
           if (m === void 0) continue;
-          const k = {
+          const _ = {
             content: a.textContent ?? "",
             name: u,
             readonly: !0,
             updateContent: () => {
             }
-          }, g = R(m, k);
+          }, g = R(m, _);
           g.appContext = i ?? null, b(g, a), c.push(a);
         }
     }
@@ -218,18 +219,18 @@ const ee = ["innerHTML"], ie = /* @__PURE__ */ M({
       if (u.length === 0) return;
       let m;
       try {
-        m = await Y();
+        m = await Z();
       } catch {
         for (const p of u)
           p.removeAttribute("aria-busy"), p.setAttribute("data-mermaid-error", "");
         return;
       }
       for (const p of u) {
-        if (l || a !== o || !p.isConnected) return;
-        const k = p.querySelector("pre")?.textContent ?? "";
+        if (s || a !== o || !p.isConnected) return;
+        const _ = p.querySelector("pre")?.textContent ?? "";
         try {
-          const { bindFunctions: g, svg: C } = await m.render(Z(), k);
-          if (l || a !== o || !p.isConnected) return;
+          const { bindFunctions: g, svg: C } = await m.render(ee(), _);
+          if (s || a !== o || !p.isConnected) return;
           p.innerHTML = C, p.removeAttribute("aria-busy"), g?.(p);
         } catch {
           p.removeAttribute("aria-busy"), p.setAttribute("data-mermaid-error", "");
@@ -244,15 +245,15 @@ const ee = ["innerHTML"], ie = /* @__PURE__ */ M({
     ), H(() => {
       f(), d();
     }), A(() => {
-      l = !0, o += 1, s();
+      s = !0, o += 1, l();
     }), (a, u) => (j(), G("div", {
       ref_key: "root",
       ref: r,
       class: "markdown-renderer",
-      innerHTML: n.value
-    }, null, 8, ee));
+      innerHTML: t.value
+    }, null, 8, te));
   }
-});
+}), le = /* @__PURE__ */ z(ne, [["__scopeId", "data-v-91962f8a"]]);
 export {
-  ie as MarkdownRenderer
+  le as MarkdownRenderer
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexagon-editor",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Vue 3 Markdown/YFM WYSIWYG and markup editor",
   "license": "MIT",
   "type": "module",