markdown-flow-ui 0.2.13 → 0.2.15

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

@@ -1,46 +1,47 @@
-import { MatchDecorator as h, Decoration as p, ViewPlugin as f, EditorView as x } from "../../../node_modules/@codemirror/view/dist/index.es.js";
-import { SelectedOption as w } from "../types.es.js";
-import { unwrapFixedOutput as M } from "../utils.es.js";
-import P from "./PlaceholderWidget.es.js";
-const b = /!\[([^\]]*)\]\(([^)]+)\)|<img\b[^>]*>/i, I = /===\s*(?:!\[[^\]]*\]\([^)]+\)|<img\b[^>]*>)\s*===|!\[[^\]]*\]\([^)]+\)|<img\b[^>]*>/gi, c = (t, r) => {
+import { MatchDecorator as f, Decoration as p, ViewPlugin as x, EditorView as w } from "../../../node_modules/@codemirror/view/dist/index.es.js";
+import { SelectedOption as P } from "../types.es.js";
+import { unwrapFixedOutput as b } from "../utils.es.js";
+import M from "./PlaceholderWidget.es.js";
+import { mediaPlaceholderLabels as i } from "./mediaPlaceholderLabels.es.js";
+const D = /!\[([^\]]*)\]\(([^)]+)\)|<img\b[^>]*>/i, I = /===\s*(?:!\[[^\]]*\]\([^)]+\)|<img\b[^>]*>)\s*===|!\[[^\]]*\]\([^)]+\)|<img\b[^>]*>/gi, o = (t, r) => {
   const e = new RegExp(
     `${r}\\s*=\\s*("(.*?)"|'(.*?)'|([^\\s"'<>]+))`,
     "i"
-  ), o = t.match(e);
-  if (o)
-    return o[2] ?? o[3] ?? o[4];
-}, O = (t) => Math.max(1, Math.min(1e3, Math.round(t))), D = (t) => {
-  const r = t?.[0] ?? "", e = M(r), o = /^\s*===/.test(r);
+  ), c = t.match(e);
+  if (c)
+    return c[2] ?? c[3] ?? c[4];
+}, O = (t) => Math.max(1, Math.min(1e3, Math.round(t))), R = (t) => {
+  const r = t?.[0] ?? "", e = b(r), c = /^\s*===/.test(r);
   if (/^<img\b/i.test(e)) {
-    const d = c(e, "src") ?? "", n = c(e, "alt") ?? c(e, "title") ?? "", s = c(e, "width");
-    let l;
-    if (s) {
-      const m = Number.parseFloat(s);
-      Number.isFinite(m) && (l = O(m));
+    const h = o(e, "src") ?? "", l = o(e, "alt") ?? o(e, "title") ?? "", m = o(e, "width");
+    let u;
+    if (m) {
+      const g = Number.parseFloat(m);
+      Number.isFinite(g) && (u = O(g));
     }
     return {
-      text: n || "Image",
-      url: d,
-      title: n,
-      scalePercent: l,
-      fixedOutput: o
+      text: l,
+      url: h,
+      title: l,
+      scalePercent: u,
+      fixedOutput: c
     };
   }
-  const a = e.match(b), i = a?.[1] ?? "", g = a?.[2] ?? "";
+  const s = e.match(D), n = s?.[1] ?? "", d = s?.[2] ?? "";
   return {
-    text: i,
-    url: g,
-    title: i,
+    text: n,
+    url: d,
+    title: n,
     scalePercent: void 0,
-    fixedOutput: o
+    fixedOutput: c
   };
-}, u = new h({
+}, a = new f({
   regexp: I,
   decoration: (t, r) => {
-    const e = D(t);
+    const e = R(t);
     return p.replace({
-      widget: new P(
-        e.text,
+      widget: new M(
+        e.text || r.state.facet(i).image,
         {
           tag: "image",
           url: e.url,
@@ -49,26 +50,30 @@ const b = /!\[([^\]]*)\]\(([^)]+)\)|<img\b[^>]*>/i, I = /===\s*(?:!\[[^\]]*\]\([
           fixedOutput: e.fixedOutput
         },
         "tag-image",
-        w.Image,
+        P.Image,
         r
       )
     });
   }
-}), k = f.fromClass(
+}), A = x.fromClass(
   class {
     constructor(t) {
-      this.placeholders = u.createDeco(t);
+      this.placeholders = a.createDeco(t);
     }
     update(t) {
-      this.placeholders = u.updateDeco(t, this.placeholders);
+      if (t.startState.facet(i) !== t.state.facet(i)) {
+        this.placeholders = a.createDeco(t.view);
+        return;
+      }
+      this.placeholders = a.updateDeco(t, this.placeholders);
     }
   },
   {
     decorations: (t) => t.placeholders,
-    provide: (t) => x.atomicRanges.of((r) => r.plugin(t)?.placeholders || p.none)
+    provide: (t) => w.atomicRanges.of((r) => r.plugin(t)?.placeholders || p.none)
   }
 );
 export {
-  k as default
+  A as default
 };
 //# sourceMappingURL=ImgPlaceholder.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ImgPlaceholder.es.js","sources":["../../../../src/components/MarkdownFlowEditor/plugins/ImgPlaceholder.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 imageMarkupRegexp = /!\\[([^\\]]*)\\]\\(([^)]+)\\)|<img\\b[^>]*>/i;\nconst agiImgContextRegexp =\n  /===\\s*(?:!\\[[^\\]]*\\]\\([^)]+\\)|<img\\b[^>]*>)\\s*===|!\\[[^\\]]*\\]\\([^)]+\\)|<img\\b[^>]*>/gi;\n\nconst extractAttributeValue = (tag: string, attribute: string) => {\n  const regexp = new RegExp(\n    `${attribute}\\\\s*=\\\\s*(\"(.*?)\"|'(.*?)'|([^\\\\s\"'<>]+))`,\n    \"i\"\n  );\n  const match = tag.match(regexp);\n  if (!match) return undefined;\n  return match[2] ?? match[3] ?? match[4];\n};\n\nconst clampScalePercent = (value: number) =>\n  Math.max(1, Math.min(1000, Math.round(value)));\n\nconst getImageMatchInfo = (match: RegExpMatchArray) => {\n  const source = match?.[0] ?? \"\";\n  const raw = unwrapFixedOutput(source);\n  const fixedOutput = /^\\s*===/.test(source);\n  if (/^<img\\b/i.test(raw)) {\n    const src = extractAttributeValue(raw, \"src\") ?? \"\";\n    const alt =\n      extractAttributeValue(raw, \"alt\") ??\n      extractAttributeValue(raw, \"title\") ??\n      \"\";\n    const widthAttr = extractAttributeValue(raw, \"width\");\n    let scalePercent: number | undefined;\n    if (widthAttr) {\n      const numeric = Number.parseFloat(widthAttr);\n      if (Number.isFinite(numeric)) {\n        scalePercent = clampScalePercent(numeric);\n      }\n    }\n    return {\n      text: alt || \"Image\",\n      url: src,\n      title: alt,\n      scalePercent,\n      fixedOutput,\n    };\n  }\n  const markdownMatch = raw.match(imageMarkupRegexp);\n  const title = markdownMatch?.[1] ?? \"\";\n  const url = markdownMatch?.[2] ?? \"\";\n  return {\n    text: title,\n    url,\n    title,\n    scalePercent: undefined,\n    fixedOutput,\n  };\n};\n\nconst imageUrlMatcher = new MatchDecorator({\n  regexp: agiImgContextRegexp,\n  decoration: (match, view) => {\n    const info = getImageMatchInfo(match);\n    return Decoration.replace({\n      widget: new PlaceholderWidget(\n        info.text,\n        {\n          tag: \"image\",\n          url: info.url,\n          title: info.title,\n          scalePercent: info.scalePercent,\n          fixedOutput: info.fixedOutput,\n        },\n        \"tag-image\",\n        SelectedOption.Image,\n        view\n      ),\n    });\n  },\n});\n\nconst ImgPlaceholder = ViewPlugin.fromClass(\n  class {\n    placeholders: DecorationSet;\n    constructor(view: EditorView) {\n      this.placeholders = imageUrlMatcher.createDeco(view);\n    }\n    update(update: ViewUpdate) {\n      this.placeholders = imageUrlMatcher.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 ImgPlaceholder;\n"],"names":["imageMarkupRegexp","agiImgContextRegexp","extractAttributeValue","tag","attribute","regexp","match","clampScalePercent","value","getImageMatchInfo","source","raw","unwrapFixedOutput","fixedOutput","src","alt","widthAttr","scalePercent","numeric","markdownMatch","title","url","imageUrlMatcher","MatchDecorator","view","info","Decoration","PlaceholderWidget","SelectedOption","ImgPlaceholder","ViewPlugin","update","instance","plugin","EditorView"],"mappings":";;;;AAYA,MAAMA,IAAoB,0CACpBC,IACJ,yFAEIC,IAAwB,CAACC,GAAaC,MAAsB;AAChE,QAAMC,IAAS,IAAI;AAAA,IACjB,GAAGD,CAAS;AAAA,IACZ;AAAA,EAAA,GAEIE,IAAQH,EAAI,MAAME,CAAM;AAC9B,MAAKC;AACL,WAAOA,EAAM,CAAC,KAAKA,EAAM,CAAC,KAAKA,EAAM,CAAC;AACxC,GAEMC,IAAoB,CAACC,MACzB,KAAK,IAAI,GAAG,KAAK,IAAI,KAAM,KAAK,MAAMA,CAAK,CAAC,CAAC,GAEzCC,IAAoB,CAACH,MAA4B;AACrD,QAAMI,IAASJ,IAAQ,CAAC,KAAK,IACvBK,IAAMC,EAAkBF,CAAM,GAC9BG,IAAc,UAAU,KAAKH,CAAM;AACzC,MAAI,WAAW,KAAKC,CAAG,GAAG;AACxB,UAAMG,IAAMZ,EAAsBS,GAAK,KAAK,KAAK,IAC3CI,IACJb,EAAsBS,GAAK,KAAK,KAChCT,EAAsBS,GAAK,OAAO,KAClC,IACIK,IAAYd,EAAsBS,GAAK,OAAO;AACpD,QAAIM;AACJ,QAAID,GAAW;AACb,YAAME,IAAU,OAAO,WAAWF,CAAS;AAC3C,MAAI,OAAO,SAASE,CAAO,MACzBD,IAAeV,EAAkBW,CAAO;AAAA,IAE5C;AACA,WAAO;AAAA,MACL,MAAMH,KAAO;AAAA,MACb,KAAKD;AAAA,MACL,OAAOC;AAAA,MACP,cAAAE;AAAA,MACA,aAAAJ;AAAA,IAAA;AAAA,EAEJ;AACA,QAAMM,IAAgBR,EAAI,MAAMX,CAAiB,GAC3CoB,IAAQD,IAAgB,CAAC,KAAK,IAC9BE,IAAMF,IAAgB,CAAC,KAAK;AAClC,SAAO;AAAA,IACL,MAAMC;AAAA,IACN,KAAAC;AAAA,IACA,OAAAD;AAAA,IACA,cAAc;AAAA,IACd,aAAAP;AAAA,EAAA;AAEJ,GAEMS,IAAkB,IAAIC,EAAe;AAAA,EACzC,QAAQtB;AAAA,EACR,YAAY,CAACK,GAAOkB,MAAS;AAC3B,UAAMC,IAAOhB,EAAkBH,CAAK;AACpC,WAAOoB,EAAW,QAAQ;AAAA,MACxB,QAAQ,IAAIC;AAAA,QACVF,EAAK;AAAA,QACL;AAAA,UACE,KAAK;AAAA,UACL,KAAKA,EAAK;AAAA,UACV,OAAOA,EAAK;AAAA,UACZ,cAAcA,EAAK;AAAA,UACnB,aAAaA,EAAK;AAAA,QAAA;AAAA,QAEpB;AAAA,QACAG,EAAe;AAAA,QACfJ;AAAA,MAAA;AAAA,IACF,CACD;AAAA,EACH;AACF,CAAC,GAEKK,IAAiBC,EAAW;AAAA,EAChC,MAAM;AAAA,IAEJ,YAAYN,GAAkB;AAC5B,WAAK,eAAeF,EAAgB,WAAWE,CAAI;AAAA,IACrD;AAAA,IACA,OAAOO,GAAoB;AACzB,WAAK,eAAeT,EAAgB,WAAWS,GAAQ,KAAK,YAAY;AAAA,IAC1E;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,aAAa,CAACC,MAAaA,EAAS;AAAA,IACpC,SAAS,CAACC,MACRC,EAAW,aAAa,GAAG,CAACV,MACnBA,EAAK,OAAOS,CAAM,GAAG,gBAAgBP,EAAW,IACxD;AAAA,EAAA;AAEP;"}
+{"version":3,"file":"ImgPlaceholder.es.js","sources":["../../../../src/components/MarkdownFlowEditor/plugins/ImgPlaceholder.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\";\nimport { mediaPlaceholderLabels } from \"./mediaPlaceholderLabels\";\n\nconst imageMarkupRegexp = /!\\[([^\\]]*)\\]\\(([^)]+)\\)|<img\\b[^>]*>/i;\nconst agiImgContextRegexp =\n  /===\\s*(?:!\\[[^\\]]*\\]\\([^)]+\\)|<img\\b[^>]*>)\\s*===|!\\[[^\\]]*\\]\\([^)]+\\)|<img\\b[^>]*>/gi;\n\nconst extractAttributeValue = (tag: string, attribute: string) => {\n  const regexp = new RegExp(\n    `${attribute}\\\\s*=\\\\s*(\"(.*?)\"|'(.*?)'|([^\\\\s\"'<>]+))`,\n    \"i\"\n  );\n  const match = tag.match(regexp);\n  if (!match) return undefined;\n  return match[2] ?? match[3] ?? match[4];\n};\n\nconst clampScalePercent = (value: number) =>\n  Math.max(1, Math.min(1000, Math.round(value)));\n\nconst getImageMatchInfo = (match: RegExpMatchArray) => {\n  const source = match?.[0] ?? \"\";\n  const raw = unwrapFixedOutput(source);\n  const fixedOutput = /^\\s*===/.test(source);\n  if (/^<img\\b/i.test(raw)) {\n    const src = extractAttributeValue(raw, \"src\") ?? \"\";\n    const alt =\n      extractAttributeValue(raw, \"alt\") ??\n      extractAttributeValue(raw, \"title\") ??\n      \"\";\n    const widthAttr = extractAttributeValue(raw, \"width\");\n    let scalePercent: number | undefined;\n    if (widthAttr) {\n      const numeric = Number.parseFloat(widthAttr);\n      if (Number.isFinite(numeric)) {\n        scalePercent = clampScalePercent(numeric);\n      }\n    }\n    return {\n      text: alt,\n      url: src,\n      title: alt,\n      scalePercent,\n      fixedOutput,\n    };\n  }\n  const markdownMatch = raw.match(imageMarkupRegexp);\n  const title = markdownMatch?.[1] ?? \"\";\n  const url = markdownMatch?.[2] ?? \"\";\n  return {\n    text: title,\n    url,\n    title,\n    scalePercent: undefined,\n    fixedOutput,\n  };\n};\n\nconst imageUrlMatcher = new MatchDecorator({\n  regexp: agiImgContextRegexp,\n  decoration: (match, view) => {\n    const info = getImageMatchInfo(match);\n    return Decoration.replace({\n      widget: new PlaceholderWidget(\n        info.text || view.state.facet(mediaPlaceholderLabels).image,\n        {\n          tag: \"image\",\n          url: info.url,\n          title: info.title,\n          scalePercent: info.scalePercent,\n          fixedOutput: info.fixedOutput,\n        },\n        \"tag-image\",\n        SelectedOption.Image,\n        view\n      ),\n    });\n  },\n});\n\nconst ImgPlaceholder = ViewPlugin.fromClass(\n  class {\n    placeholders: DecorationSet;\n    constructor(view: EditorView) {\n      this.placeholders = imageUrlMatcher.createDeco(view);\n    }\n    update(update: ViewUpdate) {\n      if (\n        update.startState.facet(mediaPlaceholderLabels) !==\n        update.state.facet(mediaPlaceholderLabels)\n      ) {\n        this.placeholders = imageUrlMatcher.createDeco(update.view);\n        return;\n      }\n      this.placeholders = imageUrlMatcher.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 ImgPlaceholder;\n"],"names":["imageMarkupRegexp","agiImgContextRegexp","extractAttributeValue","tag","attribute","regexp","match","clampScalePercent","value","getImageMatchInfo","source","raw","unwrapFixedOutput","fixedOutput","src","alt","widthAttr","scalePercent","numeric","markdownMatch","title","url","imageUrlMatcher","MatchDecorator","view","info","Decoration","PlaceholderWidget","mediaPlaceholderLabels","SelectedOption","ImgPlaceholder","ViewPlugin","update","instance","plugin","EditorView"],"mappings":";;;;;AAaA,MAAMA,IAAoB,0CACpBC,IACJ,yFAEIC,IAAwB,CAACC,GAAaC,MAAsB;AAChE,QAAMC,IAAS,IAAI;AAAA,IACjB,GAAGD,CAAS;AAAA,IACZ;AAAA,EAAA,GAEIE,IAAQH,EAAI,MAAME,CAAM;AAC9B,MAAKC;AACL,WAAOA,EAAM,CAAC,KAAKA,EAAM,CAAC,KAAKA,EAAM,CAAC;AACxC,GAEMC,IAAoB,CAACC,MACzB,KAAK,IAAI,GAAG,KAAK,IAAI,KAAM,KAAK,MAAMA,CAAK,CAAC,CAAC,GAEzCC,IAAoB,CAACH,MAA4B;AACrD,QAAMI,IAASJ,IAAQ,CAAC,KAAK,IACvBK,IAAMC,EAAkBF,CAAM,GAC9BG,IAAc,UAAU,KAAKH,CAAM;AACzC,MAAI,WAAW,KAAKC,CAAG,GAAG;AACxB,UAAMG,IAAMZ,EAAsBS,GAAK,KAAK,KAAK,IAC3CI,IACJb,EAAsBS,GAAK,KAAK,KAChCT,EAAsBS,GAAK,OAAO,KAClC,IACIK,IAAYd,EAAsBS,GAAK,OAAO;AACpD,QAAIM;AACJ,QAAID,GAAW;AACb,YAAME,IAAU,OAAO,WAAWF,CAAS;AAC3C,MAAI,OAAO,SAASE,CAAO,MACzBD,IAAeV,EAAkBW,CAAO;AAAA,IAE5C;AACA,WAAO;AAAA,MACL,MAAMH;AAAA,MACN,KAAKD;AAAA,MACL,OAAOC;AAAA,MACP,cAAAE;AAAA,MACA,aAAAJ;AAAA,IAAA;AAAA,EAEJ;AACA,QAAMM,IAAgBR,EAAI,MAAMX,CAAiB,GAC3CoB,IAAQD,IAAgB,CAAC,KAAK,IAC9BE,IAAMF,IAAgB,CAAC,KAAK;AAClC,SAAO;AAAA,IACL,MAAMC;AAAA,IACN,KAAAC;AAAA,IACA,OAAAD;AAAA,IACA,cAAc;AAAA,IACd,aAAAP;AAAA,EAAA;AAEJ,GAEMS,IAAkB,IAAIC,EAAe;AAAA,EACzC,QAAQtB;AAAA,EACR,YAAY,CAACK,GAAOkB,MAAS;AAC3B,UAAMC,IAAOhB,EAAkBH,CAAK;AACpC,WAAOoB,EAAW,QAAQ;AAAA,MACxB,QAAQ,IAAIC;AAAA,QACVF,EAAK,QAAQD,EAAK,MAAM,MAAMI,CAAsB,EAAE;AAAA,QACtD;AAAA,UACE,KAAK;AAAA,UACL,KAAKH,EAAK;AAAA,UACV,OAAOA,EAAK;AAAA,UACZ,cAAcA,EAAK;AAAA,UACnB,aAAaA,EAAK;AAAA,QAAA;AAAA,QAEpB;AAAA,QACAI,EAAe;AAAA,QACfL;AAAA,MAAA;AAAA,IACF,CACD;AAAA,EACH;AACF,CAAC,GAEKM,IAAiBC,EAAW;AAAA,EAChC,MAAM;AAAA,IAEJ,YAAYP,GAAkB;AAC5B,WAAK,eAAeF,EAAgB,WAAWE,CAAI;AAAA,IACrD;AAAA,IACA,OAAOQ,GAAoB;AACzB,UACEA,EAAO,WAAW,MAAMJ,CAAsB,MAC9CI,EAAO,MAAM,MAAMJ,CAAsB,GACzC;AACA,aAAK,eAAeN,EAAgB,WAAWU,EAAO,IAAI;AAC1D;AAAA,MACF;AACA,WAAK,eAAeV,EAAgB,WAAWU,GAAQ,KAAK,YAAY;AAAA,IAC1E;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,aAAa,CAACC,MAAaA,EAAS;AAAA,IACpC,SAAS,CAACC,MACRC,EAAW,aAAa,GAAG,CAACX,MACnBA,EAAK,OAAOU,CAAM,GAAG,gBAAgBR,EAAW,IACxD;AAAA,EAAA;AAEP;"}

package/dist/components/MarkdownFlowEditor/plugins/PlaceholderWidget.d.ts

@@ -1,5 +1,5 @@
 import { EditorView, WidgetType } from '@codemirror/view';
-import { SelectedOption } from '../types';
+import { SelectedOption } from '../types.js';
 declare class PlaceholderWidget extends WidgetType {
     private text;
     private dataset;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"VideoPlaceholder.cjs","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":"8QAYMA,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"}
+{"version":3,"file":"VideoPlaceholder.cjs","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\";\nimport { mediaPlaceholderLabels } from \"./mediaPlaceholderLabels\";\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 || view.state.facet(mediaPlaceholderLabels).video,\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      if (\n        update.startState.facet(mediaPlaceholderLabels) !==\n        update.state.facet(mediaPlaceholderLabels)\n      ) {\n        this.placeholders = biliUrlMatcher.createDeco(update.view);\n        return;\n      }\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","mediaPlaceholderLabels","SelectedOption","VideoPlaceholder","ViewPlugin","update","instance","plugin","EditorView"],"mappings":"wTAaMA,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,GAAaR,EAAK,MAAM,MAAMgB,EAAAA,sBAAsB,EAAE,MACtD,CACE,IAAK,QACL,IAAKL,EACL,MAAOH,EACP,YAAAJ,CAAA,EAEF,YACAa,EAAAA,eAAe,MACfjB,CAAA,CACF,CACD,CACH,CACF,CAAC,EAEKkB,EAAmBC,EAAAA,WAAW,UAClC,KAAM,CAEJ,YAAYnB,EAAkB,CAC5B,KAAK,aAAeF,EAAe,WAAWE,CAAI,CACpD,CACA,OAAOoB,EAAoB,CACzB,GACEA,EAAO,WAAW,MAAMJ,EAAAA,sBAAsB,IAC9CI,EAAO,MAAM,MAAMJ,EAAAA,sBAAsB,EACzC,CACA,KAAK,aAAelB,EAAe,WAAWsB,EAAO,IAAI,EACzD,MACF,CACA,KAAK,aAAetB,EAAe,WAAWsB,EAAQ,KAAK,YAAY,CACzE,CAAA,EAEF,CACE,YAAcC,GAAaA,EAAS,aACpC,QAAUC,GACRC,EAAAA,WAAW,aAAa,GAAIvB,GACnBA,EAAK,OAAOsB,CAAM,GAAG,cAAgBR,EAAAA,WAAW,IACxD,CAAA,CAEP"}

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

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

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 { 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;"}
+{"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\";\nimport { mediaPlaceholderLabels } from \"./mediaPlaceholderLabels\";\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 || view.state.facet(mediaPlaceholderLabels).video,\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      if (\n        update.startState.facet(mediaPlaceholderLabels) !==\n        update.state.facet(mediaPlaceholderLabels)\n      ) {\n        this.placeholders = biliUrlMatcher.createDeco(update.view);\n        return;\n      }\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","mediaPlaceholderLabels","SelectedOption","VideoPlaceholder","ViewPlugin","update","instance","plugin","EditorView"],"mappings":";;;;;AAaA,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,KAAaR,EAAK,MAAM,MAAMgB,CAAsB,EAAE;AAAA,QACtD;AAAA,UACE,KAAK;AAAA,UACL,KAAKL;AAAA;AAAA,UACL,OAAOH;AAAA;AAAA,UACP,aAAAJ;AAAA,QAAA;AAAA,QAEF;AAAA,QACAa,EAAe;AAAA,QACfjB;AAAA,MAAA;AAAA,IACF,CACD;AAAA,EACH;AACF,CAAC,GAEKkB,IAAmBC,EAAW;AAAA,EAClC,MAAM;AAAA,IAEJ,YAAYnB,GAAkB;AAC5B,WAAK,eAAeF,EAAe,WAAWE,CAAI;AAAA,IACpD;AAAA,IACA,OAAOoB,GAAoB;AACzB,UACEA,EAAO,WAAW,MAAMJ,CAAsB,MAC9CI,EAAO,MAAM,MAAMJ,CAAsB,GACzC;AACA,aAAK,eAAelB,EAAe,WAAWsB,EAAO,IAAI;AACzD;AAAA,MACF;AACA,WAAK,eAAetB,EAAe,WAAWsB,GAAQ,KAAK,YAAY;AAAA,IACzE;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,aAAa,CAACC,MAAaA,EAAS;AAAA,IACpC,SAAS,CAACC,MACRC,EAAW,aAAa,GAAG,CAACvB,MACnBA,EAAK,OAAOsB,CAAM,GAAG,gBAAgBR,EAAW,IACxD;AAAA,EAAA;AAEP;"}

package/dist/components/MarkdownFlowEditor/plugins/mediaPlaceholderLabels.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../../node_modules/@codemirror/state/dist/index.cjs"),i=require("../editorI18n.cjs"),e=i.getEditorLocaleMessages(),l={image:e.imageDefaultTitle,video:e.videoDefaultTitle},o=a.Facet.define({combine:t=>t[0]??l});exports.mediaPlaceholderLabels=o;
+//# sourceMappingURL=mediaPlaceholderLabels.cjs.map

package/dist/components/MarkdownFlowEditor/plugins/mediaPlaceholderLabels.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mediaPlaceholderLabels.cjs","sources":["../../../../src/components/MarkdownFlowEditor/plugins/mediaPlaceholderLabels.ts"],"sourcesContent":["import { Facet } from \"@codemirror/state\";\nimport { getEditorLocaleMessages } from \"../editorI18n\";\n\ninterface MediaPlaceholderLabels {\n  image: string;\n  video: string;\n}\n\nconst defaultMessages = getEditorLocaleMessages();\nconst defaultLabels: MediaPlaceholderLabels = {\n  image: defaultMessages.imageDefaultTitle,\n  video: defaultMessages.videoDefaultTitle,\n};\n\nexport const mediaPlaceholderLabels: Facet<\n  MediaPlaceholderLabels,\n  MediaPlaceholderLabels\n> = Facet.define({\n  combine: (values) => values[0] ?? defaultLabels,\n});\n"],"names":["defaultMessages","getEditorLocaleMessages","defaultLabels","mediaPlaceholderLabels","Facet","values"],"mappings":"yLAQMA,EAAkBC,EAAAA,wBAAA,EAClBC,EAAwC,CAC5C,MAAOF,EAAgB,kBACvB,MAAOA,EAAgB,iBACzB,EAEaG,EAGTC,EAAAA,MAAM,OAAO,CACf,QAAUC,GAAWA,EAAO,CAAC,GAAKH,CACpC,CAAC"}

