markstream-vue2 0.0.46-beta.1 → 0.0.48

package/dist/index.js

@@ -2968,29 +2968,277 @@ const ParagraphNode = __component__$l.exports;
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "PreCodeNode",
   props: {
-    node: null
+    node: null,
+    showLineNumbers: { type: Boolean },
+    diffInline: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
     const normalizedLanguage = computed(() => {
       var _a2, _b, _c;
       const raw = String((_b = (_a2 = props.node) == null ? void 0 : _a2.language) != null ? _b : "");
-      const head = String((_c = String(raw).split(/\s+/g)[0]) != null ? _c : "").toLowerCase();
+      const head = String((_c = String(raw).split(/\s+/g)[0]) != null ? _c : "").split(":")[0].toLowerCase();
       const safe = head.replace(/[^\w-]/g, "");
       return safe || "plaintext";
     });
     const languageClass = computed(() => `language-${normalizedLanguage.value}`);
+    const isDiffPreview = computed(() => {
+      var _a2;
+      return props.showLineNumbers === true && ((_a2 = props.node) == null ? void 0 : _a2.diff) === true;
+    });
+    const isInlineDiffPreview = computed(() => isDiffPreview.value && props.diffInline === true);
+    const displayCode = computed(() => {
+      var _a2, _b, _c, _d, _e, _f;
+      if (((_a2 = props.node) == null ? void 0 : _a2.diff) === true)
+        return String((_c = (_b = props.node) == null ? void 0 : _b.code) != null ? _c : "");
+      const value = String((_e = (_d = props.node) == null ? void 0 : _d.code) != null ? _e : "");
+      return ((_f = props.node) == null ? void 0 : _f.loading) === true ? value : value.replace(/\r\n$|\n$|\r$/, "");
+    });
     const ariaLabel = computed(() => {
       const lang = normalizedLanguage.value;
       return lang ? `Code block: ${lang}` : "Code block";
     });
-    return { __sfc: true, props, normalizedLanguage, languageClass, ariaLabel };
+    function splitLines(source) {
+      return String(source != null ? source : "").split(/\r\n|\n|\r/);
+    }
+    function splitDiffSource(source) {
+      const code = String(source != null ? source : "");
+      if (!code)
+        return [];
+      return code.split(/\r\n|\n|\r/);
+    }
+    function isRemovedDiffLine(line) {
+      return line.startsWith("-") && !line.startsWith("---");
+    }
+    function isAddedDiffLine(line) {
+      return line.startsWith("+") && !line.startsWith("+++");
+    }
+    function isExplicitDiffLanguage() {
+      var _a2, _b, _c, _d;
+      if (normalizedLanguage.value === "diff")
+        return true;
+      const firstLine = (_d = (_c = String((_b = (_a2 = props.node) == null ? void 0 : _a2.raw) != null ? _b : "").split(/\r?\n/, 1)[0]) == null ? void 0 : _c.trim()) != null ? _d : "";
+      return /^`{3,}\s*diff(?:\s|$)|^~{3,}\s*diff(?:\s|$)/.test(firstLine);
+    }
+    function hasPatchLines(lines) {
+      const hasRemoved = lines.some((line) => isRemovedDiffLine(line));
+      const hasAdded = lines.some((line) => isAddedDiffLine(line));
+      return hasRemoved && hasAdded || isExplicitDiffLanguage() && (hasRemoved || hasAdded);
+    }
+    function hasDiffSourcePair() {
+      var _a2, _b;
+      return ((_a2 = props.node) == null ? void 0 : _a2.originalCode) != null || ((_b = props.node) == null ? void 0 : _b.updatedCode) != null;
+    }
+    function shouldPreserveSourceBlankDiffKind(lines, index2) {
+      return !isBlankDiffLine(lines[index2]) || index2 < lines.length - 1;
+    }
+    function isBlankDiffLine(code) {
+      return String(code != null ? code : "").trim().length === 0;
+    }
+    function toDiffLine(code, kind, key, number, options = {}) {
+      const empty = String(code != null ? code : "").trim().length === 0;
+      return {
+        code,
+        empty,
+        kind: empty && kind !== "hunk" && !options.preserveBlankKind ? "context" : kind,
+        key,
+        number
+      };
+    }
+    function computeSourceLineMatches(original, modified) {
+      const n = original.length;
+      const m = modified.length;
+      const maxCells = 15e5;
+      if ((n + 1) * (m + 1) > maxCells)
+        return null;
+      const cols = m + 1;
+      const scores = new Uint16Array((n + 1) * (m + 1));
+      for (let i2 = n - 1; i2 >= 0; i2--) {
+        for (let j2 = m - 1; j2 >= 0; j2--) {
+          const current = i2 * cols + j2;
+          if (original[i2] === modified[j2]) {
+            scores[current] = scores[(i2 + 1) * cols + j2 + 1] + 1;
+          } else {
+            scores[current] = Math.max(scores[(i2 + 1) * cols + j2], scores[i2 * cols + j2 + 1]);
+          }
+        }
+      }
+      const matches = [];
+      let i = 0;
+      let j = 0;
+      while (i < n && j < m) {
+        if (original[i] === modified[j]) {
+          matches.push({ originalIndex: i, modifiedIndex: j });
+          i++;
+          j++;
+        } else if (scores[(i + 1) * cols + j] >= scores[i * cols + j + 1]) {
+          i++;
+        } else {
+          j++;
+        }
+      }
+      return matches;
+    }
+    function buildInlinePatchPreviewLines(lines) {
+      let modifiedLine = 1;
+      return lines.map((raw, index2) => {
+        if (raw.startsWith("@@"))
+          return toDiffLine(raw, "hunk", `inline-hunk-${index2}`, "");
+        if (isRemovedDiffLine(raw)) {
+          const line = toDiffLine(raw.slice(1), "removed", `inline-removed-${index2}`, "", { preserveBlankKind: true });
+          return line;
+        }
+        if (isAddedDiffLine(raw))
+          return toDiffLine(raw.slice(1), "added", `inline-added-${index2}`, modifiedLine++, { preserveBlankKind: true });
+        const code = raw.startsWith(" ") ? raw.slice(1) : raw;
+        return toDiffLine(code, "context", `inline-context-${index2}`, modifiedLine++);
+      });
+    }
+    function buildInlineSourcePreviewLines(originalSource, modifiedSource) {
+      const original = splitDiffSource(originalSource);
+      const modified = splitDiffSource(modifiedSource);
+      const matches = computeSourceLineMatches(original, modified);
+      if (matches) {
+        const result2 = [];
+        let originalIndex = 0;
+        let modifiedIndex = 0;
+        for (const match of matches) {
+          while (originalIndex < match.originalIndex) {
+            result2.push(toDiffLine(original[originalIndex], "removed", `inline-removed-source-${originalIndex}`, "", {
+              preserveBlankKind: shouldPreserveSourceBlankDiffKind(original, originalIndex)
+            }));
+            originalIndex++;
+          }
+          while (modifiedIndex < match.modifiedIndex) {
+            result2.push(toDiffLine(modified[modifiedIndex], "added", `inline-added-source-${modifiedIndex}`, modifiedIndex + 1, {
+              preserveBlankKind: shouldPreserveSourceBlankDiffKind(modified, modifiedIndex)
+            }));
+            modifiedIndex++;
+          }
+          result2.push(toDiffLine(modified[match.modifiedIndex], "context", `inline-context-source-${match.originalIndex}-${match.modifiedIndex}`, match.modifiedIndex + 1));
+          originalIndex = match.originalIndex + 1;
+          modifiedIndex = match.modifiedIndex + 1;
+        }
+        while (originalIndex < original.length) {
+          result2.push(toDiffLine(original[originalIndex], "removed", `inline-removed-source-${originalIndex}`, "", {
+            preserveBlankKind: shouldPreserveSourceBlankDiffKind(original, originalIndex)
+          }));
+          originalIndex++;
+        }
+        while (modifiedIndex < modified.length) {
+          result2.push(toDiffLine(modified[modifiedIndex], "added", `inline-added-source-${modifiedIndex}`, modifiedIndex + 1, {
+            preserveBlankKind: shouldPreserveSourceBlankDiffKind(modified, modifiedIndex)
+          }));
+          modifiedIndex++;
+        }
+        return result2;
+      }
+      const result = [];
+      let start = 0;
+      let originalEnd = original.length - 1;
+      let modifiedEnd = modified.length - 1;
+      while (start <= originalEnd && start <= modifiedEnd && original[start] === modified[start]) {
+        result.push(toDiffLine(modified[start], "context", `inline-prefix-${start}`, start + 1));
+        start++;
+      }
+      const suffix = [];
+      while (originalEnd >= start && modifiedEnd >= start && original[originalEnd] === modified[modifiedEnd]) {
+        suffix.unshift(toDiffLine(modified[modifiedEnd], "context", `inline-suffix-${modifiedEnd}`, modifiedEnd + 1));
+        originalEnd--;
+        modifiedEnd--;
+      }
+      for (let index2 = start; index2 <= originalEnd; index2++) {
+        result.push(toDiffLine(original[index2], "removed", `inline-removed-source-${index2}`, "", {
+          preserveBlankKind: shouldPreserveSourceBlankDiffKind(original, index2)
+        }));
+      }
+      for (let index2 = start; index2 <= modifiedEnd; index2++) {
+        result.push(toDiffLine(modified[index2], "added", `inline-added-source-${index2}`, index2 + 1, {
+          preserveBlankKind: shouldPreserveSourceBlankDiffKind(modified, index2)
+        }));
+      }
+      return result.concat(suffix);
+    }
+    function buildDiffPanes(inline = false) {
+      var _a2, _b, _c, _d, _e;
+      const patchLines = splitLines((_a2 = props.node) == null ? void 0 : _a2.code);
+      const hasPatchDiffLines = hasPatchLines(patchLines);
+      if (!hasPatchDiffLines && hasDiffSourcePair()) {
+        if (inline) {
+          const lines = buildInlineSourcePreviewLines((_b = props.node) == null ? void 0 : _b.originalCode, (_c = props.node) == null ? void 0 : _c.updatedCode);
+          return [{ key: "inline", className: "markstream-pre__diff-pane--inline", lines }];
+        }
+        const original2 = splitDiffSource((_d = props.node) == null ? void 0 : _d.originalCode);
+        const modified2 = splitDiffSource((_e = props.node) == null ? void 0 : _e.updatedCode);
+        return [
+          {
+            key: "original",
+            className: "markstream-pre__diff-pane--original",
+            lines: original2.map((line, index2) => {
+              const kind = modified2[index2] === line ? "context" : "removed";
+              return toDiffLine(line, kind, `original-${index2}`, index2 + 1, {
+                preserveBlankKind: shouldPreserveSourceBlankDiffKind(original2, index2)
+              });
+            })
+          },
+          {
+            key: "modified",
+            className: "markstream-pre__diff-pane--modified",
+            lines: modified2.map((line, index2) => {
+              const kind = original2[index2] === line ? "context" : "added";
+              return toDiffLine(line, kind, `modified-${index2}`, index2 + 1, {
+                preserveBlankKind: shouldPreserveSourceBlankDiffKind(modified2, index2)
+              });
+            })
+          }
+        ];
+      }
+      if (inline) {
+        const lines = buildInlinePatchPreviewLines(patchLines);
+        return [{ key: "inline", className: "markstream-pre__diff-pane--inline", lines }];
+      }
+      const original = [];
+      const modified = [];
+      let originalLine = 1;
+      let modifiedLine = 1;
+      for (const [index2, raw] of patchLines.entries()) {
+        if (raw.startsWith("@@")) {
+          original.push(toDiffLine(raw, "hunk", `original-hunk-${index2}`, ""));
+          modified.push(toDiffLine(raw, "hunk", `modified-hunk-${index2}`, ""));
+        } else if (isRemovedDiffLine(raw)) {
+          original.push(toDiffLine(raw.slice(1), "removed", `original-removed-${index2}`, originalLine++, { preserveBlankKind: true }));
+        } else if (isAddedDiffLine(raw)) {
+          modified.push(toDiffLine(raw.slice(1), "added", `modified-added-${index2}`, modifiedLine++, { preserveBlankKind: true }));
+        } else {
+          const code = raw.startsWith(" ") ? raw.slice(1) : raw;
+          original.push(toDiffLine(code, "context", `original-context-${index2}`, originalLine++));
+          modified.push(toDiffLine(code, "context", `modified-context-${index2}`, modifiedLine++));
+        }
+      }
+      return [
+        { key: "original", className: "markstream-pre__diff-pane--original", lines: original },
+        { key: "modified", className: "markstream-pre__diff-pane--modified", lines: modified }
+      ];
+    }
+    const diffPreviewPanes = computed(() => isDiffPreview.value ? buildDiffPanes(isInlineDiffPreview.value) : []);
+    return { __sfc: true, props, normalizedLanguage, languageClass, isDiffPreview, isInlineDiffPreview, displayCode, ariaLabel, splitLines, splitDiffSource, isRemovedDiffLine, isAddedDiffLine, isExplicitDiffLanguage, hasPatchLines, hasDiffSourcePair, shouldPreserveSourceBlankDiffKind, isBlankDiffLine, toDiffLine, computeSourceLineMatches, buildInlinePatchPreviewLines, buildInlineSourcePreviewLines, buildDiffPanes, diffPreviewPanes };
   }
 });
 const PreCodeNode_vue_vue_type_style_index_0_lang = "";
 var _sfc_render$k = function render26() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
-  return _c("pre", { class: [_setup.languageClass], attrs: { "aria-busy": _vm.node.loading === true, "aria-label": _setup.ariaLabel, "data-language": _setup.normalizedLanguage, "tabindex": "0" } }, [_c("code", { attrs: { "translate": "no" }, domProps: { "textContent": _vm._s(_vm.node.code) } })]);
+  return _c("pre", { class: [
+    _setup.languageClass,
+    {
+      "markstream-pre--line-numbers": _setup.props.showLineNumbers,
+      "markstream-pre--diff-preview": _setup.isDiffPreview,
+      "markstream-pre--diff-inline": _setup.isInlineDiffPreview
+    }
+  ], attrs: { "aria-busy": _vm.node.loading === true, "aria-label": _setup.ariaLabel, "data-language": _setup.normalizedLanguage, "data-markstream-line-numbers": _setup.props.showLineNumbers ? "1" : void 0, "data-markstream-pre": "1", "tabindex": "0" } }, [_setup.isDiffPreview ? _c("code", { staticClass: "markstream-pre__diff-code", attrs: { "translate": "no" } }, _vm._l(_setup.diffPreviewPanes, function(pane) {
+    return _c("span", { key: pane.key, staticClass: "markstream-pre__diff-pane", class: pane.className }, _vm._l(pane.lines, function(line) {
+      return _c("span", { key: line.key, staticClass: "markstream-pre__diff-line", class: [`markstream-pre__diff-line--${line.kind}`, { "markstream-pre__diff-line--empty": line.empty }] }, [_c("span", { staticClass: "markstream-pre__diff-rail", attrs: { "aria-hidden": "true" } }), _c("span", { staticClass: "markstream-pre__diff-number", attrs: { "aria-hidden": "true" } }, [_vm._v(_vm._s(line.number))]), _c("span", { staticClass: "markstream-pre__diff-content" }, [_c("span", { staticClass: "markstream-pre__diff-content-inner" }, [_vm._v(_vm._s(line.code))])])]);
+    }), 0);
+  }), 0) : _c("code", { attrs: { "translate": "no" }, domProps: { "textContent": _vm._s(_setup.displayCode) } })]);
 };
 var _sfc_staticRenderFns$k = [];
 var __component__$k = /* @__PURE__ */ normalizeComponent(
@@ -3288,7 +3536,7 @@ function getUseMonaco() {
     if (importAttempted)
       return null;
     try {
-      const imported = yield import("./chunks/index.legacy-1f634d9d.js").then((n) => n.i);
+      const imported = yield import("stream-monaco/legacy");
       mod = (_a2 = imported == null ? void 0 : imported.default) != null ? _a2 : imported;
       yield preload(mod);
       const ok = yield warmupShikiTokenizer(mod);
@@ -6399,6 +6647,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     const isExpanded = ref(false);
     const isCollapsed = ref(false);
     const editorCreated = ref(false);
+    const editorReady = ref(false);
     const monacoReady = ref(false);
     let expandRafId = null;
     const heightBeforeCollapse = ref(null);
@@ -6464,6 +6713,21 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       minimumLineCount: 4,
       revealLineCount: 5
     });
+    const defaultPreFallbackFontSize = 12;
+    const defaultPreFallbackLineHeight = 18;
+    function readPositiveNumber(value) {
+      return typeof value === "number" && Number.isFinite(value) && value > 0 ? value : void 0;
+    }
+    function readMonacoPadding(value) {
+      var _a3, _b2;
+      if (!value || typeof value !== "object")
+        return { top: 0, bottom: 0 };
+      const raw = value;
+      return {
+        top: (_a3 = readPositiveNumber(raw.top)) != null ? _a3 : 0,
+        bottom: (_b2 = readPositiveNumber(raw.bottom)) != null ? _b2 : 0
+      };
+    }
     function resolveDiffHideUnchangedRegionsOption(value) {
       var _a3;
       if (typeof value === "boolean")
@@ -6477,14 +6741,13 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       return __spreadValues({}, defaultDiffHideUnchangedRegions);
     }
     const resolvedMonacoOptions = computed(() => {
-      var _a3;
+      var _a3, _b2;
       const raw = props.monacoOptions ? __spreadValues({}, props.monacoOptions) : {};
       if (!isDiff.value)
         return raw;
       const diffHideUnchangedRegions = raw.diffHideUnchangedRegions === void 0 ? __spreadValues({}, defaultDiffHideUnchangedRegions) : resolveDiffHideUnchangedRegionsOption(raw.diffHideUnchangedRegions);
       const hideUnchangedRegions = raw.hideUnchangedRegions === void 0 ? void 0 : resolveDiffHideUnchangedRegionsOption(raw.hideUnchangedRegions);
       const diffUnchangedRegionStyle = (_a3 = raw.diffUnchangedRegionStyle) != null ? _a3 : "line-info";
-      const needsExtraBottomSpace = diffUnchangedRegionStyle === "line-info" || diffUnchangedRegionStyle === "line-info-basic" || diffUnchangedRegionStyle === "metadata";
       const diffDefaults = {
         maxComputationTime: 0,
         diffAlgorithm: "legacy",
@@ -6496,21 +6759,20 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         selectionHighlight: false,
         occurrencesHighlight: "off",
         matchBrackets: "never",
-        lineDecorationsWidth: 12,
+        lineDecorationsWidth: 4,
         lineNumbersMinChars: 2,
         glyphMargin: false,
-        fontSize: 13,
-        lineHeight: 30,
+        minimap: { enabled: false },
         renderOverviewRuler: false,
         overviewRulerBorder: false,
         hideCursorInOverviewRuler: true,
         scrollBeyondLastLine: false,
-        padding: { top: 10, bottom: needsExtraBottomSpace ? 22 : 14 },
         diffHideUnchangedRegions,
+        useInlineViewWhenSpaceIsLimited: (_b2 = raw.useInlineViewWhenSpaceIsLimited) != null ? _b2 : false,
         diffLineStyle: "background",
         diffAppearance: "auto",
         diffUnchangedRegionStyle,
-        diffHunkActionsOnHover: true,
+        diffHunkActionsOnHover: false,
         diffHunkHoverHideDelayMs: 160
       };
       return __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, diffDefaults), raw), hideUnchangedRegions === void 0 ? {} : { hideUnchangedRegions }), {
@@ -6571,7 +6833,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     const codeFontMax = 36;
     const codeFontStep = 1;
     const defaultCodeFontSize = ref(
-      typeof ((_b = resolvedMonacoOptions.value) == null ? void 0 : _b.fontSize) === "number" ? resolvedMonacoOptions.value.fontSize : Number.NaN
+      typeof ((_b = resolvedMonacoOptions.value) == null ? void 0 : _b.fontSize) === "number" ? resolvedMonacoOptions.value.fontSize : defaultPreFallbackFontSize
     );
     const codeFontSize = ref(defaultCodeFontSize.value);
     const fontBaselineReady = computed(() => {
@@ -7290,6 +7552,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             scheduleEditorVisualSync();
           });
         }
+        editorReady.value = true;
       });
     }
     function ensureEditorCreation(el) {
@@ -7298,6 +7561,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       if (createEditorPromise)
         return createEditorPromise;
       editorCreated.value = true;
+      editorReady.value = false;
       const pending2 = (() => __async(this, null, function* () {
         yield runEditorCreation(el);
       }))();
@@ -7358,12 +7622,48 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         return String(theme.name);
       return null;
     }
-    function resolveRequestedTheme() {
+    function hasTheme(themes, theme) {
+      const name = getThemeName(theme);
+      return themes.some((item) => item === theme || name && getThemeName(item) === name);
+    }
+    function addRuntimeLanguage(languages, language) {
+      if (typeof language !== "string")
+        return;
+      const canonical = normalizeLanguageIdentifier(language);
+      const monacoId = resolveMonacoLanguageId(canonical);
+      for (const value of [canonical, monacoId]) {
+        if (value && !languages.includes(value))
+          languages.push(value);
+      }
+    }
+    const runtimeMonacoThemes = computed(() => {
+      const themes = Array.isArray(props.themes) ? [...props.themes] : [];
+      for (const theme of [props.darkTheme, props.lightTheme]) {
+        if (theme != null && !hasTheme(themes, theme))
+          themes.push(theme);
+      }
+      return themes.length ? themes : void 0;
+    });
+    const runtimeMonacoLanguages = computed(() => {
       var _a3;
+      const languages = [];
+      const configured = (_a3 = resolvedMonacoOptions.value) == null ? void 0 : _a3.languages;
+      if (Array.isArray(configured)) {
+        for (const language of configured)
+          addRuntimeLanguage(languages, language);
+      }
+      addRuntimeLanguage(languages, props.node.language);
+      addRuntimeLanguage(languages, codeLanguage.value);
+      addRuntimeLanguage(languages, monacoLanguage.value);
+      addRuntimeLanguage(languages, "plaintext");
+      return languages;
+    });
+    function resolveRequestedTheme() {
+      var _a3, _b2;
       const preferred = getPreferredColorScheme();
       const explicit = (_a3 = resolvedMonacoOptions.value) == null ? void 0 : _a3.theme;
       const requested = preferred != null ? preferred : explicit;
-      const availableThemes = Array.isArray(props.themes) ? props.themes : [];
+      const availableThemes = (_b2 = runtimeMonacoThemes.value) != null ? _b2 : [];
       if (!availableThemes.length || requested == null)
         return requested;
       const requestedName = getThemeName(requested);
@@ -7439,18 +7739,72 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     const resolvedSurfaceIsDark = computed(
       () => isDiff.value ? effectiveDiffAppearance.value === "dark" : resolvedChromeIsDark.value
     );
+    const preFallbackMetrics = computed(() => {
+      var _a3, _b2, _c;
+      const raw = resolvedMonacoOptions.value;
+      const fallbackFontSize = Number.isFinite(codeFontSize.value) && codeFontSize.value > 0 ? codeFontSize.value : defaultPreFallbackFontSize;
+      const resolvedFontSize = (_a3 = readPositiveNumber(raw == null ? void 0 : raw.fontSize)) != null ? _a3 : fallbackFontSize;
+      const resolvedLineHeight = (_b2 = readPositiveNumber(raw == null ? void 0 : raw.lineHeight)) != null ? _b2 : resolvedFontSize === defaultPreFallbackFontSize ? defaultPreFallbackLineHeight : Math.max(12, Math.round(resolvedFontSize * 1.5));
+      const fontFamily = typeof (raw == null ? void 0 : raw.fontFamily) === "string" && raw.fontFamily.trim() ? raw.fontFamily.trim() : void 0;
+      const padding = readMonacoPadding(raw == null ? void 0 : raw.padding);
+      const tabSize = (_c = readPositiveNumber(raw == null ? void 0 : raw.tabSize)) != null ? _c : 4;
+      return {
+        fontFamily,
+        fontSize: resolvedFontSize,
+        lineHeight: resolvedLineHeight,
+        paddingBottom: padding.bottom,
+        paddingTop: padding.top,
+        tabSize
+      };
+    });
+    const preFallbackDiffInline = computed(() => {
+      var _a3;
+      if (!isDiff.value)
+        return false;
+      return ((_a3 = resolvedMonacoOptions.value) == null ? void 0 : _a3.renderSideBySide) === false;
+    });
+    const preFallbackStyle = computed(() => {
+      const metrics = preFallbackMetrics.value;
+      const style = {
+        "--markstream-code-padding-left": "62px",
+        "--markstream-pre-diff-line-height": `${metrics.lineHeight}px`,
+        "--markstream-pre-line-number-top": `${metrics.paddingTop}px`,
+        "--markstream-pre-line-number-width": "36px",
+        "--markstream-pre-line-number-gap": "0px",
+        "fontSize": `${metrics.fontSize}px`,
+        "lineHeight": `${metrics.lineHeight}px`,
+        "paddingBottom": `${metrics.paddingBottom}px`,
+        "paddingTop": `${metrics.paddingTop}px`,
+        "tabSize": metrics.tabSize
+      };
+      if (metrics.fontFamily)
+        style.fontFamily = metrics.fontFamily;
+      return style;
+    });
     function buildRuntimeMonacoOptions() {
-      return __spreadProps(__spreadValues(__spreadProps(__spreadValues({
+      var _a3, _b2, _c, _d, _e;
+      const nextOptions = __spreadProps(__spreadValues(__spreadProps(__spreadValues({
         wordWrap: "on",
-        wrappingIndent: "same",
-        themes: props.themes
+        wrappingIndent: "same"
       }, resolvedMonacoOptions.value || {}), {
+        themes: runtimeMonacoThemes.value,
+        languages: runtimeMonacoLanguages.value,
         theme: resolveRequestedTheme()
       }), isDiff.value ? { diffAppearance: effectiveDiffAppearance.value } : {}), {
         onThemeChange() {
           syncEditorCssVars();
         }
       });
+      if (isDiff.value) {
+        const metrics = preFallbackMetrics.value;
+        (_a3 = nextOptions.fontSize) != null ? _a3 : nextOptions.fontSize = metrics.fontSize;
+        (_b2 = nextOptions.lineHeight) != null ? _b2 : nextOptions.lineHeight = metrics.lineHeight;
+        (_c = nextOptions.padding) != null ? _c : nextOptions.padding = { top: metrics.paddingTop, bottom: metrics.paddingBottom };
+        (_d = nextOptions.tabSize) != null ? _d : nextOptions.tabSize = metrics.tabSize;
+        if (metrics.fontFamily)
+          (_e = nextOptions.fontFamily) != null ? _e : nextOptions.fontFamily = metrics.fontFamily;
+      }
+      return nextOptions;
     }
     function syncRuntimeMonacoOptions() {
       const nextOptions = buildRuntimeMonacoOptions();
@@ -7574,13 +7928,13 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       }
       cleanupEditor();
     });
-    return { __sfc: true, props, emits, MONACO_TOUCH_PATCH_FLAG, ensureMonacoPassiveTouchListeners, shouldForcePassiveForMonaco, withPassiveOptions, instance, hasPreviewListener, t, codeEditor, container, copyText, codeLanguage, monacoLanguage, isPlainTextLanguage, isExpanded, isCollapsed, editorCreated, monacoReady, expandRafId, heightBeforeCollapse, resumeGuardFrames, registerVisibility, viewportHandle, viewportReady, createEditor, createDiffEditor, updateCode, updateDiffCode, getEditor, getEditorView, getDiffEditorView, cleanupEditor, safeClean, refreshDiffPresentation, createEditorPromise, detectLanguage, setTheme, runtimeMonacoOptions, inlineFoldProxyCleanups, deferredEditorVisualSyncRafId, isDiff, defaultDiffHideUnchangedRegions, resolveDiffHideUnchangedRegionsOption, resolvedMonacoOptions, desiredEditorKind, currentEditorKind, usePreCodeRender, showInlinePreview, isDevEnv: isDevEnv2, codeFontMin, codeFontMax, codeFontStep, defaultCodeFontSize, codeFontSize, fontBaselineReady, CONTENT_PADDING, LINE_EXTRA_PER_LINE, PIXEL_EPSILON, measureLineHeightFromDom, readActualFontSizeFromEditor, getLineHeightSafe, ensureFontBaseline, increaseCodeFont, decreaseCodeFont, resetCodeFont, computeContentHeight, getColorLuminance, shouldPreferPlainTextFallbackSurface, syncEditorCssVars, resizeSyncHandler, SCROLL_PARENT_OVERFLOW_RE, resolveScrollRootElement, adjustScrollAfterHeightChange, updateExpandedHeight, clearInlineFoldProxies, syncInlineFoldProxies, scheduleEditorVisualSync, syncDiffRevealButtons, applyCollapsedContainerHeight, updateCollapsedHeight, getMaxHeightValue, isPreviewable, displayLanguage, languageIcon, containerStyle, headerStyle, tooltipsEnabled, copy, resolveTooltipTarget, onBtnHover, onBtnLeave, onCopyHover, toggleExpand, toggleHeaderCollapse, previewCode, setAutomaticLayout, runEditorCreation, ensureEditorCreation, stopCreateEditorWatch, getPreferredColorScheme, getThemeName, resolveRequestedTheme, themeUpdate, themeLooksDark, resolvedChromeIsDark, effectiveDiffAppearance, resolvedSurfaceIsDark, buildRuntimeMonacoOptions, syncRuntimeMonacoOptions, monacoStructuralSignature, stopLoadingWatch, stopExpandAutoResize, PreCodeNode, HtmlPreviewFrame };
+    return { __sfc: true, props, emits, MONACO_TOUCH_PATCH_FLAG, ensureMonacoPassiveTouchListeners, shouldForcePassiveForMonaco, withPassiveOptions, instance, hasPreviewListener, t, codeEditor, container, copyText, codeLanguage, monacoLanguage, isPlainTextLanguage, isExpanded, isCollapsed, editorCreated, editorReady, monacoReady, expandRafId, heightBeforeCollapse, resumeGuardFrames, registerVisibility, viewportHandle, viewportReady, createEditor, createDiffEditor, updateCode, updateDiffCode, getEditor, getEditorView, getDiffEditorView, cleanupEditor, safeClean, refreshDiffPresentation, createEditorPromise, detectLanguage, setTheme, runtimeMonacoOptions, inlineFoldProxyCleanups, deferredEditorVisualSyncRafId, isDiff, defaultDiffHideUnchangedRegions, defaultPreFallbackFontSize, defaultPreFallbackLineHeight, readPositiveNumber, readMonacoPadding, resolveDiffHideUnchangedRegionsOption, resolvedMonacoOptions, desiredEditorKind, currentEditorKind, usePreCodeRender, showInlinePreview, isDevEnv: isDevEnv2, codeFontMin, codeFontMax, codeFontStep, defaultCodeFontSize, codeFontSize, fontBaselineReady, CONTENT_PADDING, LINE_EXTRA_PER_LINE, PIXEL_EPSILON, measureLineHeightFromDom, readActualFontSizeFromEditor, getLineHeightSafe, ensureFontBaseline, increaseCodeFont, decreaseCodeFont, resetCodeFont, computeContentHeight, getColorLuminance, shouldPreferPlainTextFallbackSurface, syncEditorCssVars, resizeSyncHandler, SCROLL_PARENT_OVERFLOW_RE, resolveScrollRootElement, adjustScrollAfterHeightChange, updateExpandedHeight, clearInlineFoldProxies, syncInlineFoldProxies, scheduleEditorVisualSync, syncDiffRevealButtons, applyCollapsedContainerHeight, updateCollapsedHeight, getMaxHeightValue, isPreviewable, displayLanguage, languageIcon, containerStyle, headerStyle, tooltipsEnabled, copy, resolveTooltipTarget, onBtnHover, onBtnLeave, onCopyHover, toggleExpand, toggleHeaderCollapse, previewCode, setAutomaticLayout, runEditorCreation, ensureEditorCreation, stopCreateEditorWatch, getPreferredColorScheme, getThemeName, hasTheme, addRuntimeLanguage, runtimeMonacoThemes, runtimeMonacoLanguages, resolveRequestedTheme, themeUpdate, themeLooksDark, resolvedChromeIsDark, effectiveDiffAppearance, resolvedSurfaceIsDark, preFallbackMetrics, preFallbackDiffInline, preFallbackStyle, buildRuntimeMonacoOptions, syncRuntimeMonacoOptions, monacoStructuralSignature, stopLoadingWatch, stopExpandAutoResize, PreCodeNode, HtmlPreviewFrame };
   }
 });
-const CodeBlockNode_vue_vue_type_style_index_0_scoped_f73cb5ae_lang = "";
+const CodeBlockNode_vue_vue_type_style_index_0_scoped_b3974933_lang = "";
 var _sfc_render$9 = function render37() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
-  return _setup.usePreCodeRender ? _c(_setup.PreCodeNode, { attrs: { "node": _vm.node, "loading": _setup.props.loading } }) : _c("div", { ref: "container", staticClass: "code-block-container my-4 rounded-lg border overflow-hidden shadow-sm", class: [
+  return _setup.usePreCodeRender ? _c(_setup.PreCodeNode, { staticClass: "code-pre-fallback", style: _setup.preFallbackStyle, attrs: { "node": _vm.node, "show-line-numbers": _setup.isDiff, "diff-inline": _setup.preFallbackDiffInline } }) : _c("div", { ref: "container", staticClass: "code-block-container my-4 rounded-lg border overflow-hidden shadow-sm", class: [
     _setup.resolvedSurfaceIsDark ? "border-gray-700/30 bg-gray-900" : "border-gray-200 bg-white",
     { "is-rendering": _setup.props.loading, "is-dark": _setup.resolvedSurfaceIsDark, "is-diff": _setup.isDiff, "is-plain-text": _setup.isPlainTextLanguage }
   ], style: _setup.containerStyle }, [_setup.props.showHeader ? _c("div", { staticClass: "code-block-header flex justify-between items-center px-4 py-2.5 border-b border-gray-400/5", style: _setup.headerStyle }, [_vm._t("header-left", function() {
@@ -7623,7 +7977,7 @@ var _sfc_render$9 = function render37() {
     }, "focus": function($event) {
       _setup.onBtnHover($event, _setup.t("common.preview") || "Preview");
     }, "mouseleave": _setup.onBtnLeave, "blur": _setup.onBtnLeave } }, [_c("svg", { attrs: { "xmlns": "http://www.w3.org/2000/svg", "width": "12", "height": "12", "viewBox": "0 0 24 24" } }, [_c("g", { attrs: { "fill": "currentColor", "fill-rule": "evenodd", "clip-rule": "evenodd" } }, [_c("path", { attrs: { "d": "M23.628 7.41c-.12-1.172-.08-3.583-.9-4.233c-1.921-1.51-6.143-1.11-8.815-1.19c-3.481-.15-7.193.14-10.625.24a.34.34 0 0 0 0 .67c3.472-.05 7.074-.29 10.575-.09c2.471.15 6.653-.14 8.254 1.16c.4.33.41 2.732.49 3.582a42 42 0 0 1 .08 9.005a13.8 13.8 0 0 1-.45 3.001c-2.42 1.4-19.69 2.381-20.72.55a21 21 0 0 1-.65-4.632a41.5 41.5 0 0 1 .12-7.964c.08 0 7.334.33 12.586.24c2.331 0 4.682-.13 6.764-.21a.33.33 0 0 0 0-.66c-7.714-.16-12.897-.43-19.31.05c.11-1.38.48-3.922.38-4.002a.3.3 0 0 0-.42 0c-.37.41-.29 1.77-.36 2.251s-.14 1.07-.2 1.6a45 45 0 0 0-.36 8.645a21.8 21.8 0 0 0 .66 5.002c1.46 2.702 17.248 1.461 20.95.43c1.45-.4 1.69-.8 1.871-1.95c.575-3.809.602-7.68.08-11.496" } }), _c("path", { attrs: { "d": "M4.528 5.237a.84.84 0 0 0-.21-1c-.77-.41-1.71.39-1 1.1a.83.83 0 0 0 1.21-.1m2.632-.25c.14-.14.19-.84-.2-1c-.77-.41-1.71.39-1 1.09a.82.82 0 0 0 1.2-.09m2.88 0a.83.83 0 0 0-.21-1c-.77-.41-1.71.39-1 1.09a.82.82 0 0 0 1.21-.09m-4.29 8.735c0 .08.23 2.471.31 2.561a.371.371 0 0 0 .63-.14c0-.09 0 0 .15-1.72a10 10 0 0 0-.11-2.232a5.3 5.3 0 0 1-.26-1.37a.3.3 0 0 0-.54-.24a6.8 6.8 0 0 0-.2 2.33c-1.281-.38-1.121.13-1.131-.42a15 15 0 0 0-.19-1.93c-.16-.17-.36-.17-.51.14a20 20 0 0 0-.43 3.471c.04.773.18 1.536.42 2.272c.26.4.7.22.7-.1c0-.09-.16-.09 0-1.862c.06-1.18-.23-.3 1.16-.76m5.033-2.552c.32-.07.41-.28.39-.37c0-.55-3.322-.34-3.462-.24s-.2.18-.18.28s0 .11 0 .16a3.8 3.8 0 0 0 1.591.361v.82a15 15 0 0 0-.13 3.132c0 .2-.09.94.17 1.16a.34.34 0 0 0 .48 0c.125-.35.196-.718.21-1.09a8 8 0 0 0 .14-3.232c0-.13.05-.7-.1-.89a8 8 0 0 0 .89-.09m5.544-.181a.69.69 0 0 0-.89-.44a2.8 2.8 0 0 0-1.252 1.001a2.3 2.3 0 0 0-.41-.83a1 1 0 0 0-1.6.27a7 7 0 0 0-.35 2.07c0 .571 0 2.642.06 2.762c.14 1.09 1 .51.63.13a17.6 17.6 0 0 1 .38-3.962c.32-1.18.32.2.39.51s.11 1.081.73 1.081s.48-.93 1.401-1.78q.075 1.345 0 2.69a15 15 0 0 0 0 1.811a.34.34 0 0 0 .68 0q.112-.861.11-1.73a16.7 16.7 0 0 0 .12-3.582m1.441-.201c-.05.16-.3 3.002-.31 3.202a6.3 6.3 0 0 0 .21 1.741c.33 1 1.21 1.07 2.291.82a3.7 3.7 0 0 0 1.14-.23c.21-.22.10-.59-.41-.64q-.817.096-1.64.07c-.44-.07-.34 0-.67-4.442q.015-.185 0-.37a.316.316 0 0 0-.23-.38a.316.316 0 0 0-.38.23" } })])])]) : _vm._e()], 2)];
-  })], 2) : _vm._e(), _c("div", { directives: [{ name: "show", rawName: "v-show", value: !_setup.isCollapsed && (_vm.stream ? true : !_vm.loading), expression: "!isCollapsed && (stream ? true : !loading)" }], staticClass: "code-editor-layer" }, [_c("div", { ref: "codeEditor", staticClass: "code-editor-container", class: [_vm.stream ? "" : "code-height-placeholder"] })]), _setup.showInlinePreview && !_setup.hasPreviewListener && _setup.isPreviewable && _setup.codeLanguage === "html" ? _c(_setup.HtmlPreviewFrame, { attrs: { "code": _vm.node.code, "html-preview-allow-scripts": _setup.props.htmlPreviewAllowScripts, "html-preview-sandbox": _setup.props.htmlPreviewSandbox, "is-dark": _setup.props.isDark, "on-close": () => _setup.showInlinePreview = false } }) : _vm._e(), _c("div", { directives: [{ name: "show", rawName: "v-show", value: !_vm.stream && _vm.loading, expression: "!stream && loading" }], staticClass: "code-loading-placeholder" }, [_vm._t("loading", function() {
+  })], 2) : _vm._e(), _c("div", { directives: [{ name: "show", rawName: "v-show", value: !_setup.isCollapsed && (_vm.stream ? true : !_vm.loading), expression: "!isCollapsed && (stream ? true : !loading)" }], staticClass: "code-editor-layer" }, [_c("div", { ref: "codeEditor", staticClass: "code-editor-container", class: [_vm.stream ? "" : "code-height-placeholder"], style: { visibility: _setup.editorReady ? "visible" : "hidden" }, attrs: { "aria-hidden": _setup.editorReady ? void 0 : "true" } }), !_setup.editorReady ? _c("div", { staticClass: "code-editor-fallback-surface" }, [_c(_setup.PreCodeNode, { staticClass: "code-pre-fallback", style: _setup.preFallbackStyle, attrs: { "node": _vm.node, "show-line-numbers": _setup.isDiff, "diff-inline": _setup.preFallbackDiffInline } })], 1) : _vm._e()]), _setup.showInlinePreview && !_setup.hasPreviewListener && _setup.isPreviewable && _setup.codeLanguage === "html" ? _c(_setup.HtmlPreviewFrame, { attrs: { "code": _vm.node.code, "html-preview-allow-scripts": _setup.props.htmlPreviewAllowScripts, "html-preview-sandbox": _setup.props.htmlPreviewSandbox, "is-dark": _setup.props.isDark, "on-close": () => _setup.showInlinePreview = false } }) : _vm._e(), _c("div", { directives: [{ name: "show", rawName: "v-show", value: !_vm.stream && _vm.loading, expression: "!stream && loading" }], staticClass: "code-loading-placeholder" }, [_vm._t("loading", function() {
     return [_c("div", { staticClass: "loading-skeleton" }, [_c("div", { staticClass: "skeleton-line" }), _c("div", { staticClass: "skeleton-line" }), _c("div", { staticClass: "skeleton-line short" })])];
   }, { "loading": _vm.loading, "stream": _vm.stream })], 2), _c("span", { staticClass: "sr-only", attrs: { "aria-live": "polite", "role": "status" } }, [_vm._v(_vm._s(_setup.copyText ? _setup.t("common.copied") || "Copied" : ""))])], 1);
 };
@@ -7634,7 +7988,7 @@ var __component__$9 = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$9,
   false,
   null,
-  "f73cb5ae",
+  "b3974933",
   null,
   null
 );