markdown-flow-ui 0.1.111 → 0.1.112

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

@@ -1,35 +1,35 @@
 import { WidgetType as u, EditorView as l } from "../../../markdown-flow-ui/node_modules/.pnpm/@codemirror_view@6.38.6/node_modules/@codemirror/view/dist/index.es.js";
-const h = "http://www.w3.org/2000/svg", n = (e) => document.createElementNS(h, e), b = () => {
-  const e = n("svg");
+const h = "http://www.w3.org/2000/svg", r = (e) => document.createElementNS(h, e), p = () => {
+  const e = r("svg");
   e.setAttribute("viewBox", "0 0 24 24"), e.setAttribute("width", "14"), e.setAttribute("height", "14"), e.setAttribute("fill", "none"), e.setAttribute("stroke", "currentColor"), e.setAttribute("stroke-width", "1.5"), e.setAttribute("stroke-linecap", "round"), e.setAttribute("stroke-linejoin", "round");
-  const t = n("rect");
+  const t = r("rect");
   t.setAttribute("width", "18"), t.setAttribute("height", "18"), t.setAttribute("x", "3"), t.setAttribute("y", "3"), t.setAttribute("rx", "2"), t.setAttribute("ry", "2");
-  const s = n("circle");
+  const s = r("circle");
   s.setAttribute("cx", "9"), s.setAttribute("cy", "9"), s.setAttribute("r", "2");
-  const i = n("path");
-  return i.setAttribute("d", "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"), e.append(t, s, i), e;
-}, p = () => {
-  const e = n("svg");
+  const n = r("path");
+  return n.setAttribute("d", "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"), e.append(t, s, n), e;
+}, b = () => {
+  const e = r("svg");
   e.setAttribute("viewBox", "0 0 24 24"), e.setAttribute("width", "14"), e.setAttribute("height", "14"), e.setAttribute("fill", "none"), e.setAttribute("stroke", "currentColor"), e.setAttribute("stroke-width", "1.5"), e.setAttribute("stroke-linecap", "round"), e.setAttribute("stroke-linejoin", "round");
-  const t = n("rect");
+  const t = r("rect");
   t.setAttribute("width", "18"), t.setAttribute("height", "18"), t.setAttribute("x", "3"), t.setAttribute("y", "3"), t.setAttribute("rx", "2");
-  const s = n("path");
+  const s = r("path");
   return s.setAttribute("d", "m9 8 6 4-6 4Z"), e.append(t, s), e;
 };
-class g extends u {
-  constructor(t, s, i, r, o) {
-    super(), this.text = t, this.dataset = s, this.styleClass = i, this.type = r, this.view = o;
+class m extends u {
+  constructor(t, s, n, i, a) {
+    super(), this.text = t, this.dataset = s, this.styleClass = n, this.type = i, this.view = a;
   }
   getPosition() {
     let t = -1, s = -1;
-    const i = this.view.state.facet(l.decorations);
-    for (const r of i)
-      if ((typeof r == "function" ? r(this.view) : r).between(
+    const n = this.view.state.facet(l.decorations);
+    for (const i of n)
+      if ((typeof i == "function" ? i(this.view) : i).between(
         0,
         this.view.state.doc.length,
-        (a, c, d) => {
+        (o, c, d) => {
           if (d.spec.widget === this)
-            return t = a, s = c, !1;
+            return t = o, s = c, !1;
         }
       ), t !== -1) break;
     if (t !== -1 && s !== -1)
@@ -39,32 +39,42 @@ class g extends u {
     const t = document.createElement("span");
     t.className = this.styleClass;
     const s = document.createElement("span");
-    if (s.textContent = this.text, s.dataset.tag = this.dataset.tag || "", s.dataset.url = this.dataset.url || "", s.dataset.title = this.dataset.title || "", s.addEventListener("click", (i) => {
-      const [r, o] = this.getPosition() ?? [-1, -1], a = new CustomEvent("globalTagClick", {
+    s.className = "tag-placeholder-content";
+    const n = document.createElement("span");
+    if (n.className = "tag-placeholder-label", n.textContent = this.text, n.dataset.tag = this.dataset.tag || "", n.dataset.url = this.dataset.url || "", n.dataset.title = this.dataset.title || "", s.addEventListener("click", (i) => {
+      const [a, o] = this.getPosition() ?? [-1, -1], c = new CustomEvent("globalTagClick", {
         detail: {
           view: this.view,
           type: this.type,
           dataset: this.dataset,
-          content: s.textContent,
-          from: r,
+          content: n.textContent,
+          from: a,
           to: o,
           target: i.currentTarget
         }
       });
-      window.dispatchEvent(a);
-    }), this.dataset.tag === "image" || this.dataset.tag === "video") {
+      window.dispatchEvent(c);
+    }), this.dataset.fixedOutput) {
+      const i = document.createElement("span");
+      i.className = "tag-fixed-output-marker", i.textContent = "===", t.appendChild(i);
+    }
+    if (this.dataset.tag === "image" || this.dataset.tag === "video") {
       const i = document.createElement("span");
       i.className = "tag-placeholder-icon";
-      const r = this.dataset.tag === "image" ? b() : p();
-      i.appendChild(r), t.appendChild(i);
+      const a = this.dataset.tag === "image" ? p() : b();
+      i.appendChild(a), s.appendChild(i);
+    }
+    if (s.appendChild(n), t.appendChild(s), this.dataset.fixedOutput) {
+      const i = document.createElement("span");
+      i.className = "tag-fixed-output-marker", i.textContent = "===", t.appendChild(i);
     }
-    return t.appendChild(s), t;
+    return t;
   }
   ignoreEvent() {
     return !1;
   }
 }
 export {
-  g as default
+  m as default
 };
 //# sourceMappingURL=PlaceholderWidget.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlaceholderWidget.es.js","sources":["../../../../src/components/MarkdownFlowEditor/plugins/PlaceholderWidget.ts"],"sourcesContent":["import { EditorView, Decoration, WidgetType } from \"@codemirror/view\";\nimport { SelectedOption } from \"../types\";\n\nconst SVG_NS = \"http://www.w3.org/2000/svg\";\n\nconst createSvgElement = (tag: string) => document.createElementNS(SVG_NS, tag);\n// TODO: if use renderToStaticMarkup & createElement, it will cause react & react-dom version mismatch\n// so we use lucide-react to build the icon\n// lucide-react image icon\nconst buildImageIcon = () => {\n  const svg = createSvgElement(\"svg\");\n  svg.setAttribute(\"viewBox\", \"0 0 24 24\");\n  svg.setAttribute(\"width\", \"14\");\n  svg.setAttribute(\"height\", \"14\");\n  svg.setAttribute(\"fill\", \"none\");\n  svg.setAttribute(\"stroke\", \"currentColor\");\n  svg.setAttribute(\"stroke-width\", \"1.5\");\n  svg.setAttribute(\"stroke-linecap\", \"round\");\n  svg.setAttribute(\"stroke-linejoin\", \"round\");\n\n  const rect = createSvgElement(\"rect\");\n  rect.setAttribute(\"width\", \"18\");\n  rect.setAttribute(\"height\", \"18\");\n  rect.setAttribute(\"x\", \"3\");\n  rect.setAttribute(\"y\", \"3\");\n  rect.setAttribute(\"rx\", \"2\");\n  rect.setAttribute(\"ry\", \"2\");\n\n  const circle = createSvgElement(\"circle\");\n  circle.setAttribute(\"cx\", \"9\");\n  circle.setAttribute(\"cy\", \"9\");\n  circle.setAttribute(\"r\", \"2\");\n\n  const path = createSvgElement(\"path\");\n  path.setAttribute(\"d\", \"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\");\n\n  svg.append(rect, circle, path);\n  return svg;\n};\n\n// lucide-react image icon\nconst buildVideoIcon = () => {\n  const svg = createSvgElement(\"svg\");\n  svg.setAttribute(\"viewBox\", \"0 0 24 24\");\n  svg.setAttribute(\"width\", \"14\");\n  svg.setAttribute(\"height\", \"14\");\n  svg.setAttribute(\"fill\", \"none\");\n  svg.setAttribute(\"stroke\", \"currentColor\");\n  svg.setAttribute(\"stroke-width\", \"1.5\");\n  svg.setAttribute(\"stroke-linecap\", \"round\");\n  svg.setAttribute(\"stroke-linejoin\", \"round\");\n\n  const rect = createSvgElement(\"rect\");\n  rect.setAttribute(\"width\", \"18\");\n  rect.setAttribute(\"height\", \"18\");\n  rect.setAttribute(\"x\", \"3\");\n  rect.setAttribute(\"y\", \"3\");\n  rect.setAttribute(\"rx\", \"2\");\n\n  const path = createSvgElement(\"path\");\n  path.setAttribute(\"d\", \"m9 8 6 4-6 4Z\");\n\n  svg.append(rect, path);\n  return svg;\n};\n\nclass PlaceholderWidget extends WidgetType {\n  constructor(\n    private text: string,\n    private dataset: {\n      tag: \"image\" | \"video\" | \"variable\";\n      title?: string;\n      url?: string;\n      scalePercent?: number;\n    },\n    private styleClass: string,\n    private type: SelectedOption,\n    private view: EditorView\n  ) {\n    super();\n  }\n\n  getPosition() {\n    let from = -1;\n    let to = -1;\n    const decorations = this.view.state.facet(EditorView.decorations);\n    for (const deco of decorations) {\n      const decoSet = typeof deco === \"function\" ? deco(this.view) : deco;\n      decoSet.between(\n        0,\n        this.view.state.doc.length,\n        (start: number, end: number, decoration: Decoration) => {\n          if (decoration.spec.widget === this) {\n            from = start;\n            to = end;\n            return false;\n          }\n        }\n      );\n      if (from !== -1) break;\n    }\n    if (from !== -1 && to !== -1) {\n      return [from, to];\n    }\n  }\n\n  toDOM() {\n    const container = document.createElement(\"span\");\n    container.className = this.styleClass;\n    const span = document.createElement(\"span\");\n    span.textContent = this.text;\n    span.dataset[\"tag\"] = this.dataset.tag || \"\";\n    span.dataset[\"url\"] = this.dataset.url || \"\";\n    span.dataset[\"title\"] = this.dataset.title || \"\";\n    // const icon = document.createElement(\"span\");\n    // icon.className = \"tag-icon\";\n    // icon.innerHTML = \"✕\";\n    // icon.addEventListener(\"click\", (e) => {\n    //   e.stopPropagation();\n    //   const [from, to] = this.getPosition() ?? [-1, -1];\n    //   if (from !== -1 && to !== -1) {\n    //     this.view.dispatch({\n    //       changes: { from, to, insert: \"\" },\n    //     });\n    //   }\n    // });\n    span.addEventListener(\"click\", (e) => {\n      const [from, to] = this.getPosition() ?? [-1, -1];\n      const event = new CustomEvent(\"globalTagClick\", {\n        detail: {\n          view: this.view,\n          type: this.type,\n          dataset: this.dataset,\n          content: span.textContent,\n          from,\n          to,\n          target: e.currentTarget,\n        },\n      });\n      window.dispatchEvent(event);\n    });\n    if (this.dataset.tag === \"image\" || this.dataset.tag === \"video\") {\n      const iconWrapper = document.createElement(\"span\");\n      iconWrapper.className = \"tag-placeholder-icon\";\n\n      const icon =\n        this.dataset.tag === \"image\" ? buildImageIcon() : buildVideoIcon();\n      iconWrapper.appendChild(icon);\n      container.appendChild(iconWrapper);\n    }\n    container.appendChild(span);\n    // container.appendChild(icon);\n    return container;\n  }\n\n  ignoreEvent() {\n    return false;\n  }\n}\n\nexport default PlaceholderWidget;\n"],"names":["SVG_NS","createSvgElement","tag","buildImageIcon","svg","rect","circle","path","buildVideoIcon","PlaceholderWidget","WidgetType","text","dataset","styleClass","type","view","from","to","decorations","EditorView","deco","start","end","decoration","container","span","e","event","iconWrapper","icon"],"mappings":"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"}
+{"version":3,"file":"PlaceholderWidget.es.js","sources":["../../../../src/components/MarkdownFlowEditor/plugins/PlaceholderWidget.ts"],"sourcesContent":["import { EditorView, Decoration, WidgetType } from \"@codemirror/view\";\nimport { SelectedOption } from \"../types\";\n\nconst SVG_NS = \"http://www.w3.org/2000/svg\";\n\nconst createSvgElement = (tag: string) => document.createElementNS(SVG_NS, tag);\n// TODO: if use renderToStaticMarkup & createElement, it will cause react & react-dom version mismatch\n// so we use lucide-react to build the icon\n// lucide-react image icon\nconst buildImageIcon = () => {\n  const svg = createSvgElement(\"svg\");\n  svg.setAttribute(\"viewBox\", \"0 0 24 24\");\n  svg.setAttribute(\"width\", \"14\");\n  svg.setAttribute(\"height\", \"14\");\n  svg.setAttribute(\"fill\", \"none\");\n  svg.setAttribute(\"stroke\", \"currentColor\");\n  svg.setAttribute(\"stroke-width\", \"1.5\");\n  svg.setAttribute(\"stroke-linecap\", \"round\");\n  svg.setAttribute(\"stroke-linejoin\", \"round\");\n\n  const rect = createSvgElement(\"rect\");\n  rect.setAttribute(\"width\", \"18\");\n  rect.setAttribute(\"height\", \"18\");\n  rect.setAttribute(\"x\", \"3\");\n  rect.setAttribute(\"y\", \"3\");\n  rect.setAttribute(\"rx\", \"2\");\n  rect.setAttribute(\"ry\", \"2\");\n\n  const circle = createSvgElement(\"circle\");\n  circle.setAttribute(\"cx\", \"9\");\n  circle.setAttribute(\"cy\", \"9\");\n  circle.setAttribute(\"r\", \"2\");\n\n  const path = createSvgElement(\"path\");\n  path.setAttribute(\"d\", \"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\");\n\n  svg.append(rect, circle, path);\n  return svg;\n};\n\n// lucide-react image icon\nconst buildVideoIcon = () => {\n  const svg = createSvgElement(\"svg\");\n  svg.setAttribute(\"viewBox\", \"0 0 24 24\");\n  svg.setAttribute(\"width\", \"14\");\n  svg.setAttribute(\"height\", \"14\");\n  svg.setAttribute(\"fill\", \"none\");\n  svg.setAttribute(\"stroke\", \"currentColor\");\n  svg.setAttribute(\"stroke-width\", \"1.5\");\n  svg.setAttribute(\"stroke-linecap\", \"round\");\n  svg.setAttribute(\"stroke-linejoin\", \"round\");\n\n  const rect = createSvgElement(\"rect\");\n  rect.setAttribute(\"width\", \"18\");\n  rect.setAttribute(\"height\", \"18\");\n  rect.setAttribute(\"x\", \"3\");\n  rect.setAttribute(\"y\", \"3\");\n  rect.setAttribute(\"rx\", \"2\");\n\n  const path = createSvgElement(\"path\");\n  path.setAttribute(\"d\", \"m9 8 6 4-6 4Z\");\n\n  svg.append(rect, path);\n  return svg;\n};\n\nclass PlaceholderWidget extends WidgetType {\n  constructor(\n    private text: string,\n    private dataset: {\n      tag: \"image\" | \"video\" | \"variable\";\n      title?: string;\n      url?: string;\n      scalePercent?: number;\n      fixedOutput?: boolean;\n    },\n    private styleClass: string,\n    private type: SelectedOption,\n    private view: EditorView\n  ) {\n    super();\n  }\n\n  getPosition() {\n    let from = -1;\n    let to = -1;\n    const decorations = this.view.state.facet(EditorView.decorations);\n    for (const deco of decorations) {\n      const decoSet = typeof deco === \"function\" ? deco(this.view) : deco;\n      decoSet.between(\n        0,\n        this.view.state.doc.length,\n        (start: number, end: number, decoration: Decoration) => {\n          if (decoration.spec.widget === this) {\n            from = start;\n            to = end;\n            return false;\n          }\n        }\n      );\n      if (from !== -1) break;\n    }\n    if (from !== -1 && to !== -1) {\n      return [from, to];\n    }\n  }\n\n  toDOM() {\n    const container = document.createElement(\"span\");\n    container.className = this.styleClass;\n    const content = document.createElement(\"span\");\n    content.className = \"tag-placeholder-content\";\n    const span = document.createElement(\"span\");\n    span.className = \"tag-placeholder-label\";\n    span.textContent = this.text;\n    span.dataset[\"tag\"] = this.dataset.tag || \"\";\n    span.dataset[\"url\"] = this.dataset.url || \"\";\n    span.dataset[\"title\"] = this.dataset.title || \"\";\n    // const icon = document.createElement(\"span\");\n    // icon.className = \"tag-icon\";\n    // icon.innerHTML = \"✕\";\n    // icon.addEventListener(\"click\", (e) => {\n    //   e.stopPropagation();\n    //   const [from, to] = this.getPosition() ?? [-1, -1];\n    //   if (from !== -1 && to !== -1) {\n    //     this.view.dispatch({\n    //       changes: { from, to, insert: \"\" },\n    //     });\n    //   }\n    // });\n    content.addEventListener(\"click\", (e) => {\n      const [from, to] = this.getPosition() ?? [-1, -1];\n      const event = new CustomEvent(\"globalTagClick\", {\n        detail: {\n          view: this.view,\n          type: this.type,\n          dataset: this.dataset,\n          content: span.textContent,\n          from,\n          to,\n          target: e.currentTarget,\n        },\n      });\n      window.dispatchEvent(event);\n    });\n\n    if (this.dataset.fixedOutput) {\n      const prefix = document.createElement(\"span\");\n      prefix.className = \"tag-fixed-output-marker\";\n      prefix.textContent = \"===\";\n      container.appendChild(prefix);\n    }\n\n    if (this.dataset.tag === \"image\" || this.dataset.tag === \"video\") {\n      const iconWrapper = document.createElement(\"span\");\n      iconWrapper.className = \"tag-placeholder-icon\";\n\n      const icon =\n        this.dataset.tag === \"image\" ? buildImageIcon() : buildVideoIcon();\n      iconWrapper.appendChild(icon);\n      content.appendChild(iconWrapper);\n    }\n    content.appendChild(span);\n    container.appendChild(content);\n\n    if (this.dataset.fixedOutput) {\n      const suffix = document.createElement(\"span\");\n      suffix.className = \"tag-fixed-output-marker\";\n      suffix.textContent = \"===\";\n      container.appendChild(suffix);\n    }\n\n    // container.appendChild(icon);\n    return container;\n  }\n\n  ignoreEvent() {\n    return false;\n  }\n}\n\nexport default PlaceholderWidget;\n"],"names":["SVG_NS","createSvgElement","tag","buildImageIcon","svg","rect","circle","path","buildVideoIcon","PlaceholderWidget","WidgetType","text","dataset","styleClass","type","view","from","to","decorations","EditorView","deco","start","end","decoration","container","content","span","e","event","prefix","iconWrapper","icon","suffix"],"mappings":"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"}

package/dist/components/MarkdownFlowEditor/plugins/VideoPlaceholder.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../../../markdown-flow-ui/node_modules/.pnpm/@codemirror_view@6.38.6/node_modules/@codemirror/view/dist/index.cjs.js"),w=require("../types.cjs.js"),f=require("./PlaceholderWidget.cjs.js"),R=/<iframe\s[^>]*data-tag="video"[^>]*><\/iframe>/gi,i=(e,t)=>{const r=t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),c=new RegExp(`${r}="([^"]*)"`,"i"),o=e.match(c);return o?o[1]:""},s=e=>e.replace(/&quot;/g,'"').replace(/&amp;/g,"&"),m=new a.MatchDecorator({regexp:R,decoration:(e,t)=>{const r=e?.[0]||"",c=i(r,"src"),o=i(r,"data-title"),n=i(r,"data-url"),d=o?s(o):"",l=c?s(c):"",u=n?s(n):"";let p=u||l;try{if(!u&&l){const h=new URLSearchParams(new URL(l).search).get("url");h&&(p=decodeURIComponent(h))}}catch(g){console.warn("Failed to decode video URL:",g)}return a.Decoration.replace({widget:new f.default(d||"Video",{tag:"video",url:p,title:d},"tag-video",w.SelectedOption.Video,t)})}}),U=a.ViewPlugin.fromClass(class{constructor(e){this.placeholders=m.createDeco(e)}update(e){this.placeholders=m.updateDeco(e,this.placeholders)}},{decorations:e=>e.placeholders,provide:e=>a.EditorView.atomicRanges.of(t=>t.plugin(e)?.placeholders||a.Decoration.none)});exports.default=U;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../../markdown-flow-ui/node_modules/.pnpm/@codemirror_view@6.38.6/node_modules/@codemirror/view/dist/index.cjs.js"),R=require("../types.cjs.js"),x=require("../utils.cjs.js"),U=require("./PlaceholderWidget.cjs.js"),V=/===\s*<iframe\s[^>]*data-tag="video"[^>]*><\/iframe>\s*===|<iframe\s[^>]*data-tag="video"[^>]*><\/iframe>/gi,i=(e,t)=>{const a=t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),r=new RegExp(`${a}="([^"]*)"`,"i"),c=e.match(r);return c?c[1]:""},l=e=>e.replace(/&quot;/g,'"').replace(/&amp;/g,"&"),w=new o.MatchDecorator({regexp:V,decoration:(e,t)=>{const a=e?.[0]||"",r=x.unwrapFixedOutput(a),c=/^\s*===/.test(a),n=i(r,"src"),d=i(r,"data-title"),u=i(r,"data-url"),p=d?l(d):"",s=n?l(n):"",g=u?l(u):"";let h=g||s;try{if(!g&&s){const f=new URLSearchParams(new URL(s).search).get("url");f&&(h=decodeURIComponent(f))}}catch(m){console.warn("Failed to decode video URL:",m)}return o.Decoration.replace({widget:new U.default(p||"Video",{tag:"video",url:h,title:p,fixedOutput:c},"tag-video",R.SelectedOption.Video,t)})}}),v=o.ViewPlugin.fromClass(class{constructor(e){this.placeholders=w.createDeco(e)}update(e){this.placeholders=w.updateDeco(e,this.placeholders)}},{decorations:e=>e.placeholders,provide:e=>o.EditorView.atomicRanges.of(t=>t.plugin(e)?.placeholders||o.Decoration.none)});exports.default=v;
 //# sourceMappingURL=VideoPlaceholder.cjs.js.map

package/dist/components/MarkdownFlowEditor/plugins/VideoPlaceholder.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"VideoPlaceholder.cjs.js","sources":["../../../../src/components/MarkdownFlowEditor/plugins/VideoPlaceholder.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\";\n\nconst biliVideoContextRegexp =\n  /<iframe\\s[^>]*data-tag=\"video\"[^>]*><\\/iframe>/gi;\n\nconst extractAttrValue = (markup: string, attr: string) => {\n  const escapedAttr = attr.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n  const regexp = new RegExp(`${escapedAttr}=\"([^\"]*)\"`, \"i\");\n  const match = markup.match(regexp);\n  return match ? match[1] : \"\";\n};\n\nconst decodeHtmlEntities = (value: string) =>\n  value.replace(/&quot;/g, '\"').replace(/&amp;/g, \"&\");\n\nconst biliUrlMatcher = new MatchDecorator({\n  regexp: biliVideoContextRegexp,\n  decoration: (match, view) => {\n    const iframeMarkup = match?.[0] || \"\";\n    const srcValueRaw = extractAttrValue(iframeMarkup, \"src\");\n    const titleAttrRaw = extractAttrValue(iframeMarkup, \"data-title\");\n    const dataUrlAttrRaw = extractAttrValue(iframeMarkup, \"data-url\");\n    const titleAttr = titleAttrRaw ? decodeHtmlEntities(titleAttrRaw) : \"\";\n    const decodedSrcValue = srcValueRaw ? decodeHtmlEntities(srcValueRaw) : \"\";\n    const storedDataUrl = dataUrlAttrRaw\n      ? decodeHtmlEntities(dataUrlAttrRaw)\n      : \"\";\n    // Extract and decode the original URL from stored attributes or API endpoint\n    let originalUrl = storedDataUrl || decodedSrcValue;\n    try {\n      if (!storedDataUrl && decodedSrcValue) {\n        const urlParams = new URLSearchParams(new URL(decodedSrcValue).search);\n        const encodedUrl = urlParams.get(\"url\");\n        if (encodedUrl) {\n          originalUrl = decodeURIComponent(encodedUrl);\n        }\n      }\n    } catch (error) {\n      console.warn(\"Failed to decode video URL:\", error);\n    }\n\n    return Decoration.replace({\n      widget: new PlaceholderWidget(\n        titleAttr || \"Video\", // Display title from data-title\n        {\n          tag: \"video\",\n          url: originalUrl, // Decoded original Bilibili URL\n          title: titleAttr, // title from data-title attribute\n        },\n        \"tag-video\",\n        SelectedOption.Video,\n        view\n      ),\n    });\n  },\n});\n\nconst VideoPlaceholder = ViewPlugin.fromClass(\n  class {\n    placeholders: DecorationSet;\n    constructor(view: EditorView) {\n      this.placeholders = biliUrlMatcher.createDeco(view);\n    }\n    update(update: ViewUpdate) {\n      this.placeholders = biliUrlMatcher.updateDeco(update, this.placeholders);\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 VideoPlaceholder;\n"],"names":["biliVideoContextRegexp","extractAttrValue","markup","attr","escapedAttr","regexp","match","decodeHtmlEntities","value","biliUrlMatcher","MatchDecorator","view","iframeMarkup","srcValueRaw","titleAttrRaw","dataUrlAttrRaw","titleAttr","decodedSrcValue","storedDataUrl","originalUrl","encodedUrl","error","Decoration","PlaceholderWidget","SelectedOption","VideoPlaceholder","ViewPlugin","update","instance","plugin","EditorView"],"mappings":"yTAWMA,EACJ,mDAEIC,EAAmB,CAACC,EAAgBC,IAAiB,CACzD,MAAMC,EAAcD,EAAK,QAAQ,sBAAuB,MAAM,EACxDE,EAAS,IAAI,OAAO,GAAGD,CAAW,aAAc,GAAG,EACnDE,EAAQJ,EAAO,MAAMG,CAAM,EACjC,OAAOC,EAAQA,EAAM,CAAC,EAAI,EAC5B,EAEMC,EAAsBC,GAC1BA,EAAM,QAAQ,UAAW,GAAG,EAAE,QAAQ,SAAU,GAAG,EAE/CC,EAAiB,IAAIC,EAAAA,eAAe,CACxC,OAAQV,EACR,WAAY,CAACM,EAAOK,IAAS,CAC3B,MAAMC,EAAeN,IAAQ,CAAC,GAAK,GAC7BO,EAAcZ,EAAiBW,EAAc,KAAK,EAClDE,EAAeb,EAAiBW,EAAc,YAAY,EAC1DG,EAAiBd,EAAiBW,EAAc,UAAU,EAC1DI,EAAYF,EAAeP,EAAmBO,CAAY,EAAI,GAC9DG,EAAkBJ,EAAcN,EAAmBM,CAAW,EAAI,GAClEK,EAAgBH,EAClBR,EAAmBQ,CAAc,EACjC,GAEJ,IAAII,EAAcD,GAAiBD,EACnC,GAAI,CACF,GAAI,CAACC,GAAiBD,EAAiB,CAErC,MAAMG,EADY,IAAI,gBAAgB,IAAI,IAAIH,CAAe,EAAE,MAAM,EACxC,IAAI,KAAK,EAClCG,IACFD,EAAc,mBAAmBC,CAAU,EAE/C,CACF,OAASC,EAAO,CACd,QAAQ,KAAK,8BAA+BA,CAAK,CACnD,CAEA,OAAOC,EAAAA,WAAW,QAAQ,CACxB,OAAQ,IAAIC,EAAAA,QACVP,GAAa,QACb,CACE,IAAK,QACL,IAAKG,EACL,MAAOH,CAAA,EAET,YACAQ,EAAAA,eAAe,MACfb,CAAA,CACF,CACD,CACH,CACF,CAAC,EAEKc,EAAmBC,EAAAA,WAAW,UAClC,KAAM,CAEJ,YAAYf,EAAkB,CAC5B,KAAK,aAAeF,EAAe,WAAWE,CAAI,CACpD,CACA,OAAOgB,EAAoB,CACzB,KAAK,aAAelB,EAAe,WAAWkB,EAAQ,KAAK,YAAY,CACzE,CAAA,EAEF,CACE,YAAcC,GAAaA,EAAS,aACpC,QAAUC,GACRC,EAAAA,WAAW,aAAa,GAAInB,GACnBA,EAAK,OAAOkB,CAAM,GAAG,cAAgBP,EAAAA,WAAW,IACxD,CAAA,CAEP"}
+{"version":3,"file":"VideoPlaceholder.cjs.js","sources":["../../../../src/components/MarkdownFlowEditor/plugins/VideoPlaceholder.ts"],"sourcesContent":["import {\n  EditorView,\n  Decoration,\n  DecorationSet,\n  ViewPlugin,\n  ViewUpdate,\n  MatchDecorator,\n} from \"@codemirror/view\";\nimport { SelectedOption } from \"../types\";\nimport { unwrapFixedOutput } from \"../utils\";\nimport PlaceholderWidget from \"./PlaceholderWidget\";\n\nconst biliVideoContextRegexp =\n  /===\\s*<iframe\\s[^>]*data-tag=\"video\"[^>]*><\\/iframe>\\s*===|<iframe\\s[^>]*data-tag=\"video\"[^>]*><\\/iframe>/gi;\n\nconst extractAttrValue = (markup: string, attr: string) => {\n  const escapedAttr = attr.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n  const regexp = new RegExp(`${escapedAttr}=\"([^\"]*)\"`, \"i\");\n  const match = markup.match(regexp);\n  return match ? match[1] : \"\";\n};\n\nconst decodeHtmlEntities = (value: string) =>\n  value.replace(/&quot;/g, '\"').replace(/&amp;/g, \"&\");\n\nconst biliUrlMatcher = new MatchDecorator({\n  regexp: biliVideoContextRegexp,\n  decoration: (match, view) => {\n    const source = match?.[0] || \"\";\n    const iframeMarkup = unwrapFixedOutput(source);\n    const fixedOutput = /^\\s*===/.test(source);\n    const srcValueRaw = extractAttrValue(iframeMarkup, \"src\");\n    const titleAttrRaw = extractAttrValue(iframeMarkup, \"data-title\");\n    const dataUrlAttrRaw = extractAttrValue(iframeMarkup, \"data-url\");\n    const titleAttr = titleAttrRaw ? decodeHtmlEntities(titleAttrRaw) : \"\";\n    const decodedSrcValue = srcValueRaw ? decodeHtmlEntities(srcValueRaw) : \"\";\n    const storedDataUrl = dataUrlAttrRaw\n      ? decodeHtmlEntities(dataUrlAttrRaw)\n      : \"\";\n    // Extract and decode the original URL from stored attributes or API endpoint\n    let originalUrl = storedDataUrl || decodedSrcValue;\n    try {\n      if (!storedDataUrl && decodedSrcValue) {\n        const urlParams = new URLSearchParams(new URL(decodedSrcValue).search);\n        const encodedUrl = urlParams.get(\"url\");\n        if (encodedUrl) {\n          originalUrl = decodeURIComponent(encodedUrl);\n        }\n      }\n    } catch (error) {\n      console.warn(\"Failed to decode video URL:\", error);\n    }\n\n    return Decoration.replace({\n      widget: new PlaceholderWidget(\n        titleAttr || \"Video\", // Display title from data-title\n        {\n          tag: \"video\",\n          url: originalUrl, // Decoded original Bilibili URL\n          title: titleAttr, // title from data-title attribute\n          fixedOutput,\n        },\n        \"tag-video\",\n        SelectedOption.Video,\n        view\n      ),\n    });\n  },\n});\n\nconst VideoPlaceholder = ViewPlugin.fromClass(\n  class {\n    placeholders: DecorationSet;\n    constructor(view: EditorView) {\n      this.placeholders = biliUrlMatcher.createDeco(view);\n    }\n    update(update: ViewUpdate) {\n      this.placeholders = biliUrlMatcher.updateDeco(update, this.placeholders);\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 VideoPlaceholder;\n"],"names":["biliVideoContextRegexp","extractAttrValue","markup","attr","escapedAttr","regexp","match","decodeHtmlEntities","value","biliUrlMatcher","MatchDecorator","view","source","iframeMarkup","unwrapFixedOutput","fixedOutput","srcValueRaw","titleAttrRaw","dataUrlAttrRaw","titleAttr","decodedSrcValue","storedDataUrl","originalUrl","encodedUrl","error","Decoration","PlaceholderWidget","SelectedOption","VideoPlaceholder","ViewPlugin","update","instance","plugin","EditorView"],"mappings":"sVAYMA,EACJ,8GAEIC,EAAmB,CAACC,EAAgBC,IAAiB,CACzD,MAAMC,EAAcD,EAAK,QAAQ,sBAAuB,MAAM,EACxDE,EAAS,IAAI,OAAO,GAAGD,CAAW,aAAc,GAAG,EACnDE,EAAQJ,EAAO,MAAMG,CAAM,EACjC,OAAOC,EAAQA,EAAM,CAAC,EAAI,EAC5B,EAEMC,EAAsBC,GAC1BA,EAAM,QAAQ,UAAW,GAAG,EAAE,QAAQ,SAAU,GAAG,EAE/CC,EAAiB,IAAIC,EAAAA,eAAe,CACxC,OAAQV,EACR,WAAY,CAACM,EAAOK,IAAS,CAC3B,MAAMC,EAASN,IAAQ,CAAC,GAAK,GACvBO,EAAeC,EAAAA,kBAAkBF,CAAM,EACvCG,EAAc,UAAU,KAAKH,CAAM,EACnCI,EAAcf,EAAiBY,EAAc,KAAK,EAClDI,EAAehB,EAAiBY,EAAc,YAAY,EAC1DK,EAAiBjB,EAAiBY,EAAc,UAAU,EAC1DM,EAAYF,EAAeV,EAAmBU,CAAY,EAAI,GAC9DG,EAAkBJ,EAAcT,EAAmBS,CAAW,EAAI,GAClEK,EAAgBH,EAClBX,EAAmBW,CAAc,EACjC,GAEJ,IAAII,EAAcD,GAAiBD,EACnC,GAAI,CACF,GAAI,CAACC,GAAiBD,EAAiB,CAErC,MAAMG,EADY,IAAI,gBAAgB,IAAI,IAAIH,CAAe,EAAE,MAAM,EACxC,IAAI,KAAK,EAClCG,IACFD,EAAc,mBAAmBC,CAAU,EAE/C,CACF,OAASC,EAAO,CACd,QAAQ,KAAK,8BAA+BA,CAAK,CACnD,CAEA,OAAOC,EAAAA,WAAW,QAAQ,CACxB,OAAQ,IAAIC,EAAAA,QACVP,GAAa,QACb,CACE,IAAK,QACL,IAAKG,EACL,MAAOH,EACP,YAAAJ,CAAA,EAEF,YACAY,EAAAA,eAAe,MACfhB,CAAA,CACF,CACD,CACH,CACF,CAAC,EAEKiB,EAAmBC,EAAAA,WAAW,UAClC,KAAM,CAEJ,YAAYlB,EAAkB,CAC5B,KAAK,aAAeF,EAAe,WAAWE,CAAI,CACpD,CACA,OAAOmB,EAAoB,CACzB,KAAK,aAAerB,EAAe,WAAWqB,EAAQ,KAAK,YAAY,CACzE,CAAA,EAEF,CACE,YAAcC,GAAaA,EAAS,aACpC,QAAUC,GACRC,EAAAA,WAAW,aAAa,GAAItB,GACnBA,EAAK,OAAOqB,CAAM,GAAG,cAAgBP,EAAAA,WAAW,IACxD,CAAA,CAEP"}

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

@@ -1,54 +1,56 @@
-import { MatchDecorator as w, Decoration as h, ViewPlugin as f, EditorView as R } from "../../../markdown-flow-ui/node_modules/.pnpm/@codemirror_view@6.38.6/node_modules/@codemirror/view/dist/index.es.js";
-import { SelectedOption as U } from "../types.es.js";
-import V from "./PlaceholderWidget.es.js";
-const x = /<iframe\s[^>]*data-tag="video"[^>]*><\/iframe>/gi, l = (e, t) => {
-  const o = t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), a = new RegExp(`${o}="([^"]*)"`, "i"), r = e.match(a);
-  return r ? r[1] : "";
-}, i = (e) => e.replace(/&quot;/g, '"').replace(/&amp;/g, "&"), g = new w({
-  regexp: x,
+import { MatchDecorator as R, Decoration as w, ViewPlugin as x, EditorView as U } from "../../../markdown-flow-ui/node_modules/.pnpm/@codemirror_view@6.38.6/node_modules/@codemirror/view/dist/index.es.js";
+import { SelectedOption as V } from "../types.es.js";
+import { unwrapFixedOutput as v } from "../utils.es.js";
+import P from "./PlaceholderWidget.es.js";
+const A = /===\s*<iframe\s[^>]*data-tag="video"[^>]*><\/iframe>\s*===|<iframe\s[^>]*data-tag="video"[^>]*><\/iframe>/gi, i = (e, t) => {
+  const r = t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), o = new RegExp(`${r}="([^"]*)"`, "i"), a = e.match(o);
+  return a ? a[1] : "";
+}, s = (e) => e.replace(/&quot;/g, '"').replace(/&amp;/g, "&"), f = new R({
+  regexp: A,
   decoration: (e, t) => {
-    const o = e?.[0] || "", a = l(o, "src"), r = l(o, "data-title"), s = l(o, "data-url"), d = r ? i(r) : "", c = a ? i(a) : "", n = s ? i(s) : "";
-    let p = n || c;
+    const r = e?.[0] || "", o = v(r), a = /^\s*===/.test(r), l = i(o, "src"), d = i(o, "data-title"), n = i(o, "data-url"), p = d ? s(d) : "", c = l ? s(l) : "", u = n ? s(n) : "";
+    let m = u || c;
     try {
-      if (!n && c) {
-        const u = new URLSearchParams(new URL(c).search).get("url");
-        u && (p = decodeURIComponent(u));
+      if (!u && c) {
+        const h = new URLSearchParams(new URL(c).search).get("url");
+        h && (m = decodeURIComponent(h));
       }
-    } catch (m) {
-      console.warn("Failed to decode video URL:", m);
+    } catch (g) {
+      console.warn("Failed to decode video URL:", g);
     }
-    return h.replace({
-      widget: new V(
-        d || "Video",
+    return w.replace({
+      widget: new P(
+        p || "Video",
         // Display title from data-title
         {
           tag: "video",
-          url: p,
+          url: m,
           // Decoded original Bilibili URL
-          title: d
+          title: p,
           // title from data-title attribute
+          fixedOutput: a
         },
         "tag-video",
-        U.Video,
+        V.Video,
         t
       )
     });
   }
-}), D = f.fromClass(
+}), M = x.fromClass(
   class {
     constructor(e) {
-      this.placeholders = g.createDeco(e);
+      this.placeholders = f.createDeco(e);
     }
     update(e) {
-      this.placeholders = g.updateDeco(e, this.placeholders);
+      this.placeholders = f.updateDeco(e, this.placeholders);
     }
   },
   {
     decorations: (e) => e.placeholders,
-    provide: (e) => R.atomicRanges.of((t) => t.plugin(e)?.placeholders || h.none)
+    provide: (e) => U.atomicRanges.of((t) => t.plugin(e)?.placeholders || w.none)
   }
 );
 export {
-  D as default
+  M as default
 };
 //# sourceMappingURL=VideoPlaceholder.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"VideoPlaceholder.es.js","sources":["../../../../src/components/MarkdownFlowEditor/plugins/VideoPlaceholder.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\";\n\nconst biliVideoContextRegexp =\n  /<iframe\\s[^>]*data-tag=\"video\"[^>]*><\\/iframe>/gi;\n\nconst extractAttrValue = (markup: string, attr: string) => {\n  const escapedAttr = attr.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n  const regexp = new RegExp(`${escapedAttr}=\"([^\"]*)\"`, \"i\");\n  const match = markup.match(regexp);\n  return match ? match[1] : \"\";\n};\n\nconst decodeHtmlEntities = (value: string) =>\n  value.replace(/&quot;/g, '\"').replace(/&amp;/g, \"&\");\n\nconst biliUrlMatcher = new MatchDecorator({\n  regexp: biliVideoContextRegexp,\n  decoration: (match, view) => {\n    const iframeMarkup = match?.[0] || \"\";\n    const srcValueRaw = extractAttrValue(iframeMarkup, \"src\");\n    const titleAttrRaw = extractAttrValue(iframeMarkup, \"data-title\");\n    const dataUrlAttrRaw = extractAttrValue(iframeMarkup, \"data-url\");\n    const titleAttr = titleAttrRaw ? decodeHtmlEntities(titleAttrRaw) : \"\";\n    const decodedSrcValue = srcValueRaw ? decodeHtmlEntities(srcValueRaw) : \"\";\n    const storedDataUrl = dataUrlAttrRaw\n      ? decodeHtmlEntities(dataUrlAttrRaw)\n      : \"\";\n    // Extract and decode the original URL from stored attributes or API endpoint\n    let originalUrl = storedDataUrl || decodedSrcValue;\n    try {\n      if (!storedDataUrl && decodedSrcValue) {\n        const urlParams = new URLSearchParams(new URL(decodedSrcValue).search);\n        const encodedUrl = urlParams.get(\"url\");\n        if (encodedUrl) {\n          originalUrl = decodeURIComponent(encodedUrl);\n        }\n      }\n    } catch (error) {\n      console.warn(\"Failed to decode video URL:\", error);\n    }\n\n    return Decoration.replace({\n      widget: new PlaceholderWidget(\n        titleAttr || \"Video\", // Display title from data-title\n        {\n          tag: \"video\",\n          url: originalUrl, // Decoded original Bilibili URL\n          title: titleAttr, // title from data-title attribute\n        },\n        \"tag-video\",\n        SelectedOption.Video,\n        view\n      ),\n    });\n  },\n});\n\nconst VideoPlaceholder = ViewPlugin.fromClass(\n  class {\n    placeholders: DecorationSet;\n    constructor(view: EditorView) {\n      this.placeholders = biliUrlMatcher.createDeco(view);\n    }\n    update(update: ViewUpdate) {\n      this.placeholders = biliUrlMatcher.updateDeco(update, this.placeholders);\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 VideoPlaceholder;\n"],"names":["biliVideoContextRegexp","extractAttrValue","markup","attr","escapedAttr","regexp","match","decodeHtmlEntities","value","biliUrlMatcher","MatchDecorator","view","iframeMarkup","srcValueRaw","titleAttrRaw","dataUrlAttrRaw","titleAttr","decodedSrcValue","storedDataUrl","originalUrl","encodedUrl","error","Decoration","PlaceholderWidget","SelectedOption","VideoPlaceholder","ViewPlugin","update","instance","plugin","EditorView"],"mappings":";;;AAWA,MAAMA,IACJ,oDAEIC,IAAmB,CAACC,GAAgBC,MAAiB;AACzD,QAAMC,IAAcD,EAAK,QAAQ,uBAAuB,MAAM,GACxDE,IAAS,IAAI,OAAO,GAAGD,CAAW,cAAc,GAAG,GACnDE,IAAQJ,EAAO,MAAMG,CAAM;AACjC,SAAOC,IAAQA,EAAM,CAAC,IAAI;AAC5B,GAEMC,IAAqB,CAACC,MAC1BA,EAAM,QAAQ,WAAW,GAAG,EAAE,QAAQ,UAAU,GAAG,GAE/CC,IAAiB,IAAIC,EAAe;AAAA,EACxC,QAAQV;AAAA,EACR,YAAY,CAACM,GAAOK,MAAS;AAC3B,UAAMC,IAAeN,IAAQ,CAAC,KAAK,IAC7BO,IAAcZ,EAAiBW,GAAc,KAAK,GAClDE,IAAeb,EAAiBW,GAAc,YAAY,GAC1DG,IAAiBd,EAAiBW,GAAc,UAAU,GAC1DI,IAAYF,IAAeP,EAAmBO,CAAY,IAAI,IAC9DG,IAAkBJ,IAAcN,EAAmBM,CAAW,IAAI,IAClEK,IAAgBH,IAClBR,EAAmBQ,CAAc,IACjC;AAEJ,QAAII,IAAcD,KAAiBD;AACnC,QAAI;AACF,UAAI,CAACC,KAAiBD,GAAiB;AAErC,cAAMG,IADY,IAAI,gBAAgB,IAAI,IAAIH,CAAe,EAAE,MAAM,EACxC,IAAI,KAAK;AACtC,QAAIG,MACFD,IAAc,mBAAmBC,CAAU;AAAA,MAE/C;AAAA,IACF,SAASC,GAAO;AACd,cAAQ,KAAK,+BAA+BA,CAAK;AAAA,IACnD;AAEA,WAAOC,EAAW,QAAQ;AAAA,MACxB,QAAQ,IAAIC;AAAA,QACVP,KAAa;AAAA;AAAA,QACb;AAAA,UACE,KAAK;AAAA,UACL,KAAKG;AAAA;AAAA,UACL,OAAOH;AAAA;AAAA,QAAA;AAAA,QAET;AAAA,QACAQ,EAAe;AAAA,QACfb;AAAA,MAAA;AAAA,IACF,CACD;AAAA,EACH;AACF,CAAC,GAEKc,IAAmBC,EAAW;AAAA,EAClC,MAAM;AAAA,IAEJ,YAAYf,GAAkB;AAC5B,WAAK,eAAeF,EAAe,WAAWE,CAAI;AAAA,IACpD;AAAA,IACA,OAAOgB,GAAoB;AACzB,WAAK,eAAelB,EAAe,WAAWkB,GAAQ,KAAK,YAAY;AAAA,IACzE;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,aAAa,CAACC,MAAaA,EAAS;AAAA,IACpC,SAAS,CAACC,MACRC,EAAW,aAAa,GAAG,CAACnB,MACnBA,EAAK,OAAOkB,CAAM,GAAG,gBAAgBP,EAAW,IACxD;AAAA,EAAA;AAEP;"}
+{"version":3,"file":"VideoPlaceholder.es.js","sources":["../../../../src/components/MarkdownFlowEditor/plugins/VideoPlaceholder.ts"],"sourcesContent":["import {\n  EditorView,\n  Decoration,\n  DecorationSet,\n  ViewPlugin,\n  ViewUpdate,\n  MatchDecorator,\n} from \"@codemirror/view\";\nimport { SelectedOption } from \"../types\";\nimport { unwrapFixedOutput } from \"../utils\";\nimport PlaceholderWidget from \"./PlaceholderWidget\";\n\nconst biliVideoContextRegexp =\n  /===\\s*<iframe\\s[^>]*data-tag=\"video\"[^>]*><\\/iframe>\\s*===|<iframe\\s[^>]*data-tag=\"video\"[^>]*><\\/iframe>/gi;\n\nconst extractAttrValue = (markup: string, attr: string) => {\n  const escapedAttr = attr.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n  const regexp = new RegExp(`${escapedAttr}=\"([^\"]*)\"`, \"i\");\n  const match = markup.match(regexp);\n  return match ? match[1] : \"\";\n};\n\nconst decodeHtmlEntities = (value: string) =>\n  value.replace(/&quot;/g, '\"').replace(/&amp;/g, \"&\");\n\nconst biliUrlMatcher = new MatchDecorator({\n  regexp: biliVideoContextRegexp,\n  decoration: (match, view) => {\n    const source = match?.[0] || \"\";\n    const iframeMarkup = unwrapFixedOutput(source);\n    const fixedOutput = /^\\s*===/.test(source);\n    const srcValueRaw = extractAttrValue(iframeMarkup, \"src\");\n    const titleAttrRaw = extractAttrValue(iframeMarkup, \"data-title\");\n    const dataUrlAttrRaw = extractAttrValue(iframeMarkup, \"data-url\");\n    const titleAttr = titleAttrRaw ? decodeHtmlEntities(titleAttrRaw) : \"\";\n    const decodedSrcValue = srcValueRaw ? decodeHtmlEntities(srcValueRaw) : \"\";\n    const storedDataUrl = dataUrlAttrRaw\n      ? decodeHtmlEntities(dataUrlAttrRaw)\n      : \"\";\n    // Extract and decode the original URL from stored attributes or API endpoint\n    let originalUrl = storedDataUrl || decodedSrcValue;\n    try {\n      if (!storedDataUrl && decodedSrcValue) {\n        const urlParams = new URLSearchParams(new URL(decodedSrcValue).search);\n        const encodedUrl = urlParams.get(\"url\");\n        if (encodedUrl) {\n          originalUrl = decodeURIComponent(encodedUrl);\n        }\n      }\n    } catch (error) {\n      console.warn(\"Failed to decode video URL:\", error);\n    }\n\n    return Decoration.replace({\n      widget: new PlaceholderWidget(\n        titleAttr || \"Video\", // Display title from data-title\n        {\n          tag: \"video\",\n          url: originalUrl, // Decoded original Bilibili URL\n          title: titleAttr, // title from data-title attribute\n          fixedOutput,\n        },\n        \"tag-video\",\n        SelectedOption.Video,\n        view\n      ),\n    });\n  },\n});\n\nconst VideoPlaceholder = ViewPlugin.fromClass(\n  class {\n    placeholders: DecorationSet;\n    constructor(view: EditorView) {\n      this.placeholders = biliUrlMatcher.createDeco(view);\n    }\n    update(update: ViewUpdate) {\n      this.placeholders = biliUrlMatcher.updateDeco(update, this.placeholders);\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 VideoPlaceholder;\n"],"names":["biliVideoContextRegexp","extractAttrValue","markup","attr","escapedAttr","regexp","match","decodeHtmlEntities","value","biliUrlMatcher","MatchDecorator","view","source","iframeMarkup","unwrapFixedOutput","fixedOutput","srcValueRaw","titleAttrRaw","dataUrlAttrRaw","titleAttr","decodedSrcValue","storedDataUrl","originalUrl","encodedUrl","error","Decoration","PlaceholderWidget","SelectedOption","VideoPlaceholder","ViewPlugin","update","instance","plugin","EditorView"],"mappings":";;;;AAYA,MAAMA,IACJ,+GAEIC,IAAmB,CAACC,GAAgBC,MAAiB;AACzD,QAAMC,IAAcD,EAAK,QAAQ,uBAAuB,MAAM,GACxDE,IAAS,IAAI,OAAO,GAAGD,CAAW,cAAc,GAAG,GACnDE,IAAQJ,EAAO,MAAMG,CAAM;AACjC,SAAOC,IAAQA,EAAM,CAAC,IAAI;AAC5B,GAEMC,IAAqB,CAACC,MAC1BA,EAAM,QAAQ,WAAW,GAAG,EAAE,QAAQ,UAAU,GAAG,GAE/CC,IAAiB,IAAIC,EAAe;AAAA,EACxC,QAAQV;AAAA,EACR,YAAY,CAACM,GAAOK,MAAS;AAC3B,UAAMC,IAASN,IAAQ,CAAC,KAAK,IACvBO,IAAeC,EAAkBF,CAAM,GACvCG,IAAc,UAAU,KAAKH,CAAM,GACnCI,IAAcf,EAAiBY,GAAc,KAAK,GAClDI,IAAehB,EAAiBY,GAAc,YAAY,GAC1DK,IAAiBjB,EAAiBY,GAAc,UAAU,GAC1DM,IAAYF,IAAeV,EAAmBU,CAAY,IAAI,IAC9DG,IAAkBJ,IAAcT,EAAmBS,CAAW,IAAI,IAClEK,IAAgBH,IAClBX,EAAmBW,CAAc,IACjC;AAEJ,QAAII,IAAcD,KAAiBD;AACnC,QAAI;AACF,UAAI,CAACC,KAAiBD,GAAiB;AAErC,cAAMG,IADY,IAAI,gBAAgB,IAAI,IAAIH,CAAe,EAAE,MAAM,EACxC,IAAI,KAAK;AACtC,QAAIG,MACFD,IAAc,mBAAmBC,CAAU;AAAA,MAE/C;AAAA,IACF,SAASC,GAAO;AACd,cAAQ,KAAK,+BAA+BA,CAAK;AAAA,IACnD;AAEA,WAAOC,EAAW,QAAQ;AAAA,MACxB,QAAQ,IAAIC;AAAA,QACVP,KAAa;AAAA;AAAA,QACb;AAAA,UACE,KAAK;AAAA,UACL,KAAKG;AAAA;AAAA,UACL,OAAOH;AAAA;AAAA,UACP,aAAAJ;AAAA,QAAA;AAAA,QAEF;AAAA,QACAY,EAAe;AAAA,QACfhB;AAAA,MAAA;AAAA,IACF,CACD;AAAA,EACH;AACF,CAAC,GAEKiB,IAAmBC,EAAW;AAAA,EAClC,MAAM;AAAA,IAEJ,YAAYlB,GAAkB;AAC5B,WAAK,eAAeF,EAAe,WAAWE,CAAI;AAAA,IACpD;AAAA,IACA,OAAOmB,GAAoB;AACzB,WAAK,eAAerB,EAAe,WAAWqB,GAAQ,KAAK,YAAY;AAAA,IACzE;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,aAAa,CAACC,MAAaA,EAAS;AAAA,IACpC,SAAS,CAACC,MACRC,EAAW,aAAa,GAAG,CAACtB,MACnBA,EAAK,OAAOqB,CAAM,GAAG,gBAAgBP,EAAW,IACxD;AAAA,EAAA;AAEP;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./types.cjs.js"),g=require("./utils/video.cjs.js"),u="[\\p{L}\\p{N}_]+",b=new RegExp(`^${u}$`,"u"),V=`\\{\\{(${u})\\}\\}`,p=()=>new RegExp(V,"gu"),E=t=>typeof t=="string"&&b.test(t),f=t=>{if(!t)return[];const e=[],c=p();let r;for(;(r=c.exec(t))!==null;)e.push(r[1]);return e},S=(t,e)=>{switch(t){case i.SelectedOption.Image:return{resourceUrl:e.url,resourceTitle:e.title,scalePercent:e.scalePercent};case i.SelectedOption.Video:return{resourceUrl:e.url,resourceTitle:e.title};case i.SelectedOption.Variable:return{variableName:e.title};default:return{resourceUrl:e.url??"",resourceTitle:e.title??""}}};function R(t,e){return c=>{const r=c.matchBefore(/\/(\w*)$/);if(!r)return null;const s=(l,o,a,n,m)=>{l.dispatch({changes:{from:a,to:n,insert:""}}),t(m)};return{from:r.from,to:r.to,options:[{label:e?.variable??"Variable",apply:(l,o,a,n)=>{s(l,o,a,n,i.SelectedOption.Variable)}},{label:e?.image??"Image",apply:(l,o,a,n)=>{s(l,o,a,n,i.SelectedOption.Image)}},{label:e?.video??"Video",apply:(l,o,a,n)=>{s(l,o,a,n,i.SelectedOption.Video)}}],filter:!1}}}const d=t=>g.getVideoEmbedUrl(t),h=(t,e)=>{const c=d(t),r=a=>a.replace(/&/g,"&amp;").replace(/"/g,"&quot;"),s=e?r(e):"",l=r(t),o=r(c);return`<iframe data-tag="video" data-title="${s}" data-url="${l}" class="w-full aspect-video rounded-lg border-0" src="${o}" allowfullscreen="" allow="autoplay; encrypted-media"></iframe>`};exports.createSlashCommands=R;exports.createVariableExpressionRegexp=p;exports.extractVariableNames=f;exports.getEmbedUrl=d;exports.getVideoContentToInsert=h;exports.isValidVariableName=E;exports.parseContentInfo=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./types.cjs.js"),E=require("./utils/video.cjs.js"),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;
 //# sourceMappingURL=utils.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs.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})\\\\}\\\\}`;\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 getVideoContentToInsert = (\n  resourceUrl: string,\n  resourceTitle: string\n) => {\n  const embedUrl = getEmbedUrl(resourceUrl);\n  const escapeAttr = (value: string) =>\n    value.replace(/&/g, \"&amp;\").replace(/\"/g, \"&quot;\");\n  const sanitizedTitle = resourceTitle ? escapeAttr(resourceTitle) : \"\";\n  const sanitizedResourceUrl = escapeAttr(resourceUrl);\n  const sanitizedEmbedUrl = escapeAttr(embedUrl);\n  return `<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\nexport {\n  createSlashCommands,\n  parseContentInfo,\n  getEmbedUrl,\n  getVideoContentToInsert,\n  isValidVariableName,\n  extractVariableNames,\n  createVariableExpressionRegexp,\n};\n"],"names":["VARIABLE_NAME_SOURCE","VARIABLE_NAME_REGEXP","VARIABLE_EXPRESSION_PATTERN","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","getVideoContentToInsert","resourceUrl","resourceTitle","embedUrl","escapeAttr","value","sanitizedTitle","sanitizedResourceUrl","sanitizedEmbedUrl"],"mappings":"oJAQMA,EAAuB,mBACvBC,EAAuB,IAAI,OAAO,IAAID,CAAoB,IAAK,GAAG,EAClEE,EAA8B,UAAUF,CAAoB,UAE5DG,EAAiC,IACrC,IAAI,OAAOD,EAA6B,IAAI,EAExCE,EAAuBC,GAC3B,OAAOA,GAAS,UAAYJ,EAAqB,KAAKI,CAAI,EAEtDC,EAAwBC,GAAoB,CAChD,GAAI,CAACA,EACH,MAAO,CAAA,EAET,MAAMC,EAAoB,CAAA,EACpBC,EAASN,EAAA,EACf,IAAIO,EAEJ,MAAQA,EAAQD,EAAO,KAAKF,CAAO,KAAO,MACxCC,EAAQ,KAAKE,EAAM,CAAC,CAAC,EAGvB,OAAOF,CACT,EAEMG,EAAmB,CACvBC,EACAC,IACG,CACH,OAAQD,EAAA,CACN,KAAKE,EAAAA,eAAe,MAClB,MAAO,CACL,YAAaD,EAAQ,IACrB,cAAeA,EAAQ,MACvB,aAAcA,EAAQ,YAAA,EAG1B,KAAKC,EAAAA,eAAe,MAClB,MAAO,CACL,YAAaD,EAAQ,IACrB,cAAeA,EAAQ,KAAA,EAE3B,KAAKC,EAAAA,eAAe,SAClB,MAAO,CACL,aAAcD,EAAQ,KAAA,EAE1B,QACE,MAAO,CACL,YAAaA,EAAQ,KAAO,GAC5B,cAAeA,EAAQ,OAAS,EAAA,CAClC,CAEN,EAEA,SAASE,EACPC,EACAC,EAOA,CACA,OAAQC,GAAwD,CAC9D,MAAMC,EAAOD,EAAQ,YAAY,UAAU,EAC3C,GAAI,CAACC,EAAM,OAAO,KAElB,MAAMC,EAAe,CACnBC,EACAC,EACAC,EACAC,EACAC,IACG,CACHJ,EAAK,SAAS,CACZ,QAAS,CAAE,KAAAE,EAAM,GAAAC,EAAI,OAAQ,EAAA,CAAG,CACjC,EACDR,EAAeS,CAAc,CAC/B,EAEA,MAAO,CACL,KAAMN,EAAK,KACX,GAAIA,EAAK,GACT,QAAS,CAaP,CACE,MAAOF,GAAQ,UAAY,WAC3B,MAAO,CAACI,EAAMC,EAAGC,EAAMC,IAAO,CAC5BJ,EAAaC,EAAMC,EAAGC,EAAMC,EAAIV,EAAAA,eAAe,QAAQ,CACzD,CAAA,EAEF,CACE,MAAOG,GAAQ,OAAS,QACxB,MAAO,CAACI,EAAMC,EAAGC,EAAMC,IAAO,CAC5BJ,EAAaC,EAAMC,EAAGC,EAAMC,EAAIV,EAAAA,eAAe,KAAK,CACtD,CAAA,EAEF,CACE,MAAOG,GAAQ,OAAS,QACxB,MAAO,CAACI,EAAMC,EAAGC,EAAMC,IAAO,CAC5BJ,EAAaC,EAAMC,EAAGC,EAAMC,EAAIV,EAAAA,eAAe,KAAK,CACtD,CAAA,CACF,EAEF,OAAQ,EAAA,CAEZ,CACF,CAEA,MAAMY,EAAeC,GACZC,EAAAA,iBAAiBD,CAAG,EAGvBE,EAA0B,CAC9BC,EACAC,IACG,CACH,MAAMC,EAAWN,EAAYI,CAAW,EAClCG,EAAcC,GAClBA,EAAM,QAAQ,KAAM,OAAO,EAAE,QAAQ,KAAM,QAAQ,EAC/CC,EAAiBJ,EAAgBE,EAAWF,CAAa,EAAI,GAC7DK,EAAuBH,EAAWH,CAAW,EAC7CO,EAAoBJ,EAAWD,CAAQ,EAC7C,MAAO,wCAAwCG,CAAc,eAAeC,CAAoB,0DAA0DC,CAAiB,kEAC7K"}
+{"version":3,"file":"utils.cjs.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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"}

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

@@ -31,5 +31,12 @@ declare function createSlashCommands(onSelectOption: (selectedOption: SelectedOp
     variable?: string;
 }): (context: CompletionContext) => CompletionResult | null;
 declare const getEmbedUrl: (url: string) => string;
+declare const wrapWithFixedOutput: (content: string) => string;
+declare const unwrapFixedOutput: (content: string) => string;
+declare const getImageContentToInsert: ({ resourceUrl, resourceTitle, scalePercent, }: {
+    resourceUrl: string;
+    resourceTitle?: string;
+    scalePercent?: number;
+}) => string;
 declare const getVideoContentToInsert: (resourceUrl: string, resourceTitle: string) => string;
-export { createSlashCommands, parseContentInfo, getEmbedUrl, getVideoContentToInsert, isValidVariableName, extractVariableNames, createVariableExpressionRegexp, };
+export { createSlashCommands, parseContentInfo, getEmbedUrl, getImageContentToInsert, getVideoContentToInsert, isValidVariableName, extractVariableNames, createVariableExpressionRegexp, wrapWithFixedOutput, unwrapFixedOutput, };

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

@@ -1,27 +1,27 @@
-import { SelectedOption as c } from "./types.es.js";
-import { getVideoEmbedUrl as m } from "./utils/video.es.js";
-const u = "[\\p{L}\\p{N}_]+", d = new RegExp(`^${u}$`, "u"), g = `\\{\\{(${u})\\}\\}`, f = () => new RegExp(g, "gu"), R = (r) => typeof r == "string" && d.test(r), h = (r) => {
-  if (!r)
+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 = [], i = f();
-  let t;
-  for (; (t = i.exec(r)) !== null; )
-    e.push(t[1]);
+  const e = [], o = h();
+  let r;
+  for (; (r = o.exec(t)) !== null; )
+    e.push(r[1]);
   return e;
-}, A = (r, e) => {
-  switch (r) {
-    case c.Image:
+}, S = (t, e) => {
+  switch (t) {
+    case p.Image:
       return {
         resourceUrl: e.url,
         resourceTitle: e.title,
         scalePercent: e.scalePercent
       };
-    case c.Video:
+    case p.Video:
       return {
         resourceUrl: e.url,
         resourceTitle: e.title
       };
-    case c.Variable:
+    case p.Variable:
       return {
         variableName: e.title
       };
@@ -32,18 +32,18 @@ const u = "[\\p{L}\\p{N}_]+", d = new RegExp(`^${u}$`, "u"), g = `\\{\\{(${u})\\
       };
   }
 };
-function w(r, e) {
-  return (i) => {
-    const t = i.matchBefore(/\/(\w*)$/);
-    if (!t) return null;
-    const s = (l, a, o, n, p) => {
-      l.dispatch({
-        changes: { from: o, to: n, insert: "" }
-      }), r(p);
+function T(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: "" }
+      }), t(u);
     };
     return {
-      from: t.from,
-      to: t.to,
+      from: r.from,
+      to: r.to,
       options: [
         // {
         //   label: labels?.divider ?? "Divider",
@@ -59,20 +59,20 @@ function w(r, e) {
         // },
         {
           label: e?.variable ?? "Variable",
-          apply: (l, a, o, n) => {
-            s(l, a, o, n, c.Variable);
+          apply: (n, a, i, c) => {
+            l(n, a, i, c, p.Variable);
           }
         },
         {
           label: e?.image ?? "Image",
-          apply: (l, a, o, n) => {
-            s(l, a, o, n, c.Image);
+          apply: (n, a, i, c) => {
+            l(n, a, i, c, p.Image);
           }
         },
         {
           label: e?.video ?? "Video",
-          apply: (l, a, o, n) => {
-            s(l, a, o, n, c.Video);
+          apply: (n, a, i, c) => {
+            l(n, a, i, c, p.Video);
           }
         }
       ],
@@ -80,17 +80,37 @@ function w(r, e) {
     };
   };
 }
-const E = (r) => m(r), I = (r, e) => {
-  const i = E(r), t = (o) => o.replace(/&/g, "&").replace(/"/g, """), s = e ? t(e) : "", l = t(r), a = t(i);
-  return `<iframe data-tag="video" data-title="${s}" data-url="${l}" class="w-full aspect-video rounded-lg border-0" src="${a}" allowfullscreen="" allow="autoplay; encrypted-media"></iframe>`;
+const w = (t) => g(t), m = (t) => t.replace(/&/g, "&amp;").replace(/"/g, "&quot;"), b = (t) => t.replace(/([\[\]\\])/g, "\\$1"), R = (t) => Math.max(1, Math.min(1e3, Math.round(t))), $ = (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) => {
+  const e = t.trim(), o = new RegExp(
+    `^${s}\\s*([\\s\\S]*?)\\s*${s}$`
+  );
+  return (e.match(o)?.[1] ?? e).trim();
+}, _ = ({
+  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);
 };
 export {
-  w as createSlashCommands,
-  f as createVariableExpressionRegexp,
-  h as extractVariableNames,
-  E as getEmbedUrl,
-  I as getVideoContentToInsert,
-  R as isValidVariableName,
-  A as parseContentInfo
+  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
 };
 //# 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})\\\\}\\\\}`;\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 getVideoContentToInsert = (\n  resourceUrl: string,\n  resourceTitle: string\n) => {\n  const embedUrl = getEmbedUrl(resourceUrl);\n  const escapeAttr = (value: string) =>\n    value.replace(/&/g, \"&amp;\").replace(/\"/g, \"&quot;\");\n  const sanitizedTitle = resourceTitle ? escapeAttr(resourceTitle) : \"\";\n  const sanitizedResourceUrl = escapeAttr(resourceUrl);\n  const sanitizedEmbedUrl = escapeAttr(embedUrl);\n  return `<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\nexport {\n  createSlashCommands,\n  parseContentInfo,\n  getEmbedUrl,\n  getVideoContentToInsert,\n  isValidVariableName,\n  extractVariableNames,\n  createVariableExpressionRegexp,\n};\n"],"names":["VARIABLE_NAME_SOURCE","VARIABLE_NAME_REGEXP","VARIABLE_EXPRESSION_PATTERN","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","getVideoContentToInsert","resourceUrl","resourceTitle","embedUrl","escapeAttr","value","sanitizedTitle","sanitizedResourceUrl","sanitizedEmbedUrl"],"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\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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"}