package/dist/components/MarkdownFlowEditor/plugins/mediaPlaceholderLabels.d.ts

@@ -0,0 +1,7 @@
+import { Facet } from '@codemirror/state';
+interface MediaPlaceholderLabels {
+    image: string;
+    video: string;
+}
+export declare const mediaPlaceholderLabels: Facet<MediaPlaceholderLabels, MediaPlaceholderLabels>;
+export {};

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

@@ -0,0 +1,12 @@
+import { Facet as a } from "../../../node_modules/@codemirror/state/dist/index.es.js";
+import { getEditorLocaleMessages as o } from "../editorI18n.es.js";
+const e = o(), i = {
+  image: e.imageDefaultTitle,
+  video: e.videoDefaultTitle
+}, d = a.define({
+  combine: (t) => t[0] ?? i
+});
+export {
+  d as mediaPlaceholderLabels
+};
+//# sourceMappingURL=mediaPlaceholderLabels.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mediaPlaceholderLabels.es.js","sources":["../../../../src/components/MarkdownFlowEditor/plugins/mediaPlaceholderLabels.ts"],"sourcesContent":["import { Facet } from \"@codemirror/state\";\nimport { getEditorLocaleMessages } from \"../editorI18n\";\n\ninterface MediaPlaceholderLabels {\n  image: string;\n  video: string;\n}\n\nconst defaultMessages = getEditorLocaleMessages();\nconst defaultLabels: MediaPlaceholderLabels = {\n  image: defaultMessages.imageDefaultTitle,\n  video: defaultMessages.videoDefaultTitle,\n};\n\nexport const mediaPlaceholderLabels: Facet<\n  MediaPlaceholderLabels,\n  MediaPlaceholderLabels\n> = Facet.define({\n  combine: (values) => values[0] ?? defaultLabels,\n});\n"],"names":["defaultMessages","getEditorLocaleMessages","defaultLabels","mediaPlaceholderLabels","Facet","values"],"mappings":";;AAQA,MAAMA,IAAkBC,EAAA,GAClBC,IAAwC;AAAA,EAC5C,OAAOF,EAAgB;AAAA,EACvB,OAAOA,EAAgB;AACzB,GAEaG,IAGTC,EAAM,OAAO;AAAA,EACf,SAAS,CAACC,MAAWA,EAAO,CAAC,KAAKH;AACpC,CAAC;"}

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

