markdown-flow-ui 0.2.35 → 0.3.0-dev.1

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

@@ -1,70 +1,53 @@
-import { MatchDecorator as f, Decoration as l, ViewPlugin as u, EditorView as x } from "../../../node_modules/@codemirror/view/dist/index.es.js";
-import { SelectedOption as g } from "../types.es.js";
-import b from "./PlaceholderWidget.es.js";
-import { createVariableExpressionRegexp as c } from "../utils.es.js";
-const m = c(), a = (e) => {
-  const t = e.state.doc.toString();
-  if (!t) return !1;
-  const n = c();
-  let r;
-  for (; (r = n.exec(t)) !== null; ) {
-    const o = r.index ?? 0, i = o + r[0].length;
-    if (d(e, o, i))
-      return !0;
-    n.lastIndex === r.index && n.lastIndex++;
-  }
-  return !1;
-}, d = (e, t, n) => {
-  const r = t + 2, o = n - 2;
-  return o < r ? !1 : e.state.selection.ranges.some((i) => {
-    const h = i.anchor >= r && i.anchor <= o, p = i.head >= r && i.head <= o;
-    return h || p;
+import { ViewPlugin as g, EditorView as u, Decoration as o } from "../../../node_modules/@codemirror/view/dist/index.es.js";
+import { SelectedOption as m } from "../types.es.js";
+import p from "./PlaceholderWidget.es.js";
+import { d as a } from "../../../_virtual/index.es.js";
+const d = (e, s, r) => {
+  const t = s + 2, n = r - 2;
+  return n < t ? !1 : e.state.selection.ranges.some((i) => {
+    const h = i.anchor >= t && i.anchor <= n, f = i.head >= t && i.head <= n;
+    return h || f;
   });
-}, s = new f({
-  regexp: m,
-  decoration: (e, t, n) => {
-    const r = e?.[0];
-    if (!r)
-      return null;
-    const o = n + r.length;
-    return d(t, n, o) ? null : l.replace({
-      widget: new b(
-        r,
-        {
-          tag: "variable",
-          title: e?.[1]
-        },
-        "tag-variable",
-        g.Variable,
-        t
-      )
-    });
-  }
-}), v = u.fromClass(
+}, c = (e, s) => {
+  const r = e.state.doc.toString();
+  return o.set(
+    s.flatMap((t) => {
+      const n = r.slice(t.start, t.end);
+      return t.name === null || // CodeMirror inline widgets cannot replace line breaks in marker padding.
+      n.includes(`
+`) || d(e, t.start, t.end) ? [] : [
+        o.replace({
+          widget: new p(
+            n,
+            { tag: "variable", title: t.name },
+            "tag-variable",
+            m.Variable,
+            e
+          )
+        }).range(t.start, t.end)
+      ];
+    })
+  );
+}, l = (e, s) => s.filter(
+  (r) => d(e, r.start, r.end)
+).map((r) => r.start).join(","), x = g.fromClass(
   class {
     constructor(e) {
-      this.selectionInsideVariable = a(e), this.placeholders = s.createDeco(e);
+      this.markers = a.findDocumentVariableMarkers(e.state.doc.toString()), this.selectionSignature = l(e, this.markers), this.placeholders = c(e, this.markers);
     }
     update(e) {
-      if (e.selectionSet || e.docChanged) {
-        const t = a(e.view);
-        if (t !== this.selectionInsideVariable) {
-          this.selectionInsideVariable = t, this.placeholders = s.createDeco(e.view);
-          return;
-        }
+      if (e.docChanged && (this.markers = a.findDocumentVariableMarkers(e.state.doc.toString())), e.docChanged || e.selectionSet) {
+        const s = l(e.view, this.markers);
+        (e.docChanged || s !== this.selectionSignature) && (this.selectionSignature = s, this.placeholders = c(e.view, this.markers));
       }
-      this.placeholders = s.updateDeco(
-        e,
-        this.placeholders
-      );
     }
   },
   {
     decorations: (e) => e.placeholders,
-    provide: (e) => x.atomicRanges.of((t) => t.plugin(e)?.placeholders || l.none)
+    provide: (e) => u.atomicRanges.of((s) => s.plugin(e)?.placeholders || o.none)
   }
 );
 export {
-  v as default
+  x as default
 };
 //# sourceMappingURL=VariablePlaceholder.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"VariablePlaceholder.es.js","sources":["../../../../src/components/MarkdownFlowEditor/plugins/VariablePlaceholder.ts"],"sourcesContent":["import {\n  EditorView,\n  Decoration,\n  DecorationSet,\n  ViewPlugin,\n  ViewUpdate,\n  MatchDecorator,\n} from \"@codemirror/view\";\nimport { SelectedOption } from \"../types\";\nimport PlaceholderWidget from \"./PlaceholderWidget\";\nimport { createVariableExpressionRegexp } from \"../utils\";\n\nconst variableContextRegexp = createVariableExpressionRegexp();\n\nconst selectionInsideAnyVariable = (view: EditorView) => {\n  const docText = view.state.doc.toString();\n  if (!docText) return false;\n  const regexp = createVariableExpressionRegexp();\n  let match: RegExpExecArray | null;\n  while ((match = regexp.exec(docText)) !== null) {\n    const from = match.index ?? 0;\n    const to = from + match[0].length;\n    if (selectionInsideVariableExpression(view, from, to)) {\n      return true;\n    }\n    if (regexp.lastIndex === match.index) {\n      regexp.lastIndex++;\n    }\n  }\n  return false;\n};\n\nconst selectionInsideVariableExpression = (\n  view: EditorView,\n  from: number,\n  to: number\n) => {\n  const innerStart = from + 2;\n  const innerEnd = to - 2;\n  if (innerEnd < innerStart) {\n    return false;\n  }\n  return view.state.selection.ranges.some((range) => {\n    const isAnchorInside =\n      range.anchor >= innerStart && range.anchor <= innerEnd;\n    const isHeadInside = range.head >= innerStart && range.head <= innerEnd;\n    return isAnchorInside || isHeadInside;\n  });\n};\n\nconst variableUrlMatcher = new MatchDecorator({\n  regexp: variableContextRegexp,\n  decoration: (match, view, from) => {\n    const rawMatch = match?.[0];\n    if (!rawMatch) {\n      return null;\n    }\n    const to = from + rawMatch.length;\n    if (selectionInsideVariableExpression(view, from, to)) {\n      return null;\n    }\n    return Decoration.replace({\n      widget: new PlaceholderWidget(\n        rawMatch,\n        {\n          tag: \"variable\",\n          title: match?.[1],\n        },\n        \"tag-variable\",\n        SelectedOption.Variable,\n        view\n      ),\n    });\n  },\n});\n\nconst VariablePlaceholder = ViewPlugin.fromClass(\n  class {\n    placeholders: DecorationSet;\n    selectionInsideVariable: boolean;\n    constructor(view: EditorView) {\n      this.selectionInsideVariable = selectionInsideAnyVariable(view);\n      this.placeholders = variableUrlMatcher.createDeco(view);\n    }\n    update(update: ViewUpdate) {\n      if (update.selectionSet || update.docChanged) {\n        const insideNow = selectionInsideAnyVariable(update.view);\n        if (insideNow !== this.selectionInsideVariable) {\n          this.selectionInsideVariable = insideNow;\n          this.placeholders = variableUrlMatcher.createDeco(update.view);\n          return;\n        }\n      }\n      this.placeholders = variableUrlMatcher.updateDeco(\n        update,\n        this.placeholders\n      );\n    }\n  },\n  {\n    decorations: (instance) => instance.placeholders,\n    provide: (plugin) =>\n      EditorView.atomicRanges.of((view) => {\n        return view.plugin(plugin)?.placeholders || Decoration.none;\n      }),\n  }\n);\n\nexport default VariablePlaceholder;\n"],"names":["variableContextRegexp","createVariableExpressionRegexp","selectionInsideAnyVariable","view","docText","regexp","match","from","to","selectionInsideVariableExpression","innerStart","innerEnd","range","isAnchorInside","isHeadInside","variableUrlMatcher","MatchDecorator","rawMatch","Decoration","PlaceholderWidget","SelectedOption","VariablePlaceholder","ViewPlugin","update","insideNow","instance","plugin","EditorView"],"mappings":";;;;AAYA,MAAMA,IAAwBC,EAAA,GAExBC,IAA6B,CAACC,MAAqB;AACvD,QAAMC,IAAUD,EAAK,MAAM,IAAI,SAAA;AAC/B,MAAI,CAACC,EAAS,QAAO;AACrB,QAAMC,IAASJ,EAAA;AACf,MAAIK;AACJ,UAAQA,IAAQD,EAAO,KAAKD,CAAO,OAAO,QAAM;AAC9C,UAAMG,IAAOD,EAAM,SAAS,GACtBE,IAAKD,IAAOD,EAAM,CAAC,EAAE;AAC3B,QAAIG,EAAkCN,GAAMI,GAAMC,CAAE;AAClD,aAAO;AAET,IAAIH,EAAO,cAAcC,EAAM,SAC7BD,EAAO;AAAA,EAEX;AACA,SAAO;AACT,GAEMI,IAAoC,CACxCN,GACAI,GACAC,MACG;AACH,QAAME,IAAaH,IAAO,GACpBI,IAAWH,IAAK;AACtB,SAAIG,IAAWD,IACN,KAEFP,EAAK,MAAM,UAAU,OAAO,KAAK,CAACS,MAAU;AACjD,UAAMC,IACJD,EAAM,UAAUF,KAAcE,EAAM,UAAUD,GAC1CG,IAAeF,EAAM,QAAQF,KAAcE,EAAM,QAAQD;AAC/D,WAAOE,KAAkBC;AAAA,EAC3B,CAAC;AACH,GAEMC,IAAqB,IAAIC,EAAe;AAAA,EAC5C,QAAQhB;AAAA,EACR,YAAY,CAACM,GAAOH,GAAMI,MAAS;AACjC,UAAMU,IAAWX,IAAQ,CAAC;AAC1B,QAAI,CAACW;AACH,aAAO;AAET,UAAMT,IAAKD,IAAOU,EAAS;AAC3B,WAAIR,EAAkCN,GAAMI,GAAMC,CAAE,IAC3C,OAEFU,EAAW,QAAQ;AAAA,MACxB,QAAQ,IAAIC;AAAA,QACVF;AAAA,QACA;AAAA,UACE,KAAK;AAAA,UACL,OAAOX,IAAQ,CAAC;AAAA,QAAA;AAAA,QAElB;AAAA,QACAc,EAAe;AAAA,QACfjB;AAAA,MAAA;AAAA,IACF,CACD;AAAA,EACH;AACF,CAAC,GAEKkB,IAAsBC,EAAW;AAAA,EACrC,MAAM;AAAA,IAGJ,YAAYnB,GAAkB;AAC5B,WAAK,0BAA0BD,EAA2BC,CAAI,GAC9D,KAAK,eAAeY,EAAmB,WAAWZ,CAAI;AAAA,IACxD;AAAA,IACA,OAAOoB,GAAoB;AACzB,UAAIA,EAAO,gBAAgBA,EAAO,YAAY;AAC5C,cAAMC,IAAYtB,EAA2BqB,EAAO,IAAI;AACxD,YAAIC,MAAc,KAAK,yBAAyB;AAC9C,eAAK,0BAA0BA,GAC/B,KAAK,eAAeT,EAAmB,WAAWQ,EAAO,IAAI;AAC7D;AAAA,QACF;AAAA,MACF;AACA,WAAK,eAAeR,EAAmB;AAAA,QACrCQ;AAAA,QACA,KAAK;AAAA,MAAA;AAAA,IAET;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,aAAa,CAACE,MAAaA,EAAS;AAAA,IACpC,SAAS,CAACC,MACRC,EAAW,aAAa,GAAG,CAACxB,MACnBA,EAAK,OAAOuB,CAAM,GAAG,gBAAgBR,EAAW,IACxD;AAAA,EAAA;AAEP;"}
+{"version":3,"file":"VariablePlaceholder.es.js","sources":["../../../../src/components/MarkdownFlowEditor/plugins/VariablePlaceholder.ts"],"sourcesContent":["import {\n  EditorView,\n  Decoration,\n  DecorationSet,\n  ViewPlugin,\n  ViewUpdate,\n} from \"@codemirror/view\";\nimport { SelectedOption } from \"../types\";\nimport PlaceholderWidget from \"./PlaceholderWidget\";\nimport { findDocumentVariableMarkers } from \"../utils\";\n\nconst selectionInsideVariableExpression = (\n  view: EditorView,\n  from: number,\n  to: number\n) => {\n  const innerStart = from + 2;\n  const innerEnd = to - 2;\n  if (innerEnd < innerStart) {\n    return false;\n  }\n  return view.state.selection.ranges.some((range) => {\n    const isAnchorInside =\n      range.anchor >= innerStart && range.anchor <= innerEnd;\n    const isHeadInside = range.head >= innerStart && range.head <= innerEnd;\n    return isAnchorInside || isHeadInside;\n  });\n};\n\nconst buildPlaceholders = (\n  view: EditorView,\n  markers: ReturnType<typeof findDocumentVariableMarkers>\n): DecorationSet => {\n  const text = view.state.doc.toString();\n  return Decoration.set(\n    markers.flatMap((marker) => {\n      const rawMarker = text.slice(marker.start, marker.end);\n      if (\n        marker.name === null ||\n        // CodeMirror inline widgets cannot replace line breaks in marker padding.\n        rawMarker.includes(\"\\n\") ||\n        selectionInsideVariableExpression(view, marker.start, marker.end)\n      ) {\n        return [];\n      }\n      return [\n        Decoration.replace({\n          widget: new PlaceholderWidget(\n            rawMarker,\n            { tag: \"variable\", title: marker.name },\n            \"tag-variable\",\n            SelectedOption.Variable,\n            view\n          ),\n        }).range(marker.start, marker.end),\n      ];\n    })\n  );\n};\n\nconst selectedMarkers = (\n  view: EditorView,\n  markers: ReturnType<typeof findDocumentVariableMarkers>\n) =>\n  markers\n    .filter((marker) =>\n      selectionInsideVariableExpression(view, marker.start, marker.end)\n    )\n    .map((marker) => marker.start)\n    .join(\",\");\n\nconst VariablePlaceholder = ViewPlugin.fromClass(\n  class {\n    placeholders: DecorationSet;\n    markers: ReturnType<typeof findDocumentVariableMarkers>;\n    selectionSignature: string;\n    constructor(view: EditorView) {\n      this.markers = findDocumentVariableMarkers(view.state.doc.toString());\n      this.selectionSignature = selectedMarkers(view, this.markers);\n      this.placeholders = buildPlaceholders(view, this.markers);\n    }\n    update(update: ViewUpdate) {\n      if (update.docChanged)\n        this.markers = findDocumentVariableMarkers(update.state.doc.toString());\n      if (update.docChanged || update.selectionSet) {\n        const signature = selectedMarkers(update.view, this.markers);\n        if (update.docChanged || signature !== this.selectionSignature) {\n          this.selectionSignature = signature;\n          this.placeholders = buildPlaceholders(update.view, this.markers);\n        }\n      }\n    }\n  },\n  {\n    decorations: (instance) => instance.placeholders,\n    provide: (plugin) =>\n      EditorView.atomicRanges.of((view) => {\n        return view.plugin(plugin)?.placeholders || Decoration.none;\n      }),\n  }\n);\n\nexport default VariablePlaceholder;\n"],"names":["selectionInsideVariableExpression","view","from","to","innerStart","innerEnd","range","isAnchorInside","isHeadInside","buildPlaceholders","markers","text","Decoration","marker","rawMarker","PlaceholderWidget","SelectedOption","selectedMarkers","VariablePlaceholder","ViewPlugin","findDocumentVariableMarkers","update","signature","instance","plugin","EditorView"],"mappings":";;;;AAWA,MAAMA,IAAoC,CACxCC,GACAC,GACAC,MACG;AACH,QAAMC,IAAaF,IAAO,GACpBG,IAAWF,IAAK;AACtB,SAAIE,IAAWD,IACN,KAEFH,EAAK,MAAM,UAAU,OAAO,KAAK,CAACK,MAAU;AACjD,UAAMC,IACJD,EAAM,UAAUF,KAAcE,EAAM,UAAUD,GAC1CG,IAAeF,EAAM,QAAQF,KAAcE,EAAM,QAAQD;AAC/D,WAAOE,KAAkBC;AAAA,EAC3B,CAAC;AACH,GAEMC,IAAoB,CACxBR,GACAS,MACkB;AAClB,QAAMC,IAAOV,EAAK,MAAM,IAAI,SAAA;AAC5B,SAAOW,EAAW;AAAA,IAChBF,EAAQ,QAAQ,CAACG,MAAW;AAC1B,YAAMC,IAAYH,EAAK,MAAME,EAAO,OAAOA,EAAO,GAAG;AACrD,aACEA,EAAO,SAAS;AAAA,MAEhBC,EAAU,SAAS;AAAA,CAAI,KACvBd,EAAkCC,GAAMY,EAAO,OAAOA,EAAO,GAAG,IAEzD,CAAA,IAEF;AAAA,QACLD,EAAW,QAAQ;AAAA,UACjB,QAAQ,IAAIG;AAAA,YACVD;AAAA,YACA,EAAE,KAAK,YAAY,OAAOD,EAAO,KAAA;AAAA,YACjC;AAAA,YACAG,EAAe;AAAA,YACff;AAAA,UAAA;AAAA,QACF,CACD,EAAE,MAAMY,EAAO,OAAOA,EAAO,GAAG;AAAA,MAAA;AAAA,IAErC,CAAC;AAAA,EAAA;AAEL,GAEMI,IAAkB,CACtBhB,GACAS,MAEAA,EACG;AAAA,EAAO,CAACG,MACPb,EAAkCC,GAAMY,EAAO,OAAOA,EAAO,GAAG;AAClE,EACC,IAAI,CAACA,MAAWA,EAAO,KAAK,EAC5B,KAAK,GAAG,GAEPK,IAAsBC,EAAW;AAAA,EACrC,MAAM;AAAA,IAIJ,YAAYlB,GAAkB;AAC5B,WAAK,UAAUmB,8BAA4BnB,EAAK,MAAM,IAAI,UAAU,GACpE,KAAK,qBAAqBgB,EAAgBhB,GAAM,KAAK,OAAO,GAC5D,KAAK,eAAeQ,EAAkBR,GAAM,KAAK,OAAO;AAAA,IAC1D;AAAA,IACA,OAAOoB,GAAoB;AAGzB,UAFIA,EAAO,eACT,KAAK,UAAUD,8BAA4BC,EAAO,MAAM,IAAI,UAAU,IACpEA,EAAO,cAAcA,EAAO,cAAc;AAC5C,cAAMC,IAAYL,EAAgBI,EAAO,MAAM,KAAK,OAAO;AAC3D,SAAIA,EAAO,cAAcC,MAAc,KAAK,wBAC1C,KAAK,qBAAqBA,GAC1B,KAAK,eAAeb,EAAkBY,EAAO,MAAM,KAAK,OAAO;AAAA,MAEnE;AAAA,IACF;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,aAAa,CAACE,MAAaA,EAAS;AAAA,IACpC,SAAS,CAACC,MACRC,EAAW,aAAa,GAAG,CAACxB,MACnBA,EAAK,OAAOuB,CAAM,GAAG,gBAAgBZ,EAAW,IACxD;AAAA,EAAA;AAEP;"}

package/dist/components/MarkdownFlowEditor/plugins/VariablePlaceholder.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/MarkdownFlowEditor/utils.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./types.cjs"),E=require("./utils/video.cjs"),g="[\\p{L}\\p{N}_]+",h=new RegExp(`^${g}$`,"u"),w=`\\{\\{(${g})\\}\\}`,c="===",$=()=>new RegExp(w,"gu"),f=t=>typeof t=="string"&&h.test(t),V=t=>{if(!t)return[];const e=[],a=$();let r;for(;(r=a.exec(t))!==null;)e.push(r[1]);return e},x=(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:e.title};default:return{resourceUrl:e.url??"",resourceTitle:e.title??""}}};function S(t,e){return a=>{const r=a.matchBefore(/\/(\w*)$/);if(!r)return null;const l=(n,o,i,s,d)=>{n.dispatch({changes:{from:i,to:s,insert:""}}),t(d)};return{from:r.from,to:r.to,options:[{label:e?.variable??"Variable",apply:(n,o,i,s)=>{l(n,o,i,s,p.SelectedOption.Variable)}},{label:e?.image??"Image",apply:(n,o,i,s)=>{l(n,o,i,s,p.SelectedOption.Image)}},{label:e?.video??"Video",apply:(n,o,i,s)=>{l(n,o,i,s,p.SelectedOption.Video)}}],filter:!1}}}const b=t=>E.getVideoEmbedUrl(t),u=t=>t.replace(/&/g,"&amp;").replace(/"/g,"&quot;"),I=t=>t.replace(/([\[\]\\])/g,"\\$1"),R=t=>Math.max(1,Math.min(1e3,Math.round(t))),m=t=>{const e=t.trim();return e?new RegExp(`^${c}\\s*[\\s\\S]*?\\s*${c}$`).test(e)?e:`${c} ${e} ${c}`:`${c}${c}`},O=t=>{const e=t.trim(),a=new RegExp(`^${c}\\s*([\\s\\S]*?)\\s*${c}$`);return(e.match(a)?.[1]??e).trim()},A=({resourceUrl:t,resourceTitle:e,scalePercent:a})=>{const r=typeof a=="number"?R(a):void 0,l=u(t),n=e?u(e):void 0,o=e?I(e):"",i=typeof r=="number"&&r!==100?` width="${r}%"`:"",s=n?` alt="${n}" title="${n}"`:"",d=!r||r===100?`![${o}](${t})`:`<img src="${l}"${s}${i} />`;return m(d)},T=(t,e)=>{const a=b(t),r=e?u(e):"",l=u(t),n=u(a),o=`<iframe data-tag="video" data-title="${r}" data-url="${l}" class="w-full aspect-video rounded-lg border-0" src="${n}" allowfullscreen="" allow="autoplay; encrypted-media"></iframe>`;return m(o)};exports.createSlashCommands=S;exports.createVariableExpressionRegexp=$;exports.extractVariableNames=V;exports.getEmbedUrl=b;exports.getImageContentToInsert=A;exports.getVideoContentToInsert=T;exports.isValidVariableName=f;exports.parseContentInfo=x;exports.unwrapFixedOutput=O;exports.wrapWithFixedOutput=m;
+"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;
 //# 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\nconst VARIABLE_NAME_SOURCE = \"[\\\\p{L}\\\\p{N}_]+\";\nconst VARIABLE_NAME_REGEXP = new RegExp(`^${VARIABLE_NAME_SOURCE}$`, \"u\");\nconst VARIABLE_EXPRESSION_PATTERN = `\\\\{\\\\{(${VARIABLE_NAME_SOURCE})\\\\}\\\\}`;\nconst FIXED_OUTPUT_MARKER = \"===\";\n\nconst createVariableExpressionRegexp = () =>\n  new RegExp(VARIABLE_EXPRESSION_PATTERN, \"gu\");\n\nconst isValidVariableName = (name: string) =>\n  typeof name === \"string\" && VARIABLE_NAME_REGEXP.test(name);\n\nconst extractVariableNames = (content: string) => {\n  if (!content) {\n    return [];\n  }\n  const matches: string[] = [];\n  const regexp = createVariableExpressionRegexp();\n  let match: RegExpExecArray | null;\n\n  while ((match = regexp.exec(content)) !== null) {\n    matches.push(match[1]);\n  }\n\n  return matches;\n};\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: dataset.title,\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  extractVariableNames,\n  createVariableExpressionRegexp,\n  wrapWithFixedOutput,\n  unwrapFixedOutput,\n};\n"],"names":["VARIABLE_NAME_SOURCE","VARIABLE_NAME_REGEXP","VARIABLE_EXPRESSION_PATTERN","FIXED_OUTPUT_MARKER","createVariableExpressionRegexp","isValidVariableName","name","extractVariableNames","content","matches","regexp","match","parseContentInfo","type","dataset","SelectedOption","createSlashCommands","onSelectOption","labels","context","word","handleSelect","view","_","from","to","selectedOption","getEmbedUrl","url","getVideoEmbedUrl","escapeHtmlAttribute","value","escapeMarkdownText","text","clampScalePercent","wrapWithFixedOutput","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 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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"}

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

@@ -1,8 +1,7 @@
 import { CompletionContext, CompletionResult } from '@codemirror/autocomplete';
 import { SelectedOption } from './types.js';
+import { extractVariableNames, findVariableMarkers, findDocumentVariableMarkers, formatVariableReference, formatVariableAssignment, isValidVariableName, normalizeVariableName, trimVariablePadding } from 'remark-flow';
 declare const createVariableExpressionRegexp: () => RegExp;
-declare const isValidVariableName: (name: string) => boolean;
-declare const extractVariableNames: (content: string) => string[];
 declare const parseContentInfo: (type: SelectedOption, dataset: {
     title?: string;
     url?: string;
@@ -39,4 +38,4 @@ declare const getImageContentToInsert: ({ resourceUrl, resourceTitle, scalePerce
     scalePercent?: number;
 }) => string;
 declare const getVideoContentToInsert: (resourceUrl: string, resourceTitle: string) => string;
-export { createSlashCommands, parseContentInfo, getEmbedUrl, getImageContentToInsert, getVideoContentToInsert, isValidVariableName, extractVariableNames, createVariableExpressionRegexp, wrapWithFixedOutput, unwrapFixedOutput, };
+export { createSlashCommands, parseContentInfo, getEmbedUrl, getImageContentToInsert, getVideoContentToInsert, isValidVariableName, normalizeVariableName, trimVariablePadding, extractVariableNames, findVariableMarkers, findDocumentVariableMarkers, formatVariableReference, formatVariableAssignment, createVariableExpressionRegexp, wrapWithFixedOutput, unwrapFixedOutput, };

package/dist/components/MarkdownFlowEditor/utils.es.js

@@ -1,29 +1,22 @@
-import { SelectedOption as p } from "./types.es.js";
-import { getVideoEmbedUrl as g } from "./utils/video.es.js";
-const d = "[\\p{L}\\p{N}_]+", f = new RegExp(`^${d}$`, "u"), E = `\\{\\{(${d})\\}\\}`, s = "===", h = () => new RegExp(E, "gu"), A = (t) => typeof t == "string" && f.test(t), I = (t) => {
-  if (!t)
-    return [];
-  const e = [], o = h();
-  let r;
-  for (; (r = o.exec(t)) !== null; )
-    e.push(r[1]);
-  return e;
-}, S = (t, e) => {
+import { SelectedOption as d } from "./types.es.js";
+import { getVideoEmbedUrl as f } from "./utils/video.es.js";
+import { d as m } from "../../_virtual/index.es.js";
+const c = "===", x = (t, e) => {
   switch (t) {
-    case p.Image:
+    case d.Image:
       return {
         resourceUrl: e.url,
         resourceTitle: e.title,
         scalePercent: e.scalePercent
       };
-    case p.Video:
+    case d.Video:
       return {
         resourceUrl: e.url,
         resourceTitle: e.title
       };
-    case p.Variable:
+    case d.Variable:
       return {
-        variableName: e.title
+        variableName: m.normalizeVariableName(e.title ?? "") ?? void 0
       };
     default:
       return {
@@ -32,18 +25,18 @@ const d = "[\\p{L}\\p{N}_]+", f = new RegExp(`^${d}$`, "u"), E = `\\{\\{(${d})\\
       };
   }
 };
-function T(t, e) {
+function z(t, e) {
   return (o) => {
-    const r = o.matchBefore(/\/(\w*)$/);
-    if (!r) return null;
-    const l = (n, a, i, c, u) => {
-      n.dispatch({
-        changes: { from: i, to: c, insert: "" }
+    const a = o.matchBefore(/\/(\w*)$/);
+    if (!a) return null;
+    const s = (r, n, i, l, u) => {
+      r.dispatch({
+        changes: { from: i, to: l, insert: "" }
       }), t(u);
     };
     return {
-      from: r.from,
-      to: r.to,
+      from: a.from,
+      to: a.to,
       options: [
         // {
         //   label: labels?.divider ?? "Divider",
@@ -59,20 +52,20 @@ function T(t, e) {
         // },
         {
           label: e?.variable ?? "Variable",
-          apply: (n, a, i, c) => {
-            l(n, a, i, c, p.Variable);
+          apply: (r, n, i, l) => {
+            s(r, n, i, l, d.Variable);
           }
         },
         {
           label: e?.image ?? "Image",
-          apply: (n, a, i, c) => {
-            l(n, a, i, c, p.Image);
+          apply: (r, n, i, l) => {
+            s(r, n, i, l, d.Image);
           }
         },
         {
           label: e?.video ?? "Video",
-          apply: (n, a, i, c) => {
-            l(n, a, i, c, p.Video);
+          apply: (r, n, i, l) => {
+            s(r, n, i, l, d.Video);
           }
         }
       ],
@@ -80,37 +73,40 @@ function T(t, e) {
     };
   };
 }
-const w = (t) => g(t), m = (t) => t.replace(/&/g, "&").replace(/"/g, """), b = (t) => t.replace(/([\[\]\\])/g, "\\$1"), R = (t) => Math.max(1, Math.min(1e3, Math.round(t))), $ = (t) => {
+const $ = (t) => f(t), p = (t) => t.replace(/&/g, "&").replace(/"/g, """), g = (t) => t.replace(/([\[\]\\])/g, "\\$1"), V = (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}`;
-}, U = (t) => {
+    `^${c}\\s*[\\s\\S]*?\\s*${c}$`
+  ).test(e) ? e : `${c} ${e} ${c}` : `${c}${c}`;
+}, v = (t) => {
   const e = t.trim(), o = new RegExp(
-    `^${s}\\s*([\\s\\S]*?)\\s*${s}$`
+    `^${c}\\s*([\\s\\S]*?)\\s*${c}$`
   );
   return (e.match(o)?.[1] ?? e).trim();
-}, _ = ({
+}, U = ({
   resourceUrl: t,
   resourceTitle: e,
   scalePercent: o
 }) => {
-  const r = typeof o == "number" ? R(o) : void 0, l = m(t), n = e ? m(e) : void 0, a = e ? b(e) : "", i = typeof r == "number" && r !== 100 ? ` width="${r}%"` : "", c = n ? ` alt="${n}" title="${n}"` : "", u = !r || r === 100 ? `![${a}](${t})` : `<img src="${l}"${c}${i} />`;
-  return $(u);
-}, M = (t, e) => {
-  const o = w(t), r = e ? m(e) : "", l = m(t), n = m(o), a = `<iframe data-tag="video" data-title="${r}" data-url="${l}" class="w-full aspect-video rounded-lg border-0" src="${n}" allowfullscreen="" allow="autoplay; encrypted-media"></iframe>`;
-  return $(a);
-};
+  const a = typeof o == "number" ? V(o) : void 0, s = p(t), r = e ? p(e) : void 0, n = e ? g(e) : "", i = typeof a == "number" && a !== 100 ? ` width="${a}%"` : "", l = r ? ` alt="${r}" title="${r}"` : "", u = !a || a === 100 ? `![${n}](${t})` : `<img src="${s}"${l}${i} />`;
+  return b(u);
+}, k = (t, e) => {
+  const o = $(t), a = e ? p(e) : "", s = p(t), r = p(o), n = `<iframe data-tag="video" data-title="${a}" data-url="${s}" class="w-full aspect-video rounded-lg border-0" src="${r}" allowfullscreen="" allow="autoplay; encrypted-media"></iframe>`;
+  return b(n);
+}, E = m.extractVariableNames, I = m.findDocumentVariableMarkers, P = m.findVariableMarkers, T = m.formatVariableReference, y = m.normalizeVariableName, R = m.trimVariablePadding;
 export {
-  T as createSlashCommands,
-  h as createVariableExpressionRegexp,
-  I as extractVariableNames,
-  w as getEmbedUrl,
-  _ as getImageContentToInsert,
-  M as getVideoContentToInsert,
-  A as isValidVariableName,
-  S as parseContentInfo,
-  U as unwrapFixedOutput,
-  $ as wrapWithFixedOutput
+  z as createSlashCommands,
+  E as extractVariableNames,
+  I as findDocumentVariableMarkers,
+  P as findVariableMarkers,
+  T as formatVariableReference,
+  $ as getEmbedUrl,
+  U as getImageContentToInsert,
+  k as getVideoContentToInsert,
+  y as normalizeVariableName,
+  x as parseContentInfo,
+  R as trimVariablePadding,
+  v as unwrapFixedOutput,
+  b as wrapWithFixedOutput
 };
 //# sourceMappingURL=utils.es.js.map

package/dist/components/MarkdownFlowEditor/utils.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.es.js","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\nconst VARIABLE_NAME_SOURCE = \"[\\\\p{L}\\\\p{N}_]+\";\nconst VARIABLE_NAME_REGEXP = new RegExp(`^${VARIABLE_NAME_SOURCE}$`, \"u\");\nconst VARIABLE_EXPRESSION_PATTERN = `\\\\{\\\\{(${VARIABLE_NAME_SOURCE})\\\\}\\\\}`;\nconst FIXED_OUTPUT_MARKER = \"===\";\n\nconst createVariableExpressionRegexp = () =>\n  new RegExp(VARIABLE_EXPRESSION_PATTERN, \"gu\");\n\nconst isValidVariableName = (name: string) =>\n  typeof name === \"string\" && VARIABLE_NAME_REGEXP.test(name);\n\nconst extractVariableNames = (content: string) => {\n  if (!content) {\n    return [];\n  }\n  const matches: string[] = [];\n  const regexp = createVariableExpressionRegexp();\n  let match: RegExpExecArray | null;\n\n  while ((match = regexp.exec(content)) !== null) {\n    matches.push(match[1]);\n  }\n\n  return matches;\n};\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: dataset.title,\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  extractVariableNames,\n  createVariableExpressionRegexp,\n  wrapWithFixedOutput,\n  unwrapFixedOutput,\n};\n"],"names":["VARIABLE_NAME_SOURCE","VARIABLE_NAME_REGEXP","VARIABLE_EXPRESSION_PATTERN","FIXED_OUTPUT_MARKER","createVariableExpressionRegexp","isValidVariableName","name","extractVariableNames","content","matches","regexp","match","parseContentInfo","type","dataset","SelectedOption","createSlashCommands","onSelectOption","labels","context","word","handleSelect","view","_","from","to","selectedOption","getEmbedUrl","url","getVideoEmbedUrl","escapeHtmlAttribute","value","escapeMarkdownText","text","clampScalePercent","wrapWithFixedOutput","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.es.js","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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"}

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

@@ -0,0 +1 @@
+export {};

package/dist/components/ui/inputGroup/textarea.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),d=require("react"),u=require("../../../node_modules/rc-textarea/es/TextArea.cjs");require("../../../_virtual/index4.cjs");require("../../../node_modules/rc-resize-observer/es/index.cjs");require("../../../node_modules/rc-util/es/hooks/useLayoutEffect.cjs");require("../../../node_modules/rc-util/es/raf.cjs");const s=require("../../../lib/utils.cjs");function c(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const l=c(d),i=l.forwardRef(({className:e,autoSize:t={minRows:1},style:r,...a},n)=>o.jsx(u.default,{ref:n,autoSize:t,className:s.cn("border-input placeholder:text-muted-foreground aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 w-full rounded-md border bg-transparent pl-3 py-1.5 text-base shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50","resize-none",e),style:{whiteSpace:"pre-wrap",wordBreak:"break-word",...r},...a}));i.displayName="Textarea";exports.Textarea=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),d=require("react"),u=require("../../../node_modules/rc-textarea/es/TextArea.cjs");require("../../../_virtual/index5.cjs");require("../../../node_modules/rc-resize-observer/es/index.cjs");require("../../../node_modules/rc-util/es/hooks/useLayoutEffect.cjs");require("../../../node_modules/rc-util/es/raf.cjs");const s=require("../../../lib/utils.cjs");function c(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const l=c(d),i=l.forwardRef(({className:e,autoSize:t={minRows:1},style:r,...a},n)=>o.jsx(u.default,{ref:n,autoSize:t,className:s.cn("border-input placeholder:text-muted-foreground aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 w-full rounded-md border bg-transparent pl-3 py-1.5 text-base shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50","resize-none",e),style:{whiteSpace:"pre-wrap",wordBreak:"break-word",...r},...a}));i.displayName="Textarea";exports.Textarea=i;
 //# sourceMappingURL=textarea.cjs.map

package/dist/components/ui/inputGroup/textarea.es.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import * as d from "react";
 import n from "../../../node_modules/rc-textarea/es/TextArea.es.js";
-import "../../../_virtual/index.es4.js";
+import "../../../_virtual/index.es5.js";
 import "../../../node_modules/rc-resize-observer/es/index.es.js";
 import "../../../node_modules/rc-util/es/hooks/useLayoutEffect.es.js";
 import "../../../node_modules/rc-util/es/raf.es.js";

package/dist/lib/interaction-defaults.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../_virtual/index.cjs"),b=p.distExports.createInteractionParser(),I=/<custom-variable\b/i,T=new RegExp(`\\?\\[(?:%\\{\\{([^}]+)\\}\\})?(${p.distExports.INTERACTION_CONTENT_SOURCE})\\]`),g=/^[\[{]/,v=/^[\s,，\n]+/,E=t=>{if(!t)return null;const n=t.match(T),s=n?.[1]?.trim(),e=n?.[2]?.trim();if(!e)return null;const r=e.includes("||"),l=r?"||":"|",u=e.split(l).map(a=>a.trim()).filter(Boolean);if(!u.length)return null;const i=[],o=[];let c;return u.forEach(a=>{if(a.startsWith("...")){const f=a.replace(/^\.\.\./,"").trim();f&&(c=f);return}i.push(a),o.push(a)}),{variableName:s,buttonTexts:i.length?i:void 0,buttonValues:o.length?o:void 0,placeholder:c,isMultiSelect:r}},V=t=>{if(!t)return null;try{return b.parseToRemarkFormat(t)}catch(n){console.warn("Failed to parse interaction block",n)}return E(t)},h=(t,n)=>{if(!t)return null;const s=t.trim(),e=n.buttonValues||[],r=n.buttonTexts||[],l=e.indexOf(s);if(l>-1)return{value:e[l],display:r[l]};const u=r.indexOf(s);return u>-1?{value:e[u]||r[u],display:r[u]}:null},S=t=>t.split(/[,，\n]/).map(n=>n.trim()).filter(Boolean),d=t=>t.replace(v,""),R=t=>{const n=t.buttonValues||[],s=t.buttonTexts||[],e=[],r=new Set;return n.forEach((l,u)=>{const i=`${l??""}`.trim(),o=`${s[u]??""}`.trim();[i,o].forEach(c=>{if(!c)return;const a=`${c}::${i||c}`;r.has(a)||(r.add(a),e.push({token:c,value:i||c}))})}),e.sort((l,u)=>u.token.length-l.token.length)},A=(t,n)=>{const s=d(t),e=R(n);for(const r of e){if(!s.startsWith(r.token))continue;const l=s[r.token.length];if(!(l&&!/[\s,，\n]/.test(l)))return r}return null},N=(t,n)=>{const s=S(t);if(!s.length)return{};const e=[],r=[];return s.forEach(l=>{const u=h(l,n);if(u){e.push(u.value);return}if(n.placeholder){r.push(l);return}e.push(l)}),{selectedValues:e.length?e:void 0,inputText:r.length?r.join(", "):void 0}},O=(t,n)=>{const s=[];let e=t.trim();for(;e;){const l=A(e,n);if(!l)break;s.push(l.value);const u=d(e);e=d(u.slice(l.token.length))}if(s.length>0)return{selectedValues:s,inputText:n.placeholder&&e.trim()?e.trim():void 0};const r=N(t,n);return r.selectedValues?.length?r:n.placeholder?{inputText:t.trim()}:r},D=t=>{if(!t||Array.isArray(t))return null;const n=Array.isArray(t.selectedValues)?t.selectedValues.map(r=>`${r??""}`.trim()).filter(Boolean):void 0,s=`${t.buttonText??""}`.trim(),e=typeof t.inputText=="string"?t.inputText:void 0;return!n?.length&&!s&&!e?null:{buttonText:s||void 0,inputText:e,selectedValues:n?.length?n:void 0}},C=t=>{if(!t||!g.test(t.trim()))return null;try{const n=JSON.parse(t);return D(n)}catch{return null}},P=t=>!!(t&&(I.test(t)||T.test(t))),m=(t,n,s,e)=>e?.resolveDefaultValues?.({content:t,rawValue:n,interactionInfo:s})??null,x=(t,n,s)=>{const e=n?.toString().trim();if(!e)return{};const r=C(e);if(r)return r;const l=m(t,e,null,s);if(l)return l;if(!P(t))return{buttonText:e,inputText:e};const u=V(t),i=m(t,e,u,s);if(i)return i;if(!u)return{buttonText:e,inputText:e};if(u.isMultiSelect)return O(e,u);const o=h(e,u);return o?{buttonText:o.value||o.display||e}:u.placeholder?{inputText:e}:{buttonText:e,inputText:e}},_=(t,n,s)=>{const e=x(t,n,s);return e.selectedValues?e.selectedValues:n?n.split(",").map(r=>r.trim()).filter(Boolean):void 0};exports.getInteractionDefaultSelectedValues=_;exports.getInteractionDefaultValues=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../_virtual/index.cjs"),b=require("../components/ContentRender/utils/inline-code-ranges.cjs"),p=u.distExports.createInteractionParser(),g=/<custom-variable\b/i,E=new RegExp(`\\?\\[(${u.distExports.INTERACTION_CONTENT_SOURCE})\\](?!\\()`),V=/^[\[{]/,m=t=>{if(t.type==="flowInteraction"&&"value"in t)return typeof t.value=="string"?t.value:null;if(t.children)for(const e of t.children){const r=m(e);if(r!==null)return r}return null},I=t=>{if(!t)return null;try{const e=m(b.getMarkdownSourceAnalysis(t).tree)??(g.test(t)?t:null);return e===null||p.parse(e).error?null:p.parseToRemarkFormat(e)}catch(e){console.warn("Failed to parse interaction block",e)}return null},T=(t,e)=>{if(!t)return null;const r=u.distExports.trimVariablePadding(t),n=e.buttonValues||[],i=e.buttonTexts||[],s=n.indexOf(r);if(s>-1)return{value:n[s],display:i[s]};const l=i.indexOf(r);return l>-1?{value:n[l]||i[l],display:i[l]}:null},v=t=>t.split(/[,，\n]/).map(e=>u.distExports.trimVariablePadding(e)).filter(Boolean),d=t=>{let e=0;for(;e<t.length&&(t[e]===","||t[e]==="，"||u.distExports.trimVariablePadding(t[e])==="");)e+=1;return t.slice(e)},P=t=>{const e=t.buttonValues||[],r=t.buttonTexts||[],n=[],i=new Set;return e.forEach((s,l)=>{const a=u.distExports.trimVariablePadding(`${s??""}`),o=u.distExports.trimVariablePadding(`${r[l]??""}`);[a,o].forEach(c=>{if(!c)return;const f=`${c}::${a||c}`;i.has(f)||(i.add(f),n.push({token:c,value:a||c}))})}),n.sort((s,l)=>l.token.length-s.token.length)},S=(t,e)=>{const r=d(t),n=P(e);for(const i of n){if(!r.startsWith(i.token))continue;const s=r[i.token.length];if(!(s&&s!==","&&s!=="，"&&u.distExports.trimVariablePadding(s)!==""))return i}return null},D=(t,e)=>{const r=v(t);if(!r.length)return{};const n=[],i=[];return r.forEach(s=>{const l=T(s,e);if(l){n.push(l.value);return}if(e.placeholder){i.push(s);return}n.push(s)}),{selectedValues:n.length?n:void 0,inputText:i.length?i.join(", "):void 0}},R=(t,e)=>{const r=[];let n=u.distExports.trimVariablePadding(t);for(;n;){const s=S(n,e);if(!s)break;r.push(s.value);const l=d(n);n=d(l.slice(s.token.length))}if(r.length>0)return{selectedValues:r,inputText:e.placeholder&&n.trim()?n.trim():void 0};const i=D(t,e);return i.selectedValues?.length?i:e.placeholder?{inputText:t.trim()}:i},O=t=>{if(!t||Array.isArray(t))return null;const e=Array.isArray(t.selectedValues)?t.selectedValues.map(i=>u.distExports.trimVariablePadding(`${i??""}`)).filter(Boolean):void 0,r=u.distExports.trimVariablePadding(`${t.buttonText??""}`),n=typeof t.inputText=="string"?t.inputText:void 0;return!e?.length&&!r&&!n?null:{buttonText:r||void 0,inputText:n,selectedValues:e?.length?e:void 0}},A=t=>{if(!t||!V.test(u.distExports.trimVariablePadding(t)))return null;try{const e=JSON.parse(t);return O(e)}catch{return null}},N=t=>!!(t&&(g.test(t)||E.test(t))),x=(t,e,r,n)=>n?.resolveDefaultValues?.({content:t,rawValue:e,interactionInfo:r})??null,h=(t,e,r)=>{const n=e==null?void 0:u.distExports.trimVariablePadding(e.toString());if(!n)return{};const i=A(n);if(i)return i;const s=x(t,n,null,r);if(s)return s;if(!N(t))return{buttonText:n,inputText:n};const l=I(t),a=x(t,n,l,r);if(a)return a;if(!l)return{buttonText:n,inputText:n};if(l.isMultiSelect)return R(n,l);const o=T(n,l);return o?{buttonText:o.value||o.display||n}:l.placeholder?{inputText:n}:{buttonText:n,inputText:n}},C=(t,e,r)=>{const n=h(t,e,r);return n.selectedValues?n.selectedValues:e?e.split(",").map(i=>u.distExports.trimVariablePadding(i)).filter(Boolean):void 0};exports.getInteractionDefaultSelectedValues=C;exports.getInteractionDefaultValues=h;
 //# sourceMappingURL=interaction-defaults.cjs.map