markdown-flow-ui 0.3.1 → 0.3.2-dev.1

package/dist/components/MarkdownFlowEditor/plugins/SyntaxHighlighter.es.js

@@ -1,215 +1,220 @@
-import { ViewPlugin as B, Decoration as H } from "../../../node_modules/@codemirror/view/dist/index.es.js";
-import { RangeSetBuilder as P } from "../../../node_modules/@codemirror/state/dist/index.es.js";
-import { getMarkdownSourceAnalysis as L } from "../../ContentRender/utils/inline-code-ranges.es.js";
+import { ViewPlugin as P, Decoration as L } from "../../../node_modules/@codemirror/view/dist/index.es.js";
+import { RangeSetBuilder as _ } from "../../../node_modules/@codemirror/state/dist/index.es.js";
+import { getMarkdownSourceAnalysis as Q } from "../../ContentRender/utils/inline-code-ranges.es.js";
 import { d as N } from "../../../_virtual/index.es.js";
-const F = /<!--[\s\S]*?-->/g, W = (n) => {
-  const i = N.findVariableMarkers(n), f = n.indexOf("{{", i.at(-1)?.end ?? 0);
-  return f === -1 ? i : [...i, { start: f, end: n.length, name: null }];
+const H = /<!--[\s\S]*?-->/g, W = (n) => {
+  const s = N.findVariableMarkers(n), f = n.indexOf("{{", s.at(-1)?.end ?? 0);
+  return f === -1 ? s : [...s, { start: f, end: n.length, name: null }];
 }, M = new RegExp(
   `\\?\\[(${N.INTERACTION_CONTENT_SOURCE})\\](?!\\()`,
   "g"
-), _ = (n) => L(n).interactions;
-function U(n, i) {
+), U = (n) => Q(n).interactions;
+function $(n, s) {
   const f = [];
-  let l = null, s = 0;
-  for (; s <= n.length; ) {
-    const u = n.indexOf(`
-`, s), e = u === -1 ? n.length : u;
-    if (n.slice(s, e).trim() === "!===" && !i(s) && (l === null ? l = s : (f.push({
-      from: l,
-      to: e,
+  let i = null, d = 0;
+  for (; d <= n.length; ) {
+    const a = n.indexOf(`
+`, d), r = a === -1 ? n.length : a;
+    if (n.slice(d, r).trim() === "!===" && !s(d) && (i === null ? i = d : (f.push({
+      from: i,
+      to: r,
       className: "syntax-fixed"
-    }), l = null)), u === -1)
+    }), i = null)), a === -1)
       break;
-    s = u + 1;
+    d = a + 1;
   }
   return f;
 }
-function $(n, i, f) {
-  const l = [];
-  let s = 0;
-  const u = (t) => {
-    for (; s < i.length && i[s].to <= t; )
-      s++;
-    const r = i[s];
-    return !!r && t >= r.from && t < r.to;
+function j(n, s, f) {
+  const i = [];
+  let d = 0;
+  const a = (t) => {
+    for (; d < s.length && s[d].to <= t; )
+      d++;
+    const o = s[d];
+    return !!o && t >= o.from && t < o.to;
   };
-  let e = 0;
-  for (; e <= n.length; ) {
+  let r = 0;
+  for (; r <= n.length; ) {
     const t = n.indexOf(`
-`, e), r = t === -1 ? n.length : t, d = n.slice(e, r), x = [];
-    let g = 0;
-    for (; g < d.length; ) {
-      const c = d.indexOf("===", g);
-      if (c === -1)
+`, r), o = t === -1 ? n.length : t, l = n.slice(r, o), g = [];
+    let p = 0;
+    for (; p < l.length; ) {
+      const m = l.indexOf("===", p);
+      if (m === -1)
         break;
-      const p = e + c;
-      !(p > 0 && n[p - 1] === "!") && !u(p) && !f(p) && x.push(p), g = c + 3;
+      const h = r + m;
+      !(h > 0 && n[h - 1] === "!") && !a(h) && !f(h) && g.push(h), p = m + 3;
     }
-    for (let c = 0; c + 1 < x.length; c += 2)
-      l.push({
-        from: x[c],
-        to: x[c + 1] + 3,
+    for (let m = 0; m + 1 < g.length; m += 2)
+      i.push({
+        from: g[m],
+        to: g[m + 1] + 3,
         className: "syntax-fixed"
       });
     if (t === -1)
       break;
-    e = t + 1;
+    r = t + 1;
   }
-  return l;
+  return i;
 }
-function j(n, i) {
+function z(n, s) {
   const f = [];
-  let l;
-  for (F.lastIndex = 0; (l = F.exec(n)) !== null; )
-    i(l.index) || f.push({
-      from: l.index,
-      to: l.index + l[0].length,
+  let i;
+  for (H.lastIndex = 0; (i = H.exec(n)) !== null; )
+    s(i.index) || f.push({
+      from: i.index,
+      to: i.index + i[0].length,
       className: "syntax-comment"
     });
   return f;
 }
-function q(n) {
-  const i = N.findDocumentVariableMarkers(n), f = (e) => i.some(
-    (t) => e >= t.start && e < t.end
-  ), l = j(n, f), s = [
-    ...U(n, f),
-    ...$(
+function G(n) {
+  const s = N.findDocumentVariableMarkers(n), f = (r) => s.some(
+    (t) => r >= t.start && r < t.end
+  ), i = z(n, f), d = [
+    ...$(n, f),
+    ...j(
       n,
-      l,
+      i,
       f
     ),
-    ...l
-  ].sort((e, t) => e.from !== t.from ? e.from - t.from : t.to - e.to), u = [];
-  for (const e of s) {
-    const t = u[u.length - 1];
-    (!t || e.from >= t.to) && u.push(e);
+    ...i
+  ].sort((r, t) => r.from !== t.from ? r.from - t.from : t.to - r.to), a = [];
+  for (const r of d) {
+    const t = a[a.length - 1];
+    (!t || r.from >= t.to) && a.push(r);
   }
-  return u;
+  return a;
 }
-function z(n, i = () => !1) {
-  const f = [], l = N.findDocumentVariableMarkers(n), s = [];
+function J(n, s = () => !1, f = !1) {
+  const i = [], d = N.findDocumentVariableMarkers(n), a = [];
   M.lastIndex = 0;
-  const u = (t, r) => s.some((d) => !(r <= d.from || t >= d.to)), e = (t, r, d) => t >= r || u(t, r) ? !1 : (s.push({ from: t, to: r }), f.push({ from: t, to: r, className: d }), !0);
-  for (const t of q(n))
-    e(t.from, t.to, t.className);
-  for (const t of _(n)) {
-    M.lastIndex = t.start;
-    const r = M.exec(n);
-    if (!r || r.index !== t.start || r.index + r[0].length !== t.end)
+  const r = (o, l) => a.some((g) => !(l <= g.from || o >= g.to)), t = (o, l, g) => o >= l || r(o, l) ? !1 : (a.push({ from: o, to: l }), i.push({ from: o, to: l, className: g }), !0);
+  for (const o of G(n))
+    t(o.from, o.to, o.className);
+  for (const o of U(n)) {
+    M.lastIndex = o.start;
+    const l = M.exec(n);
+    if (!l || l.index !== o.start || l.index + l[0].length !== o.end)
       continue;
-    const d = r.index, x = r.index + r[0].length, g = r[1], c = d + 2;
-    if (u(d, x) || l.some(
-      (b) => b.start <= d && d < b.end
+    const g = l.index, p = l.index + l[0].length, m = l[1], h = g + 2;
+    if (r(g, p) || d.some(
+      (y) => y.start <= g && g < y.end
     ))
       continue;
-    e(d, d + 1, "syntax-keyword"), e(d + 1, d + 2, "syntax-bracket"), e(x - 1, x, "syntax-bracket");
-    const p = W(g), y = p[0], O = y ? y.start - 1 : -1, E = O >= 0 && g[O] === "%" && N.trimVariablePadding(g.slice(0, O)) === "";
-    if (g.startsWith("%") || E) {
-      let b = "syntax-percent-invalid";
-      if (y && E) {
-        const o = c + y.start, h = c + y.end, I = i(o, h);
-        b = y.name !== null && !I ? "syntax-percent-valid" : "syntax-percent-invalid";
+    t(g, g + 1, "syntax-keyword"), t(g + 1, g + 2, "syntax-bracket"), t(p - 1, p, "syntax-bracket");
+    const E = W(m), b = E[0], O = b ? b.start - 1 : -1, I = O >= 0 && m[O] === "%" && N.trimVariablePadding(m.slice(0, O)) === "";
+    if (m.startsWith("%") || I) {
+      let y = "syntax-percent-invalid";
+      if (b && I) {
+        const e = h + b.start, x = h + b.end, C = s(e, x);
+        y = b.name !== null && !C ? "syntax-percent-valid" : "syntax-percent-invalid";
       }
-      const v = c + (E ? O : 0);
-      e(v, v + 1, b);
-      const V = [], R = [], S = [];
-      for (const o of p)
-        R.push({
-          from: c + o.start,
-          to: c + o.end,
-          className: o.name === null ? "syntax-variable-invalid" : "syntax-variable"
+      const v = h + (I ? O : 0);
+      t(v, v + 1, y);
+      const V = [], S = [], R = [];
+      for (const e of E)
+        S.push({
+          from: h + e.start,
+          to: h + e.end,
+          className: e.name === null ? "syntax-variable-invalid" : "syntax-variable"
         });
-      let m = 0;
-      for (; m < g.length; ) {
-        const o = R.find(
-          (I) => c + m === I.from
+      let u = 0;
+      for (; u < m.length; ) {
+        const e = S.find(
+          (C) => h + u === C.from
         );
-        if (o) {
-          m = o.to - c;
+        if (e) {
+          u = e.to - h;
           continue;
         }
-        if (N.isEscape(g, m)) {
-          m += 2;
+        if (N.isEscape(m, u)) {
+          u += 2;
           continue;
         }
-        const h = g.startsWith("||", m) ? "||" : g[m] === "|" ? "|" : g.startsWith("...", m) ? "..." : null;
-        if (!h) {
-          m += 1;
+        const x = m.startsWith("||", u) ? "||" : m[u] === "|" ? "|" : m.startsWith("...", u) ? "..." : null;
+        if (!x) {
+          u += 1;
           continue;
         }
         V.push({
-          from: c + m,
-          to: c + m + h.length
-        }), m += h.length;
+          from: h + u,
+          to: h + u + x.length
+        }), u += x.length;
       }
-      const a = [
-        ...V.map((o) => ({
-          ...o,
+      const c = [
+        ...V.map((e) => ({
+          ...e,
           className: "syntax-keyword"
         })),
-        ...R.map((o) => ({
-          ...o,
-          className: o.className
+        ...S.map((e) => ({
+          ...e,
+          className: e.className
         }))
-      ].sort((o, h) => o.from !== h.from ? o.from - h.from : o.to - h.to);
-      for (const o of a)
-        o.className.startsWith("syntax-variable") && i(o.from, o.to) || e(o.from, o.to, o.className) && S.push({ from: o.from, to: o.to });
-      const w = v + 1, C = x - 1;
+      ].sort((e, x) => e.from !== x.from ? e.from - x.from : e.to - x.to);
+      for (const e of c)
+        e.className.startsWith("syntax-variable") && s(e.from, e.to) || t(e.from, e.to, e.className) && R.push({ from: e.from, to: e.to });
+      const w = v + 1, F = p - 1;
       let k = w;
-      const D = S.sort((o, h) => o.from !== h.from ? o.from - h.from : o.to - h.to);
-      for (const o of D)
-        k < o.from && e(k, o.from, "syntax-string"), k = Math.max(k, o.to);
-      k < C && e(k, C, "syntax-string");
+      const B = R.sort((e, x) => e.from !== x.from ? e.from - x.from : e.to - x.to);
+      for (const e of B)
+        k < e.from && t(k, e.from, "syntax-string"), k = Math.max(k, e.to);
+      k < F && t(k, F, "syntax-string");
     } else {
-      const b = [], v = [];
-      for (const a of W(g))
-        b.push({
-          from: c + a.start,
-          to: c + a.end,
-          className: a.name === null ? "syntax-variable-invalid" : "syntax-variable"
+      const y = [], v = [];
+      for (const c of W(m))
+        y.push({
+          from: h + c.start,
+          to: h + c.end,
+          className: c.name === null ? "syntax-variable-invalid" : "syntax-variable"
         });
-      const V = b.sort((a, w) => a.from !== w.from ? a.from - w.from : a.to - w.to);
-      for (const a of V)
-        a.className.startsWith("syntax-variable") && i(a.from, a.to) || e(a.from, a.to, a.className) && v.push({ from: a.from, to: a.to });
-      const R = c, S = x - 1;
-      let m = R;
-      for (const a of v)
-        m < a.from && e(m, a.from, "syntax-button-text"), m = Math.max(m, a.to);
-      m < S && e(m, S, "syntax-button-text");
+      const V = y.sort((c, w) => c.from !== w.from ? c.from - w.from : c.to - w.to);
+      for (const c of V)
+        c.className.startsWith("syntax-variable") && s(c.from, c.to) || t(c.from, c.to, c.className) && v.push({ from: c.from, to: c.to });
+      const S = h, R = p - 1;
+      let u = S;
+      for (const c of v)
+        u < c.from && t(u, c.from, "syntax-button-text"), u = Math.max(u, c.to);
+      u < R && t(u, R, "syntax-button-text");
     }
   }
-  for (const t of l)
-    t.name !== null && !i(t.start, t.end) && e(t.start, t.end, "syntax-variable");
-  return f.sort((t, r) => t.from !== r.from ? t.from - r.from : r.to - t.to), f;
+  for (const o of f ? [] : d)
+    o.name !== null && !s(o.start, o.end) && t(o.start, o.end, "syntax-variable");
+  return i.sort((o, l) => o.from !== l.from ? o.from - l.from : l.to - o.to), i;
 }
-function A(n) {
-  const i = new P(), f = n.state.doc.toString(), l = z(f, (s, u) => n.state.selection.ranges.some((e) => e.from >= s && e.to <= u));
-  for (const s of l)
-    if (s.from < s.to)
+function A(n, s = !1) {
+  const f = new _(), i = n.state.doc.toString(), d = J(
+    i,
+    (a, r) => n.state.selection.ranges.some((t) => t.from >= a && t.to <= r),
+    s
+  );
+  for (const a of d)
+    if (a.from < a.to)
       try {
-        i.add(s.from, s.to, H.mark({ class: s.className }));
-      } catch (u) {
-        console.warn("SyntaxHighlighter: Failed to add decoration", s, u);
+        f.add(a.from, a.to, L.mark({ class: a.className }));
+      } catch (r) {
+        console.warn("SyntaxHighlighter: Failed to add decoration", a, r);
       }
-  return i.finish();
+  return f.finish();
 }
-const T = B.fromClass(
+const D = (n = !1) => P.fromClass(
   class {
-    constructor(n) {
-      this.decorations = A(n);
+    constructor(s) {
+      this.decorations = A(s, n);
     }
-    update(n) {
-      (n.docChanged || n.viewportChanged || n.selectionSet) && (this.decorations = A(n.view));
+    update(s) {
+      (s.docChanged || s.viewportChanged || s.selectionSet) && (this.decorations = A(s.view, n));
     }
   },
   {
-    decorations: (n) => n.decorations
+    decorations: (s) => s.decorations
   }
-);
+), Z = D(), q = D(!0);
 export {
-  q as collectOuterBlockRanges,
-  z as collectSyntaxHighlightRanges,
-  T as default
+  q as QuestionSyntaxHighlighter,
+  G as collectOuterBlockRanges,
+  J as collectSyntaxHighlightRanges,
+  Z as default
 };
 //# sourceMappingURL=SyntaxHighlighter.es.js.map

package/dist/components/MarkdownFlowEditor/plugins/SyntaxHighlighter.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SyntaxHighlighter.es.js","sources":["../../../../src/components/MarkdownFlowEditor/plugins/SyntaxHighlighter.ts"],"sourcesContent":["import {\n  Decoration,\n  DecorationSet,\n  EditorView,\n  ViewPlugin,\n  ViewUpdate,\n} from \"@codemirror/view\";\nimport { RangeSetBuilder } from \"@codemirror/state\";\nimport { getMarkdownSourceAnalysis } from \"../../ContentRender/utils/inline-code-ranges\";\nimport { INTERACTION_CONTENT_SOURCE, isEscape } from \"remark-flow\";\n\nimport {\n  findVariableMarkers,\n  findDocumentVariableMarkers,\n  trimVariablePadding,\n} from \"../utils\";\n\nconst commentRegex = /<!--[\\s\\S]*?-->/g;\n\n// An unfinished marker still owns its tail, so nested syntax stays literal while typing.\nconst interactionVariableRanges = (text: string) => {\n  const markers = findVariableMarkers(text);\n  const pending = text.indexOf(\"{{\", markers.at(-1)?.end ?? 0);\n  return pending === -1\n    ? markers\n    : [...markers, { start: pending, end: text.length, name: null }];\n};\n// The grammar's own definition of where an interaction ends, so a `\\]` an option escaped does\n// not cut the highlight short, and the same `(?!\\()` the parser uses, so `?[text](url)` stays a\n// markdown link. Taken from remark-flow rather than written again here: the editor and the\n// parser have to agree about what they are looking at.\nconst controlBlockRegex = new RegExp(\n  `\\\\?\\\\[(${INTERACTION_CONTENT_SOURCE})\\\\](?!\\\\()`,\n  \"g\"\n);\n\nconst documentControlRanges = (text: string) =>\n  getMarkdownSourceAnalysis(text).interactions;\n\nexport interface SyntaxHighlightRange {\n  from: number;\n  to: number;\n  className: string;\n}\n\nfunction collectMultilineFixedOutputRanges(\n  docText: string,\n  isInsideVariable: (position: number) => boolean\n): SyntaxHighlightRange[] {\n  const ranges: SyntaxHighlightRange[] = [];\n  let pendingStart: number | null = null;\n  let lineStart = 0;\n\n  while (lineStart <= docText.length) {\n    const newlineIndex = docText.indexOf(\"\\n\", lineStart);\n    const lineEnd = newlineIndex === -1 ? docText.length : newlineIndex;\n    const lineText = docText.slice(lineStart, lineEnd);\n\n    if (lineText.trim() === \"!===\" && !isInsideVariable(lineStart)) {\n      if (pendingStart === null) {\n        pendingStart = lineStart;\n      } else {\n        ranges.push({\n          from: pendingStart,\n          to: lineEnd,\n          className: \"syntax-fixed\",\n        });\n        pendingStart = null;\n      }\n    }\n\n    if (newlineIndex === -1) {\n      break;\n    }\n\n    lineStart = newlineIndex + 1;\n  }\n\n  return ranges;\n}\n\nfunction collectSingleLineFixedOutputRanges(\n  docText: string,\n  commentRanges: SyntaxHighlightRange[],\n  isInsideVariable: (position: number) => boolean\n): SyntaxHighlightRange[] {\n  const ranges: SyntaxHighlightRange[] = [];\n  let commentIndex = 0;\n\n  const isInsideComment = (index: number) => {\n    while (\n      commentIndex < commentRanges.length &&\n      commentRanges[commentIndex].to <= index\n    ) {\n      commentIndex++;\n    }\n\n    const range = commentRanges[commentIndex];\n    return !!range && index >= range.from && index < range.to;\n  };\n\n  let lineStart = 0;\n  while (lineStart <= docText.length) {\n    const newlineIndex = docText.indexOf(\"\\n\", lineStart);\n    const lineEnd = newlineIndex === -1 ? docText.length : newlineIndex;\n    const lineText = docText.slice(lineStart, lineEnd);\n    const markerPositions: number[] = [];\n    let searchFrom = 0;\n\n    while (searchFrom < lineText.length) {\n      const markerOffset = lineText.indexOf(\"===\", searchFrom);\n      if (markerOffset === -1) {\n        break;\n      }\n\n      const markerIndex = lineStart + markerOffset;\n      const isNegated = markerIndex > 0 && docText[markerIndex - 1] === \"!\";\n      if (\n        !isNegated &&\n        !isInsideComment(markerIndex) &&\n        !isInsideVariable(markerIndex)\n      ) {\n        markerPositions.push(markerIndex);\n      }\n\n      searchFrom = markerOffset + 3;\n    }\n\n    for (let i = 0; i + 1 < markerPositions.length; i += 2) {\n      ranges.push({\n        from: markerPositions[i],\n        to: markerPositions[i + 1] + 3,\n        className: \"syntax-fixed\",\n      });\n    }\n\n    if (newlineIndex === -1) {\n      break;\n    }\n\n    lineStart = newlineIndex + 1;\n  }\n\n  return ranges;\n}\n\nfunction collectCommentRanges(\n  docText: string,\n  isInsideVariable: (position: number) => boolean\n): SyntaxHighlightRange[] {\n  const ranges: SyntaxHighlightRange[] = [];\n  let match;\n\n  commentRegex.lastIndex = 0;\n  while ((match = commentRegex.exec(docText)) !== null) {\n    if (isInsideVariable(match.index)) continue;\n    ranges.push({\n      from: match.index,\n      to: match.index + match[0].length,\n      className: \"syntax-comment\",\n    });\n  }\n\n  return ranges;\n}\n\n/**\n * Collects non-overlapping fixed-output and comment wrapper ranges.\n *\n * @param docText - Document text to scan.\n * @returns Outer syntax highlight ranges sorted by document position.\n */\nexport function collectOuterBlockRanges(\n  docText: string\n): SyntaxHighlightRange[] {\n  const variables = findDocumentVariableMarkers(docText);\n  const isInsideVariable = (position: number) =>\n    variables.some(\n      (marker) => position >= marker.start && position < marker.end\n    );\n  const commentRanges = collectCommentRanges(docText, isInsideVariable);\n  const blockRanges = [\n    ...collectMultilineFixedOutputRanges(docText, isInsideVariable),\n    ...collectSingleLineFixedOutputRanges(\n      docText,\n      commentRanges,\n      isInsideVariable\n    ),\n    ...commentRanges,\n  ].sort((a, b) => {\n    if (a.from !== b.from) return a.from - b.from;\n    return b.to - a.to;\n  });\n\n  const outerRanges: SyntaxHighlightRange[] = [];\n\n  for (const range of blockRanges) {\n    const lastOuter = outerRanges[outerRanges.length - 1];\n    if (!lastOuter || range.from >= lastOuter.to) {\n      outerRanges.push(range);\n    }\n  }\n\n  return outerRanges;\n}\n\n/**\n * Collects all custom syntax highlight ranges for editor decorations.\n *\n * @param docText - Document text to scan.\n * @param isCursorInside - Returns true when the current cursor is inside a range.\n * @returns Non-overlapping syntax highlight ranges sorted by document position.\n */\nexport function collectSyntaxHighlightRanges(\n  docText: string,\n  isCursorInside: (from: number, to: number) => boolean = () => false\n): SyntaxHighlightRange[] {\n  const matches: SyntaxHighlightRange[] = [];\n  const documentVariables = findDocumentVariableMarkers(docText);\n  const occupied: { from: number; to: number }[] = [];\n\n  controlBlockRegex.lastIndex = 0;\n\n  // Prevent overlapping decorations so styling stays deterministic\n  const isOverlapping = (from: number, to: number) =>\n    occupied.some((range) => !(to <= range.from || from >= range.to));\n\n  const addMatch = (from: number, to: number, className: string) => {\n    if (from >= to) return false;\n    if (isOverlapping(from, to)) return false;\n    occupied.push({ from, to });\n    matches.push({ from, to, className });\n    return true;\n  };\n\n  // 1. Outer block ranges win over any syntax inside them.\n  for (const range of collectOuterBlockRanges(docText)) {\n    addMatch(range.from, range.to, range.className);\n  }\n\n  // 2. Control Blocks\n  for (const control of documentControlRanges(docText)) {\n    // Native Markdown owns document boundaries. The shared token grammar still\n    // supplies the exact source offsets used for individual editor decorations.\n    controlBlockRegex.lastIndex = control.start;\n    const match = controlBlockRegex.exec(docText);\n    if (\n      !match ||\n      match.index !== control.start ||\n      match.index + match[0].length !== control.end\n    )\n      continue;\n    const fullStart = match.index;\n    const fullEnd = match.index + match[0].length;\n    const content = match[1];\n    const contentStart = fullStart + 2; // after ?[\n    if (\n      isOverlapping(fullStart, fullEnd) ||\n      documentVariables.some(\n        (marker) => marker.start <= fullStart && fullStart < marker.end\n      )\n    ) {\n      continue;\n    }\n\n    // Outer brackets and question mark\n    addMatch(fullStart, fullStart + 1, \"syntax-keyword\"); // ?\n    addMatch(fullStart + 1, fullStart + 2, \"syntax-bracket\"); // [\n    addMatch(fullEnd - 1, fullEnd, \"syntax-bracket\"); // ]\n\n    const variables = interactionVariableRanges(content);\n    const firstVariable = variables[0];\n    const percentIndex = firstVariable ? firstVariable.start - 1 : -1;\n    const hasLeadingAssignment =\n      percentIndex >= 0 &&\n      content[percentIndex] === \"%\" &&\n      trimVariablePadding(content.slice(0, percentIndex)) === \"\";\n    if (content.startsWith(\"%\") || hasLeadingAssignment) {\n      // Input / Select\n      let percentClass = \"syntax-percent-invalid\";\n      if (firstVariable && hasLeadingAssignment) {\n        const varFrom = contentStart + firstVariable.start;\n        const varTo = contentStart + firstVariable.end;\n        const cursorInsideVar = isCursorInside(varFrom, varTo);\n        percentClass =\n          firstVariable.name !== null && !cursorInsideVar\n            ? \"syntax-percent-valid\"\n            : \"syntax-percent-invalid\";\n      }\n      const percentStart =\n        contentStart + (hasLeadingAssignment ? percentIndex : 0);\n      addMatch(percentStart, percentStart + 1, percentClass); // %\n\n      const operatorRanges: { from: number; to: number }[] = [];\n      const variableRanges: { from: number; to: number; className: string }[] =\n        [];\n      const appliedTokenRanges: { from: number; to: number }[] = [];\n\n      // Keep a variable name atomic even when it contains option punctuation.\n      for (const variable of variables) {\n        variableRanges.push({\n          from: contentStart + variable.start,\n          to: contentStart + variable.end,\n          className:\n            variable.name === null\n              ? \"syntax-variable-invalid\"\n              : \"syntax-variable\",\n        });\n      }\n\n      // Inner operators | || ... -- skipping any an option escaped, the way the parser does.\n      // Painted as separators, they told the author the grammar had split an option that it\n      // had in fact left whole.\n      let scanIndex = 0;\n      while (scanIndex < content.length) {\n        const variable = variableRanges.find(\n          (range) => contentStart + scanIndex === range.from\n        );\n        if (variable) {\n          scanIndex = variable.to - contentStart;\n          continue;\n        }\n        if (isEscape(content, scanIndex)) {\n          scanIndex += 2;\n          continue;\n        }\n        const operator = content.startsWith(\"||\", scanIndex)\n          ? \"||\"\n          : content[scanIndex] === \"|\"\n            ? \"|\"\n            : content.startsWith(\"...\", scanIndex)\n              ? \"...\"\n              : null;\n        if (!operator) {\n          scanIndex += 1;\n          continue;\n        }\n        operatorRanges.push({\n          from: contentStart + scanIndex,\n          to: contentStart + scanIndex + operator.length,\n        });\n        scanIndex += operator.length;\n      }\n\n      const allTokens = [\n        ...operatorRanges.map((range) => ({\n          ...range,\n          className: \"syntax-keyword\",\n        })),\n        ...variableRanges.map((range) => ({\n          ...range,\n          className: range.className,\n        })),\n      ].sort((a, b) => {\n        if (a.from !== b.from) return a.from - b.from;\n        return a.to - b.to;\n      });\n\n      for (const token of allTokens) {\n        if (\n          token.className.startsWith(\"syntax-variable\") &&\n          isCursorInside(token.from, token.to)\n        ) {\n          continue;\n        }\n        if (addMatch(token.from, token.to, token.className)) {\n          appliedTokenRanges.push({ from: token.from, to: token.to });\n        }\n      }\n\n      // Content (Dark Blue) for remaining text segments\n      const stringStart = percentStart + 1;\n      const stringEnd = fullEnd - 1;\n      let cursor = stringStart;\n      const sortedApplied = appliedTokenRanges.sort((a, b) => {\n        if (a.from !== b.from) return a.from - b.from;\n        return a.to - b.to;\n      });\n\n      for (const token of sortedApplied) {\n        if (cursor < token.from) {\n          addMatch(cursor, token.from, \"syntax-string\");\n        }\n        cursor = Math.max(cursor, token.to);\n      }\n      if (cursor < stringEnd) {\n        addMatch(cursor, stringEnd, \"syntax-string\");\n      }\n    } else {\n      // Button ?[text]\n      const variableRanges: { from: number; to: number; className: string }[] =\n        [];\n      const appliedVariableRanges: { from: number; to: number }[] = [];\n\n      for (const variable of interactionVariableRanges(content)) {\n        variableRanges.push({\n          from: contentStart + variable.start,\n          to: contentStart + variable.end,\n          className:\n            variable.name === null\n              ? \"syntax-variable-invalid\"\n              : \"syntax-variable\",\n        });\n      }\n\n      const sortedVariables = variableRanges.sort((a, b) => {\n        if (a.from !== b.from) return a.from - b.from;\n        return a.to - b.to;\n      });\n\n      for (const variable of sortedVariables) {\n        if (\n          variable.className.startsWith(\"syntax-variable\") &&\n          isCursorInside(variable.from, variable.to)\n        ) {\n          continue;\n        }\n        if (addMatch(variable.from, variable.to, variable.className)) {\n          appliedVariableRanges.push({ from: variable.from, to: variable.to });\n        }\n      }\n\n      const buttonTextStart = contentStart;\n      const buttonTextEnd = fullEnd - 1;\n      let cursor = buttonTextStart;\n\n      for (const variable of appliedVariableRanges) {\n        if (cursor < variable.from) {\n          addMatch(cursor, variable.from, \"syntax-button-text\");\n        }\n        cursor = Math.max(cursor, variable.to);\n      }\n      if (cursor < buttonTextEnd) {\n        addMatch(cursor, buttonTextEnd, \"syntax-button-text\");\n      }\n    }\n  }\n\n  // 3. Variables (only if not already decorated; invalid ones stay default outside control blocks)\n  for (const variable of documentVariables) {\n    if (\n      variable.name !== null &&\n      !isCursorInside(variable.start, variable.end)\n    ) {\n      addMatch(variable.start, variable.end, \"syntax-variable\");\n    }\n  }\n\n  // Sort matches by 'from' asc, then 'to' desc (longest first)\n  matches.sort((a, b) => {\n    if (a.from !== b.from) return a.from - b.from;\n    return b.to - a.to;\n  });\n\n  return matches;\n}\n\nfunction buildDecorations(view: EditorView): DecorationSet {\n  const builder = new RangeSetBuilder<Decoration>();\n  const docText = view.state.doc.toString();\n  const matches = collectSyntaxHighlightRanges(docText, (from, to) => {\n    return view.state.selection.ranges.some((range) => {\n      return range.from >= from && range.to <= to;\n    });\n  });\n\n  for (const m of matches) {\n    if (m.from < m.to) {\n      try {\n        builder.add(m.from, m.to, Decoration.mark({ class: m.className }));\n      } catch (e) {\n        console.warn(\"SyntaxHighlighter: Failed to add decoration\", m, e);\n      }\n    }\n  }\n\n  return builder.finish();\n}\n\nconst SyntaxHighlighter = ViewPlugin.fromClass(\n  class {\n    decorations: DecorationSet;\n\n    constructor(view: EditorView) {\n      this.decorations = buildDecorations(view);\n    }\n\n    update(update: ViewUpdate) {\n      if (update.docChanged || update.viewportChanged || update.selectionSet) {\n        this.decorations = buildDecorations(update.view);\n      }\n    }\n  },\n  {\n    decorations: (instance) => instance.decorations,\n  }\n);\n\nexport default SyntaxHighlighter;\n"],"names":["commentRegex","interactionVariableRanges","text","markers","findVariableMarkers","pending","controlBlockRegex","INTERACTION_CONTENT_SOURCE","documentControlRanges","getMarkdownSourceAnalysis","collectMultilineFixedOutputRanges","docText","isInsideVariable","ranges","pendingStart","lineStart","newlineIndex","lineEnd","collectSingleLineFixedOutputRanges","commentRanges","commentIndex","isInsideComment","index","range","lineText","markerPositions","searchFrom","markerOffset","markerIndex","i","collectCommentRanges","match","collectOuterBlockRanges","variables","findDocumentVariableMarkers","position","marker","blockRanges","a","b","outerRanges","lastOuter","collectSyntaxHighlightRanges","isCursorInside","matches","documentVariables","occupied","isOverlapping","from","to","addMatch","className","control","fullStart","fullEnd","content","contentStart","firstVariable","percentIndex","hasLeadingAssignment","trimVariablePadding","percentClass","varFrom","varTo","cursorInsideVar","percentStart","operatorRanges","variableRanges","appliedTokenRanges","variable","scanIndex","isEscape","operator","allTokens","token","stringStart","stringEnd","cursor","sortedApplied","appliedVariableRanges","sortedVariables","buttonTextStart","buttonTextEnd","buildDecorations","view","builder","RangeSetBuilder","m","Decoration","e","SyntaxHighlighter","ViewPlugin","update","instance"],"mappings":"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"}
+{"version":3,"file":"SyntaxHighlighter.es.js","sources":["../../../../src/components/MarkdownFlowEditor/plugins/SyntaxHighlighter.ts"],"sourcesContent":["import {\n  Decoration,\n  DecorationSet,\n  EditorView,\n  ViewPlugin,\n  ViewUpdate,\n} from \"@codemirror/view\";\nimport { RangeSetBuilder } from \"@codemirror/state\";\nimport { getMarkdownSourceAnalysis } from \"../../ContentRender/utils/inline-code-ranges\";\nimport { INTERACTION_CONTENT_SOURCE, isEscape } from \"remark-flow\";\n\nimport {\n  findVariableMarkers,\n  findDocumentVariableMarkers,\n  trimVariablePadding,\n} from \"../utils\";\n\nconst commentRegex = /<!--[\\s\\S]*?-->/g;\n\n// An unfinished marker still owns its tail, so nested syntax stays literal while typing.\nconst interactionVariableRanges = (text: string) => {\n  const markers = findVariableMarkers(text);\n  const pending = text.indexOf(\"{{\", markers.at(-1)?.end ?? 0);\n  return pending === -1\n    ? markers\n    : [...markers, { start: pending, end: text.length, name: null }];\n};\n// The grammar's own definition of where an interaction ends, so a `\\]` an option escaped does\n// not cut the highlight short, and the same `(?!\\()` the parser uses, so `?[text](url)` stays a\n// markdown link. Taken from remark-flow rather than written again here: the editor and the\n// parser have to agree about what they are looking at.\nconst controlBlockRegex = new RegExp(\n  `\\\\?\\\\[(${INTERACTION_CONTENT_SOURCE})\\\\](?!\\\\()`,\n  \"g\"\n);\n\nconst documentControlRanges = (text: string) =>\n  getMarkdownSourceAnalysis(text).interactions;\n\nexport interface SyntaxHighlightRange {\n  from: number;\n  to: number;\n  className: string;\n}\n\nfunction collectMultilineFixedOutputRanges(\n  docText: string,\n  isInsideVariable: (position: number) => boolean\n): SyntaxHighlightRange[] {\n  const ranges: SyntaxHighlightRange[] = [];\n  let pendingStart: number | null = null;\n  let lineStart = 0;\n\n  while (lineStart <= docText.length) {\n    const newlineIndex = docText.indexOf(\"\\n\", lineStart);\n    const lineEnd = newlineIndex === -1 ? docText.length : newlineIndex;\n    const lineText = docText.slice(lineStart, lineEnd);\n\n    if (lineText.trim() === \"!===\" && !isInsideVariable(lineStart)) {\n      if (pendingStart === null) {\n        pendingStart = lineStart;\n      } else {\n        ranges.push({\n          from: pendingStart,\n          to: lineEnd,\n          className: \"syntax-fixed\",\n        });\n        pendingStart = null;\n      }\n    }\n\n    if (newlineIndex === -1) {\n      break;\n    }\n\n    lineStart = newlineIndex + 1;\n  }\n\n  return ranges;\n}\n\nfunction collectSingleLineFixedOutputRanges(\n  docText: string,\n  commentRanges: SyntaxHighlightRange[],\n  isInsideVariable: (position: number) => boolean\n): SyntaxHighlightRange[] {\n  const ranges: SyntaxHighlightRange[] = [];\n  let commentIndex = 0;\n\n  const isInsideComment = (index: number) => {\n    while (\n      commentIndex < commentRanges.length &&\n      commentRanges[commentIndex].to <= index\n    ) {\n      commentIndex++;\n    }\n\n    const range = commentRanges[commentIndex];\n    return !!range && index >= range.from && index < range.to;\n  };\n\n  let lineStart = 0;\n  while (lineStart <= docText.length) {\n    const newlineIndex = docText.indexOf(\"\\n\", lineStart);\n    const lineEnd = newlineIndex === -1 ? docText.length : newlineIndex;\n    const lineText = docText.slice(lineStart, lineEnd);\n    const markerPositions: number[] = [];\n    let searchFrom = 0;\n\n    while (searchFrom < lineText.length) {\n      const markerOffset = lineText.indexOf(\"===\", searchFrom);\n      if (markerOffset === -1) {\n        break;\n      }\n\n      const markerIndex = lineStart + markerOffset;\n      const isNegated = markerIndex > 0 && docText[markerIndex - 1] === \"!\";\n      if (\n        !isNegated &&\n        !isInsideComment(markerIndex) &&\n        !isInsideVariable(markerIndex)\n      ) {\n        markerPositions.push(markerIndex);\n      }\n\n      searchFrom = markerOffset + 3;\n    }\n\n    for (let i = 0; i + 1 < markerPositions.length; i += 2) {\n      ranges.push({\n        from: markerPositions[i],\n        to: markerPositions[i + 1] + 3,\n        className: \"syntax-fixed\",\n      });\n    }\n\n    if (newlineIndex === -1) {\n      break;\n    }\n\n    lineStart = newlineIndex + 1;\n  }\n\n  return ranges;\n}\n\nfunction collectCommentRanges(\n  docText: string,\n  isInsideVariable: (position: number) => boolean\n): SyntaxHighlightRange[] {\n  const ranges: SyntaxHighlightRange[] = [];\n  let match;\n\n  commentRegex.lastIndex = 0;\n  while ((match = commentRegex.exec(docText)) !== null) {\n    if (isInsideVariable(match.index)) continue;\n    ranges.push({\n      from: match.index,\n      to: match.index + match[0].length,\n      className: \"syntax-comment\",\n    });\n  }\n\n  return ranges;\n}\n\n/**\n * Collects non-overlapping fixed-output and comment wrapper ranges.\n *\n * @param docText - Document text to scan.\n * @returns Outer syntax highlight ranges sorted by document position.\n */\nexport function collectOuterBlockRanges(\n  docText: string\n): SyntaxHighlightRange[] {\n  const variables = findDocumentVariableMarkers(docText);\n  const isInsideVariable = (position: number) =>\n    variables.some(\n      (marker) => position >= marker.start && position < marker.end\n    );\n  const commentRanges = collectCommentRanges(docText, isInsideVariable);\n  const blockRanges = [\n    ...collectMultilineFixedOutputRanges(docText, isInsideVariable),\n    ...collectSingleLineFixedOutputRanges(\n      docText,\n      commentRanges,\n      isInsideVariable\n    ),\n    ...commentRanges,\n  ].sort((a, b) => {\n    if (a.from !== b.from) return a.from - b.from;\n    return b.to - a.to;\n  });\n\n  const outerRanges: SyntaxHighlightRange[] = [];\n\n  for (const range of blockRanges) {\n    const lastOuter = outerRanges[outerRanges.length - 1];\n    if (!lastOuter || range.from >= lastOuter.to) {\n      outerRanges.push(range);\n    }\n  }\n\n  return outerRanges;\n}\n\n/**\n * Collects all custom syntax highlight ranges for editor decorations.\n *\n * @param docText - Document text to scan.\n * @param isCursorInside - Returns true when the current cursor is inside a range.\n * @returns Non-overlapping syntax highlight ranges sorted by document position.\n */\nexport function collectSyntaxHighlightRanges(\n  docText: string,\n  isCursorInside: (from: number, to: number) => boolean = () => false,\n  questionMode = false\n): SyntaxHighlightRange[] {\n  const matches: SyntaxHighlightRange[] = [];\n  const documentVariables = findDocumentVariableMarkers(docText);\n  const occupied: { from: number; to: number }[] = [];\n\n  controlBlockRegex.lastIndex = 0;\n\n  // Prevent overlapping decorations so styling stays deterministic\n  const isOverlapping = (from: number, to: number) =>\n    occupied.some((range) => !(to <= range.from || from >= range.to));\n\n  const addMatch = (from: number, to: number, className: string) => {\n    if (from >= to) return false;\n    if (isOverlapping(from, to)) return false;\n    occupied.push({ from, to });\n    matches.push({ from, to, className });\n    return true;\n  };\n\n  // 1. Outer block ranges win over any syntax inside them.\n  for (const range of collectOuterBlockRanges(docText)) {\n    addMatch(range.from, range.to, range.className);\n  }\n\n  // 2. Control Blocks\n  for (const control of documentControlRanges(docText)) {\n    // Native Markdown owns document boundaries. The shared token grammar still\n    // supplies the exact source offsets used for individual editor decorations.\n    controlBlockRegex.lastIndex = control.start;\n    const match = controlBlockRegex.exec(docText);\n    if (\n      !match ||\n      match.index !== control.start ||\n      match.index + match[0].length !== control.end\n    )\n      continue;\n    const fullStart = match.index;\n    const fullEnd = match.index + match[0].length;\n    const content = match[1];\n    const contentStart = fullStart + 2; // after ?[\n    if (\n      isOverlapping(fullStart, fullEnd) ||\n      documentVariables.some(\n        (marker) => marker.start <= fullStart && fullStart < marker.end\n      )\n    ) {\n      continue;\n    }\n\n    // Outer brackets and question mark\n    addMatch(fullStart, fullStart + 1, \"syntax-keyword\"); // ?\n    addMatch(fullStart + 1, fullStart + 2, \"syntax-bracket\"); // [\n    addMatch(fullEnd - 1, fullEnd, \"syntax-bracket\"); // ]\n\n    const variables = interactionVariableRanges(content);\n    const firstVariable = variables[0];\n    const percentIndex = firstVariable ? firstVariable.start - 1 : -1;\n    const hasLeadingAssignment =\n      percentIndex >= 0 &&\n      content[percentIndex] === \"%\" &&\n      trimVariablePadding(content.slice(0, percentIndex)) === \"\";\n    if (content.startsWith(\"%\") || hasLeadingAssignment) {\n      // Input / Select\n      let percentClass = \"syntax-percent-invalid\";\n      if (firstVariable && hasLeadingAssignment) {\n        const varFrom = contentStart + firstVariable.start;\n        const varTo = contentStart + firstVariable.end;\n        const cursorInsideVar = isCursorInside(varFrom, varTo);\n        percentClass =\n          firstVariable.name !== null && !cursorInsideVar\n            ? \"syntax-percent-valid\"\n            : \"syntax-percent-invalid\";\n      }\n      const percentStart =\n        contentStart + (hasLeadingAssignment ? percentIndex : 0);\n      addMatch(percentStart, percentStart + 1, percentClass); // %\n\n      const operatorRanges: { from: number; to: number }[] = [];\n      const variableRanges: { from: number; to: number; className: string }[] =\n        [];\n      const appliedTokenRanges: { from: number; to: number }[] = [];\n\n      // Keep a variable name atomic even when it contains option punctuation.\n      for (const variable of variables) {\n        variableRanges.push({\n          from: contentStart + variable.start,\n          to: contentStart + variable.end,\n          className:\n            variable.name === null\n              ? \"syntax-variable-invalid\"\n              : \"syntax-variable\",\n        });\n      }\n\n      // Inner operators | || ... -- skipping any an option escaped, the way the parser does.\n      // Painted as separators, they told the author the grammar had split an option that it\n      // had in fact left whole.\n      let scanIndex = 0;\n      while (scanIndex < content.length) {\n        const variable = variableRanges.find(\n          (range) => contentStart + scanIndex === range.from\n        );\n        if (variable) {\n          scanIndex = variable.to - contentStart;\n          continue;\n        }\n        if (isEscape(content, scanIndex)) {\n          scanIndex += 2;\n          continue;\n        }\n        const operator = content.startsWith(\"||\", scanIndex)\n          ? \"||\"\n          : content[scanIndex] === \"|\"\n            ? \"|\"\n            : content.startsWith(\"...\", scanIndex)\n              ? \"...\"\n              : null;\n        if (!operator) {\n          scanIndex += 1;\n          continue;\n        }\n        operatorRanges.push({\n          from: contentStart + scanIndex,\n          to: contentStart + scanIndex + operator.length,\n        });\n        scanIndex += operator.length;\n      }\n\n      const allTokens = [\n        ...operatorRanges.map((range) => ({\n          ...range,\n          className: \"syntax-keyword\",\n        })),\n        ...variableRanges.map((range) => ({\n          ...range,\n          className: range.className,\n        })),\n      ].sort((a, b) => {\n        if (a.from !== b.from) return a.from - b.from;\n        return a.to - b.to;\n      });\n\n      for (const token of allTokens) {\n        if (\n          token.className.startsWith(\"syntax-variable\") &&\n          isCursorInside(token.from, token.to)\n        ) {\n          continue;\n        }\n        if (addMatch(token.from, token.to, token.className)) {\n          appliedTokenRanges.push({ from: token.from, to: token.to });\n        }\n      }\n\n      // Content (Dark Blue) for remaining text segments\n      const stringStart = percentStart + 1;\n      const stringEnd = fullEnd - 1;\n      let cursor = stringStart;\n      const sortedApplied = appliedTokenRanges.sort((a, b) => {\n        if (a.from !== b.from) return a.from - b.from;\n        return a.to - b.to;\n      });\n\n      for (const token of sortedApplied) {\n        if (cursor < token.from) {\n          addMatch(cursor, token.from, \"syntax-string\");\n        }\n        cursor = Math.max(cursor, token.to);\n      }\n      if (cursor < stringEnd) {\n        addMatch(cursor, stringEnd, \"syntax-string\");\n      }\n    } else {\n      // Button ?[text]\n      const variableRanges: { from: number; to: number; className: string }[] =\n        [];\n      const appliedVariableRanges: { from: number; to: number }[] = [];\n\n      for (const variable of interactionVariableRanges(content)) {\n        variableRanges.push({\n          from: contentStart + variable.start,\n          to: contentStart + variable.end,\n          className:\n            variable.name === null\n              ? \"syntax-variable-invalid\"\n              : \"syntax-variable\",\n        });\n      }\n\n      const sortedVariables = variableRanges.sort((a, b) => {\n        if (a.from !== b.from) return a.from - b.from;\n        return a.to - b.to;\n      });\n\n      for (const variable of sortedVariables) {\n        if (\n          variable.className.startsWith(\"syntax-variable\") &&\n          isCursorInside(variable.from, variable.to)\n        ) {\n          continue;\n        }\n        if (addMatch(variable.from, variable.to, variable.className)) {\n          appliedVariableRanges.push({ from: variable.from, to: variable.to });\n        }\n      }\n\n      const buttonTextStart = contentStart;\n      const buttonTextEnd = fullEnd - 1;\n      let cursor = buttonTextStart;\n\n      for (const variable of appliedVariableRanges) {\n        if (cursor < variable.from) {\n          addMatch(cursor, variable.from, \"syntax-button-text\");\n        }\n        cursor = Math.max(cursor, variable.to);\n      }\n      if (cursor < buttonTextEnd) {\n        addMatch(cursor, buttonTextEnd, \"syntax-button-text\");\n      }\n    }\n  }\n\n  // 3. Variables (only if not already decorated; invalid ones stay default outside control blocks)\n  for (const variable of questionMode ? [] : documentVariables) {\n    if (\n      variable.name !== null &&\n      !isCursorInside(variable.start, variable.end)\n    ) {\n      addMatch(variable.start, variable.end, \"syntax-variable\");\n    }\n  }\n\n  // Sort matches by 'from' asc, then 'to' desc (longest first)\n  matches.sort((a, b) => {\n    if (a.from !== b.from) return a.from - b.from;\n    return b.to - a.to;\n  });\n\n  return matches;\n}\n\nfunction buildDecorations(\n  view: EditorView,\n  questionMode = false\n): DecorationSet {\n  const builder = new RangeSetBuilder<Decoration>();\n  const docText = view.state.doc.toString();\n  const matches = collectSyntaxHighlightRanges(\n    docText,\n    (from, to) => {\n      return view.state.selection.ranges.some((range) => {\n        return range.from >= from && range.to <= to;\n      });\n    },\n    questionMode\n  );\n\n  for (const m of matches) {\n    if (m.from < m.to) {\n      try {\n        builder.add(m.from, m.to, Decoration.mark({ class: m.className }));\n      } catch (e) {\n        console.warn(\"SyntaxHighlighter: Failed to add decoration\", m, e);\n      }\n    }\n  }\n\n  return builder.finish();\n}\n\nconst createSyntaxHighlighter = (questionMode = false) =>\n  ViewPlugin.fromClass(\n    class {\n      decorations: DecorationSet;\n\n      constructor(view: EditorView) {\n        this.decorations = buildDecorations(view, questionMode);\n      }\n\n      update(update: ViewUpdate) {\n        if (\n          update.docChanged ||\n          update.viewportChanged ||\n          update.selectionSet\n        ) {\n          this.decorations = buildDecorations(update.view, questionMode);\n        }\n      }\n    },\n    {\n      decorations: (instance) => instance.decorations,\n    }\n  );\n\nconst SyntaxHighlighter = createSyntaxHighlighter();\nexport const QuestionSyntaxHighlighter = createSyntaxHighlighter(true);\n\nexport default SyntaxHighlighter;\n"],"names":["commentRegex","interactionVariableRanges","text","markers","findVariableMarkers","pending","controlBlockRegex","INTERACTION_CONTENT_SOURCE","documentControlRanges","getMarkdownSourceAnalysis","collectMultilineFixedOutputRanges","docText","isInsideVariable","ranges","pendingStart","lineStart","newlineIndex","lineEnd","collectSingleLineFixedOutputRanges","commentRanges","commentIndex","isInsideComment","index","range","lineText","markerPositions","searchFrom","markerOffset","markerIndex","i","collectCommentRanges","match","collectOuterBlockRanges","variables","findDocumentVariableMarkers","position","marker","blockRanges","a","b","outerRanges","lastOuter","collectSyntaxHighlightRanges","isCursorInside","questionMode","matches","documentVariables","occupied","isOverlapping","from","to","addMatch","className","control","fullStart","fullEnd","content","contentStart","firstVariable","percentIndex","hasLeadingAssignment","trimVariablePadding","percentClass","varFrom","varTo","cursorInsideVar","percentStart","operatorRanges","variableRanges","appliedTokenRanges","variable","scanIndex","isEscape","operator","allTokens","token","stringStart","stringEnd","cursor","sortedApplied","appliedVariableRanges","sortedVariables","buttonTextStart","buttonTextEnd","buildDecorations","view","builder","RangeSetBuilder","m","Decoration","e","createSyntaxHighlighter","ViewPlugin","update","instance","SyntaxHighlighter","QuestionSyntaxHighlighter"],"mappings":";;;;AAiBA,MAAMA,IAAe,oBAGfC,IAA4B,CAACC,MAAiB;AAClD,QAAMC,IAAUC,EAAAA,oBAAoBF,CAAI,GAClCG,IAAUH,EAAK,QAAQ,MAAMC,EAAQ,GAAG,EAAE,GAAG,OAAO,CAAC;AAC3D,SAAOE,MAAY,KACfF,IACA,CAAC,GAAGA,GAAS,EAAE,OAAOE,GAAS,KAAKH,EAAK,QAAQ,MAAM,MAAM;AACnE,GAKMI,IAAoB,IAAI;AAAA,EAC5B,UAAUC,EAAAA,0BAA0B;AAAA,EACpC;AACF,GAEMC,IAAwB,CAACN,MAC7BO,EAA0BP,CAAI,EAAE;AAQlC,SAASQ,EACPC,GACAC,GACwB;AACxB,QAAMC,IAAiC,CAAA;AACvC,MAAIC,IAA8B,MAC9BC,IAAY;AAEhB,SAAOA,KAAaJ,EAAQ,UAAQ;AAClC,UAAMK,IAAeL,EAAQ,QAAQ;AAAA,GAAMI,CAAS,GAC9CE,IAAUD,MAAiB,KAAKL,EAAQ,SAASK;AAgBvD,QAfiBL,EAAQ,MAAMI,GAAWE,CAAO,EAEpC,KAAA,MAAW,UAAU,CAACL,EAAiBG,CAAS,MACvDD,MAAiB,OACnBA,IAAeC,KAEfF,EAAO,KAAK;AAAA,MACV,MAAMC;AAAA,MACN,IAAIG;AAAA,MACJ,WAAW;AAAA,IAAA,CACZ,GACDH,IAAe,QAIfE,MAAiB;AACnB;AAGF,IAAAD,IAAYC,IAAe;AAAA,EAC7B;AAEA,SAAOH;AACT;AAEA,SAASK,EACPP,GACAQ,GACAP,GACwB;AACxB,QAAMC,IAAiC,CAAA;AACvC,MAAIO,IAAe;AAEnB,QAAMC,IAAkB,CAACC,MAAkB;AACzC,WACEF,IAAeD,EAAc,UAC7BA,EAAcC,CAAY,EAAE,MAAME;AAElC,MAAAF;AAGF,UAAMG,IAAQJ,EAAcC,CAAY;AACxC,WAAO,CAAC,CAACG,KAASD,KAASC,EAAM,QAAQD,IAAQC,EAAM;AAAA,EACzD;AAEA,MAAIR,IAAY;AAChB,SAAOA,KAAaJ,EAAQ,UAAQ;AAClC,UAAMK,IAAeL,EAAQ,QAAQ;AAAA,GAAMI,CAAS,GAC9CE,IAAUD,MAAiB,KAAKL,EAAQ,SAASK,GACjDQ,IAAWb,EAAQ,MAAMI,GAAWE,CAAO,GAC3CQ,IAA4B,CAAA;AAClC,QAAIC,IAAa;AAEjB,WAAOA,IAAaF,EAAS,UAAQ;AACnC,YAAMG,IAAeH,EAAS,QAAQ,OAAOE,CAAU;AACvD,UAAIC,MAAiB;AACnB;AAGF,YAAMC,IAAcb,IAAYY;AAEhC,MACE,EAFgBC,IAAc,KAAKjB,EAAQiB,IAAc,CAAC,MAAM,QAGhE,CAACP,EAAgBO,CAAW,KAC5B,CAAChB,EAAiBgB,CAAW,KAE7BH,EAAgB,KAAKG,CAAW,GAGlCF,IAAaC,IAAe;AAAA,IAC9B;AAEA,aAASE,IAAI,GAAGA,IAAI,IAAIJ,EAAgB,QAAQI,KAAK;AACnD,MAAAhB,EAAO,KAAK;AAAA,QACV,MAAMY,EAAgBI,CAAC;AAAA,QACvB,IAAIJ,EAAgBI,IAAI,CAAC,IAAI;AAAA,QAC7B,WAAW;AAAA,MAAA,CACZ;AAGH,QAAIb,MAAiB;AACnB;AAGF,IAAAD,IAAYC,IAAe;AAAA,EAC7B;AAEA,SAAOH;AACT;AAEA,SAASiB,EACPnB,GACAC,GACwB;AACxB,QAAMC,IAAiC,CAAA;AACvC,MAAIkB;AAGJ,OADA/B,EAAa,YAAY,IACjB+B,IAAQ/B,EAAa,KAAKW,CAAO,OAAO;AAC9C,IAAIC,EAAiBmB,EAAM,KAAK,KAChClB,EAAO,KAAK;AAAA,MACV,MAAMkB,EAAM;AAAA,MACZ,IAAIA,EAAM,QAAQA,EAAM,CAAC,EAAE;AAAA,MAC3B,WAAW;AAAA,IAAA,CACZ;AAGH,SAAOlB;AACT;AAQO,SAASmB,EACdrB,GACwB;AACxB,QAAMsB,IAAYC,EAAAA,4BAA4BvB,CAAO,GAC/CC,IAAmB,CAACuB,MACxBF,EAAU;AAAA,IACR,CAACG,MAAWD,KAAYC,EAAO,SAASD,IAAWC,EAAO;AAAA,EAAA,GAExDjB,IAAgBW,EAAqBnB,GAASC,CAAgB,GAC9DyB,IAAc;AAAA,IAClB,GAAG3B,EAAkCC,GAASC,CAAgB;AAAA,IAC9D,GAAGM;AAAA,MACDP;AAAA,MACAQ;AAAA,MACAP;AAAA,IAAA;AAAA,IAEF,GAAGO;AAAA,EAAA,EACH,KAAK,CAACmB,GAAGC,MACLD,EAAE,SAASC,EAAE,OAAaD,EAAE,OAAOC,EAAE,OAClCA,EAAE,KAAKD,EAAE,EACjB,GAEKE,IAAsC,CAAA;AAE5C,aAAWjB,KAASc,GAAa;AAC/B,UAAMI,IAAYD,EAAYA,EAAY,SAAS,CAAC;AACpD,KAAI,CAACC,KAAalB,EAAM,QAAQkB,EAAU,OACxCD,EAAY,KAAKjB,CAAK;AAAA,EAE1B;AAEA,SAAOiB;AACT;AASO,SAASE,EACd/B,GACAgC,IAAwD,MAAM,IAC9DC,IAAe,IACS;AACxB,QAAMC,IAAkC,CAAA,GAClCC,IAAoBZ,EAAAA,4BAA4BvB,CAAO,GACvDoC,IAA2C,CAAA;AAEjD,EAAAzC,EAAkB,YAAY;AAG9B,QAAM0C,IAAgB,CAACC,GAAcC,MACnCH,EAAS,KAAK,CAACxB,MAAU,EAAE2B,KAAM3B,EAAM,QAAQ0B,KAAQ1B,EAAM,GAAG,GAE5D4B,IAAW,CAACF,GAAcC,GAAYE,MACtCH,KAAQC,KACRF,EAAcC,GAAMC,CAAE,IAAU,MACpCH,EAAS,KAAK,EAAE,MAAAE,GAAM,IAAAC,EAAA,CAAI,GAC1BL,EAAQ,KAAK,EAAE,MAAAI,GAAM,IAAAC,GAAI,WAAAE,GAAW,GAC7B;AAIT,aAAW7B,KAASS,EAAwBrB,CAAO;AACjD,IAAAwC,EAAS5B,EAAM,MAAMA,EAAM,IAAIA,EAAM,SAAS;AAIhD,aAAW8B,KAAW7C,EAAsBG,CAAO,GAAG;AAGpD,IAAAL,EAAkB,YAAY+C,EAAQ;AACtC,UAAMtB,IAAQzB,EAAkB,KAAKK,CAAO;AAC5C,QACE,CAACoB,KACDA,EAAM,UAAUsB,EAAQ,SACxBtB,EAAM,QAAQA,EAAM,CAAC,EAAE,WAAWsB,EAAQ;AAE1C;AACF,UAAMC,IAAYvB,EAAM,OAClBwB,IAAUxB,EAAM,QAAQA,EAAM,CAAC,EAAE,QACjCyB,IAAUzB,EAAM,CAAC,GACjB0B,IAAeH,IAAY;AACjC,QACEN,EAAcM,GAAWC,CAAO,KAChCT,EAAkB;AAAA,MAChB,CAACV,MAAWA,EAAO,SAASkB,KAAaA,IAAYlB,EAAO;AAAA,IAAA;AAG9D;AAIF,IAAAe,EAASG,GAAWA,IAAY,GAAG,gBAAgB,GACnDH,EAASG,IAAY,GAAGA,IAAY,GAAG,gBAAgB,GACvDH,EAASI,IAAU,GAAGA,GAAS,gBAAgB;AAE/C,UAAMtB,IAAYhC,EAA0BuD,CAAO,GAC7CE,IAAgBzB,EAAU,CAAC,GAC3B0B,IAAeD,IAAgBA,EAAc,QAAQ,IAAI,IACzDE,IACJD,KAAgB,KAChBH,EAAQG,CAAY,MAAM,OAC1BE,EAAAA,oBAAoBL,EAAQ,MAAM,GAAGG,CAAY,CAAC,MAAM;AAC1D,QAAIH,EAAQ,WAAW,GAAG,KAAKI,GAAsB;AAEnD,UAAIE,IAAe;AACnB,UAAIJ,KAAiBE,GAAsB;AACzC,cAAMG,IAAUN,IAAeC,EAAc,OACvCM,IAAQP,IAAeC,EAAc,KACrCO,IAAkBtB,EAAeoB,GAASC,CAAK;AACrD,QAAAF,IACEJ,EAAc,SAAS,QAAQ,CAACO,IAC5B,yBACA;AAAA,MACR;AACA,YAAMC,IACJT,KAAgBG,IAAuBD,IAAe;AACxD,MAAAR,EAASe,GAAcA,IAAe,GAAGJ,CAAY;AAErD,YAAMK,IAAiD,CAAA,GACjDC,IACJ,CAAA,GACIC,IAAqD,CAAA;AAG3D,iBAAWC,KAAYrC;AACrB,QAAAmC,EAAe,KAAK;AAAA,UAClB,MAAMX,IAAea,EAAS;AAAA,UAC9B,IAAIb,IAAea,EAAS;AAAA,UAC5B,WACEA,EAAS,SAAS,OACd,4BACA;AAAA,QAAA,CACP;AAMH,UAAIC,IAAY;AAChB,aAAOA,IAAYf,EAAQ,UAAQ;AACjC,cAAMc,IAAWF,EAAe;AAAA,UAC9B,CAAC7C,MAAUkC,IAAec,MAAchD,EAAM;AAAA,QAAA;AAEhD,YAAI+C,GAAU;AACZ,UAAAC,IAAYD,EAAS,KAAKb;AAC1B;AAAA,QACF;AACA,YAAIe,EAAAA,SAAShB,GAASe,CAAS,GAAG;AAChC,UAAAA,KAAa;AACb;AAAA,QACF;AACA,cAAME,IAAWjB,EAAQ,WAAW,MAAMe,CAAS,IAC/C,OACAf,EAAQe,CAAS,MAAM,MACrB,MACAf,EAAQ,WAAW,OAAOe,CAAS,IACjC,QACA;AACR,YAAI,CAACE,GAAU;AACb,UAAAF,KAAa;AACb;AAAA,QACF;AACA,QAAAJ,EAAe,KAAK;AAAA,UAClB,MAAMV,IAAec;AAAA,UACrB,IAAId,IAAec,IAAYE,EAAS;AAAA,QAAA,CACzC,GACDF,KAAaE,EAAS;AAAA,MACxB;AAEA,YAAMC,IAAY;AAAA,QAChB,GAAGP,EAAe,IAAI,CAAC5C,OAAW;AAAA,UAChC,GAAGA;AAAA,UACH,WAAW;AAAA,QAAA,EACX;AAAA,QACF,GAAG6C,EAAe,IAAI,CAAC7C,OAAW;AAAA,UAChC,GAAGA;AAAA,UACH,WAAWA,EAAM;AAAA,QAAA,EACjB;AAAA,MAAA,EACF,KAAK,CAACe,GAAGC,MACLD,EAAE,SAASC,EAAE,OAAaD,EAAE,OAAOC,EAAE,OAClCD,EAAE,KAAKC,EAAE,EACjB;AAED,iBAAWoC,KAASD;AAClB,QACEC,EAAM,UAAU,WAAW,iBAAiB,KAC5ChC,EAAegC,EAAM,MAAMA,EAAM,EAAE,KAIjCxB,EAASwB,EAAM,MAAMA,EAAM,IAAIA,EAAM,SAAS,KAChDN,EAAmB,KAAK,EAAE,MAAMM,EAAM,MAAM,IAAIA,EAAM,IAAI;AAK9D,YAAMC,IAAcV,IAAe,GAC7BW,IAAYtB,IAAU;AAC5B,UAAIuB,IAASF;AACb,YAAMG,IAAgBV,EAAmB,KAAK,CAAC/B,GAAGC,MAC5CD,EAAE,SAASC,EAAE,OAAaD,EAAE,OAAOC,EAAE,OAClCD,EAAE,KAAKC,EAAE,EACjB;AAED,iBAAWoC,KAASI;AAClB,QAAID,IAASH,EAAM,QACjBxB,EAAS2B,GAAQH,EAAM,MAAM,eAAe,GAE9CG,IAAS,KAAK,IAAIA,GAAQH,EAAM,EAAE;AAEpC,MAAIG,IAASD,KACX1B,EAAS2B,GAAQD,GAAW,eAAe;AAAA,IAE/C,OAAO;AAEL,YAAMT,IACJ,CAAA,GACIY,IAAwD,CAAA;AAE9D,iBAAWV,KAAYrE,EAA0BuD,CAAO;AACtD,QAAAY,EAAe,KAAK;AAAA,UAClB,MAAMX,IAAea,EAAS;AAAA,UAC9B,IAAIb,IAAea,EAAS;AAAA,UAC5B,WACEA,EAAS,SAAS,OACd,4BACA;AAAA,QAAA,CACP;AAGH,YAAMW,IAAkBb,EAAe,KAAK,CAAC9B,GAAGC,MAC1CD,EAAE,SAASC,EAAE,OAAaD,EAAE,OAAOC,EAAE,OAClCD,EAAE,KAAKC,EAAE,EACjB;AAED,iBAAW+B,KAAYW;AACrB,QACEX,EAAS,UAAU,WAAW,iBAAiB,KAC/C3B,EAAe2B,EAAS,MAAMA,EAAS,EAAE,KAIvCnB,EAASmB,EAAS,MAAMA,EAAS,IAAIA,EAAS,SAAS,KACzDU,EAAsB,KAAK,EAAE,MAAMV,EAAS,MAAM,IAAIA,EAAS,IAAI;AAIvE,YAAMY,IAAkBzB,GAClB0B,IAAgB5B,IAAU;AAChC,UAAIuB,IAASI;AAEb,iBAAWZ,KAAYU;AACrB,QAAIF,IAASR,EAAS,QACpBnB,EAAS2B,GAAQR,EAAS,MAAM,oBAAoB,GAEtDQ,IAAS,KAAK,IAAIA,GAAQR,EAAS,EAAE;AAEvC,MAAIQ,IAASK,KACXhC,EAAS2B,GAAQK,GAAe,oBAAoB;AAAA,IAExD;AAAA,EACF;AAGA,aAAWb,KAAY1B,IAAe,CAAA,IAAKE;AACzC,IACEwB,EAAS,SAAS,QAClB,CAAC3B,EAAe2B,EAAS,OAAOA,EAAS,GAAG,KAE5CnB,EAASmB,EAAS,OAAOA,EAAS,KAAK,iBAAiB;AAK5D,SAAAzB,EAAQ,KAAK,CAACP,GAAGC,MACXD,EAAE,SAASC,EAAE,OAAaD,EAAE,OAAOC,EAAE,OAClCA,EAAE,KAAKD,EAAE,EACjB,GAEMO;AACT;AAEA,SAASuC,EACPC,GACAzC,IAAe,IACA;AACf,QAAM0C,IAAU,IAAIC,EAAA,GACd5E,IAAU0E,EAAK,MAAM,IAAI,SAAA,GACzBxC,IAAUH;AAAA,IACd/B;AAAA,IACA,CAACsC,GAAMC,MACEmC,EAAK,MAAM,UAAU,OAAO,KAAK,CAAC9D,MAChCA,EAAM,QAAQ0B,KAAQ1B,EAAM,MAAM2B,CAC1C;AAAA,IAEHN;AAAA,EAAA;AAGF,aAAW4C,KAAK3C;AACd,QAAI2C,EAAE,OAAOA,EAAE;AACb,UAAI;AACF,QAAAF,EAAQ,IAAIE,EAAE,MAAMA,EAAE,IAAIC,EAAW,KAAK,EAAE,OAAOD,EAAE,UAAA,CAAW,CAAC;AAAA,MACnE,SAASE,GAAG;AACV,gBAAQ,KAAK,+CAA+CF,GAAGE,CAAC;AAAA,MAClE;AAIJ,SAAOJ,EAAQ,OAAA;AACjB;AAEA,MAAMK,IAA0B,CAAC/C,IAAe,OAC9CgD,EAAW;AAAA,EACT,MAAM;AAAA,IAGJ,YAAYP,GAAkB;AAC5B,WAAK,cAAcD,EAAiBC,GAAMzC,CAAY;AAAA,IACxD;AAAA,IAEA,OAAOiD,GAAoB;AACzB,OACEA,EAAO,cACPA,EAAO,mBACPA,EAAO,kBAEP,KAAK,cAAcT,EAAiBS,EAAO,MAAMjD,CAAY;AAAA,IAEjE;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,aAAa,CAACkD,MAAaA,EAAS;AAAA,EAAA;AAExC,GAEIC,IAAoBJ,EAAA,GACbK,IAA4BL,EAAwB,EAAI;"}

package/dist/components/MarkdownFlowEditor/utils.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./types.cjs"),g=require("./utils/video.cjs"),d=require("../../_virtual/index.cjs"),s="===",$=(t,e)=>{switch(t){case m.SelectedOption.Image:return{resourceUrl:e.url,resourceTitle:e.title,scalePercent:e.scalePercent};case m.SelectedOption.Video:return{resourceUrl:e.url,resourceTitle:e.title};case m.SelectedOption.Variable:return{variableName:d.distExports.normalizeVariableName(e.title??"")??void 0};default:return{resourceUrl:e.url??"",resourceTitle:e.title??""}}};function V(t,e){return i=>{const a=i.matchBefore(/\/(\w*)$/);if(!a)return null;const c=(r,n,o,l,u)=>{r.dispatch({changes:{from:o,to:l,insert:""}}),t(u)};return{from:a.from,to:a.to,options:[{label:e?.variable??"Variable",apply:(r,n,o,l)=>{c(r,n,o,l,m.SelectedOption.Variable)}},{label:e?.image??"Image",apply:(r,n,o,l)=>{c(r,n,o,l,m.SelectedOption.Image)}},{label:e?.video??"Video",apply:(r,n,o,l)=>{c(r,n,o,l,m.SelectedOption.Video)}}],filter:!1}}}const f=t=>g.getVideoEmbedUrl(t),p=t=>t.replace(/&/g,"&amp;").replace(/"/g,"&quot;"),w=t=>t.replace(/([\[\]\\])/g,"\\$1"),h=t=>Math.max(1,Math.min(1e3,Math.round(t))),b=t=>{const e=t.trim();return e?new RegExp(`^${s}\\s*[\\s\\S]*?\\s*${s}$`).test(e)?e:`${s} ${e} ${s}`:`${s}${s}`},x=t=>{const e=t.trim(),i=new RegExp(`^${s}\\s*([\\s\\S]*?)\\s*${s}$`);return(e.match(i)?.[1]??e).trim()},E=({resourceUrl:t,resourceTitle:e,scalePercent:i})=>{const a=typeof i=="number"?h(i):void 0,c=p(t),r=e?p(e):void 0,n=e?w(e):"",o=typeof a=="number"&&a!==100?` width="${a}%"`:"",l=r?` alt="${r}" title="${r}"`:"",u=!a||a===100?`![${n}](${t})`:`<img src="${c}"${l}${o} />`;return b(u)},S=(t,e)=>{const i=f(t),a=e?p(e):"",c=p(t),r=p(i),n=`<iframe data-tag="video" data-title="${a}" data-url="${c}" class="w-full aspect-video rounded-lg border-0" src="${r}" allowfullscreen="" allow="autoplay; encrypted-media"></iframe>`;return b(n)};exports.createSlashCommands=V;exports.extractVariableNames=d.distExports.extractVariableNames;exports.findDocumentVariableMarkers=d.distExports.findDocumentVariableMarkers;exports.findVariableMarkers=d.distExports.findVariableMarkers;exports.formatVariableReference=d.distExports.formatVariableReference;exports.getEmbedUrl=f;exports.getImageContentToInsert=E;exports.getVideoContentToInsert=S;exports.normalizeVariableName=d.distExports.normalizeVariableName;exports.parseContentInfo=$;exports.trimVariablePadding=d.distExports.trimVariablePadding;exports.unwrapFixedOutput=x;exports.wrapWithFixedOutput=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./types.cjs"),$=require("./utils/video.cjs"),m=require("../../_virtual/index.cjs"),c="===",V=(t,e)=>{switch(t){case p.SelectedOption.Image:return{resourceUrl:e.url,resourceTitle:e.title,scalePercent:e.scalePercent};case p.SelectedOption.Video:return{resourceUrl:e.url,resourceTitle:e.title};case p.SelectedOption.Variable:return{variableName:m.distExports.normalizeVariableName(e.title??"")??void 0};default:return{resourceUrl:e.url??"",resourceTitle:e.title??""}}};function w(t,e,{enableVariables:n=!0}={}){return a=>{const d=a.matchBefore(/\/(\w*)$/);if(!d)return null;const i=(r,s,o,l,g)=>{r.dispatch({changes:{from:o,to:l,insert:""}}),t(g)};return{from:d.from,to:d.to,options:[...n?[{label:e?.variable??"Variable",apply:(r,s,o,l)=>{i(r,s,o,l,p.SelectedOption.Variable)}}]:[],{label:e?.image??"Image",apply:(r,s,o,l)=>{i(r,s,o,l,p.SelectedOption.Image)}},{label:e?.video??"Video",apply:(r,s,o,l)=>{i(r,s,o,l,p.SelectedOption.Video)}}],filter:!1}}}const f=t=>$.getVideoEmbedUrl(t),u=t=>t.replace(/&/g,"&amp;").replace(/"/g,"&quot;"),h=t=>t.replace(/([\[\]\\])/g,"\\$1"),x=t=>Math.max(1,Math.min(1e3,Math.round(t))),b=t=>{const e=t.trim();return e?new RegExp(`^${c}\\s*[\\s\\S]*?\\s*${c}$`).test(e)?e:`${c} ${e} ${c}`:`${c}${c}`},E=t=>{const e=t.trim(),n=new RegExp(`^${c}\\s*([\\s\\S]*?)\\s*${c}$`);return(e.match(n)?.[1]??e).trim()},S=({resourceUrl:t,resourceTitle:e,scalePercent:n})=>{const a=typeof n=="number"?x(n):void 0,d=u(t),i=e?u(e):void 0,r=e?h(e):"",s=typeof a=="number"&&a!==100?` width="${a}%"`:"",o=i?` alt="${i}" title="${i}"`:"",l=!a||a===100?`![${r}](${t})`:`<img src="${d}"${o}${s} />`;return b(l)},I=(t,e)=>{const n=f(t),a=e?u(e):"",d=u(t),i=u(n),r=`<iframe data-tag="video" data-title="${a}" data-url="${d}" class="w-full aspect-video rounded-lg border-0" src="${i}" allowfullscreen="" allow="autoplay; encrypted-media"></iframe>`;return b(r)};exports.createSlashCommands=w;exports.extractVariableNames=m.distExports.extractVariableNames;exports.findDocumentVariableMarkers=m.distExports.findDocumentVariableMarkers;exports.findVariableMarkers=m.distExports.findVariableMarkers;exports.formatVariableReference=m.distExports.formatVariableReference;exports.getEmbedUrl=f;exports.getImageContentToInsert=S;exports.getVideoContentToInsert=I;exports.normalizeVariableName=m.distExports.normalizeVariableName;exports.parseContentInfo=V;exports.trimVariablePadding=m.distExports.trimVariablePadding;exports.unwrapFixedOutput=E;exports.wrapWithFixedOutput=b;
 //# sourceMappingURL=utils.cjs.map

package/dist/components/MarkdownFlowEditor/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","sources":["../../../src/components/MarkdownFlowEditor/utils.ts"],"sourcesContent":["import {\n  type CompletionContext,\n  type CompletionResult,\n} from \"@codemirror/autocomplete\";\nimport { EditorView } from \"@codemirror/view\";\nimport { SelectedOption } from \"./types\";\nimport { getVideoEmbedUrl } from \"./utils/video\";\n\nimport {\n  createVariableExpressionRegex,\n  extractVariableNames,\n  findVariableMarkers,\n  findDocumentVariableMarkers,\n  formatVariableReference,\n  formatVariableAssignment,\n  isValidVariableName,\n  normalizeVariableName,\n  trimVariablePadding,\n} from \"remark-flow\";\n\nconst FIXED_OUTPUT_MARKER = \"===\";\nconst createVariableExpressionRegexp = () =>\n  createVariableExpressionRegex(\"gu\");\n\nconst parseContentInfo = (\n  type: SelectedOption,\n  dataset: { title?: string; url?: string; scalePercent?: number }\n) => {\n  switch (type) {\n    case SelectedOption.Image:\n      return {\n        resourceUrl: dataset.url,\n        resourceTitle: dataset.title,\n        scalePercent: dataset.scalePercent,\n      };\n\n    case SelectedOption.Video:\n      return {\n        resourceUrl: dataset.url,\n        resourceTitle: dataset.title,\n      };\n    case SelectedOption.Variable:\n      return {\n        variableName: normalizeVariableName(dataset.title ?? \"\") ?? undefined,\n      };\n    default:\n      return {\n        resourceUrl: dataset.url ?? \"\",\n        resourceTitle: dataset.title ?? \"\",\n      };\n  }\n};\n\nfunction createSlashCommands(\n  onSelectOption: (selectedOption: SelectedOption) => void,\n  labels?: {\n    divider?: string;\n    fixedText?: string;\n    image?: string;\n    video?: string;\n    variable?: string;\n  }\n) {\n  return (context: CompletionContext): CompletionResult | null => {\n    const word = context.matchBefore(/\\/(\\w*)$/);\n    if (!word) return null;\n\n    const handleSelect = (\n      view: EditorView,\n      _: any,\n      from: number,\n      to: number,\n      selectedOption: SelectedOption\n    ) => {\n      view.dispatch({\n        changes: { from, to, insert: \"\" },\n      });\n      onSelectOption(selectedOption);\n    };\n\n    return {\n      from: word.from,\n      to: word.to,\n      options: [\n        // {\n        //   label: labels?.divider ?? \"Divider\",\n        //   apply: (view, _, from, to) => {\n        //     handleSelect(view, _, from, to, SelectedOption.Divider);\n        //   },\n        // },\n        // {\n        //   label: labels?.fixedText ?? \"Fixed Text\",\n        //   apply: (view, _, from, to) => {\n        //     handleSelect(view, _, from, to, SelectedOption.FixedText);\n        //   },\n        // },\n        {\n          label: labels?.variable ?? \"Variable\",\n          apply: (view, _, from, to) => {\n            handleSelect(view, _, from, to, SelectedOption.Variable);\n          },\n        },\n        {\n          label: labels?.image ?? \"Image\",\n          apply: (view, _, from, to) => {\n            handleSelect(view, _, from, to, SelectedOption.Image);\n          },\n        },\n        {\n          label: labels?.video ?? \"Video\",\n          apply: (view, _, from, to) => {\n            handleSelect(view, _, from, to, SelectedOption.Video);\n          },\n        },\n      ],\n      filter: false,\n    };\n  };\n}\n\nconst getEmbedUrl = (url: string) => {\n  return getVideoEmbedUrl(url);\n};\n\nconst escapeHtmlAttribute = (value: string) =>\n  value.replace(/&/g, \"&amp;\").replace(/\"/g, \"&quot;\");\n\nconst escapeMarkdownText = (text: string) =>\n  text.replace(/([\\[\\]\\\\])/g, \"\\\\$1\");\n\nconst clampScalePercent = (value: number) =>\n  Math.max(1, Math.min(1000, Math.round(value)));\n\nconst wrapWithFixedOutput = (content: string) => {\n  const normalizedContent = content.trim();\n  if (!normalizedContent) {\n    return `${FIXED_OUTPUT_MARKER}${FIXED_OUTPUT_MARKER}`;\n  }\n  const wrappedPattern = new RegExp(\n    `^${FIXED_OUTPUT_MARKER}\\\\s*[\\\\s\\\\S]*?\\\\s*${FIXED_OUTPUT_MARKER}$`\n  );\n  if (wrappedPattern.test(normalizedContent)) {\n    return normalizedContent;\n  }\n  return `${FIXED_OUTPUT_MARKER} ${normalizedContent} ${FIXED_OUTPUT_MARKER}`;\n};\n\nconst unwrapFixedOutput = (content: string) => {\n  const normalizedContent = content.trim();\n  const wrappedPattern = new RegExp(\n    `^${FIXED_OUTPUT_MARKER}\\\\s*([\\\\s\\\\S]*?)\\\\s*${FIXED_OUTPUT_MARKER}$`\n  );\n  const match = normalizedContent.match(wrappedPattern);\n  return (match?.[1] ?? normalizedContent).trim();\n};\n\nconst getImageContentToInsert = ({\n  resourceUrl,\n  resourceTitle,\n  scalePercent,\n}: {\n  resourceUrl: string;\n  resourceTitle?: string;\n  scalePercent?: number;\n}) => {\n  const clampedScale =\n    typeof scalePercent === \"number\"\n      ? clampScalePercent(scalePercent)\n      : undefined;\n  const sanitizedHtmlUrl = escapeHtmlAttribute(resourceUrl);\n  const sanitizedTitle = resourceTitle\n    ? escapeHtmlAttribute(resourceTitle)\n    : undefined;\n  const markdownTitle = resourceTitle ? escapeMarkdownText(resourceTitle) : \"\";\n  const widthAttribute =\n    typeof clampedScale === \"number\" && clampedScale !== 100\n      ? ` width=\"${clampedScale}%\"`\n      : \"\";\n  const htmlTitleAttributes = sanitizedTitle\n    ? ` alt=\"${sanitizedTitle}\" title=\"${sanitizedTitle}\"`\n    : \"\";\n  const imageMarkup =\n    !clampedScale || clampedScale === 100\n      ? `![${markdownTitle}](${resourceUrl})`\n      : `<img src=\"${sanitizedHtmlUrl}\"${htmlTitleAttributes}${widthAttribute} />`;\n\n  return wrapWithFixedOutput(imageMarkup);\n};\n\nconst getVideoContentToInsert = (\n  resourceUrl: string,\n  resourceTitle: string\n) => {\n  const embedUrl = getEmbedUrl(resourceUrl);\n  const sanitizedTitle = resourceTitle\n    ? escapeHtmlAttribute(resourceTitle)\n    : \"\";\n  const sanitizedResourceUrl = escapeHtmlAttribute(resourceUrl);\n  const sanitizedEmbedUrl = escapeHtmlAttribute(embedUrl);\n  const videoMarkup = `<iframe data-tag=\"video\" data-title=\"${sanitizedTitle}\" data-url=\"${sanitizedResourceUrl}\" class=\"w-full aspect-video rounded-lg border-0\" src=\"${sanitizedEmbedUrl}\" allowfullscreen=\"\" allow=\"autoplay; encrypted-media\"></iframe>`;\n\n  return wrapWithFixedOutput(videoMarkup);\n};\n\nexport {\n  createSlashCommands,\n  parseContentInfo,\n  getEmbedUrl,\n  getImageContentToInsert,\n  getVideoContentToInsert,\n  isValidVariableName,\n  normalizeVariableName,\n  trimVariablePadding,\n  extractVariableNames,\n  findVariableMarkers,\n  findDocumentVariableMarkers,\n  formatVariableReference,\n  formatVariableAssignment,\n  createVariableExpressionRegexp,\n  wrapWithFixedOutput,\n  unwrapFixedOutput,\n};\n"],"names":["FIXED_OUTPUT_MARKER","parseContentInfo","type","dataset","SelectedOption","normalizeVariableName","createSlashCommands","onSelectOption","labels","context","word","handleSelect","view","_","from","to","selectedOption","getEmbedUrl","url","getVideoEmbedUrl","escapeHtmlAttribute","value","escapeMarkdownText","text","clampScalePercent","wrapWithFixedOutput","content","normalizedContent","unwrapFixedOutput","wrappedPattern","getImageContentToInsert","resourceUrl","resourceTitle","scalePercent","clampedScale","sanitizedHtmlUrl","sanitizedTitle","markdownTitle","widthAttribute","htmlTitleAttributes","imageMarkup","getVideoContentToInsert","embedUrl","sanitizedResourceUrl","sanitizedEmbedUrl","videoMarkup"],"mappings":"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"}
+{"version":3,"file":"utils.cjs","sources":["../../../src/components/MarkdownFlowEditor/utils.ts"],"sourcesContent":["import {\n  type Completion,\n  type CompletionContext,\n  type CompletionResult,\n} from \"@codemirror/autocomplete\";\nimport { EditorView } from \"@codemirror/view\";\nimport { SelectedOption } from \"./types\";\nimport { getVideoEmbedUrl } from \"./utils/video\";\n\nimport {\n  createVariableExpressionRegex,\n  extractVariableNames,\n  findVariableMarkers,\n  findDocumentVariableMarkers,\n  formatVariableReference,\n  formatVariableAssignment,\n  isValidVariableName,\n  normalizeVariableName,\n  trimVariablePadding,\n} from \"remark-flow\";\n\nconst FIXED_OUTPUT_MARKER = \"===\";\nconst createVariableExpressionRegexp = () =>\n  createVariableExpressionRegex(\"gu\");\n\nconst parseContentInfo = (\n  type: SelectedOption,\n  dataset: { title?: string; url?: string; scalePercent?: number }\n) => {\n  switch (type) {\n    case SelectedOption.Image:\n      return {\n        resourceUrl: dataset.url,\n        resourceTitle: dataset.title,\n        scalePercent: dataset.scalePercent,\n      };\n\n    case SelectedOption.Video:\n      return {\n        resourceUrl: dataset.url,\n        resourceTitle: dataset.title,\n      };\n    case SelectedOption.Variable:\n      return {\n        variableName: normalizeVariableName(dataset.title ?? \"\") ?? undefined,\n      };\n    default:\n      return {\n        resourceUrl: dataset.url ?? \"\",\n        resourceTitle: dataset.title ?? \"\",\n      };\n  }\n};\n\nfunction createSlashCommands(\n  onSelectOption: (selectedOption: SelectedOption) => void,\n  labels?: {\n    divider?: string;\n    fixedText?: string;\n    image?: string;\n    video?: string;\n    variable?: string;\n  },\n  { enableVariables = true }: { enableVariables?: boolean } = {}\n) {\n  return (context: CompletionContext): CompletionResult | null => {\n    const word = context.matchBefore(/\\/(\\w*)$/);\n    if (!word) return null;\n\n    const handleSelect = (\n      view: EditorView,\n      _: any,\n      from: number,\n      to: number,\n      selectedOption: SelectedOption\n    ) => {\n      view.dispatch({\n        changes: { from, to, insert: \"\" },\n      });\n      onSelectOption(selectedOption);\n    };\n\n    return {\n      from: word.from,\n      to: word.to,\n      options: [\n        // {\n        //   label: labels?.divider ?? \"Divider\",\n        //   apply: (view, _, from, to) => {\n        //     handleSelect(view, _, from, to, SelectedOption.Divider);\n        //   },\n        // },\n        // {\n        //   label: labels?.fixedText ?? \"Fixed Text\",\n        //   apply: (view, _, from, to) => {\n        //     handleSelect(view, _, from, to, SelectedOption.FixedText);\n        //   },\n        // },\n        ...(enableVariables\n          ? [\n              {\n                label: labels?.variable ?? \"Variable\",\n                apply: (\n                  view: EditorView,\n                  _: Completion,\n                  from: number,\n                  to: number\n                ) => {\n                  handleSelect(view, _, from, to, SelectedOption.Variable);\n                },\n              },\n            ]\n          : []),\n        {\n          label: labels?.image ?? \"Image\",\n          apply: (view, _, from, to) => {\n            handleSelect(view, _, from, to, SelectedOption.Image);\n          },\n        },\n        {\n          label: labels?.video ?? \"Video\",\n          apply: (view, _, from, to) => {\n            handleSelect(view, _, from, to, SelectedOption.Video);\n          },\n        },\n      ],\n      filter: false,\n    };\n  };\n}\n\nconst getEmbedUrl = (url: string) => {\n  return getVideoEmbedUrl(url);\n};\n\nconst escapeHtmlAttribute = (value: string) =>\n  value.replace(/&/g, \"&amp;\").replace(/\"/g, \"&quot;\");\n\nconst escapeMarkdownText = (text: string) =>\n  text.replace(/([\\[\\]\\\\])/g, \"\\\\$1\");\n\nconst clampScalePercent = (value: number) =>\n  Math.max(1, Math.min(1000, Math.round(value)));\n\nconst wrapWithFixedOutput = (content: string) => {\n  const normalizedContent = content.trim();\n  if (!normalizedContent) {\n    return `${FIXED_OUTPUT_MARKER}${FIXED_OUTPUT_MARKER}`;\n  }\n  const wrappedPattern = new RegExp(\n    `^${FIXED_OUTPUT_MARKER}\\\\s*[\\\\s\\\\S]*?\\\\s*${FIXED_OUTPUT_MARKER}$`\n  );\n  if (wrappedPattern.test(normalizedContent)) {\n    return normalizedContent;\n  }\n  return `${FIXED_OUTPUT_MARKER} ${normalizedContent} ${FIXED_OUTPUT_MARKER}`;\n};\n\nconst unwrapFixedOutput = (content: string) => {\n  const normalizedContent = content.trim();\n  const wrappedPattern = new RegExp(\n    `^${FIXED_OUTPUT_MARKER}\\\\s*([\\\\s\\\\S]*?)\\\\s*${FIXED_OUTPUT_MARKER}$`\n  );\n  const match = normalizedContent.match(wrappedPattern);\n  return (match?.[1] ?? normalizedContent).trim();\n};\n\nconst getImageContentToInsert = ({\n  resourceUrl,\n  resourceTitle,\n  scalePercent,\n}: {\n  resourceUrl: string;\n  resourceTitle?: string;\n  scalePercent?: number;\n}) => {\n  const clampedScale =\n    typeof scalePercent === \"number\"\n      ? clampScalePercent(scalePercent)\n      : undefined;\n  const sanitizedHtmlUrl = escapeHtmlAttribute(resourceUrl);\n  const sanitizedTitle = resourceTitle\n    ? escapeHtmlAttribute(resourceTitle)\n    : undefined;\n  const markdownTitle = resourceTitle ? escapeMarkdownText(resourceTitle) : \"\";\n  const widthAttribute =\n    typeof clampedScale === \"number\" && clampedScale !== 100\n      ? ` width=\"${clampedScale}%\"`\n      : \"\";\n  const htmlTitleAttributes = sanitizedTitle\n    ? ` alt=\"${sanitizedTitle}\" title=\"${sanitizedTitle}\"`\n    : \"\";\n  const imageMarkup =\n    !clampedScale || clampedScale === 100\n      ? `![${markdownTitle}](${resourceUrl})`\n      : `<img src=\"${sanitizedHtmlUrl}\"${htmlTitleAttributes}${widthAttribute} />`;\n\n  return wrapWithFixedOutput(imageMarkup);\n};\n\nconst getVideoContentToInsert = (\n  resourceUrl: string,\n  resourceTitle: string\n) => {\n  const embedUrl = getEmbedUrl(resourceUrl);\n  const sanitizedTitle = resourceTitle\n    ? escapeHtmlAttribute(resourceTitle)\n    : \"\";\n  const sanitizedResourceUrl = escapeHtmlAttribute(resourceUrl);\n  const sanitizedEmbedUrl = escapeHtmlAttribute(embedUrl);\n  const videoMarkup = `<iframe data-tag=\"video\" data-title=\"${sanitizedTitle}\" data-url=\"${sanitizedResourceUrl}\" class=\"w-full aspect-video rounded-lg border-0\" src=\"${sanitizedEmbedUrl}\" allowfullscreen=\"\" allow=\"autoplay; encrypted-media\"></iframe>`;\n\n  return wrapWithFixedOutput(videoMarkup);\n};\n\nexport {\n  createSlashCommands,\n  parseContentInfo,\n  getEmbedUrl,\n  getImageContentToInsert,\n  getVideoContentToInsert,\n  isValidVariableName,\n  normalizeVariableName,\n  trimVariablePadding,\n  extractVariableNames,\n  findVariableMarkers,\n  findDocumentVariableMarkers,\n  formatVariableReference,\n  formatVariableAssignment,\n  createVariableExpressionRegexp,\n  wrapWithFixedOutput,\n  unwrapFixedOutput,\n};\n"],"names":["FIXED_OUTPUT_MARKER","parseContentInfo","type","dataset","SelectedOption","normalizeVariableName","createSlashCommands","onSelectOption","labels","enableVariables","context","word","handleSelect","view","_","from","to","selectedOption","getEmbedUrl","url","getVideoEmbedUrl","escapeHtmlAttribute","value","escapeMarkdownText","text","clampScalePercent","wrapWithFixedOutput","content","normalizedContent","unwrapFixedOutput","wrappedPattern","getImageContentToInsert","resourceUrl","resourceTitle","scalePercent","clampedScale","sanitizedHtmlUrl","sanitizedTitle","markdownTitle","widthAttribute","htmlTitleAttributes","imageMarkup","getVideoContentToInsert","embedUrl","sanitizedResourceUrl","sanitizedEmbedUrl","videoMarkup"],"mappings":"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"}

package/dist/components/MarkdownFlowEditor/utils.d.ts

@@ -28,6 +28,8 @@ declare function createSlashCommands(onSelectOption: (selectedOption: SelectedOp
     image?: string;
     video?: string;
     variable?: string;
+}, { enableVariables }?: {
+    enableVariables?: boolean;
 }): (context: CompletionContext) => CompletionResult | null;
 declare const getEmbedUrl: (url: string) => string;
 declare const wrapWithFixedOutput: (content: string) => string;