@@ -1,5 +1,5 @@
 import { CompletionContext, CompletionResult } from '@codemirror/autocomplete';
-import { SelectedOption } from './types';
+import { SelectedOption } from './types.js';
 declare const createVariableExpressionRegexp: () => RegExp;
 declare const isValidVariableName: (name: string) => boolean;
 declare const extractVariableNames: (content: string) => string[];

package/dist/components/Slide/MarkdownSlideScaling.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("../../_virtual/jsx-runtime.cjs"),i=require("react"),R=require("../../lib/utils.cjs"),y=require("../ContentRender/utils/presentation-scaling.cjs"),p="--mdf-slide-font-size",m=typeof window>"u"?i.useEffect:i.useLayoutEffect,z=(o,c)=>o.contentHeight===c.contentHeight&&o.contentWidth===c.contentWidth&&o.mode===c.mode&&o.viewportHeight===c.viewportHeight&&o.viewportWidth===c.viewportWidth,H=({children:o,className:c,mode:e,...E})=>{const w=i.useRef(null),d=i.useRef(null),s=i.useRef(null),v=i.useRef(!1),f=i.useRef(null),h=i.useCallback(()=>{const r=w.current,t=d.current;if(e==="disabled"||!r||!t||v.current)return;const n={height:r.clientHeight,width:r.clientWidth};if(n.height<=0||n.width<=0)return;const u={contentHeight:t.scrollHeight,contentWidth:t.scrollWidth,mode:e,viewportHeight:n.height,viewportWidth:n.width},a=f.current;if(!(a&&z(a,u))){v.current=!0;try{const S=e==="fit"?y.fitPresentationFontSize({viewport:n,measure:F=>(t.style.setProperty(p,`${F}px`),{height:t.scrollHeight,width:t.scrollWidth})}):y.resolvePresentationBaseFontSize(n);t.style.setProperty(p,`${S}px`),t.dataset.markdownSlideFontSize=String(S),f.current={contentHeight:t.scrollHeight,contentWidth:t.scrollWidth,mode:e,viewportHeight:n.height,viewportWidth:n.width}}finally{v.current=!1}}},[e]),l=i.useCallback(()=>{e==="disabled"||s.current!==null||(s.current=window.requestAnimationFrame(()=>{s.current=null,h()}))},[h,e]);m(()=>{s.current!==null&&(window.cancelAnimationFrame(s.current),s.current=null);const r=d.current;if(r){if(e==="disabled"){r.style.removeProperty(p),delete r.dataset.markdownSlideFontSize,f.current=null;return}h()}},[h,e]),i.useEffect(()=>{const r=w.current,t=d.current;if(e==="disabled"||!r||!t)return;const n=typeof ResizeObserver>"u"?null:new ResizeObserver(l);n?.observe(r);const u=()=>{f.current=null,l()},a=e==="fit"&&typeof MutationObserver<"u"?new MutationObserver(u):null;return e==="fit"&&(n?.observe(t),a?.observe(t,{childList:!0,characterData:!0,subtree:!0}),t.addEventListener("load",u,!0)),window.addEventListener("resize",l),l(),()=>{n?.disconnect(),a?.disconnect(),e==="fit"&&t.removeEventListener("load",u,!0),window.removeEventListener("resize",l),s.current!==null&&(window.cancelAnimationFrame(s.current),s.current=null)}},[e,l]);const g=e!=="disabled";return b.jsxRuntimeExports.jsx("div",{ref:w,className:R.cn(c,g&&"slide-markdown-scaling"),"data-markdown-slide-scaling":g?e:void 0,...E,children:b.jsxRuntimeExports.jsx("div",{ref:d,className:R.cn("slide-markdown-scaling__content flex w-full flex-col gap-4",e!=="fit"&&"slide-markdown-scaling__content--contents"),children:o})})};exports.default=H;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("react/jsx-runtime"),i=require("react"),R=require("../../lib/utils.cjs"),y=require("../ContentRender/utils/presentation-scaling.cjs"),p="--mdf-slide-font-size",E=typeof window>"u"?i.useEffect:i.useLayoutEffect,H=(o,c)=>o.contentHeight===c.contentHeight&&o.contentWidth===c.contentWidth&&o.mode===c.mode&&o.viewportHeight===c.viewportHeight&&o.viewportWidth===c.viewportWidth,W=({children:o,className:c,mode:e,...F})=>{const w=i.useRef(null),d=i.useRef(null),s=i.useRef(null),v=i.useRef(!1),f=i.useRef(null),h=i.useCallback(()=>{const r=w.current,t=d.current;if(e==="disabled"||!r||!t||v.current)return;const n={height:r.clientHeight,width:r.clientWidth};if(n.height<=0||n.width<=0)return;const u={contentHeight:t.scrollHeight,contentWidth:t.scrollWidth,mode:e,viewportHeight:n.height,viewportWidth:n.width},a=f.current;if(!(a&&H(a,u))){v.current=!0;try{const S=e==="fit"?y.fitPresentationFontSize({viewport:n,measure:z=>(t.style.setProperty(p,`${z}px`),{height:t.scrollHeight,width:t.scrollWidth})}):y.resolvePresentationBaseFontSize(n);t.style.setProperty(p,`${S}px`),t.dataset.markdownSlideFontSize=String(S),f.current={contentHeight:t.scrollHeight,contentWidth:t.scrollWidth,mode:e,viewportHeight:n.height,viewportWidth:n.width}}finally{v.current=!1}}},[e]),l=i.useCallback(()=>{e==="disabled"||s.current!==null||(s.current=window.requestAnimationFrame(()=>{s.current=null,h()}))},[h,e]);E(()=>{s.current!==null&&(window.cancelAnimationFrame(s.current),s.current=null);const r=d.current;if(r){if(e==="disabled"){r.style.removeProperty(p),delete r.dataset.markdownSlideFontSize,f.current=null;return}h()}},[h,e]),i.useEffect(()=>{const r=w.current,t=d.current;if(e==="disabled"||!r||!t)return;const n=typeof ResizeObserver>"u"?null:new ResizeObserver(l);n?.observe(r);const u=()=>{f.current=null,l()},a=e==="fit"&&typeof MutationObserver<"u"?new MutationObserver(u):null;return e==="fit"&&(n?.observe(t),a?.observe(t,{childList:!0,characterData:!0,subtree:!0}),t.addEventListener("load",u,!0)),window.addEventListener("resize",l),l(),()=>{n?.disconnect(),a?.disconnect(),e==="fit"&&t.removeEventListener("load",u,!0),window.removeEventListener("resize",l),s.current!==null&&(window.cancelAnimationFrame(s.current),s.current=null)}},[e,l]);const g=e!=="disabled";return b.jsx("div",{ref:w,className:R.cn(c,g&&"slide-markdown-scaling"),"data-markdown-slide-scaling":g?e:void 0,...F,children:b.jsx("div",{ref:d,className:R.cn("slide-markdown-scaling__content flex w-full flex-col gap-4",e!=="fit"&&"slide-markdown-scaling__content--contents"),children:o})})};exports.default=W;
 //# sourceMappingURL=MarkdownSlideScaling.cjs.map

