markdown-flow-ui 0.3.2-dev.2 → 0.3.2

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

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

package/dist/components/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 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.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":"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"}
+{"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 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/MobilePlayerSettingsSheet.es.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import { Content as u } from "../../node_modules/@radix-ui/react-dialog/dist/index.es.js";
 import { cn as n } from "../../lib/utils.es.js";
 import { Dialog as x, DialogPortal as b, DialogOverlay as g, DialogTitle as h } from "../ui/dialog.es.js";
@@ -7,7 +7,7 @@ const w = ({
   open: i,
   dir: s,
   lang: d,
-  labels: r,
+  labels: t,
   isSubtitleEnabled: a,
   viewMode: o,
   container: c,
@@ -15,9 +15,9 @@ const w = ({
   onOpenChange: f,
   onSubtitleToggle: p,
   onViewModeChange: l
-}) => /* @__PURE__ */ e(x, { open: i, onOpenChange: f, children: /* @__PURE__ */ t(b, { container: c, children: [
+}) => /* @__PURE__ */ e(x, { open: i, onOpenChange: f, children: /* @__PURE__ */ r(b, { container: c, children: [
   /* @__PURE__ */ e(g, { className: "z-[60] bg-black/35" }),
-  /* @__PURE__ */ t(
+  /* @__PURE__ */ r(
     u,
     {
       "aria-describedby": void 0,
@@ -30,12 +30,12 @@ const w = ({
         "data-[state=open]:slide-in-from-bottom-full data-[state=closed]:slide-out-to-bottom-full"
       ),
       children: [
-        /* @__PURE__ */ t("div", { className: "flex min-h-14 items-center justify-between border-b border-border px-4", children: [
-          /* @__PURE__ */ e(h, { className: "text-[15px] font-semibold leading-5 text-foreground", children: r.title }),
+        /* @__PURE__ */ r("div", { className: "flex min-h-14 items-center justify-between border-b border-border px-4", children: [
+          /* @__PURE__ */ e(h, { className: "text-[15px] font-semibold leading-5 text-foreground", children: t.title }),
           /* @__PURE__ */ e(
             "button",
             {
-              "aria-label": r.closeSettings,
+              "aria-label": t.closeSettings,
               className: "inline-flex h-8 w-8 items-center justify-center rounded-full border-none bg-transparent p-0 text-foreground/70 transition-colors hover:text-foreground",
               onClick: m,
               type: "button",
@@ -43,7 +43,7 @@ const w = ({
             }
           )
         ] }),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ r(
           "div",
           {
             className: n(
@@ -51,11 +51,11 @@ const w = ({
               "after:pointer-events-none after:absolute after:bottom-0 after:left-4 after:right-4 after:border-b after:border-border after:content-['']"
             ),
             children: [
-              /* @__PURE__ */ e("span", { className: "shrink-0 text-[15px] font-semibold leading-5 text-foreground", children: r.subtitle }),
+              /* @__PURE__ */ e("span", { className: "shrink-0 text-[15px] font-semibold leading-5 text-foreground", children: t.subtitle }),
               /* @__PURE__ */ e(
                 "button",
                 {
-                  "aria-label": r.subtitleToggle,
+                  "aria-label": t.subtitleToggle,
                   "aria-pressed": a,
                   className: "inline-flex h-6 w-6 shrink-0 items-center justify-center p-0",
                   onClick: p,
@@ -83,12 +83,12 @@ const w = ({
             ]
           }
         ),
-        /* @__PURE__ */ t("div", { className: "flex min-h-[72px] items-center gap-6 px-4", children: [
-          /* @__PURE__ */ e("span", { className: "shrink-0 text-[15px] font-semibold leading-5 text-foreground", children: r.screen }),
-          /* @__PURE__ */ t(
+        /* @__PURE__ */ r("div", { className: "flex min-h-[72px] items-center gap-6 px-4", children: [
+          /* @__PURE__ */ e("span", { className: "shrink-0 text-[15px] font-semibold leading-5 text-foreground", children: t.screen }),
+          /* @__PURE__ */ r(
             "div",
             {
-              "aria-label": r.screenMode,
+              "aria-label": t.screenMode,
               className: "flex items-center gap-8",
               role: "radiogroup",
               children: [
@@ -103,7 +103,7 @@ const w = ({
                     onClick: () => l("nonFullscreen"),
                     role: "radio",
                     type: "button",
-                    children: r.nonFullscreen
+                    children: t.nonFullscreen
                   }
                 ),
                 /* @__PURE__ */ e(
@@ -117,7 +117,7 @@ const w = ({
                     onClick: () => l("fullscreen"),
                     role: "radio",
                     type: "button",
-                    children: r.fullscreen
+                    children: t.fullscreen
                   }
                 )
               ]