package/dist/components/Slide/MarkdownSlideScaling.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownSlideScaling.cjs","sources":["../../../src/components/Slide/MarkdownSlideScaling.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useLayoutEffect, useRef } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\nimport {\n  fitPresentationFontSize,\n  resolvePresentationBaseFontSize,\n} from \"../ContentRender/utils/presentation-scaling\";\nimport type { MarkdownScalingMode } from \"./utils/markdownScaling\";\n\nconst SLIDE_FONT_SIZE_PROPERTY = \"--mdf-slide-font-size\";\nconst useIsomorphicLayoutEffect =\n  typeof window === \"undefined\" ? useEffect : useLayoutEffect;\n\ninterface MarkdownFitSnapshot {\n  contentHeight: number;\n  contentWidth: number;\n  mode: MarkdownScalingMode;\n  viewportHeight: number;\n  viewportWidth: number;\n}\n\nconst areFitSnapshotsEqual = (\n  left: MarkdownFitSnapshot,\n  right: MarkdownFitSnapshot\n) =>\n  left.contentHeight === right.contentHeight &&\n  left.contentWidth === right.contentWidth &&\n  left.mode === right.mode &&\n  left.viewportHeight === right.viewportHeight &&\n  left.viewportWidth === right.viewportWidth;\n\nexport interface MarkdownSlideScalingProps\n  extends React.ComponentPropsWithoutRef<\"div\"> {\n  /** Controls whether Markdown content is fitted, base-scaled, or unscaled. */\n  mode: MarkdownScalingMode;\n}\n\n/**\n * Fits all Markdown elements in one logical slide with a shared font-size.\n * Keeping this boundary outside ContentRender lets accumulated title, text,\n * table, and code elements participate in the same presentation layout.\n */\nconst MarkdownSlideScaling: React.FC<MarkdownSlideScalingProps> = ({\n  children,\n  className,\n  mode,\n  ...props\n}) => {\n  const viewportRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const fitFrameRef = useRef<number | null>(null);\n  const isFittingRef = useRef(false);\n  const lastFitSnapshotRef = useRef<MarkdownFitSnapshot | null>(null);\n\n  const fitContent = useCallback(() => {\n    const viewport = viewportRef.current;\n    const content = contentRef.current;\n\n    if (mode === \"disabled\" || !viewport || !content || isFittingRef.current) {\n      return;\n    }\n\n    const viewportSize = {\n      height: viewport.clientHeight,\n      width: viewport.clientWidth,\n    };\n\n    if (viewportSize.height <= 0 || viewportSize.width <= 0) {\n      return;\n    }\n\n    const currentSnapshot: MarkdownFitSnapshot = {\n      contentHeight: content.scrollHeight,\n      contentWidth: content.scrollWidth,\n      mode,\n      viewportHeight: viewportSize.height,\n      viewportWidth: viewportSize.width,\n    };\n    const lastSnapshot = lastFitSnapshotRef.current;\n\n    if (lastSnapshot && areFitSnapshotsEqual(lastSnapshot, currentSnapshot)) {\n      return;\n    }\n\n    isFittingRef.current = true;\n\n    try {\n      const fontSize =\n        mode === \"fit\"\n          ? fitPresentationFontSize({\n              viewport: viewportSize,\n              measure: (candidateFontSize) => {\n                content.style.setProperty(\n                  SLIDE_FONT_SIZE_PROPERTY,\n                  `${candidateFontSize}px`\n                );\n\n                // Read after the CSS variable update so wrapping and em-based\n                // styles are included in the next compression step.\n                return {\n                  height: content.scrollHeight,\n                  width: content.scrollWidth,\n                };\n              },\n            })\n          : resolvePresentationBaseFontSize(viewportSize);\n\n      content.style.setProperty(SLIDE_FONT_SIZE_PROPERTY, `${fontSize}px`);\n      content.dataset.markdownSlideFontSize = String(fontSize);\n      lastFitSnapshotRef.current = {\n        contentHeight: content.scrollHeight,\n        contentWidth: content.scrollWidth,\n        mode,\n        viewportHeight: viewportSize.height,\n        viewportWidth: viewportSize.width,\n      };\n    } finally {\n      isFittingRef.current = false;\n    }\n  }, [mode]);\n\n  const scheduleFit = useCallback(() => {\n    if (mode === \"disabled\" || fitFrameRef.current !== null) {\n      return;\n    }\n\n    fitFrameRef.current = window.requestAnimationFrame(() => {\n      fitFrameRef.current = null;\n      fitContent();\n    });\n  }, [fitContent, mode]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (fitFrameRef.current !== null) {\n      window.cancelAnimationFrame(fitFrameRef.current);\n      fitFrameRef.current = null;\n    }\n\n    const content = contentRef.current;\n\n    if (!content) {\n      return;\n    }\n\n    if (mode === \"disabled\") {\n      content.style.removeProperty(SLIDE_FONT_SIZE_PROPERTY);\n      delete content.dataset.markdownSlideFontSize;\n      lastFitSnapshotRef.current = null;\n      return;\n    }\n\n    fitContent();\n  }, [fitContent, mode]);\n\n  useEffect(() => {\n    const viewport = viewportRef.current;\n    const content = contentRef.current;\n\n    if (mode === \"disabled\" || !viewport || !content) {\n      return;\n    }\n\n    const resizeObserver =\n      typeof ResizeObserver === \"undefined\"\n        ? null\n        : new ResizeObserver(scheduleFit);\n    resizeObserver?.observe(viewport);\n\n    const handleContentChange = () => {\n      lastFitSnapshotRef.current = null;\n      scheduleFit();\n    };\n    const mutationObserver =\n      mode === \"fit\" && typeof MutationObserver !== \"undefined\"\n        ? new MutationObserver(handleContentChange)\n        : null;\n\n    if (mode === \"fit\") {\n      resizeObserver?.observe(content);\n      mutationObserver?.observe(content, {\n        childList: true,\n        characterData: true,\n        subtree: true,\n      });\n      content.addEventListener(\"load\", handleContentChange, true);\n    }\n\n    window.addEventListener(\"resize\", scheduleFit);\n    scheduleFit();\n\n    return () => {\n      resizeObserver?.disconnect();\n      mutationObserver?.disconnect();\n\n      if (mode === \"fit\") {\n        content.removeEventListener(\"load\", handleContentChange, true);\n      }\n\n      window.removeEventListener(\"resize\", scheduleFit);\n\n      if (fitFrameRef.current !== null) {\n        window.cancelAnimationFrame(fitFrameRef.current);\n        fitFrameRef.current = null;\n      }\n    };\n  }, [mode, scheduleFit]);\n\n  const isScaling = mode !== \"disabled\";\n\n  return (\n    <div\n      ref={viewportRef}\n      className={cn(className, isScaling && \"slide-markdown-scaling\")}\n      data-markdown-slide-scaling={isScaling ? mode : undefined}\n      {...props}\n    >\n      <div\n        ref={contentRef}\n        className={cn(\n          \"slide-markdown-scaling__content flex w-full flex-col gap-4\",\n          mode !== \"fit\" && \"slide-markdown-scaling__content--contents\"\n        )}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n\nexport default MarkdownSlideScaling;\n"],"names":["SLIDE_FONT_SIZE_PROPERTY","useIsomorphicLayoutEffect","useEffect","useLayoutEffect","areFitSnapshotsEqual","left","right","MarkdownSlideScaling","children","className","mode","props","viewportRef","useRef","contentRef","fitFrameRef","isFittingRef","lastFitSnapshotRef","fitContent","useCallback","viewport","content","viewportSize","currentSnapshot","lastSnapshot","fontSize","fitPresentationFontSize","candidateFontSize","resolvePresentationBaseFontSize","scheduleFit","resizeObserver","handleContentChange","mutationObserver","isScaling","jsx","cn"],"mappings":"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"}
+{"version":3,"file":"MarkdownSlideScaling.cjs","sources":["../../../src/components/Slide/MarkdownSlideScaling.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useLayoutEffect, useRef } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\nimport {\n  fitPresentationFontSize,\n  resolvePresentationBaseFontSize,\n} from \"../ContentRender/utils/presentation-scaling\";\nimport type { MarkdownScalingMode } from \"./utils/markdownScaling\";\n\nconst SLIDE_FONT_SIZE_PROPERTY = \"--mdf-slide-font-size\";\nconst useIsomorphicLayoutEffect =\n  typeof window === \"undefined\" ? useEffect : useLayoutEffect;\n\ninterface MarkdownFitSnapshot {\n  contentHeight: number;\n  contentWidth: number;\n  mode: MarkdownScalingMode;\n  viewportHeight: number;\n  viewportWidth: number;\n}\n\nconst areFitSnapshotsEqual = (\n  left: MarkdownFitSnapshot,\n  right: MarkdownFitSnapshot\n) =>\n  left.contentHeight === right.contentHeight &&\n  left.contentWidth === right.contentWidth &&\n  left.mode === right.mode &&\n  left.viewportHeight === right.viewportHeight &&\n  left.viewportWidth === right.viewportWidth;\n\nexport interface MarkdownSlideScalingProps\n  extends React.ComponentPropsWithoutRef<\"div\"> {\n  /** Controls whether Markdown content is fitted, base-scaled, or unscaled. */\n  mode: MarkdownScalingMode;\n}\n\n/**\n * Fits all Markdown elements in one logical slide with a shared font-size.\n * Keeping this boundary outside ContentRender lets accumulated title, text,\n * table, and code elements participate in the same presentation layout.\n */\nconst MarkdownSlideScaling: React.FC<MarkdownSlideScalingProps> = ({\n  children,\n  className,\n  mode,\n  ...props\n}) => {\n  const viewportRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const fitFrameRef = useRef<number | null>(null);\n  const isFittingRef = useRef(false);\n  const lastFitSnapshotRef = useRef<MarkdownFitSnapshot | null>(null);\n\n  const fitContent = useCallback(() => {\n    const viewport = viewportRef.current;\n    const content = contentRef.current;\n\n    if (mode === \"disabled\" || !viewport || !content || isFittingRef.current) {\n      return;\n    }\n\n    const viewportSize = {\n      height: viewport.clientHeight,\n      width: viewport.clientWidth,\n    };\n\n    if (viewportSize.height <= 0 || viewportSize.width <= 0) {\n      return;\n    }\n\n    const currentSnapshot: MarkdownFitSnapshot = {\n      contentHeight: content.scrollHeight,\n      contentWidth: content.scrollWidth,\n      mode,\n      viewportHeight: viewportSize.height,\n      viewportWidth: viewportSize.width,\n    };\n    const lastSnapshot = lastFitSnapshotRef.current;\n\n    if (lastSnapshot && areFitSnapshotsEqual(lastSnapshot, currentSnapshot)) {\n      return;\n    }\n\n    isFittingRef.current = true;\n\n    try {\n      const fontSize =\n        mode === \"fit\"\n          ? fitPresentationFontSize({\n              viewport: viewportSize,\n              measure: (candidateFontSize) => {\n                content.style.setProperty(\n                  SLIDE_FONT_SIZE_PROPERTY,\n                  `${candidateFontSize}px`\n                );\n\n                // Read after the CSS variable update so wrapping and em-based\n                // styles are included in the next compression step.\n                return {\n                  height: content.scrollHeight,\n                  width: content.scrollWidth,\n                };\n              },\n            })\n          : resolvePresentationBaseFontSize(viewportSize);\n\n      content.style.setProperty(SLIDE_FONT_SIZE_PROPERTY, `${fontSize}px`);\n      content.dataset.markdownSlideFontSize = String(fontSize);\n      lastFitSnapshotRef.current = {\n        contentHeight: content.scrollHeight,\n        contentWidth: content.scrollWidth,\n        mode,\n        viewportHeight: viewportSize.height,\n        viewportWidth: viewportSize.width,\n      };\n    } finally {\n      isFittingRef.current = false;\n    }\n  }, [mode]);\n\n  const scheduleFit = useCallback(() => {\n    if (mode === \"disabled\" || fitFrameRef.current !== null) {\n      return;\n    }\n\n    fitFrameRef.current = window.requestAnimationFrame(() => {\n      fitFrameRef.current = null;\n      fitContent();\n    });\n  }, [fitContent, mode]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (fitFrameRef.current !== null) {\n      window.cancelAnimationFrame(fitFrameRef.current);\n      fitFrameRef.current = null;\n    }\n\n    const content = contentRef.current;\n\n    if (!content) {\n      return;\n    }\n\n    if (mode === \"disabled\") {\n      content.style.removeProperty(SLIDE_FONT_SIZE_PROPERTY);\n      delete content.dataset.markdownSlideFontSize;\n      lastFitSnapshotRef.current = null;\n      return;\n    }\n\n    fitContent();\n  }, [fitContent, mode]);\n\n  useEffect(() => {\n    const viewport = viewportRef.current;\n    const content = contentRef.current;\n\n    if (mode === \"disabled\" || !viewport || !content) {\n      return;\n    }\n\n    const resizeObserver =\n      typeof ResizeObserver === \"undefined\"\n        ? null\n        : new ResizeObserver(scheduleFit);\n    resizeObserver?.observe(viewport);\n\n    const handleContentChange = () => {\n      lastFitSnapshotRef.current = null;\n      scheduleFit();\n    };\n    const mutationObserver =\n      mode === \"fit\" && typeof MutationObserver !== \"undefined\"\n        ? new MutationObserver(handleContentChange)\n        : null;\n\n    if (mode === \"fit\") {\n      resizeObserver?.observe(content);\n      mutationObserver?.observe(content, {\n        childList: true,\n        characterData: true,\n        subtree: true,\n      });\n      content.addEventListener(\"load\", handleContentChange, true);\n    }\n\n    window.addEventListener(\"resize\", scheduleFit);\n    scheduleFit();\n\n    return () => {\n      resizeObserver?.disconnect();\n      mutationObserver?.disconnect();\n\n      if (mode === \"fit\") {\n        content.removeEventListener(\"load\", handleContentChange, true);\n      }\n\n      window.removeEventListener(\"resize\", scheduleFit);\n\n      if (fitFrameRef.current !== null) {\n        window.cancelAnimationFrame(fitFrameRef.current);\n        fitFrameRef.current = null;\n      }\n    };\n  }, [mode, scheduleFit]);\n\n  const isScaling = mode !== \"disabled\";\n\n  return (\n    <div\n      ref={viewportRef}\n      className={cn(className, isScaling && \"slide-markdown-scaling\")}\n      data-markdown-slide-scaling={isScaling ? mode : undefined}\n      {...props}\n    >\n      <div\n        ref={contentRef}\n        className={cn(\n          \"slide-markdown-scaling__content flex w-full flex-col gap-4\",\n          mode !== \"fit\" && \"slide-markdown-scaling__content--contents\"\n        )}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n\nexport default MarkdownSlideScaling;\n"],"names":["SLIDE_FONT_SIZE_PROPERTY","useIsomorphicLayoutEffect","useEffect","useLayoutEffect","areFitSnapshotsEqual","left","right","MarkdownSlideScaling","children","className","mode","props","viewportRef","useRef","contentRef","fitFrameRef","isFittingRef","lastFitSnapshotRef","fitContent","useCallback","viewport","content","viewportSize","currentSnapshot","lastSnapshot","fontSize","fitPresentationFontSize","candidateFontSize","resolvePresentationBaseFontSize","scheduleFit","resizeObserver","handleContentChange","mutationObserver","isScaling","jsx","cn"],"mappings":"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"}

package/dist/components/Slide/MarkdownSlideScaling.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { MarkdownScalingMode } from './utils/markdownScaling';
+import { MarkdownScalingMode } from './utils/markdownScaling.js';
 export interface MarkdownSlideScalingProps extends React.ComponentPropsWithoutRef<"div"> {
     /** Controls whether Markdown content is fitted, base-scaled, or unscaled. */
     mode: MarkdownScalingMode;

package/dist/components/Slide/MarkdownSlideScaling.es.js

@@ -1,16 +1,16 @@
-import { j as m } from "../../_virtual/jsx-runtime.es.js";
-import { useRef as u, useCallback as b, useEffect as F, useLayoutEffect as H } from "react";
+import { jsx as b } from "react/jsx-runtime";
+import { useRef as u, useCallback as m, useEffect as F, useLayoutEffect as W } from "react";
 import { cn as y } from "../../lib/utils.es.js";
-import { fitPresentationFontSize as W, resolvePresentationBaseFontSize as R } from "../ContentRender/utils/presentation-scaling.es.js";
-const v = "--mdf-slide-font-size", x = typeof window > "u" ? F : H, k = (o, s) => o.contentHeight === s.contentHeight && o.contentWidth === s.contentWidth && o.mode === s.mode && o.viewportHeight === s.viewportHeight && o.viewportWidth === s.viewportWidth, j = ({
+import { fitPresentationFontSize as E, resolvePresentationBaseFontSize as R } from "../ContentRender/utils/presentation-scaling.es.js";
+const p = "--mdf-slide-font-size", k = typeof window > "u" ? F : W, L = (o, s) => o.contentHeight === s.contentHeight && o.contentWidth === s.contentWidth && o.mode === s.mode && o.viewportHeight === s.viewportHeight && o.viewportWidth === s.viewportWidth, C = ({
   children: o,
   className: s,
   mode: t,
   ...z
 }) => {
-  const w = u(null), d = u(null), i = u(null), p = u(!1), f = u(null), h = b(() => {
+  const w = u(null), d = u(null), i = u(null), v = u(!1), f = u(null), h = m(() => {
     const r = w.current, e = d.current;
-    if (t === "disabled" || !r || !e || p.current)
+    if (t === "disabled" || !r || !e || v.current)
       return;
     const n = {
       height: r.clientHeight,
@@ -25,20 +25,20 @@ const v = "--mdf-slide-font-size", x = typeof window > "u" ? F : H, k = (o, s) =
       viewportHeight: n.height,
       viewportWidth: n.width
     }, a = f.current;
-    if (!(a && k(a, l))) {
-      p.current = !0;
+    if (!(a && L(a, l))) {
+      v.current = !0;
       try {
-        const S = t === "fit" ? W({
+        const S = t === "fit" ? E({
           viewport: n,
-          measure: (E) => (e.style.setProperty(
-            v,
-            `${E}px`
+          measure: (H) => (e.style.setProperty(
+            p,
+            `${H}px`
           ), {
             height: e.scrollHeight,
             width: e.scrollWidth
           })
         }) : R(n);
-        e.style.setProperty(v, `${S}px`), e.dataset.markdownSlideFontSize = String(S), f.current = {
+        e.style.setProperty(p, `${S}px`), e.dataset.markdownSlideFontSize = String(S), f.current = {
           contentHeight: e.scrollHeight,
           contentWidth: e.scrollWidth,
           mode: t,
@@ -46,20 +46,20 @@ const v = "--mdf-slide-font-size", x = typeof window > "u" ? F : H, k = (o, s) =
           viewportWidth: n.width
         };
       } finally {
-        p.current = !1;
+        v.current = !1;
       }
     }
-  }, [t]), c = b(() => {
+  }, [t]), c = m(() => {
     t === "disabled" || i.current !== null || (i.current = window.requestAnimationFrame(() => {
       i.current = null, h();
     }));
   }, [h, t]);
-  x(() => {
+  k(() => {
     i.current !== null && (window.cancelAnimationFrame(i.current), i.current = null);
     const r = d.current;
     if (r) {
       if (t === "disabled") {
-        r.style.removeProperty(v), delete r.dataset.markdownSlideFontSize, f.current = null;
+        r.style.removeProperty(p), delete r.dataset.markdownSlideFontSize, f.current = null;
         return;
       }
       h();
@@ -82,14 +82,14 @@ const v = "--mdf-slide-font-size", x = typeof window > "u" ? F : H, k = (o, s) =
     };
   }, [t, c]);
   const g = t !== "disabled";
-  return /* @__PURE__ */ m.jsx(
+  return /* @__PURE__ */ b(
     "div",
     {
       ref: w,
       className: y(s, g && "slide-markdown-scaling"),
       "data-markdown-slide-scaling": g ? t : void 0,
       ...z,
-      children: /* @__PURE__ */ m.jsx(
+      children: /* @__PURE__ */ b(
         "div",
         {
           ref: d,
@@ -104,6 +104,6 @@ const v = "--mdf-slide-font-size", x = typeof window > "u" ? F : H, k = (o, s) =
   );
 };
 export {
-  j as default
+  C as default
 };
 //# sourceMappingURL=MarkdownSlideScaling.es.js.map

package/dist/components/Slide/MarkdownSlideScaling.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownSlideScaling.es.js","sources":["../../../src/components/Slide/MarkdownSlideScaling.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useLayoutEffect, useRef } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\nimport {\n  fitPresentationFontSize,\n  resolvePresentationBaseFontSize,\n} from \"../ContentRender/utils/presentation-scaling\";\nimport type { MarkdownScalingMode } from \"./utils/markdownScaling\";\n\nconst SLIDE_FONT_SIZE_PROPERTY = \"--mdf-slide-font-size\";\nconst useIsomorphicLayoutEffect =\n  typeof window === \"undefined\" ? useEffect : useLayoutEffect;\n\ninterface MarkdownFitSnapshot {\n  contentHeight: number;\n  contentWidth: number;\n  mode: MarkdownScalingMode;\n  viewportHeight: number;\n  viewportWidth: number;\n}\n\nconst areFitSnapshotsEqual = (\n  left: MarkdownFitSnapshot,\n  right: MarkdownFitSnapshot\n) =>\n  left.contentHeight === right.contentHeight &&\n  left.contentWidth === right.contentWidth &&\n  left.mode === right.mode &&\n  left.viewportHeight === right.viewportHeight &&\n  left.viewportWidth === right.viewportWidth;\n\nexport interface MarkdownSlideScalingProps\n  extends React.ComponentPropsWithoutRef<\"div\"> {\n  /** Controls whether Markdown content is fitted, base-scaled, or unscaled. */\n  mode: MarkdownScalingMode;\n}\n\n/**\n * Fits all Markdown elements in one logical slide with a shared font-size.\n * Keeping this boundary outside ContentRender lets accumulated title, text,\n * table, and code elements participate in the same presentation layout.\n */\nconst MarkdownSlideScaling: React.FC<MarkdownSlideScalingProps> = ({\n  children,\n  className,\n  mode,\n  ...props\n}) => {\n  const viewportRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const fitFrameRef = useRef<number | null>(null);\n  const isFittingRef = useRef(false);\n  const lastFitSnapshotRef = useRef<MarkdownFitSnapshot | null>(null);\n\n  const fitContent = useCallback(() => {\n    const viewport = viewportRef.current;\n    const content = contentRef.current;\n\n    if (mode === \"disabled\" || !viewport || !content || isFittingRef.current) {\n      return;\n    }\n\n    const viewportSize = {\n      height: viewport.clientHeight,\n      width: viewport.clientWidth,\n    };\n\n    if (viewportSize.height <= 0 || viewportSize.width <= 0) {\n      return;\n    }\n\n    const currentSnapshot: MarkdownFitSnapshot = {\n      contentHeight: content.scrollHeight,\n      contentWidth: content.scrollWidth,\n      mode,\n      viewportHeight: viewportSize.height,\n      viewportWidth: viewportSize.width,\n    };\n    const lastSnapshot = lastFitSnapshotRef.current;\n\n    if (lastSnapshot && areFitSnapshotsEqual(lastSnapshot, currentSnapshot)) {\n      return;\n    }\n\n    isFittingRef.current = true;\n\n    try {\n      const fontSize =\n        mode === \"fit\"\n          ? fitPresentationFontSize({\n              viewport: viewportSize,\n              measure: (candidateFontSize) => {\n                content.style.setProperty(\n                  SLIDE_FONT_SIZE_PROPERTY,\n                  `${candidateFontSize}px`\n                );\n\n                // Read after the CSS variable update so wrapping and em-based\n                // styles are included in the next compression step.\n                return {\n                  height: content.scrollHeight,\n                  width: content.scrollWidth,\n                };\n              },\n            })\n          : resolvePresentationBaseFontSize(viewportSize);\n\n      content.style.setProperty(SLIDE_FONT_SIZE_PROPERTY, `${fontSize}px`);\n      content.dataset.markdownSlideFontSize = String(fontSize);\n      lastFitSnapshotRef.current = {\n        contentHeight: content.scrollHeight,\n        contentWidth: content.scrollWidth,\n        mode,\n        viewportHeight: viewportSize.height,\n        viewportWidth: viewportSize.width,\n      };\n    } finally {\n      isFittingRef.current = false;\n    }\n  }, [mode]);\n\n  const scheduleFit = useCallback(() => {\n    if (mode === \"disabled\" || fitFrameRef.current !== null) {\n      return;\n    }\n\n    fitFrameRef.current = window.requestAnimationFrame(() => {\n      fitFrameRef.current = null;\n      fitContent();\n    });\n  }, [fitContent, mode]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (fitFrameRef.current !== null) {\n      window.cancelAnimationFrame(fitFrameRef.current);\n      fitFrameRef.current = null;\n    }\n\n    const content = contentRef.current;\n\n    if (!content) {\n      return;\n    }\n\n    if (mode === \"disabled\") {\n      content.style.removeProperty(SLIDE_FONT_SIZE_PROPERTY);\n      delete content.dataset.markdownSlideFontSize;\n      lastFitSnapshotRef.current = null;\n      return;\n    }\n\n    fitContent();\n  }, [fitContent, mode]);\n\n  useEffect(() => {\n    const viewport = viewportRef.current;\n    const content = contentRef.current;\n\n    if (mode === \"disabled\" || !viewport || !content) {\n      return;\n    }\n\n    const resizeObserver =\n      typeof ResizeObserver === \"undefined\"\n        ? null\n        : new ResizeObserver(scheduleFit);\n    resizeObserver?.observe(viewport);\n\n    const handleContentChange = () => {\n      lastFitSnapshotRef.current = null;\n      scheduleFit();\n    };\n    const mutationObserver =\n      mode === \"fit\" && typeof MutationObserver !== \"undefined\"\n        ? new MutationObserver(handleContentChange)\n        : null;\n\n    if (mode === \"fit\") {\n      resizeObserver?.observe(content);\n      mutationObserver?.observe(content, {\n        childList: true,\n        characterData: true,\n        subtree: true,\n      });\n      content.addEventListener(\"load\", handleContentChange, true);\n    }\n\n    window.addEventListener(\"resize\", scheduleFit);\n    scheduleFit();\n\n    return () => {\n      resizeObserver?.disconnect();\n      mutationObserver?.disconnect();\n\n      if (mode === \"fit\") {\n        content.removeEventListener(\"load\", handleContentChange, true);\n      }\n\n      window.removeEventListener(\"resize\", scheduleFit);\n\n      if (fitFrameRef.current !== null) {\n        window.cancelAnimationFrame(fitFrameRef.current);\n        fitFrameRef.current = null;\n      }\n    };\n  }, [mode, scheduleFit]);\n\n  const isScaling = mode !== \"disabled\";\n\n  return (\n    <div\n      ref={viewportRef}\n      className={cn(className, isScaling && \"slide-markdown-scaling\")}\n      data-markdown-slide-scaling={isScaling ? mode : undefined}\n      {...props}\n    >\n      <div\n        ref={contentRef}\n        className={cn(\n          \"slide-markdown-scaling__content flex w-full flex-col gap-4\",\n          mode !== \"fit\" && \"slide-markdown-scaling__content--contents\"\n        )}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n\nexport default MarkdownSlideScaling;\n"],"names":["SLIDE_FONT_SIZE_PROPERTY","useIsomorphicLayoutEffect","useEffect","useLayoutEffect","areFitSnapshotsEqual","left","right","MarkdownSlideScaling","children","className","mode","props","viewportRef","useRef","contentRef","fitFrameRef","isFittingRef","lastFitSnapshotRef","fitContent","useCallback","viewport","content","viewportSize","currentSnapshot","lastSnapshot","fontSize","fitPresentationFontSize","candidateFontSize","resolvePresentationBaseFontSize","scheduleFit","resizeObserver","handleContentChange","mutationObserver","isScaling","jsx","cn"],"mappings":";;;;AASA,MAAMA,IAA2B,yBAC3BC,IACJ,OAAO,SAAW,MAAcC,IAAYC,GAUxCC,IAAuB,CAC3BC,GACAC,MAEAD,EAAK,kBAAkBC,EAAM,iBAC7BD,EAAK,iBAAiBC,EAAM,gBAC5BD,EAAK,SAASC,EAAM,QACpBD,EAAK,mBAAmBC,EAAM,kBAC9BD,EAAK,kBAAkBC,EAAM,eAazBC,IAA4D,CAAC;AAAA,EACjE,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAcC,EAAuB,IAAI,GACzCC,IAAaD,EAAuB,IAAI,GACxCE,IAAcF,EAAsB,IAAI,GACxCG,IAAeH,EAAO,EAAK,GAC3BI,IAAqBJ,EAAmC,IAAI,GAE5DK,IAAaC,EAAY,MAAM;AACnC,UAAMC,IAAWR,EAAY,SACvBS,IAAUP,EAAW;AAE3B,QAAIJ,MAAS,cAAc,CAACU,KAAY,CAACC,KAAWL,EAAa;AAC/D;AAGF,UAAMM,IAAe;AAAA,MACnB,QAAQF,EAAS;AAAA,MACjB,OAAOA,EAAS;AAAA,IAAA;AAGlB,QAAIE,EAAa,UAAU,KAAKA,EAAa,SAAS;AACpD;AAGF,UAAMC,IAAuC;AAAA,MAC3C,eAAeF,EAAQ;AAAA,MACvB,cAAcA,EAAQ;AAAA,MACtB,MAAAX;AAAA,MACA,gBAAgBY,EAAa;AAAA,MAC7B,eAAeA,EAAa;AAAA,IAAA,GAExBE,IAAeP,EAAmB;AAExC,QAAI,EAAAO,KAAgBpB,EAAqBoB,GAAcD,CAAe,IAItE;AAAA,MAAAP,EAAa,UAAU;AAEvB,UAAI;AACF,cAAMS,IACJf,MAAS,QACLgB,EAAwB;AAAA,UACtB,UAAUJ;AAAA,UACV,SAAS,CAACK,OACRN,EAAQ,MAAM;AAAA,YACZrB;AAAA,YACA,GAAG2B,CAAiB;AAAA,UAAA,GAKf;AAAA,YACL,QAAQN,EAAQ;AAAA,YAChB,OAAOA,EAAQ;AAAA,UAAA;AAAA,QAEnB,CACD,IACDO,EAAgCN,CAAY;AAElD,QAAAD,EAAQ,MAAM,YAAYrB,GAA0B,GAAGyB,CAAQ,IAAI,GACnEJ,EAAQ,QAAQ,wBAAwB,OAAOI,CAAQ,GACvDR,EAAmB,UAAU;AAAA,UAC3B,eAAeI,EAAQ;AAAA,UACvB,cAAcA,EAAQ;AAAA,UACtB,MAAAX;AAAA,UACA,gBAAgBY,EAAa;AAAA,UAC7B,eAAeA,EAAa;AAAA,QAAA;AAAA,MAEhC,UAAA;AACE,QAAAN,EAAa,UAAU;AAAA,MACzB;AAAA;AAAA,EACF,GAAG,CAACN,CAAI,CAAC,GAEHmB,IAAcV,EAAY,MAAM;AACpC,IAAIT,MAAS,cAAcK,EAAY,YAAY,SAInDA,EAAY,UAAU,OAAO,sBAAsB,MAAM;AACvD,MAAAA,EAAY,UAAU,MACtBG,EAAA;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAACA,GAAYR,CAAI,CAAC;AAErB,EAAAT,EAA0B,MAAM;AAC9B,IAAIc,EAAY,YAAY,SAC1B,OAAO,qBAAqBA,EAAY,OAAO,GAC/CA,EAAY,UAAU;AAGxB,UAAMM,IAAUP,EAAW;AAE3B,QAAKO,GAIL;AAAA,UAAIX,MAAS,YAAY;AACvB,QAAAW,EAAQ,MAAM,eAAerB,CAAwB,GACrD,OAAOqB,EAAQ,QAAQ,uBACvBJ,EAAmB,UAAU;AAC7B;AAAA,MACF;AAEA,MAAAC,EAAA;AAAA;AAAA,EACF,GAAG,CAACA,GAAYR,CAAI,CAAC,GAErBR,EAAU,MAAM;AACd,UAAMkB,IAAWR,EAAY,SACvBS,IAAUP,EAAW;AAE3B,QAAIJ,MAAS,cAAc,CAACU,KAAY,CAACC;AACvC;AAGF,UAAMS,IACJ,OAAO,iBAAmB,MACtB,OACA,IAAI,eAAeD,CAAW;AACpC,IAAAC,GAAgB,QAAQV,CAAQ;AAEhC,UAAMW,IAAsB,MAAM;AAChC,MAAAd,EAAmB,UAAU,MAC7BY,EAAA;AAAA,IACF,GACMG,IACJtB,MAAS,SAAS,OAAO,mBAAqB,MAC1C,IAAI,iBAAiBqB,CAAmB,IACxC;AAEN,WAAIrB,MAAS,UACXoB,GAAgB,QAAQT,CAAO,GAC/BW,GAAkB,QAAQX,GAAS;AAAA,MACjC,WAAW;AAAA,MACX,eAAe;AAAA,MACf,SAAS;AAAA,IAAA,CACV,GACDA,EAAQ,iBAAiB,QAAQU,GAAqB,EAAI,IAG5D,OAAO,iBAAiB,UAAUF,CAAW,GAC7CA,EAAA,GAEO,MAAM;AACX,MAAAC,GAAgB,WAAA,GAChBE,GAAkB,WAAA,GAEdtB,MAAS,SACXW,EAAQ,oBAAoB,QAAQU,GAAqB,EAAI,GAG/D,OAAO,oBAAoB,UAAUF,CAAW,GAE5Cd,EAAY,YAAY,SAC1B,OAAO,qBAAqBA,EAAY,OAAO,GAC/CA,EAAY,UAAU;AAAA,IAE1B;AAAA,EACF,GAAG,CAACL,GAAMmB,CAAW,CAAC;AAEtB,QAAMI,IAAYvB,MAAS;AAE3B,SACEwB,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKtB;AAAA,MACL,WAAWuB,EAAG1B,GAAWwB,KAAa,wBAAwB;AAAA,MAC9D,+BAA6BA,IAAYvB,IAAO;AAAA,MAC/C,GAAGC;AAAA,MAEJ,UAAAuB,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKpB;AAAA,UACL,WAAWqB;AAAA,YACT;AAAA,YACAzB,MAAS,SAAS;AAAA,UAAA;AAAA,UAGnB,UAAAF;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"MarkdownSlideScaling.es.js","sources":["../../../src/components/Slide/MarkdownSlideScaling.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useLayoutEffect, useRef } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\nimport {\n  fitPresentationFontSize,\n  resolvePresentationBaseFontSize,\n} from \"../ContentRender/utils/presentation-scaling\";\nimport type { MarkdownScalingMode } from \"./utils/markdownScaling\";\n\nconst SLIDE_FONT_SIZE_PROPERTY = \"--mdf-slide-font-size\";\nconst useIsomorphicLayoutEffect =\n  typeof window === \"undefined\" ? useEffect : useLayoutEffect;\n\ninterface MarkdownFitSnapshot {\n  contentHeight: number;\n  contentWidth: number;\n  mode: MarkdownScalingMode;\n  viewportHeight: number;\n  viewportWidth: number;\n}\n\nconst areFitSnapshotsEqual = (\n  left: MarkdownFitSnapshot,\n  right: MarkdownFitSnapshot\n) =>\n  left.contentHeight === right.contentHeight &&\n  left.contentWidth === right.contentWidth &&\n  left.mode === right.mode &&\n  left.viewportHeight === right.viewportHeight &&\n  left.viewportWidth === right.viewportWidth;\n\nexport interface MarkdownSlideScalingProps\n  extends React.ComponentPropsWithoutRef<\"div\"> {\n  /** Controls whether Markdown content is fitted, base-scaled, or unscaled. */\n  mode: MarkdownScalingMode;\n}\n\n/**\n * Fits all Markdown elements in one logical slide with a shared font-size.\n * Keeping this boundary outside ContentRender lets accumulated title, text,\n * table, and code elements participate in the same presentation layout.\n */\nconst MarkdownSlideScaling: React.FC<MarkdownSlideScalingProps> = ({\n  children,\n  className,\n  mode,\n  ...props\n}) => {\n  const viewportRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const fitFrameRef = useRef<number | null>(null);\n  const isFittingRef = useRef(false);\n  const lastFitSnapshotRef = useRef<MarkdownFitSnapshot | null>(null);\n\n  const fitContent = useCallback(() => {\n    const viewport = viewportRef.current;\n    const content = contentRef.current;\n\n    if (mode === \"disabled\" || !viewport || !content || isFittingRef.current) {\n      return;\n    }\n\n    const viewportSize = {\n      height: viewport.clientHeight,\n      width: viewport.clientWidth,\n    };\n\n    if (viewportSize.height <= 0 || viewportSize.width <= 0) {\n      return;\n    }\n\n    const currentSnapshot: MarkdownFitSnapshot = {\n      contentHeight: content.scrollHeight,\n      contentWidth: content.scrollWidth,\n      mode,\n      viewportHeight: viewportSize.height,\n      viewportWidth: viewportSize.width,\n    };\n    const lastSnapshot = lastFitSnapshotRef.current;\n\n    if (lastSnapshot && areFitSnapshotsEqual(lastSnapshot, currentSnapshot)) {\n      return;\n    }\n\n    isFittingRef.current = true;\n\n    try {\n      const fontSize =\n        mode === \"fit\"\n          ? fitPresentationFontSize({\n              viewport: viewportSize,\n              measure: (candidateFontSize) => {\n                content.style.setProperty(\n                  SLIDE_FONT_SIZE_PROPERTY,\n                  `${candidateFontSize}px`\n                );\n\n                // Read after the CSS variable update so wrapping and em-based\n                // styles are included in the next compression step.\n                return {\n                  height: content.scrollHeight,\n                  width: content.scrollWidth,\n                };\n              },\n            })\n          : resolvePresentationBaseFontSize(viewportSize);\n\n      content.style.setProperty(SLIDE_FONT_SIZE_PROPERTY, `${fontSize}px`);\n      content.dataset.markdownSlideFontSize = String(fontSize);\n      lastFitSnapshotRef.current = {\n        contentHeight: content.scrollHeight,\n        contentWidth: content.scrollWidth,\n        mode,\n        viewportHeight: viewportSize.height,\n        viewportWidth: viewportSize.width,\n      };\n    } finally {\n      isFittingRef.current = false;\n    }\n  }, [mode]);\n\n  const scheduleFit = useCallback(() => {\n    if (mode === \"disabled\" || fitFrameRef.current !== null) {\n      return;\n    }\n\n    fitFrameRef.current = window.requestAnimationFrame(() => {\n      fitFrameRef.current = null;\n      fitContent();\n    });\n  }, [fitContent, mode]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (fitFrameRef.current !== null) {\n      window.cancelAnimationFrame(fitFrameRef.current);\n      fitFrameRef.current = null;\n    }\n\n    const content = contentRef.current;\n\n    if (!content) {\n      return;\n    }\n\n    if (mode === \"disabled\") {\n      content.style.removeProperty(SLIDE_FONT_SIZE_PROPERTY);\n      delete content.dataset.markdownSlideFontSize;\n      lastFitSnapshotRef.current = null;\n      return;\n    }\n\n    fitContent();\n  }, [fitContent, mode]);\n\n  useEffect(() => {\n    const viewport = viewportRef.current;\n    const content = contentRef.current;\n\n    if (mode === \"disabled\" || !viewport || !content) {\n      return;\n    }\n\n    const resizeObserver =\n      typeof ResizeObserver === \"undefined\"\n        ? null\n        : new ResizeObserver(scheduleFit);\n    resizeObserver?.observe(viewport);\n\n    const handleContentChange = () => {\n      lastFitSnapshotRef.current = null;\n      scheduleFit();\n    };\n    const mutationObserver =\n      mode === \"fit\" && typeof MutationObserver !== \"undefined\"\n        ? new MutationObserver(handleContentChange)\n        : null;\n\n    if (mode === \"fit\") {\n      resizeObserver?.observe(content);\n      mutationObserver?.observe(content, {\n        childList: true,\n        characterData: true,\n        subtree: true,\n      });\n      content.addEventListener(\"load\", handleContentChange, true);\n    }\n\n    window.addEventListener(\"resize\", scheduleFit);\n    scheduleFit();\n\n    return () => {\n      resizeObserver?.disconnect();\n      mutationObserver?.disconnect();\n\n      if (mode === \"fit\") {\n        content.removeEventListener(\"load\", handleContentChange, true);\n      }\n\n      window.removeEventListener(\"resize\", scheduleFit);\n\n      if (fitFrameRef.current !== null) {\n        window.cancelAnimationFrame(fitFrameRef.current);\n        fitFrameRef.current = null;\n      }\n    };\n  }, [mode, scheduleFit]);\n\n  const isScaling = mode !== \"disabled\";\n\n  return (\n    <div\n      ref={viewportRef}\n      className={cn(className, isScaling && \"slide-markdown-scaling\")}\n      data-markdown-slide-scaling={isScaling ? mode : undefined}\n      {...props}\n    >\n      <div\n        ref={contentRef}\n        className={cn(\n          \"slide-markdown-scaling__content flex w-full flex-col gap-4\",\n          mode !== \"fit\" && \"slide-markdown-scaling__content--contents\"\n        )}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n\nexport default MarkdownSlideScaling;\n"],"names":["SLIDE_FONT_SIZE_PROPERTY","useIsomorphicLayoutEffect","useEffect","useLayoutEffect","areFitSnapshotsEqual","left","right","MarkdownSlideScaling","children","className","mode","props","viewportRef","useRef","contentRef","fitFrameRef","isFittingRef","lastFitSnapshotRef","fitContent","useCallback","viewport","content","viewportSize","currentSnapshot","lastSnapshot","fontSize","fitPresentationFontSize","candidateFontSize","resolvePresentationBaseFontSize","scheduleFit","resizeObserver","handleContentChange","mutationObserver","isScaling","jsx","cn"],"mappings":"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"}