@l1yp/file-viewer 0.1.4 → 0.1.5

package/README.md

@@ -7,6 +7,8 @@
 ## 特性
 
 - **60+ 格式**：docx/xlsx/pptx/pdf、zip/7z/rar/tar、png/tiff/psd/heic/dcm、csv/jsonl/sqlite、markdown/代码高亮、eml/mht/har、字体/证书/密钥库、epub/mob、drawio/dxf/geojson、hprof/.class/.so/.dll、易语言 .e/.ec 等。
+- **Word 内嵌文件**：识别 DOCX 中被 `docx-preview` 跳过的嵌入包（含直接嵌入的 XLSX 与 OLE 包装的 PPTX），把可用的 Word/WPS 内容快照插回正文原位置；遇到浏览器不支持的 EMF 快照时，按需用 PPTX renderer 渲染第一页。点击正文预览即可打开完整文件，也可下载原始附件。
+- **终端日志还原**：日志和纯文本可解释 ANSI SGR 前景色、背景色、16/256/真彩色及常见文字装饰；搜索、折叠、复制使用净化后的纯文本，其他终端控制命令不会在页面执行。
 - **ZIP 网页预览**：打开压缩包里的 HTML 时，自动解析并加载同包的 JS、CSS、图片、字体等相对依赖；源码保持原样，脚本仍需用户主动开启后才会在不透明源沙箱中运行。
 - **零后端**：上游字节只在浏览器解析；HTML/SVG 走沙箱 iframe、下载端点无法内联执行。
 - **按需分包**：每个查看器是独立的懒加载 chunk，打开 PDF 才拉 PDF 引擎；用不到的格式零成本。

package/dist/components/AnsiText.d.ts

@@ -0,0 +1,47 @@
+import { type PropType, type VNodeChild } from 'vue';
+import { type AnsiLine } from '@/lib/ansi';
+/**
+ * Render one inert ANSI line with Vue text nodes. The parser owns the style whitelist; this component never
+ * accepts or emits raw HTML. A query is optionally wrapped in `<mark>` after matching against control-free text.
+ */
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    line: {
+        type: PropType<string | AnsiLine>;
+        default: undefined;
+    };
+    lines: {
+        type: PropType<readonly (string | AnsiLine)[]>;
+        default: () => never[];
+    };
+    query: {
+        type: StringConstructor;
+        default: string;
+    };
+    markClass: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => VNodeChild[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    line: {
+        type: PropType<string | AnsiLine>;
+        default: undefined;
+    };
+    lines: {
+        type: PropType<readonly (string | AnsiLine)[]>;
+        default: () => never[];
+    };
+    query: {
+        type: StringConstructor;
+        default: string;
+    };
+    markClass: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    line: string | AnsiLine;
+    lines: readonly (string | AnsiLine)[];
+    query: string;
+    markClass: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/AnsiText.js

@@ -0,0 +1,41 @@
+import { ansiRenderPieces as e } from "../lib/ansi.js";
+import { defineComponent as t, h as n } from "vue";
+//#region src/components/AnsiText.ts
+var r = t({
+	name: "AnsiText",
+	props: {
+		line: {
+			type: [String, Object],
+			default: void 0
+		},
+		lines: {
+			type: Array,
+			default: () => []
+		},
+		query: {
+			type: String,
+			default: ""
+		},
+		markClass: {
+			type: String,
+			default: "ansi__hit"
+		}
+	},
+	setup(t) {
+		return () => {
+			let r = t.line === void 0 ? t.lines : [t.line], i = [];
+			return r.forEach((a, o) => {
+				e(a, t.query).forEach((e, r) => {
+					i.push(n("span", {
+						key: `${o}:${r}`,
+						style: e.style
+					}, e.marked ? n("mark", { class: t.markClass }, e.text) : e.text));
+				}), o < r.length - 1 && i.push("\n");
+			}), i;
+		};
+	}
+});
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=AnsiText.js.map

package/dist/components/AnsiText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnsiText.js","names":[],"sources":["../../src/components/AnsiText.ts"],"sourcesContent":["import { defineComponent, h, type PropType, type VNodeChild } from 'vue'\nimport { ansiRenderPieces, type AnsiLine } from '@/lib/ansi'\n\n/**\n * Render one inert ANSI line with Vue text nodes. The parser owns the style whitelist; this component never\n * accepts or emits raw HTML. A query is optionally wrapped in `<mark>` after matching against control-free text.\n */\nexport default defineComponent({\n  name: 'AnsiText',\n  props: {\n    line: { type: [String, Object] as PropType<string | AnsiLine>, default: undefined },\n    lines: {\n      type: Array as PropType<readonly (string | AnsiLine)[]>,\n      default: () => [],\n    },\n    query: { type: String, default: '' },\n    markClass: { type: String, default: 'ansi__hit' },\n  },\n  setup(props) {\n    return (): VNodeChild[] => {\n      const lines = props.line !== undefined ? [props.line] : props.lines\n      const nodes: VNodeChild[] = []\n      lines.forEach((line, lineIndex) => {\n        ansiRenderPieces(line, props.query).forEach((piece, pieceIndex) => {\n          nodes.push(\n            h(\n              'span',\n              { key: `${lineIndex}:${pieceIndex}`, style: piece.style },\n              piece.marked ? h('mark', { class: props.markClass }, piece.text) : piece.text,\n            ),\n          )\n        })\n        if (lineIndex < lines.length - 1) nodes.push('\\n')\n      })\n      return nodes\n    }\n  },\n})\n"],"mappings":";;;AAOA,IAAA,IAAe,EAAgB;CAC7B,MAAM;CACN,OAAO;EACL,MAAM;GAAE,MAAM,CAAC,QAAQ,MAAM;GAAkC,SAAS,KAAA;EAAU;EAClF,OAAO;GACL,MAAM;GACN,eAAe,CAAC;EAClB;EACA,OAAO;GAAE,MAAM;GAAQ,SAAS;EAAG;EACnC,WAAW;GAAE,MAAM;GAAQ,SAAS;EAAY;CAClD;CACA,MAAM,GAAO;EACX,aAA2B;GACzB,IAAM,IAAQ,EAAM,SAAS,KAAA,IAA2B,EAAM,QAArB,CAAC,EAAM,IAAI,GAC9C,IAAsB,CAAC;GAa7B,OAZA,EAAM,SAAS,GAAM,MAAc;IAUjC,AATA,EAAiB,GAAM,EAAM,KAAK,CAAC,CAAC,SAAS,GAAO,MAAe;KACjE,EAAM,KACJ,EACE,QACA;MAAE,KAAK,GAAG,EAAU,GAAG;MAAc,OAAO,EAAM;KAAM,GACxD,EAAM,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAM,UAAU,GAAG,EAAM,IAAI,IAAI,EAAM,IAC3E,CACF;IACF,CAAC,GACG,IAAY,EAAM,SAAS,KAAG,EAAM,KAAK,IAAI;GACnD,CAAC,GACM;EACT;CACF;AACF,CAAC"}

package/dist/components/CodeView.js

@@ -2,7 +2,7 @@ import e from "../_virtual/_plugin-vue_export-helper.js";
 import t from "./CodeView.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                         */
 //#region src/components/CodeView.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-f432e526"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-b7b2f434"]]);
 //#endregion
 export { n as default };
 

package/dist/components/CodeView.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeView.js","names":[],"sources":["../../src/components/CodeView.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, reactive, ref, watch } from 'vue'\nimport { escapeHtml, highlightCode, highlightLines } from '@/lib/highlight'\nimport { computeFoldRegions } from '@/lib/codefold'\nimport { canFormat, formatCode } from '@/lib/codeformat'\nimport { fileExt } from '@/lib/fileType'\nimport { langLabel, searchLangs } from '@/lib/highlightLangs'\nimport Icon from '@/components/icons/Icon.vue'\n\n/**\n * The side viewer's source-code view: a line-number gutter + syntax-highlighted code, with indentation-based\n * code FOLDING (click a chevron to collapse a block; see lib/codefold.ts), on-demand Prettier FORMATTING (the\n * 格式化 button, shown only for languages Prettier can parse — see lib/codeformat.ts; loaded lazily), and a\n * manual HIGHLIGHT-LANGUAGE picker (the 语言 button — auto-detection by extension/mime is often empty or wrong,\n * so any file can be re-colorized as JSON / XML / Python / … or forced to plain text; see lib/highlightLangs).\n * Used for every non-rendered file (plain text, code, or markdown/html/svg viewed as source). Highlighting is\n * split per line (see highlightLines) so rows can be hidden individually.\n *\n * Very large files (> {@link MAX_FOLD_LINES}) skip the per-line DOM and fall back to a single highlighted block\n * — folding a 10k-line file isn't worth tens of thousands of row elements, and such files mostly reach the\n * streaming log viewer anyway (see isLogFile).\n */\nconst props = defineProps<{ code: string; lang: string; name?: string }>()\n\nconst MAX_FOLD_LINES = 4000\n\n// Manual highlight-language override (null = use the auto-detected `props.lang`; '' = forced plain text). The\n// effective language feeds highlighting AND the 格式化 button (so \"force JSON, then format\" works). Reset when a\n// different file / detected language arrives (see the reset watch below).\nconst langOverride = ref<string | null>(null)\nconst effLang = computed(() => langOverride.value ?? props.lang)\n\n// Formatted output (null = showing the original). The view always renders `displayCode`.\nconst formatted = ref<string | null>(null)\nconst formatting = ref(false)\nconst formatErr = ref(false)\nconst displayCode = computed(() => formatted.value ?? props.code)\n\nconst ext = computed(() => fileExt(props.name ?? ''))\nconst canFmt = computed(() => canFormat(ext.value, effLang.value))\n\nconst rawLines = computed(() => displayCode.value.split('\\n'))\nconst lineCount = computed(() => rawLines.value.length)\nconst foldable = computed(() => lineCount.value <= MAX_FOLD_LINES)\n\nconst lineHtml = computed(() => highlightLines(displayCode.value, effLang.value))\nconst regions = computed(() => computeFoldRegions(displayCode.value))\nconst folded = reactive(new Set<number>())\n\n// A new file (or a re-detected language) resets the formatting toggle AND the manual language override; any\n// change to the shown code clears stale fold state.\nwatch(\n  () => [props.code, props.lang],\n  () => {\n    formatted.value = null\n    formatErr.value = false\n    langOverride.value = null\n  },\n)\nwatch(displayCode, () => folded.clear())\n\n// ── highlight-language picker ────────────────────────────────────────────────────────────────────\nconst langMenuOpen = ref(false)\nconst langMenuRef = ref<HTMLElement | null>(null)\nconst langQuery = ref('')\nconst langResults = computed(() => searchLangs(langQuery.value))\n\nfunction chooseLang(id: string): void {\n  langOverride.value = id\n  langMenuOpen.value = false\n  langQuery.value = ''\n}\n\n// Close the menu on an outside click or Esc — listeners live only while it's open (SSR-guarded). The toggle\n// button + popup both sit inside langMenuRef, so a click on either is \"inside\" and never self-closes.\nfunction onLangDocPointer(e: MouseEvent): void {\n  if (langMenuRef.value && !langMenuRef.value.contains(e.target as Node)) langMenuOpen.value = false\n}\nfunction onLangKey(e: KeyboardEvent): void {\n  if (e.key === 'Escape') langMenuOpen.value = false\n}\nwatch(langMenuOpen, (on) => {\n  if (typeof document === 'undefined') return\n  if (on) {\n    document.addEventListener('click', onLangDocPointer)\n    document.addEventListener('keydown', onLangKey)\n  } else {\n    document.removeEventListener('click', onLangDocPointer)\n    document.removeEventListener('keydown', onLangKey)\n  }\n})\nonBeforeUnmount(() => {\n  if (typeof document === 'undefined') return\n  document.removeEventListener('click', onLangDocPointer)\n  document.removeEventListener('keydown', onLangKey)\n})\n\nlet errTimer: ReturnType<typeof setTimeout> | undefined\nasync function toggleFormat(): Promise<void> {\n  if (formatted.value != null) {\n    formatted.value = null // revert to the original\n    return\n  }\n  if (formatting.value) return\n  formatting.value = true\n  formatErr.value = false\n  try {\n    formatted.value = await formatCode(props.code, { ext: ext.value, lang: effLang.value })\n  } catch {\n    formatErr.value = true\n    clearTimeout(errTimer)\n    errTimer = setTimeout(() => (formatErr.value = false), 2200)\n  } finally {\n    formatting.value = false\n  }\n}\n\n// Visible line indices, skipping the bodies of folded regions (and any nested folds within them).\nconst visible = computed(() => {\n  const out: number[] = []\n  const n = lineCount.value\n  let i = 0\n  while (i < n) {\n    out.push(i)\n    const end = folded.has(i) ? regions.value.get(i) : undefined\n    i = end != null ? end + 1 : i + 1\n  }\n  return out\n})\n\nfunction toggle(i: number): void {\n  if (folded.has(i)) folded.delete(i)\n  else folded.add(i)\n}\n\n// Blob fallback for huge files: one highlighted block + a newline-joined gutter.\nconst blobHtml = computed(() =>\n  effLang.value ? highlightCode(displayCode.value, effLang.value) : escapeHtml(displayCode.value),\n)\nconst blobGutter = computed(() =>\n  Array.from({ length: lineCount.value }, (_, i) => i + 1).join('\\n'),\n)\n</script>\n\n<template>\n  <div class=\"cv\">\n    <!-- floating tools, top-right over the code: highlight-language picker + Prettier format toggle -->\n    <div class=\"cv__tools\">\n      <!-- highlight-language picker: force which grammar colorizes the source (auto-detect is often empty/wrong) -->\n      <div ref=\"langMenuRef\" class=\"cv__lang\">\n        <button\n          type=\"button\"\n          class=\"cv__toolbtn\"\n          :class=\"{ 'cv__toolbtn--on': langMenuOpen }\"\n          title=\"高亮语言 —— 选择用哪种语言着色（自动识别不准时手动指定）\"\n          :aria-haspopup=\"true\"\n          :aria-expanded=\"langMenuOpen\"\n          @click=\"langMenuOpen = !langMenuOpen\"\n        >\n          <Icon name=\"code\" :size=\"12\" /><span>{{ langLabel(effLang) }}</span>\n        </button>\n        <div v-if=\"langMenuOpen\" class=\"cv__langpop\" role=\"menu\">\n          <input\n            v-model=\"langQuery\"\n            class=\"cv__langsearch\"\n            type=\"text\"\n            placeholder=\"搜索语言…\"\n            spellcheck=\"false\"\n            autocomplete=\"off\"\n          />\n          <div class=\"cv__langlist\">\n            <button\n              v-if=\"!langQuery\"\n              type=\"button\"\n              class=\"cv__langitem\"\n              :class=\"{ 'cv__langitem--on': effLang === '' }\"\n              role=\"menuitemradio\"\n              :aria-checked=\"effLang === ''\"\n              @click=\"chooseLang('')\"\n            >\n              <span class=\"cv__langitem-label\">纯文本（无高亮）</span>\n              <Icon v-if=\"effLang === ''\" name=\"check\" :size=\"14\" class=\"cv__langitem-check\" />\n            </button>\n            <button\n              v-for=\"l in langResults\"\n              :key=\"l.id\"\n              type=\"button\"\n              class=\"cv__langitem\"\n              :class=\"{ 'cv__langitem--on': effLang === l.id }\"\n              role=\"menuitemradio\"\n              :aria-checked=\"effLang === l.id\"\n              @click=\"chooseLang(l.id)\"\n            >\n              <span class=\"cv__langitem-label\">{{ l.label }}</span>\n              <Icon v-if=\"effLang === l.id\" name=\"check\" :size=\"14\" class=\"cv__langitem-check\" />\n            </button>\n            <p v-if=\"langQuery && !langResults.length\" class=\"cv__langempty\">无匹配语言</p>\n          </div>\n        </div>\n      </div>\n\n      <!-- format toggle (only for languages Prettier can parse) -->\n      <button\n        v-if=\"canFmt\"\n        type=\"button\"\n        class=\"cv__toolbtn cv__fmt\"\n        :class=\"{ 'cv__toolbtn--on': formatted != null, 'cv__fmt--err': formatErr }\"\n        :disabled=\"formatting\"\n        :title=\"\n          formatErr\n            ? '格式化失败：源码可能无法解析'\n            : formatted != null\n              ? '还原为原始格式'\n              : '用 Prettier 格式化'\n        \"\n        @click=\"toggleFormat\"\n      >\n        {{\n          formatErr\n            ? '格式化失败'\n            : formatting\n              ? '格式化中…'\n              : formatted != null\n                ? '还原'\n                : '格式化'\n        }}\n      </button>\n    </div>\n\n    <!-- huge file: single highlighted block (no folding) -->\n    <div v-if=\"!foldable\" class=\"cv__scroll cv__scroll--blob\">\n      <div class=\"cv__codewrap\">\n        <pre class=\"cv__gutter\" aria-hidden=\"true\">{{ blobGutter }}</pre>\n        <div class=\"cv__codecol\">\n          <pre class=\"cv__pre\"><code class=\"hljs\" v-html=\"blobHtml\" /></pre>\n        </div>\n      </div>\n    </div>\n\n    <!-- foldable: one row per visible line, with a fold chevron on block headers -->\n    <div v-else class=\"cv__scroll\">\n      <div class=\"cv__rows\">\n        <div v-for=\"i in visible\" :key=\"i\" class=\"cv__row\">\n          <span class=\"cv__gut\">\n            <button\n              v-if=\"regions.has(i)\"\n              type=\"button\"\n              class=\"cv__fold\"\n              :title=\"folded.has(i) ? '展开' : '折叠'\"\n              @click=\"toggle(i)\"\n            >\n              <Icon name=\"chevronRight\" :size=\"12\" :class=\"{ 'cv__fold--open': !folded.has(i) }\" />\n            </button>\n            <span v-else class=\"cv__fold cv__fold--empty\" />\n            <span class=\"cv__ln\">{{ i + 1 }}</span>\n          </span>\n          <code class=\"cv__code hljs\" v-html=\"lineHtml[i]\" />\n          <button\n            v-if=\"folded.has(i)\"\n            type=\"button\"\n            class=\"cv__ellipsis\"\n            :title=\"`展开折叠的 ${(regions.get(i) ?? i) - i} 行`\"\n            @click=\"toggle(i)\"\n          >\n            ⋯\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.cv {\n  position: relative;\n  flex: 1 1 auto;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n/* Floating tools bar — top-right, above the code (highlight-language picker + format toggle). */\n.cv__tools {\n  position: absolute;\n  top: 8px;\n  right: 14px;\n  z-index: 3;\n  display: flex;\n  align-items: flex-start;\n  gap: 6px;\n}\n\n/* Shared small pill used by both floating tools. */\n.cv__toolbtn {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  max-width: 190px;\n  padding: 3px 10px;\n  font-family: inherit;\n  font-size: 11.5px;\n  color: var(--muted);\n  background: var(--surface);\n  border: 1px solid var(--border-2);\n  border-radius: 7px;\n  cursor: pointer;\n  box-shadow: var(--shadow);\n  transition:\n    background 0.15s,\n    color 0.15s,\n    border-color 0.15s;\n}\n.cv__toolbtn:hover {\n  border-color: var(--accent);\n  color: var(--accent);\n}\n.cv__toolbtn span {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.cv__toolbtn--on {\n  color: #fff;\n  background: var(--accent);\n  border-color: var(--accent);\n}\n.cv__toolbtn--on:hover {\n  color: #fff;\n}\n\n/* Format toggle specifics (disabled + error states). */\n.cv__fmt:disabled {\n  cursor: default;\n  opacity: 0.7;\n}\n.cv__fmt--err {\n  color: var(--danger);\n  border-color: var(--danger);\n}\n\n/* Highlight-language picker dropdown (anchored under its pill, right-aligned). */\n.cv__lang {\n  position: relative;\n  display: inline-flex;\n}\n.cv__langpop {\n  position: absolute;\n  top: calc(100% + 6px);\n  right: 0;\n  z-index: 4;\n  width: 224px;\n  padding: 7px;\n  background: var(--surface);\n  border: 1px solid var(--border);\n  border-radius: 10px;\n  box-shadow: var(--shadow);\n}\n.cv__langsearch {\n  width: 100%;\n  box-sizing: border-box;\n  padding: 6px 9px;\n  font-family: inherit;\n  font-size: 12px;\n  color: var(--text);\n  background: var(--surface-2);\n  border: 1px solid var(--border);\n  border-radius: 7px;\n  outline: none;\n}\n.cv__langsearch:focus {\n  border-color: var(--accent);\n}\n.cv__langlist {\n  max-height: 288px;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  margin-top: 6px;\n}\n.cv__langitem {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n  padding: 6px 8px;\n  background: transparent;\n  border: none;\n  border-radius: 6px;\n  color: var(--text);\n  font-family: inherit;\n  font-size: 12.5px;\n  text-align: left;\n  cursor: pointer;\n  transition:\n    background 0.12s,\n    color 0.12s;\n}\n.cv__langitem:hover {\n  background: var(--surface-2);\n  color: var(--accent);\n}\n.cv__langitem--on {\n  color: var(--accent);\n}\n.cv__langitem-label {\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.cv__langitem-check {\n  flex-shrink: 0;\n  color: var(--accent);\n}\n.cv__langempty {\n  margin: 0;\n  padding: 10px 8px;\n  font-size: 12px;\n  color: var(--faint);\n  text-align: center;\n}\n\n.cv__scroll {\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow: auto;\n  overscroll-behavior: contain;\n  background: var(--code-bg);\n}\n\n/* Foldable per-line view -------------------------------------------------------------------------- */\n.cv__rows {\n  min-width: max-content;\n  padding: 14px 0;\n  font-family: var(--font-mono);\n  font-size: var(--fv-code-fs, 12.5px);\n  line-height: var(--fv-code-lh, 21px);\n}\n.cv__row {\n  display: flex;\n  align-items: flex-start;\n}\n/* Gutter (fold chevron + line number) sticks to the left so it stays put while long lines scroll. */\n.cv__gut {\n  position: sticky;\n  left: 0;\n  z-index: 1;\n  flex-shrink: 0;\n  display: flex;\n  align-items: flex-start;\n  background: var(--code-bg);\n  user-select: none;\n}\n.cv__fold {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 16px;\n  height: var(--fv-code-lh, 21px);\n  padding: 0;\n  border: none;\n  background: transparent;\n  color: var(--faint);\n  cursor: pointer;\n}\n.cv__fold--empty {\n  cursor: default;\n}\n.cv__fold :deep(svg) {\n  transition: transform 0.12s;\n}\n.cv__fold--open {\n  transform: rotate(90deg);\n}\n.cv__fold:hover :deep(svg) {\n  color: var(--accent);\n}\n.cv__ln {\n  flex-shrink: 0;\n  width: 48px;\n  padding: 0 12px 0 4px;\n  text-align: right;\n  color: var(--faint);\n}\n.cv__code {\n  flex: 1 1 auto;\n  padding: 0 18px 0 14px;\n  white-space: pre;\n  color: var(--text);\n  background: transparent;\n  border: none;\n  font-family: inherit;\n  tab-size: 2;\n}\n.cv__ellipsis {\n  align-self: center;\n  margin: 0 0 0 2px;\n  padding: 0 7px;\n  font-family: inherit;\n  line-height: 1.3;\n  color: var(--muted);\n  background: var(--surface-2);\n  border: 1px solid var(--border-2);\n  border-radius: 5px;\n  cursor: pointer;\n}\n.cv__ellipsis:hover {\n  border-color: var(--accent);\n  color: var(--accent);\n}\n\n/* Huge-file blob fallback (mirrors the panel's original source layout) ----------------------------- */\n.cv__scroll--blob {\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n.cv__codewrap {\n  display: flex;\n  align-items: stretch;\n  min-height: 100%;\n  padding: 14px 0;\n}\n.cv__gutter {\n  flex-shrink: 0;\n  margin: 0;\n  padding: 0 12px 0 16px;\n  border-right: 1px solid var(--code-border);\n  text-align: right;\n  font-family: var(--font-mono);\n  font-size: var(--fv-code-fs, 12.5px);\n  line-height: var(--fv-code-lh, 21px);\n  color: var(--faint);\n  user-select: none;\n  white-space: pre;\n}\n.cv__codecol {\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow-x: auto;\n}\n.cv__pre {\n  margin: 0;\n  padding: 0 18px 0 14px;\n  font-family: var(--font-mono);\n  font-size: var(--fv-code-fs, 12.5px);\n  line-height: var(--fv-code-lh, 21px);\n  color: var(--text);\n  white-space: pre;\n  tab-size: 2;\n}\n.cv__pre code {\n  font-family: inherit;\n  background: transparent;\n  border: none;\n  padding: 0;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"CodeView.js","names":[],"sources":["../../src/components/CodeView.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, reactive, ref, watch } from 'vue'\nimport { escapeHtml, highlightCode, highlightLines } from '@/lib/highlight'\nimport { computeFoldRegions } from '@/lib/codefold'\nimport { canFormat, formatCode } from '@/lib/codeformat'\nimport { fileExt } from '@/lib/fileType'\nimport { hasAnsiSequences, parseAnsi } from '@/lib/ansi'\nimport { langLabel, searchLangs } from '@/lib/highlightLangs'\nimport Icon from '@/components/icons/Icon.vue'\nimport AnsiText from '@/components/AnsiText'\n\n/**\n * The side viewer's source-code view: a line-number gutter + syntax-highlighted code, with indentation-based\n * code FOLDING (click a chevron to collapse a block; see lib/codefold.ts), on-demand Prettier FORMATTING (the\n * 格式化 button, shown only for languages Prettier can parse — see lib/codeformat.ts; loaded lazily), and a\n * manual HIGHLIGHT-LANGUAGE picker (the 语言 button — auto-detection by extension/mime is often empty or wrong,\n * so any file can be re-colorized as JSON / XML / Python / … or forced to plain text; see lib/highlightLangs).\n * Used for every non-rendered file (plain text, code, or markdown/html/svg viewed as source). Highlighting is\n * split per line (see highlightLines) so rows can be hidden individually.\n *\n * Very large files (> {@link MAX_FOLD_LINES}) skip the per-line DOM and fall back to a single highlighted block\n * — folding a 10k-line file isn't worth tens of thousands of row elements, and such files mostly reach the\n * streaming log viewer anyway (see isLogFile).\n */\nconst props = defineProps<{ code: string; lang: string; name?: string }>()\n\nconst MAX_FOLD_LINES = 4000\n\n// Manual highlight-language override (null = use the auto-detected `props.lang`; '' = forced plain text). The\n// effective language feeds highlighting AND the 格式化 button (so \"force JSON, then format\" works). Reset when a\n// different file / detected language arrives (see the reset watch below).\nconst langOverride = ref<string | null>(null)\nconst effLang = computed(() => langOverride.value ?? props.lang)\n\n// Formatted output (null = showing the original). The view always renders `displayCode`.\nconst formatted = ref<string | null>(null)\nconst formatting = ref(false)\nconst formatErr = ref(false)\nconst displayCode = computed(() => formatted.value ?? props.code)\n\nconst ext = computed(() => fileExt(props.name ?? ''))\n// ANSI presentation is meaningful only in plain-text mode. Selecting a syntax language deliberately returns to\n// highlight.js; forcing \"纯文本\" on an otherwise-highlighted file enables ANSI restoration when controls exist.\nconst ansiDocument = computed(() =>\n  !effLang.value && hasAnsiSequences(displayCode.value) ? parseAnsi(displayCode.value) : null,\n)\nconst ansiMode = computed(() => ansiDocument.value !== null)\nconst plainDisplayCode = computed(() => ansiDocument.value?.text ?? displayCode.value)\nconst canFmt = computed(() => !ansiMode.value && canFormat(ext.value, effLang.value))\n\nconst rawLines = computed(() => plainDisplayCode.value.split('\\n'))\nconst lineCount = computed(() => rawLines.value.length)\nconst foldable = computed(() => lineCount.value <= MAX_FOLD_LINES)\n\nconst lineHtml = computed(() =>\n  ansiMode.value ? [] : highlightLines(displayCode.value, effLang.value),\n)\nconst regions = computed(() => computeFoldRegions(plainDisplayCode.value))\nconst folded = reactive(new Set<number>())\n\n// A new file (or a re-detected language) resets the formatting toggle AND the manual language override; any\n// change to the shown code clears stale fold state.\nwatch(\n  () => [props.code, props.lang],\n  () => {\n    formatted.value = null\n    formatErr.value = false\n    langOverride.value = null\n  },\n)\nwatch(displayCode, () => folded.clear())\n\n// ── highlight-language picker ────────────────────────────────────────────────────────────────────\nconst langMenuOpen = ref(false)\nconst langMenuRef = ref<HTMLElement | null>(null)\nconst langQuery = ref('')\nconst langResults = computed(() => searchLangs(langQuery.value))\n\nfunction chooseLang(id: string): void {\n  langOverride.value = id\n  langMenuOpen.value = false\n  langQuery.value = ''\n}\n\n// Close the menu on an outside click or Esc — listeners live only while it's open (SSR-guarded). The toggle\n// button + popup both sit inside langMenuRef, so a click on either is \"inside\" and never self-closes.\nfunction onLangDocPointer(e: MouseEvent): void {\n  if (langMenuRef.value && !langMenuRef.value.contains(e.target as Node)) langMenuOpen.value = false\n}\nfunction onLangKey(e: KeyboardEvent): void {\n  if (e.key === 'Escape') langMenuOpen.value = false\n}\nwatch(langMenuOpen, (on) => {\n  if (typeof document === 'undefined') return\n  if (on) {\n    document.addEventListener('click', onLangDocPointer)\n    document.addEventListener('keydown', onLangKey)\n  } else {\n    document.removeEventListener('click', onLangDocPointer)\n    document.removeEventListener('keydown', onLangKey)\n  }\n})\nonBeforeUnmount(() => {\n  if (typeof document === 'undefined') return\n  document.removeEventListener('click', onLangDocPointer)\n  document.removeEventListener('keydown', onLangKey)\n})\n\nlet errTimer: ReturnType<typeof setTimeout> | undefined\nasync function toggleFormat(): Promise<void> {\n  if (formatted.value != null) {\n    formatted.value = null // revert to the original\n    return\n  }\n  if (formatting.value) return\n  formatting.value = true\n  formatErr.value = false\n  try {\n    formatted.value = await formatCode(props.code, { ext: ext.value, lang: effLang.value })\n  } catch {\n    formatErr.value = true\n    clearTimeout(errTimer)\n    errTimer = setTimeout(() => (formatErr.value = false), 2200)\n  } finally {\n    formatting.value = false\n  }\n}\n\n// Visible line indices, skipping the bodies of folded regions (and any nested folds within them).\nconst visible = computed(() => {\n  const out: number[] = []\n  const n = lineCount.value\n  let i = 0\n  while (i < n) {\n    out.push(i)\n    const end = folded.has(i) ? regions.value.get(i) : undefined\n    i = end != null ? end + 1 : i + 1\n  }\n  return out\n})\n\nfunction toggle(i: number): void {\n  if (folded.has(i)) folded.delete(i)\n  else folded.add(i)\n}\n\n// Blob fallback for huge files: one highlighted block + a newline-joined gutter.\nconst blobHtml = computed(() =>\n  effLang.value ? highlightCode(displayCode.value, effLang.value) : escapeHtml(displayCode.value),\n)\nconst blobGutter = computed(() =>\n  Array.from({ length: lineCount.value }, (_, i) => i + 1).join('\\n'),\n)\n</script>\n\n<template>\n  <div class=\"cv\">\n    <!-- floating tools, top-right over the code: highlight-language picker + Prettier format toggle -->\n    <div class=\"cv__tools\">\n      <!-- highlight-language picker: force which grammar colorizes the source (auto-detect is often empty/wrong) -->\n      <div ref=\"langMenuRef\" class=\"cv__lang\">\n        <button\n          type=\"button\"\n          class=\"cv__toolbtn\"\n          :class=\"{ 'cv__toolbtn--on': langMenuOpen }\"\n          title=\"高亮语言 —— 选择用哪种语言着色（自动识别不准时手动指定）\"\n          :aria-haspopup=\"true\"\n          :aria-expanded=\"langMenuOpen\"\n          @click=\"langMenuOpen = !langMenuOpen\"\n        >\n          <Icon name=\"code\" :size=\"12\" /><span>{{ langLabel(effLang) }}</span>\n        </button>\n        <div v-if=\"langMenuOpen\" class=\"cv__langpop\" role=\"menu\">\n          <input\n            v-model=\"langQuery\"\n            class=\"cv__langsearch\"\n            type=\"text\"\n            placeholder=\"搜索语言…\"\n            spellcheck=\"false\"\n            autocomplete=\"off\"\n          />\n          <div class=\"cv__langlist\">\n            <button\n              v-if=\"!langQuery\"\n              type=\"button\"\n              class=\"cv__langitem\"\n              :class=\"{ 'cv__langitem--on': effLang === '' }\"\n              role=\"menuitemradio\"\n              :aria-checked=\"effLang === ''\"\n              @click=\"chooseLang('')\"\n            >\n              <span class=\"cv__langitem-label\">纯文本（无高亮）</span>\n              <Icon v-if=\"effLang === ''\" name=\"check\" :size=\"14\" class=\"cv__langitem-check\" />\n            </button>\n            <button\n              v-for=\"l in langResults\"\n              :key=\"l.id\"\n              type=\"button\"\n              class=\"cv__langitem\"\n              :class=\"{ 'cv__langitem--on': effLang === l.id }\"\n              role=\"menuitemradio\"\n              :aria-checked=\"effLang === l.id\"\n              @click=\"chooseLang(l.id)\"\n            >\n              <span class=\"cv__langitem-label\">{{ l.label }}</span>\n              <Icon v-if=\"effLang === l.id\" name=\"check\" :size=\"14\" class=\"cv__langitem-check\" />\n            </button>\n            <p v-if=\"langQuery && !langResults.length\" class=\"cv__langempty\">无匹配语言</p>\n          </div>\n        </div>\n      </div>\n\n      <!-- format toggle (only for languages Prettier can parse) -->\n      <button\n        v-if=\"canFmt\"\n        type=\"button\"\n        class=\"cv__toolbtn cv__fmt\"\n        :class=\"{ 'cv__toolbtn--on': formatted != null, 'cv__fmt--err': formatErr }\"\n        :disabled=\"formatting\"\n        :title=\"\n          formatErr\n            ? '格式化失败：源码可能无法解析'\n            : formatted != null\n              ? '还原为原始格式'\n              : '用 Prettier 格式化'\n        \"\n        @click=\"toggleFormat\"\n      >\n        {{\n          formatErr\n            ? '格式化失败'\n            : formatting\n              ? '格式化中…'\n              : formatted != null\n                ? '还原'\n                : '格式化'\n        }}\n      </button>\n    </div>\n\n    <!-- huge file: single highlighted block (no folding) -->\n    <div v-if=\"!foldable\" class=\"cv__scroll cv__scroll--blob\">\n      <div class=\"cv__codewrap\">\n        <pre class=\"cv__gutter\" aria-hidden=\"true\">{{ blobGutter }}</pre>\n        <div class=\"cv__codecol\">\n          <pre\n            class=\"cv__pre\"\n          ><code v-if=\"ansiDocument\" class=\"hljs\"><AnsiText :lines=\"ansiDocument.lines\" /></code><code v-else class=\"hljs\" v-html=\"blobHtml\" /></pre>\n        </div>\n      </div>\n    </div>\n\n    <!-- foldable: one row per visible line, with a fold chevron on block headers -->\n    <div v-else class=\"cv__scroll\">\n      <div class=\"cv__rows\">\n        <div v-for=\"i in visible\" :key=\"i\" class=\"cv__row\">\n          <span class=\"cv__gut\">\n            <button\n              v-if=\"regions.has(i)\"\n              type=\"button\"\n              class=\"cv__fold\"\n              :title=\"folded.has(i) ? '展开' : '折叠'\"\n              @click=\"toggle(i)\"\n            >\n              <Icon name=\"chevronRight\" :size=\"12\" :class=\"{ 'cv__fold--open': !folded.has(i) }\" />\n            </button>\n            <span v-else class=\"cv__fold cv__fold--empty\" />\n            <span class=\"cv__ln\">{{ i + 1 }}</span>\n          </span>\n          <code class=\"cv__code hljs\">\n            <AnsiText v-if=\"ansiDocument\" :line=\"ansiDocument.lines[i] ?? ''\" />\n            <span v-else v-html=\"lineHtml[i]\" />\n          </code>\n          <button\n            v-if=\"folded.has(i)\"\n            type=\"button\"\n            class=\"cv__ellipsis\"\n            :title=\"`展开折叠的 ${(regions.get(i) ?? i) - i} 行`\"\n            @click=\"toggle(i)\"\n          >\n            ⋯\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.cv {\n  position: relative;\n  flex: 1 1 auto;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n/* Floating tools bar — top-right, above the code (highlight-language picker + format toggle). */\n.cv__tools {\n  position: absolute;\n  top: 8px;\n  right: 14px;\n  z-index: 3;\n  display: flex;\n  align-items: flex-start;\n  gap: 6px;\n}\n\n/* Shared small pill used by both floating tools. */\n.cv__toolbtn {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  max-width: 190px;\n  padding: 3px 10px;\n  font-family: inherit;\n  font-size: 11.5px;\n  color: var(--muted);\n  background: var(--surface);\n  border: 1px solid var(--border-2);\n  border-radius: 7px;\n  cursor: pointer;\n  box-shadow: var(--shadow);\n  transition:\n    background 0.15s,\n    color 0.15s,\n    border-color 0.15s;\n}\n.cv__toolbtn:hover {\n  border-color: var(--accent);\n  color: var(--accent);\n}\n.cv__toolbtn span {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.cv__toolbtn--on {\n  color: #fff;\n  background: var(--accent);\n  border-color: var(--accent);\n}\n.cv__toolbtn--on:hover {\n  color: #fff;\n}\n\n/* Format toggle specifics (disabled + error states). */\n.cv__fmt:disabled {\n  cursor: default;\n  opacity: 0.7;\n}\n.cv__fmt--err {\n  color: var(--danger);\n  border-color: var(--danger);\n}\n\n/* Highlight-language picker dropdown (anchored under its pill, right-aligned). */\n.cv__lang {\n  position: relative;\n  display: inline-flex;\n}\n.cv__langpop {\n  position: absolute;\n  top: calc(100% + 6px);\n  right: 0;\n  z-index: 4;\n  width: 224px;\n  padding: 7px;\n  background: var(--surface);\n  border: 1px solid var(--border);\n  border-radius: 10px;\n  box-shadow: var(--shadow);\n}\n.cv__langsearch {\n  width: 100%;\n  box-sizing: border-box;\n  padding: 6px 9px;\n  font-family: inherit;\n  font-size: 12px;\n  color: var(--text);\n  background: var(--surface-2);\n  border: 1px solid var(--border);\n  border-radius: 7px;\n  outline: none;\n}\n.cv__langsearch:focus {\n  border-color: var(--accent);\n}\n.cv__langlist {\n  max-height: 288px;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  margin-top: 6px;\n}\n.cv__langitem {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n  padding: 6px 8px;\n  background: transparent;\n  border: none;\n  border-radius: 6px;\n  color: var(--text);\n  font-family: inherit;\n  font-size: 12.5px;\n  text-align: left;\n  cursor: pointer;\n  transition:\n    background 0.12s,\n    color 0.12s;\n}\n.cv__langitem:hover {\n  background: var(--surface-2);\n  color: var(--accent);\n}\n.cv__langitem--on {\n  color: var(--accent);\n}\n.cv__langitem-label {\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.cv__langitem-check {\n  flex-shrink: 0;\n  color: var(--accent);\n}\n.cv__langempty {\n  margin: 0;\n  padding: 10px 8px;\n  font-size: 12px;\n  color: var(--faint);\n  text-align: center;\n}\n\n.cv__scroll {\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow: auto;\n  overscroll-behavior: contain;\n  background: var(--code-bg);\n}\n\n/* Foldable per-line view -------------------------------------------------------------------------- */\n.cv__rows {\n  min-width: max-content;\n  padding: 14px 0;\n  font-family: var(--font-mono);\n  font-size: var(--fv-code-fs, 12.5px);\n  line-height: var(--fv-code-lh, 21px);\n}\n.cv__row {\n  display: flex;\n  align-items: flex-start;\n}\n/* Gutter (fold chevron + line number) sticks to the left so it stays put while long lines scroll. */\n.cv__gut {\n  position: sticky;\n  left: 0;\n  z-index: 1;\n  flex-shrink: 0;\n  display: flex;\n  align-items: flex-start;\n  background: var(--code-bg);\n  user-select: none;\n}\n.cv__fold {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 16px;\n  height: var(--fv-code-lh, 21px);\n  padding: 0;\n  border: none;\n  background: transparent;\n  color: var(--faint);\n  cursor: pointer;\n}\n.cv__fold--empty {\n  cursor: default;\n}\n.cv__fold :deep(svg) {\n  transition: transform 0.12s;\n}\n.cv__fold--open {\n  transform: rotate(90deg);\n}\n.cv__fold:hover :deep(svg) {\n  color: var(--accent);\n}\n.cv__ln {\n  flex-shrink: 0;\n  width: 48px;\n  padding: 0 12px 0 4px;\n  text-align: right;\n  color: var(--faint);\n}\n.cv__code {\n  flex: 1 1 auto;\n  padding: 0 18px 0 14px;\n  white-space: pre;\n  color: var(--text);\n  background: transparent;\n  border: none;\n  font-family: inherit;\n  tab-size: 2;\n}\n.cv__ellipsis {\n  align-self: center;\n  margin: 0 0 0 2px;\n  padding: 0 7px;\n  font-family: inherit;\n  line-height: 1.3;\n  color: var(--muted);\n  background: var(--surface-2);\n  border: 1px solid var(--border-2);\n  border-radius: 5px;\n  cursor: pointer;\n}\n.cv__ellipsis:hover {\n  border-color: var(--accent);\n  color: var(--accent);\n}\n\n/* Huge-file blob fallback (mirrors the panel's original source layout) ----------------------------- */\n.cv__scroll--blob {\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n.cv__codewrap {\n  display: flex;\n  align-items: stretch;\n  min-height: 100%;\n  padding: 14px 0;\n}\n.cv__gutter {\n  flex-shrink: 0;\n  margin: 0;\n  padding: 0 12px 0 16px;\n  border-right: 1px solid var(--code-border);\n  text-align: right;\n  font-family: var(--font-mono);\n  font-size: var(--fv-code-fs, 12.5px);\n  line-height: var(--fv-code-lh, 21px);\n  color: var(--faint);\n  user-select: none;\n  white-space: pre;\n}\n.cv__codecol {\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow-x: auto;\n}\n.cv__pre {\n  margin: 0;\n  padding: 0 18px 0 14px;\n  font-family: var(--font-mono);\n  font-size: var(--fv-code-fs, 12.5px);\n  line-height: var(--fv-code-lh, 21px);\n  color: var(--text);\n  white-space: pre;\n  tab-size: 2;\n}\n.cv__pre code {\n  font-family: inherit;\n  background: transparent;\n  border: none;\n  padding: 0;\n}\n</style>\n"],"mappings":""}

package/dist/components/CodeView.vue_vue_type_script_setup_true_lang.js

@@ -1,45 +1,50 @@
 import { fileExt as e } from "../lib/fileType.js";
-import { escapeHtml as t, highlightCode as n, highlightLines as ee } from "../lib/highlight.js";
-import { computeFoldRegions as te } from "../lib/codefold.js";
-import { canFormat as ne, formatCode as r } from "../lib/codeformat.js";
-import { langLabel as re, searchLangs as ie } from "../lib/highlightLangs.js";
+import { hasAnsiSequences as t, parseAnsi as n } from "../lib/ansi.js";
+import { escapeHtml as ee, highlightCode as r, highlightLines as te } from "../lib/highlight.js";
+import { computeFoldRegions as ne } from "../lib/codefold.js";
+import { canFormat as re, formatCode as ie } from "../lib/codeformat.js";
+import { langLabel as ae, searchLangs as oe } from "../lib/highlightLangs.js";
 import i from "./icons/Icon.js";
-import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, onBeforeUnmount as m, openBlock as h, reactive as ae, ref as g, renderList as _, toDisplayString as v, unref as oe, vModelText as se, watch as y, withDirectives as ce } from "vue";
+import a from "./AnsiText.js";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, onBeforeUnmount as se, openBlock as h, reactive as ce, ref as g, renderList as _, toDisplayString as v, unref as y, vModelText as le, watch as b, withDirectives as ue } from "vue";
 //#region src/components/CodeView.vue?vue&type=script&setup=true&lang.ts
-var le = { class: "cv" }, ue = { class: "cv__tools" }, de = ["aria-expanded"], fe = {
+var de = { class: "cv" }, fe = { class: "cv__tools" }, pe = ["aria-expanded"], me = {
 	key: 0,
 	class: "cv__langpop",
 	role: "menu"
-}, pe = { class: "cv__langlist" }, me = ["aria-checked"], he = ["aria-checked", "onClick"], ge = { class: "cv__langitem-label" }, _e = {
+}, he = { class: "cv__langlist" }, ge = ["aria-checked"], _e = ["aria-checked", "onClick"], ve = { class: "cv__langitem-label" }, ye = {
 	key: 1,
 	class: "cv__langempty"
-}, ve = ["disabled", "title"], ye = {
+}, be = ["disabled", "title"], xe = {
 	key: 0,
 	class: "cv__scroll cv__scroll--blob"
-}, b = { class: "cv__codewrap" }, x = {
+}, Se = { class: "cv__codewrap" }, Ce = {
 	class: "cv__gutter",
 	"aria-hidden": "true"
-}, S = { class: "cv__codecol" }, C = { class: "cv__pre" }, w = ["innerHTML"], T = {
+}, x = { class: "cv__codecol" }, S = { class: "cv__pre" }, C = {
+	key: 0,
+	class: "hljs"
+}, w = ["innerHTML"], T = {
 	key: 1,
 	class: "cv__scroll"
 }, E = { class: "cv__rows" }, D = { class: "cv__gut" }, O = ["title", "onClick"], k = {
 	key: 1,
 	class: "cv__fold cv__fold--empty"
-}, A = { class: "cv__ln" }, j = ["innerHTML"], M = ["title", "onClick"], N = 4e3, P = /*@__PURE__*/ f({
+}, A = { class: "cv__ln" }, we = { class: "cv__code hljs" }, Te = ["innerHTML"], Ee = ["title", "onClick"], De = 4e3, j = /*@__PURE__*/ p({
 	__name: "CodeView",
 	props: {
 		code: {},
 		lang: {},
 		name: {}
 	},
-	setup(f) {
-		let P = f, F = g(null), I = o(() => F.value ?? P.lang), L = g(null), R = g(!1), z = g(!1), B = o(() => L.value ?? P.code), V = o(() => e(P.name ?? "")), be = o(() => ne(V.value, I.value)), xe = o(() => B.value.split("\n")), H = o(() => xe.value.length), Se = o(() => H.value <= N), Ce = o(() => ee(B.value, I.value)), U = o(() => te(B.value)), W = ae(/* @__PURE__ */ new Set());
-		y(() => [P.code, P.lang], () => {
-			L.value = null, z.value = !1, F.value = null;
-		}), y(B, () => W.clear());
-		let G = g(!1), K = g(null), q = g(""), J = o(() => ie(q.value));
+	setup(p) {
+		let j = p, M = g(null), N = s(() => M.value ?? j.lang), P = g(null), F = g(!1), I = g(!1), L = s(() => P.value ?? j.code), R = s(() => e(j.name ?? "")), z = s(() => !N.value && t(L.value) ? n(L.value) : null), B = s(() => z.value !== null), V = s(() => z.value?.text ?? L.value), Oe = s(() => !B.value && re(R.value, N.value)), ke = s(() => V.value.split("\n")), H = s(() => ke.value.length), Ae = s(() => H.value <= De), je = s(() => B.value ? [] : te(L.value, N.value)), U = s(() => ne(V.value)), W = ce(/* @__PURE__ */ new Set());
+		b(() => [j.code, j.lang], () => {
+			P.value = null, I.value = !1, M.value = null;
+		}), b(L, () => W.clear());
+		let G = g(!1), K = g(null), q = g(""), J = s(() => oe(q.value));
 		function Y(e) {
-			F.value = e, G.value = !1, q.value = "";
+			M.value = e, G.value = !1, q.value = "";
 		}
 		function X(e) {
 			K.value && !K.value.contains(e.target) && (G.value = !1);
@@ -47,32 +52,32 @@ var le = { class: "cv" }, ue = { class: "cv__tools" }, de = ["aria-expanded"], f
 		function Z(e) {
 			e.key === "Escape" && (G.value = !1);
 		}
-		y(G, (e) => {
+		b(G, (e) => {
 			typeof document > "u" || (e ? (document.addEventListener("click", X), document.addEventListener("keydown", Z)) : (document.removeEventListener("click", X), document.removeEventListener("keydown", Z)));
-		}), m(() => {
+		}), se(() => {
 			typeof document > "u" || (document.removeEventListener("click", X), document.removeEventListener("keydown", Z));
 		});
 		let Q;
-		async function we() {
-			if (L.value != null) {
-				L.value = null;
+		async function Me() {
+			if (P.value != null) {
+				P.value = null;
 				return;
 			}
-			if (!R.value) {
-				R.value = !0, z.value = !1;
+			if (!F.value) {
+				F.value = !0, I.value = !1;
 				try {
-					L.value = await r(P.code, {
-						ext: V.value,
-						lang: I.value
+					P.value = await ie(j.code, {
+						ext: R.value,
+						lang: N.value
 					});
 				} catch {
-					z.value = !0, clearTimeout(Q), Q = setTimeout(() => z.value = !1, 2200);
+					I.value = !0, clearTimeout(Q), Q = setTimeout(() => I.value = !1, 2200);
 				} finally {
-					R.value = !1;
+					F.value = !1;
 				}
 			}
 		}
-		let Te = o(() => {
+		let Ne = s(() => {
 			let e = [], t = H.value, n = 0;
 			for (; n < t;) {
 				e.push(n);
@@ -84,99 +89,103 @@ var le = { class: "cv" }, ue = { class: "cv__tools" }, de = ["aria-expanded"], f
 		function $(e) {
 			W.has(e) ? W.delete(e) : W.add(e);
 		}
-		let Ee = o(() => I.value ? n(B.value, I.value) : t(B.value)), De = o(() => Array.from({ length: H.value }, (e, t) => t + 1).join("\n"));
-		return (e, t) => (h(), l("div", le, [u("div", ue, [u("div", {
+		let Pe = s(() => N.value ? r(L.value, N.value) : ee(L.value)), Fe = s(() => Array.from({ length: H.value }, (e, t) => t + 1).join("\n"));
+		return (e, t) => (h(), u("div", de, [d("div", fe, [d("div", {
 			ref_key: "langMenuRef",
 			ref: K,
 			class: "cv__lang"
-		}, [u("button", {
+		}, [d("button", {
 			type: "button",
-			class: p(["cv__toolbtn", { "cv__toolbtn--on": G.value }]),
+			class: m(["cv__toolbtn", { "cv__toolbtn--on": G.value }]),
 			title: "高亮语言 —— 选择用哪种语言着色（自动识别不准时手动指定）",
 			"aria-haspopup": !0,
 			"aria-expanded": G.value,
 			onClick: t[0] ||= (e) => G.value = !G.value
-		}, [d(i, {
+		}, [f(i, {
 			name: "code",
 			size: 12
-		}), u("span", null, v(oe(re)(I.value)), 1)], 10, de), G.value ? (h(), l("div", fe, [ce(u("input", {
+		}), d("span", null, v(y(ae)(N.value)), 1)], 10, pe), G.value ? (h(), u("div", me, [ue(d("input", {
 			"onUpdate:modelValue": t[1] ||= (e) => q.value = e,
 			class: "cv__langsearch",
 			type: "text",
 			placeholder: "搜索语言…",
 			spellcheck: "false",
 			autocomplete: "off"
-		}, null, 512), [[se, q.value]]), u("div", pe, [
-			q.value ? c("", !0) : (h(), l("button", {
+		}, null, 512), [[le, q.value]]), d("div", he, [
+			q.value ? l("", !0) : (h(), u("button", {
 				key: 0,
 				type: "button",
-				class: p(["cv__langitem", { "cv__langitem--on": I.value === "" }]),
+				class: m(["cv__langitem", { "cv__langitem--on": N.value === "" }]),
 				role: "menuitemradio",
-				"aria-checked": I.value === "",
+				"aria-checked": N.value === "",
 				onClick: t[2] ||= (e) => Y("")
-			}, [t[3] ||= u("span", { class: "cv__langitem-label" }, "纯文本（无高亮）", -1), I.value === "" ? (h(), s(i, {
+			}, [t[3] ||= d("span", { class: "cv__langitem-label" }, "纯文本（无高亮）", -1), N.value === "" ? (h(), c(i, {
 				key: 0,
 				name: "check",
 				size: 14,
 				class: "cv__langitem-check"
-			})) : c("", !0)], 10, me)),
-			(h(!0), l(a, null, _(J.value, (e) => (h(), l("button", {
+			})) : l("", !0)], 10, ge)),
+			(h(!0), u(o, null, _(J.value, (e) => (h(), u("button", {
 				key: e.id,
 				type: "button",
-				class: p(["cv__langitem", { "cv__langitem--on": I.value === e.id }]),
+				class: m(["cv__langitem", { "cv__langitem--on": N.value === e.id }]),
 				role: "menuitemradio",
-				"aria-checked": I.value === e.id,
+				"aria-checked": N.value === e.id,
 				onClick: (t) => Y(e.id)
-			}, [u("span", ge, v(e.label), 1), I.value === e.id ? (h(), s(i, {
+			}, [d("span", ve, v(e.label), 1), N.value === e.id ? (h(), c(i, {
 				key: 0,
 				name: "check",
 				size: 14,
 				class: "cv__langitem-check"
-			})) : c("", !0)], 10, he))), 128)),
-			q.value && !J.value.length ? (h(), l("p", _e, "无匹配语言")) : c("", !0)
-		])])) : c("", !0)], 512), be.value ? (h(), l("button", {
+			})) : l("", !0)], 10, _e))), 128)),
+			q.value && !J.value.length ? (h(), u("p", ye, "无匹配语言")) : l("", !0)
+		])])) : l("", !0)], 512), Oe.value ? (h(), u("button", {
 			key: 0,
 			type: "button",
-			class: p(["cv__toolbtn cv__fmt", {
-				"cv__toolbtn--on": L.value != null,
-				"cv__fmt--err": z.value
+			class: m(["cv__toolbtn cv__fmt", {
+				"cv__toolbtn--on": P.value != null,
+				"cv__fmt--err": I.value
 			}]),
-			disabled: R.value,
-			title: z.value ? "格式化失败：源码可能无法解析" : L.value == null ? "用 Prettier 格式化" : "还原为原始格式",
-			onClick: we
-		}, v(z.value ? "格式化失败" : R.value ? "格式化中…" : L.value == null ? "格式化" : "还原"), 11, ve)) : c("", !0)]), Se.value ? (h(), l("div", T, [u("div", E, [(h(!0), l(a, null, _(Te.value, (e) => (h(), l("div", {
+			disabled: F.value,
+			title: I.value ? "格式化失败：源码可能无法解析" : P.value == null ? "用 Prettier 格式化" : "还原为原始格式",
+			onClick: Me
+		}, v(I.value ? "格式化失败" : F.value ? "格式化中…" : P.value == null ? "格式化" : "还原"), 11, be)) : l("", !0)]), Ae.value ? (h(), u("div", T, [d("div", E, [(h(!0), u(o, null, _(Ne.value, (e) => (h(), u("div", {
 			key: e,
 			class: "cv__row"
 		}, [
-			u("span", D, [U.value.has(e) ? (h(), l("button", {
+			d("span", D, [U.value.has(e) ? (h(), u("button", {
 				key: 0,
 				type: "button",
 				class: "cv__fold",
 				title: W.has(e) ? "展开" : "折叠",
 				onClick: (t) => $(e)
-			}, [d(i, {
+			}, [f(i, {
 				name: "chevronRight",
 				size: 12,
-				class: p({ "cv__fold--open": !W.has(e) })
-			}, null, 8, ["class"])], 8, O)) : (h(), l("span", k)), u("span", A, v(e + 1), 1)]),
-			u("code", {
-				class: "cv__code hljs",
-				innerHTML: Ce.value[e]
-			}, null, 8, j),
-			W.has(e) ? (h(), l("button", {
+				class: m({ "cv__fold--open": !W.has(e) })
+			}, null, 8, ["class"])], 8, O)) : (h(), u("span", k)), d("span", A, v(e + 1), 1)]),
+			d("code", we, [z.value ? (h(), c(y(a), {
+				key: 0,
+				line: z.value.lines[e] ?? ""
+			}, null, 8, ["line"])) : (h(), u("span", {
+				key: 1,
+				innerHTML: je.value[e]
+			}, null, 8, Te))]),
+			W.has(e) ? (h(), u("button", {
 				key: 0,
 				type: "button",
 				class: "cv__ellipsis",
 				title: `展开折叠的 ${(U.value.get(e) ?? e) - e} 行`,
 				onClick: (t) => $(e)
-			}, " ⋯ ", 8, M)) : c("", !0)
-		]))), 128))])])) : (h(), l("div", ye, [u("div", b, [u("pre", x, v(De.value), 1), u("div", S, [u("pre", C, [u("code", {
+			}, " ⋯ ", 8, Ee)) : l("", !0)
+		]))), 128))])])) : (h(), u("div", xe, [d("div", Se, [d("pre", Ce, v(Fe.value), 1), d("div", x, [d("pre", S, [z.value ? (h(), u("code", C, [f(y(a), { lines: z.value.lines }, null, 8, ["lines"])])) : (h(), u("code", {
+			key: 1,
 			class: "hljs",
-			innerHTML: Ee.value
-		}, null, 8, w)])])])]))]));
+			innerHTML: Pe.value
+		}, null, 8, w))])])])]))]));
 	}
 });
 //#endregion
-export { P as default };
+export { j as default };
 
 //# sourceMappingURL=CodeView.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/CodeView.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeView.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/CodeView.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, reactive, ref, watch } from 'vue'\nimport { escapeHtml, highlightCode, highlightLines } from '@/lib/highlight'\nimport { computeFoldRegions } from '@/lib/codefold'\nimport { canFormat, formatCode } from '@/lib/codeformat'\nimport { fileExt } from '@/lib/fileType'\nimport { langLabel, searchLangs } from '@/lib/highlightLangs'\nimport Icon from '@/components/icons/Icon.vue'\n\n/**\n * The side viewer's source-code view: a line-number gutter + syntax-highlighted code, with indentation-based\n * code FOLDING (click a chevron to collapse a block; see lib/codefold.ts), on-demand Prettier FORMATTING (the\n * 格式化 button, shown only for languages Prettier can parse — see lib/codeformat.ts; loaded lazily), and a\n * manual HIGHLIGHT-LANGUAGE picker (the 语言 button — auto-detection by extension/mime is often empty or wrong,\n * so any file can be re-colorized as JSON / XML / Python / … or forced to plain text; see lib/highlightLangs).\n * Used for every non-rendered file (plain text, code, or markdown/html/svg viewed as source). Highlighting is\n * split per line (see highlightLines) so rows can be hidden individually.\n *\n * Very large files (> {@link MAX_FOLD_LINES}) skip the per-line DOM and fall back to a single highlighted block\n * — folding a 10k-line file isn't worth tens of thousands of row elements, and such files mostly reach the\n * streaming log viewer anyway (see isLogFile).\n */\nconst props = defineProps<{ code: string; lang: string; name?: string }>()\n\nconst MAX_FOLD_LINES = 4000\n\n// Manual highlight-language override (null = use the auto-detected `props.lang`; '' = forced plain text). The\n// effective language feeds highlighting AND the 格式化 button (so \"force JSON, then format\" works). Reset when a\n// different file / detected language arrives (see the reset watch below).\nconst langOverride = ref<string | null>(null)\nconst effLang = computed(() => langOverride.value ?? props.lang)\n\n// Formatted output (null = showing the original). The view always renders `displayCode`.\nconst formatted = ref<string | null>(null)\nconst formatting = ref(false)\nconst formatErr = ref(false)\nconst displayCode = computed(() => formatted.value ?? props.code)\n\nconst ext = computed(() => fileExt(props.name ?? ''))\nconst canFmt = computed(() => canFormat(ext.value, effLang.value))\n\nconst rawLines = computed(() => displayCode.value.split('\\n'))\nconst lineCount = computed(() => rawLines.value.length)\nconst foldable = computed(() => lineCount.value <= MAX_FOLD_LINES)\n\nconst lineHtml = computed(() => highlightLines(displayCode.value, effLang.value))\nconst regions = computed(() => computeFoldRegions(displayCode.value))\nconst folded = reactive(new Set<number>())\n\n// A new file (or a re-detected language) resets the formatting toggle AND the manual language override; any\n// change to the shown code clears stale fold state.\nwatch(\n  () => [props.code, props.lang],\n  () => {\n    formatted.value = null\n    formatErr.value = false\n    langOverride.value = null\n  },\n)\nwatch(displayCode, () => folded.clear())\n\n// ── highlight-language picker ────────────────────────────────────────────────────────────────────\nconst langMenuOpen = ref(false)\nconst langMenuRef = ref<HTMLElement | null>(null)\nconst langQuery = ref('')\nconst langResults = computed(() => searchLangs(langQuery.value))\n\nfunction chooseLang(id: string): void {\n  langOverride.value = id\n  langMenuOpen.value = false\n  langQuery.value = ''\n}\n\n// Close the menu on an outside click or Esc — listeners live only while it's open (SSR-guarded). The toggle\n// button + popup both sit inside langMenuRef, so a click on either is \"inside\" and never self-closes.\nfunction onLangDocPointer(e: MouseEvent): void {\n  if (langMenuRef.value && !langMenuRef.value.contains(e.target as Node)) langMenuOpen.value = false\n}\nfunction onLangKey(e: KeyboardEvent): void {\n  if (e.key === 'Escape') langMenuOpen.value = false\n}\nwatch(langMenuOpen, (on) => {\n  if (typeof document === 'undefined') return\n  if (on) {\n    document.addEventListener('click', onLangDocPointer)\n    document.addEventListener('keydown', onLangKey)\n  } else {\n    document.removeEventListener('click', onLangDocPointer)\n    document.removeEventListener('keydown', onLangKey)\n  }\n})\nonBeforeUnmount(() => {\n  if (typeof document === 'undefined') return\n  document.removeEventListener('click', onLangDocPointer)\n  document.removeEventListener('keydown', onLangKey)\n})\n\nlet errTimer: ReturnType<typeof setTimeout> | undefined\nasync function toggleFormat(): Promise<void> {\n  if (formatted.value != null) {\n    formatted.value = null // revert to the original\n    return\n  }\n  if (formatting.value) return\n  formatting.value = true\n  formatErr.value = false\n  try {\n    formatted.value = await formatCode(props.code, { ext: ext.value, lang: effLang.value })\n  } catch {\n    formatErr.value = true\n    clearTimeout(errTimer)\n    errTimer = setTimeout(() => (formatErr.value = false), 2200)\n  } finally {\n    formatting.value = false\n  }\n}\n\n// Visible line indices, skipping the bodies of folded regions (and any nested folds within them).\nconst visible = computed(() => {\n  const out: number[] = []\n  const n = lineCount.value\n  let i = 0\n  while (i < n) {\n    out.push(i)\n    const end = folded.has(i) ? regions.value.get(i) : undefined\n    i = end != null ? end + 1 : i + 1\n  }\n  return out\n})\n\nfunction toggle(i: number): void {\n  if (folded.has(i)) folded.delete(i)\n  else folded.add(i)\n}\n\n// Blob fallback for huge files: one highlighted block + a newline-joined gutter.\nconst blobHtml = computed(() =>\n  effLang.value ? highlightCode(displayCode.value, effLang.value) : escapeHtml(displayCode.value),\n)\nconst blobGutter = computed(() =>\n  Array.from({ length: lineCount.value }, (_, i) => i + 1).join('\\n'),\n)\n</script>\n\n<template>\n  <div class=\"cv\">\n    <!-- floating tools, top-right over the code: highlight-language picker + Prettier format toggle -->\n    <div class=\"cv__tools\">\n      <!-- highlight-language picker: force which grammar colorizes the source (auto-detect is often empty/wrong) -->\n      <div ref=\"langMenuRef\" class=\"cv__lang\">\n        <button\n          type=\"button\"\n          class=\"cv__toolbtn\"\n          :class=\"{ 'cv__toolbtn--on': langMenuOpen }\"\n          title=\"高亮语言 —— 选择用哪种语言着色（自动识别不准时手动指定）\"\n          :aria-haspopup=\"true\"\n          :aria-expanded=\"langMenuOpen\"\n          @click=\"langMenuOpen = !langMenuOpen\"\n        >\n          <Icon name=\"code\" :size=\"12\" /><span>{{ langLabel(effLang) }}</span>\n        </button>\n        <div v-if=\"langMenuOpen\" class=\"cv__langpop\" role=\"menu\">\n          <input\n            v-model=\"langQuery\"\n            class=\"cv__langsearch\"\n            type=\"text\"\n            placeholder=\"搜索语言…\"\n            spellcheck=\"false\"\n            autocomplete=\"off\"\n          />\n          <div class=\"cv__langlist\">\n            <button\n              v-if=\"!langQuery\"\n              type=\"button\"\n              class=\"cv__langitem\"\n              :class=\"{ 'cv__langitem--on': effLang === '' }\"\n              role=\"menuitemradio\"\n              :aria-checked=\"effLang === ''\"\n              @click=\"chooseLang('')\"\n            >\n              <span class=\"cv__langitem-label\">纯文本（无高亮）</span>\n              <Icon v-if=\"effLang === ''\" name=\"check\" :size=\"14\" class=\"cv__langitem-check\" />\n            </button>\n            <button\n              v-for=\"l in langResults\"\n              :key=\"l.id\"\n              type=\"button\"\n              class=\"cv__langitem\"\n              :class=\"{ 'cv__langitem--on': effLang === l.id }\"\n              role=\"menuitemradio\"\n              :aria-checked=\"effLang === l.id\"\n              @click=\"chooseLang(l.id)\"\n            >\n              <span class=\"cv__langitem-label\">{{ l.label }}</span>\n              <Icon v-if=\"effLang === l.id\" name=\"check\" :size=\"14\" class=\"cv__langitem-check\" />\n            </button>\n            <p v-if=\"langQuery && !langResults.length\" class=\"cv__langempty\">无匹配语言</p>\n          </div>\n        </div>\n      </div>\n\n      <!-- format toggle (only for languages Prettier can parse) -->\n      <button\n        v-if=\"canFmt\"\n        type=\"button\"\n        class=\"cv__toolbtn cv__fmt\"\n        :class=\"{ 'cv__toolbtn--on': formatted != null, 'cv__fmt--err': formatErr }\"\n        :disabled=\"formatting\"\n        :title=\"\n          formatErr\n            ? '格式化失败：源码可能无法解析'\n            : formatted != null\n              ? '还原为原始格式'\n              : '用 Prettier 格式化'\n        \"\n        @click=\"toggleFormat\"\n      >\n        {{\n          formatErr\n            ? '格式化失败'\n            : formatting\n              ? '格式化中…'\n              : formatted != null\n                ? '还原'\n                : '格式化'\n        }}\n      </button>\n    </div>\n\n    <!-- huge file: single highlighted block (no folding) -->\n    <div v-if=\"!foldable\" class=\"cv__scroll cv__scroll--blob\">\n      <div class=\"cv__codewrap\">\n        <pre class=\"cv__gutter\" aria-hidden=\"true\">{{ blobGutter }}</pre>\n        <div class=\"cv__codecol\">\n          <pre class=\"cv__pre\"><code class=\"hljs\" v-html=\"blobHtml\" /></pre>\n        </div>\n      </div>\n    </div>\n\n    <!-- foldable: one row per visible line, with a fold chevron on block headers -->\n    <div v-else class=\"cv__scroll\">\n      <div class=\"cv__rows\">\n        <div v-for=\"i in visible\" :key=\"i\" class=\"cv__row\">\n          <span class=\"cv__gut\">\n            <button\n              v-if=\"regions.has(i)\"\n              type=\"button\"\n              class=\"cv__fold\"\n              :title=\"folded.has(i) ? '展开' : '折叠'\"\n              @click=\"toggle(i)\"\n            >\n              <Icon name=\"chevronRight\" :size=\"12\" :class=\"{ 'cv__fold--open': !folded.has(i) }\" />\n            </button>\n            <span v-else class=\"cv__fold cv__fold--empty\" />\n            <span class=\"cv__ln\">{{ i + 1 }}</span>\n          </span>\n          <code class=\"cv__code hljs\" v-html=\"lineHtml[i]\" />\n          <button\n            v-if=\"folded.has(i)\"\n            type=\"button\"\n            class=\"cv__ellipsis\"\n            :title=\"`展开折叠的 ${(regions.get(i) ?? i) - i} 行`\"\n            @click=\"toggle(i)\"\n          >\n            ⋯\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.cv {\n  position: relative;\n  flex: 1 1 auto;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n/* Floating tools bar — top-right, above the code (highlight-language picker + format toggle). */\n.cv__tools {\n  position: absolute;\n  top: 8px;\n  right: 14px;\n  z-index: 3;\n  display: flex;\n  align-items: flex-start;\n  gap: 6px;\n}\n\n/* Shared small pill used by both floating tools. */\n.cv__toolbtn {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  max-width: 190px;\n  padding: 3px 10px;\n  font-family: inherit;\n  font-size: 11.5px;\n  color: var(--muted);\n  background: var(--surface);\n  border: 1px solid var(--border-2);\n  border-radius: 7px;\n  cursor: pointer;\n  box-shadow: var(--shadow);\n  transition:\n    background 0.15s,\n    color 0.15s,\n    border-color 0.15s;\n}\n.cv__toolbtn:hover {\n  border-color: var(--accent);\n  color: var(--accent);\n}\n.cv__toolbtn span {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.cv__toolbtn--on {\n  color: #fff;\n  background: var(--accent);\n  border-color: var(--accent);\n}\n.cv__toolbtn--on:hover {\n  color: #fff;\n}\n\n/* Format toggle specifics (disabled + error states). */\n.cv__fmt:disabled {\n  cursor: default;\n  opacity: 0.7;\n}\n.cv__fmt--err {\n  color: var(--danger);\n  border-color: var(--danger);\n}\n\n/* Highlight-language picker dropdown (anchored under its pill, right-aligned). */\n.cv__lang {\n  position: relative;\n  display: inline-flex;\n}\n.cv__langpop {\n  position: absolute;\n  top: calc(100% + 6px);\n  right: 0;\n  z-index: 4;\n  width: 224px;\n  padding: 7px;\n  background: var(--surface);\n  border: 1px solid var(--border);\n  border-radius: 10px;\n  box-shadow: var(--shadow);\n}\n.cv__langsearch {\n  width: 100%;\n  box-sizing: border-box;\n  padding: 6px 9px;\n  font-family: inherit;\n  font-size: 12px;\n  color: var(--text);\n  background: var(--surface-2);\n  border: 1px solid var(--border);\n  border-radius: 7px;\n  outline: none;\n}\n.cv__langsearch:focus {\n  border-color: var(--accent);\n}\n.cv__langlist {\n  max-height: 288px;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  margin-top: 6px;\n}\n.cv__langitem {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n  padding: 6px 8px;\n  background: transparent;\n  border: none;\n  border-radius: 6px;\n  color: var(--text);\n  font-family: inherit;\n  font-size: 12.5px;\n  text-align: left;\n  cursor: pointer;\n  transition:\n    background 0.12s,\n    color 0.12s;\n}\n.cv__langitem:hover {\n  background: var(--surface-2);\n  color: var(--accent);\n}\n.cv__langitem--on {\n  color: var(--accent);\n}\n.cv__langitem-label {\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.cv__langitem-check {\n  flex-shrink: 0;\n  color: var(--accent);\n}\n.cv__langempty {\n  margin: 0;\n  padding: 10px 8px;\n  font-size: 12px;\n  color: var(--faint);\n  text-align: center;\n}\n\n.cv__scroll {\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow: auto;\n  overscroll-behavior: contain;\n  background: var(--code-bg);\n}\n\n/* Foldable per-line view -------------------------------------------------------------------------- */\n.cv__rows {\n  min-width: max-content;\n  padding: 14px 0;\n  font-family: var(--font-mono);\n  font-size: var(--fv-code-fs, 12.5px);\n  line-height: var(--fv-code-lh, 21px);\n}\n.cv__row {\n  display: flex;\n  align-items: flex-start;\n}\n/* Gutter (fold chevron + line number) sticks to the left so it stays put while long lines scroll. */\n.cv__gut {\n  position: sticky;\n  left: 0;\n  z-index: 1;\n  flex-shrink: 0;\n  display: flex;\n  align-items: flex-start;\n  background: var(--code-bg);\n  user-select: none;\n}\n.cv__fold {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 16px;\n  height: var(--fv-code-lh, 21px);\n  padding: 0;\n  border: none;\n  background: transparent;\n  color: var(--faint);\n  cursor: pointer;\n}\n.cv__fold--empty {\n  cursor: default;\n}\n.cv__fold :deep(svg) {\n  transition: transform 0.12s;\n}\n.cv__fold--open {\n  transform: rotate(90deg);\n}\n.cv__fold:hover :deep(svg) {\n  color: var(--accent);\n}\n.cv__ln {\n  flex-shrink: 0;\n  width: 48px;\n  padding: 0 12px 0 4px;\n  text-align: right;\n  color: var(--faint);\n}\n.cv__code {\n  flex: 1 1 auto;\n  padding: 0 18px 0 14px;\n  white-space: pre;\n  color: var(--text);\n  background: transparent;\n  border: none;\n  font-family: inherit;\n  tab-size: 2;\n}\n.cv__ellipsis {\n  align-self: center;\n  margin: 0 0 0 2px;\n  padding: 0 7px;\n  font-family: inherit;\n  line-height: 1.3;\n  color: var(--muted);\n  background: var(--surface-2);\n  border: 1px solid var(--border-2);\n  border-radius: 5px;\n  cursor: pointer;\n}\n.cv__ellipsis:hover {\n  border-color: var(--accent);\n  color: var(--accent);\n}\n\n/* Huge-file blob fallback (mirrors the panel's original source layout) ----------------------------- */\n.cv__scroll--blob {\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n.cv__codewrap {\n  display: flex;\n  align-items: stretch;\n  min-height: 100%;\n  padding: 14px 0;\n}\n.cv__gutter {\n  flex-shrink: 0;\n  margin: 0;\n  padding: 0 12px 0 16px;\n  border-right: 1px solid var(--code-border);\n  text-align: right;\n  font-family: var(--font-mono);\n  font-size: var(--fv-code-fs, 12.5px);\n  line-height: var(--fv-code-lh, 21px);\n  color: var(--faint);\n  user-select: none;\n  white-space: pre;\n}\n.cv__codecol {\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow-x: auto;\n}\n.cv__pre {\n  margin: 0;\n  padding: 0 18px 0 14px;\n  font-family: var(--font-mono);\n  font-size: var(--fv-code-fs, 12.5px);\n  line-height: var(--fv-code-lh, 21px);\n  color: var(--text);\n  white-space: pre;\n  tab-size: 2;\n}\n.cv__pre code {\n  font-family: inherit;\n  background: transparent;\n  border: none;\n  padding: 0;\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"CodeView.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/CodeView.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, reactive, ref, watch } from 'vue'\nimport { escapeHtml, highlightCode, highlightLines } from '@/lib/highlight'\nimport { computeFoldRegions } from '@/lib/codefold'\nimport { canFormat, formatCode } from '@/lib/codeformat'\nimport { fileExt } from '@/lib/fileType'\nimport { hasAnsiSequences, parseAnsi } from '@/lib/ansi'\nimport { langLabel, searchLangs } from '@/lib/highlightLangs'\nimport Icon from '@/components/icons/Icon.vue'\nimport AnsiText from '@/components/AnsiText'\n\n/**\n * The side viewer's source-code view: a line-number gutter + syntax-highlighted code, with indentation-based\n * code FOLDING (click a chevron to collapse a block; see lib/codefold.ts), on-demand Prettier FORMATTING (the\n * 格式化 button, shown only for languages Prettier can parse — see lib/codeformat.ts; loaded lazily), and a\n * manual HIGHLIGHT-LANGUAGE picker (the 语言 button — auto-detection by extension/mime is often empty or wrong,\n * so any file can be re-colorized as JSON / XML / Python / … or forced to plain text; see lib/highlightLangs).\n * Used for every non-rendered file (plain text, code, or markdown/html/svg viewed as source). Highlighting is\n * split per line (see highlightLines) so rows can be hidden individually.\n *\n * Very large files (> {@link MAX_FOLD_LINES}) skip the per-line DOM and fall back to a single highlighted block\n * — folding a 10k-line file isn't worth tens of thousands of row elements, and such files mostly reach the\n * streaming log viewer anyway (see isLogFile).\n */\nconst props = defineProps<{ code: string; lang: string; name?: string }>()\n\nconst MAX_FOLD_LINES = 4000\n\n// Manual highlight-language override (null = use the auto-detected `props.lang`; '' = forced plain text). The\n// effective language feeds highlighting AND the 格式化 button (so \"force JSON, then format\" works). Reset when a\n// different file / detected language arrives (see the reset watch below).\nconst langOverride = ref<string | null>(null)\nconst effLang = computed(() => langOverride.value ?? props.lang)\n\n// Formatted output (null = showing the original). The view always renders `displayCode`.\nconst formatted = ref<string | null>(null)\nconst formatting = ref(false)\nconst formatErr = ref(false)\nconst displayCode = computed(() => formatted.value ?? props.code)\n\nconst ext = computed(() => fileExt(props.name ?? ''))\n// ANSI presentation is meaningful only in plain-text mode. Selecting a syntax language deliberately returns to\n// highlight.js; forcing \"纯文本\" on an otherwise-highlighted file enables ANSI restoration when controls exist.\nconst ansiDocument = computed(() =>\n  !effLang.value && hasAnsiSequences(displayCode.value) ? parseAnsi(displayCode.value) : null,\n)\nconst ansiMode = computed(() => ansiDocument.value !== null)\nconst plainDisplayCode = computed(() => ansiDocument.value?.text ?? displayCode.value)\nconst canFmt = computed(() => !ansiMode.value && canFormat(ext.value, effLang.value))\n\nconst rawLines = computed(() => plainDisplayCode.value.split('\\n'))\nconst lineCount = computed(() => rawLines.value.length)\nconst foldable = computed(() => lineCount.value <= MAX_FOLD_LINES)\n\nconst lineHtml = computed(() =>\n  ansiMode.value ? [] : highlightLines(displayCode.value, effLang.value),\n)\nconst regions = computed(() => computeFoldRegions(plainDisplayCode.value))\nconst folded = reactive(new Set<number>())\n\n// A new file (or a re-detected language) resets the formatting toggle AND the manual language override; any\n// change to the shown code clears stale fold state.\nwatch(\n  () => [props.code, props.lang],\n  () => {\n    formatted.value = null\n    formatErr.value = false\n    langOverride.value = null\n  },\n)\nwatch(displayCode, () => folded.clear())\n\n// ── highlight-language picker ────────────────────────────────────────────────────────────────────\nconst langMenuOpen = ref(false)\nconst langMenuRef = ref<HTMLElement | null>(null)\nconst langQuery = ref('')\nconst langResults = computed(() => searchLangs(langQuery.value))\n\nfunction chooseLang(id: string): void {\n  langOverride.value = id\n  langMenuOpen.value = false\n  langQuery.value = ''\n}\n\n// Close the menu on an outside click or Esc — listeners live only while it's open (SSR-guarded). The toggle\n// button + popup both sit inside langMenuRef, so a click on either is \"inside\" and never self-closes.\nfunction onLangDocPointer(e: MouseEvent): void {\n  if (langMenuRef.value && !langMenuRef.value.contains(e.target as Node)) langMenuOpen.value = false\n}\nfunction onLangKey(e: KeyboardEvent): void {\n  if (e.key === 'Escape') langMenuOpen.value = false\n}\nwatch(langMenuOpen, (on) => {\n  if (typeof document === 'undefined') return\n  if (on) {\n    document.addEventListener('click', onLangDocPointer)\n    document.addEventListener('keydown', onLangKey)\n  } else {\n    document.removeEventListener('click', onLangDocPointer)\n    document.removeEventListener('keydown', onLangKey)\n  }\n})\nonBeforeUnmount(() => {\n  if (typeof document === 'undefined') return\n  document.removeEventListener('click', onLangDocPointer)\n  document.removeEventListener('keydown', onLangKey)\n})\n\nlet errTimer: ReturnType<typeof setTimeout> | undefined\nasync function toggleFormat(): Promise<void> {\n  if (formatted.value != null) {\n    formatted.value = null // revert to the original\n    return\n  }\n  if (formatting.value) return\n  formatting.value = true\n  formatErr.value = false\n  try {\n    formatted.value = await formatCode(props.code, { ext: ext.value, lang: effLang.value })\n  } catch {\n    formatErr.value = true\n    clearTimeout(errTimer)\n    errTimer = setTimeout(() => (formatErr.value = false), 2200)\n  } finally {\n    formatting.value = false\n  }\n}\n\n// Visible line indices, skipping the bodies of folded regions (and any nested folds within them).\nconst visible = computed(() => {\n  const out: number[] = []\n  const n = lineCount.value\n  let i = 0\n  while (i < n) {\n    out.push(i)\n    const end = folded.has(i) ? regions.value.get(i) : undefined\n    i = end != null ? end + 1 : i + 1\n  }\n  return out\n})\n\nfunction toggle(i: number): void {\n  if (folded.has(i)) folded.delete(i)\n  else folded.add(i)\n}\n\n// Blob fallback for huge files: one highlighted block + a newline-joined gutter.\nconst blobHtml = computed(() =>\n  effLang.value ? highlightCode(displayCode.value, effLang.value) : escapeHtml(displayCode.value),\n)\nconst blobGutter = computed(() =>\n  Array.from({ length: lineCount.value }, (_, i) => i + 1).join('\\n'),\n)\n</script>\n\n<template>\n  <div class=\"cv\">\n    <!-- floating tools, top-right over the code: highlight-language picker + Prettier format toggle -->\n    <div class=\"cv__tools\">\n      <!-- highlight-language picker: force which grammar colorizes the source (auto-detect is often empty/wrong) -->\n      <div ref=\"langMenuRef\" class=\"cv__lang\">\n        <button\n          type=\"button\"\n          class=\"cv__toolbtn\"\n          :class=\"{ 'cv__toolbtn--on': langMenuOpen }\"\n          title=\"高亮语言 —— 选择用哪种语言着色（自动识别不准时手动指定）\"\n          :aria-haspopup=\"true\"\n          :aria-expanded=\"langMenuOpen\"\n          @click=\"langMenuOpen = !langMenuOpen\"\n        >\n          <Icon name=\"code\" :size=\"12\" /><span>{{ langLabel(effLang) }}</span>\n        </button>\n        <div v-if=\"langMenuOpen\" class=\"cv__langpop\" role=\"menu\">\n          <input\n            v-model=\"langQuery\"\n            class=\"cv__langsearch\"\n            type=\"text\"\n            placeholder=\"搜索语言…\"\n            spellcheck=\"false\"\n            autocomplete=\"off\"\n          />\n          <div class=\"cv__langlist\">\n            <button\n              v-if=\"!langQuery\"\n              type=\"button\"\n              class=\"cv__langitem\"\n              :class=\"{ 'cv__langitem--on': effLang === '' }\"\n              role=\"menuitemradio\"\n              :aria-checked=\"effLang === ''\"\n              @click=\"chooseLang('')\"\n            >\n              <span class=\"cv__langitem-label\">纯文本（无高亮）</span>\n              <Icon v-if=\"effLang === ''\" name=\"check\" :size=\"14\" class=\"cv__langitem-check\" />\n            </button>\n            <button\n              v-for=\"l in langResults\"\n              :key=\"l.id\"\n              type=\"button\"\n              class=\"cv__langitem\"\n              :class=\"{ 'cv__langitem--on': effLang === l.id }\"\n              role=\"menuitemradio\"\n              :aria-checked=\"effLang === l.id\"\n              @click=\"chooseLang(l.id)\"\n            >\n              <span class=\"cv__langitem-label\">{{ l.label }}</span>\n              <Icon v-if=\"effLang === l.id\" name=\"check\" :size=\"14\" class=\"cv__langitem-check\" />\n            </button>\n            <p v-if=\"langQuery && !langResults.length\" class=\"cv__langempty\">无匹配语言</p>\n          </div>\n        </div>\n      </div>\n\n      <!-- format toggle (only for languages Prettier can parse) -->\n      <button\n        v-if=\"canFmt\"\n        type=\"button\"\n        class=\"cv__toolbtn cv__fmt\"\n        :class=\"{ 'cv__toolbtn--on': formatted != null, 'cv__fmt--err': formatErr }\"\n        :disabled=\"formatting\"\n        :title=\"\n          formatErr\n            ? '格式化失败：源码可能无法解析'\n            : formatted != null\n              ? '还原为原始格式'\n              : '用 Prettier 格式化'\n        \"\n        @click=\"toggleFormat\"\n      >\n        {{\n          formatErr\n            ? '格式化失败'\n            : formatting\n              ? '格式化中…'\n              : formatted != null\n                ? '还原'\n                : '格式化'\n        }}\n      </button>\n    </div>\n\n    <!-- huge file: single highlighted block (no folding) -->\n    <div v-if=\"!foldable\" class=\"cv__scroll cv__scroll--blob\">\n      <div class=\"cv__codewrap\">\n        <pre class=\"cv__gutter\" aria-hidden=\"true\">{{ blobGutter }}</pre>\n        <div class=\"cv__codecol\">\n          <pre\n            class=\"cv__pre\"\n          ><code v-if=\"ansiDocument\" class=\"hljs\"><AnsiText :lines=\"ansiDocument.lines\" /></code><code v-else class=\"hljs\" v-html=\"blobHtml\" /></pre>\n        </div>\n      </div>\n    </div>\n\n    <!-- foldable: one row per visible line, with a fold chevron on block headers -->\n    <div v-else class=\"cv__scroll\">\n      <div class=\"cv__rows\">\n        <div v-for=\"i in visible\" :key=\"i\" class=\"cv__row\">\n          <span class=\"cv__gut\">\n            <button\n              v-if=\"regions.has(i)\"\n              type=\"button\"\n              class=\"cv__fold\"\n              :title=\"folded.has(i) ? '展开' : '折叠'\"\n              @click=\"toggle(i)\"\n            >\n              <Icon name=\"chevronRight\" :size=\"12\" :class=\"{ 'cv__fold--open': !folded.has(i) }\" />\n            </button>\n            <span v-else class=\"cv__fold cv__fold--empty\" />\n            <span class=\"cv__ln\">{{ i + 1 }}</span>\n          </span>\n          <code class=\"cv__code hljs\">\n            <AnsiText v-if=\"ansiDocument\" :line=\"ansiDocument.lines[i] ?? ''\" />\n            <span v-else v-html=\"lineHtml[i]\" />\n          </code>\n          <button\n            v-if=\"folded.has(i)\"\n            type=\"button\"\n            class=\"cv__ellipsis\"\n            :title=\"`展开折叠的 ${(regions.get(i) ?? i) - i} 行`\"\n            @click=\"toggle(i)\"\n          >\n            ⋯\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.cv {\n  position: relative;\n  flex: 1 1 auto;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n/* Floating tools bar — top-right, above the code (highlight-language picker + format toggle). */\n.cv__tools {\n  position: absolute;\n  top: 8px;\n  right: 14px;\n  z-index: 3;\n  display: flex;\n  align-items: flex-start;\n  gap: 6px;\n}\n\n/* Shared small pill used by both floating tools. */\n.cv__toolbtn {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  max-width: 190px;\n  padding: 3px 10px;\n  font-family: inherit;\n  font-size: 11.5px;\n  color: var(--muted);\n  background: var(--surface);\n  border: 1px solid var(--border-2);\n  border-radius: 7px;\n  cursor: pointer;\n  box-shadow: var(--shadow);\n  transition:\n    background 0.15s,\n    color 0.15s,\n    border-color 0.15s;\n}\n.cv__toolbtn:hover {\n  border-color: var(--accent);\n  color: var(--accent);\n}\n.cv__toolbtn span {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.cv__toolbtn--on {\n  color: #fff;\n  background: var(--accent);\n  border-color: var(--accent);\n}\n.cv__toolbtn--on:hover {\n  color: #fff;\n}\n\n/* Format toggle specifics (disabled + error states). */\n.cv__fmt:disabled {\n  cursor: default;\n  opacity: 0.7;\n}\n.cv__fmt--err {\n  color: var(--danger);\n  border-color: var(--danger);\n}\n\n/* Highlight-language picker dropdown (anchored under its pill, right-aligned). */\n.cv__lang {\n  position: relative;\n  display: inline-flex;\n}\n.cv__langpop {\n  position: absolute;\n  top: calc(100% + 6px);\n  right: 0;\n  z-index: 4;\n  width: 224px;\n  padding: 7px;\n  background: var(--surface);\n  border: 1px solid var(--border);\n  border-radius: 10px;\n  box-shadow: var(--shadow);\n}\n.cv__langsearch {\n  width: 100%;\n  box-sizing: border-box;\n  padding: 6px 9px;\n  font-family: inherit;\n  font-size: 12px;\n  color: var(--text);\n  background: var(--surface-2);\n  border: 1px solid var(--border);\n  border-radius: 7px;\n  outline: none;\n}\n.cv__langsearch:focus {\n  border-color: var(--accent);\n}\n.cv__langlist {\n  max-height: 288px;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  margin-top: 6px;\n}\n.cv__langitem {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n  padding: 6px 8px;\n  background: transparent;\n  border: none;\n  border-radius: 6px;\n  color: var(--text);\n  font-family: inherit;\n  font-size: 12.5px;\n  text-align: left;\n  cursor: pointer;\n  transition:\n    background 0.12s,\n    color 0.12s;\n}\n.cv__langitem:hover {\n  background: var(--surface-2);\n  color: var(--accent);\n}\n.cv__langitem--on {\n  color: var(--accent);\n}\n.cv__langitem-label {\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.cv__langitem-check {\n  flex-shrink: 0;\n  color: var(--accent);\n}\n.cv__langempty {\n  margin: 0;\n  padding: 10px 8px;\n  font-size: 12px;\n  color: var(--faint);\n  text-align: center;\n}\n\n.cv__scroll {\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow: auto;\n  overscroll-behavior: contain;\n  background: var(--code-bg);\n}\n\n/* Foldable per-line view -------------------------------------------------------------------------- */\n.cv__rows {\n  min-width: max-content;\n  padding: 14px 0;\n  font-family: var(--font-mono);\n  font-size: var(--fv-code-fs, 12.5px);\n  line-height: var(--fv-code-lh, 21px);\n}\n.cv__row {\n  display: flex;\n  align-items: flex-start;\n}\n/* Gutter (fold chevron + line number) sticks to the left so it stays put while long lines scroll. */\n.cv__gut {\n  position: sticky;\n  left: 0;\n  z-index: 1;\n  flex-shrink: 0;\n  display: flex;\n  align-items: flex-start;\n  background: var(--code-bg);\n  user-select: none;\n}\n.cv__fold {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 16px;\n  height: var(--fv-code-lh, 21px);\n  padding: 0;\n  border: none;\n  background: transparent;\n  color: var(--faint);\n  cursor: pointer;\n}\n.cv__fold--empty {\n  cursor: default;\n}\n.cv__fold :deep(svg) {\n  transition: transform 0.12s;\n}\n.cv__fold--open {\n  transform: rotate(90deg);\n}\n.cv__fold:hover :deep(svg) {\n  color: var(--accent);\n}\n.cv__ln {\n  flex-shrink: 0;\n  width: 48px;\n  padding: 0 12px 0 4px;\n  text-align: right;\n  color: var(--faint);\n}\n.cv__code {\n  flex: 1 1 auto;\n  padding: 0 18px 0 14px;\n  white-space: pre;\n  color: var(--text);\n  background: transparent;\n  border: none;\n  font-family: inherit;\n  tab-size: 2;\n}\n.cv__ellipsis {\n  align-self: center;\n  margin: 0 0 0 2px;\n  padding: 0 7px;\n  font-family: inherit;\n  line-height: 1.3;\n  color: var(--muted);\n  background: var(--surface-2);\n  border: 1px solid var(--border-2);\n  border-radius: 5px;\n  cursor: pointer;\n}\n.cv__ellipsis:hover {\n  border-color: var(--accent);\n  color: var(--accent);\n}\n\n/* Huge-file blob fallback (mirrors the panel's original source layout) ----------------------------- */\n.cv__scroll--blob {\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n.cv__codewrap {\n  display: flex;\n  align-items: stretch;\n  min-height: 100%;\n  padding: 14px 0;\n}\n.cv__gutter {\n  flex-shrink: 0;\n  margin: 0;\n  padding: 0 12px 0 16px;\n  border-right: 1px solid var(--code-border);\n  text-align: right;\n  font-family: var(--font-mono);\n  font-size: var(--fv-code-fs, 12.5px);\n  line-height: var(--fv-code-lh, 21px);\n  color: var(--faint);\n  user-select: none;\n  white-space: pre;\n}\n.cv__codecol {\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow-x: auto;\n}\n.cv__pre {\n  margin: 0;\n  padding: 0 18px 0 14px;\n  font-family: var(--font-mono);\n  font-size: var(--fv-code-fs, 12.5px);\n  line-height: var(--fv-code-lh, 21px);\n  color: var(--text);\n  white-space: pre;\n  tab-size: 2;\n}\n.cv__pre code {\n  font-family: inherit;\n  background: transparent;\n  border: none;\n  padding: 0;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4GA0BM,KAAiB;;;;;;;;EAFvB,IAAM,IAAQ,GAOR,IAAe,EAAmB,IAAI,GACtC,IAAU,QAAe,EAAa,SAAS,EAAM,IAAI,GAGzD,IAAY,EAAmB,IAAI,GACnC,IAAa,EAAI,EAAK,GACtB,IAAY,EAAI,EAAK,GACrB,IAAc,QAAe,EAAU,SAAS,EAAM,IAAI,GAE1D,IAAM,QAAe,EAAQ,EAAM,QAAQ,EAAE,CAAC,GAG9C,IAAe,QACnB,CAAC,EAAQ,SAAS,EAAiB,EAAY,KAAK,IAAI,EAAU,EAAY,KAAK,IAAI,IACzF,GACM,IAAW,QAAe,EAAa,UAAU,IAAI,GACrD,IAAmB,QAAe,EAAa,OAAO,QAAQ,EAAY,KAAK,GAC/E,KAAS,QAAe,CAAC,EAAS,SAAS,GAAU,EAAI,OAAO,EAAQ,KAAK,CAAC,GAE9E,KAAW,QAAe,EAAiB,MAAM,MAAM,IAAI,CAAC,GAC5D,IAAY,QAAe,GAAS,MAAM,MAAM,GAChD,KAAW,QAAe,EAAU,SAAS,EAAc,GAE3D,KAAW,QACf,EAAS,QAAQ,CAAC,IAAI,GAAe,EAAY,OAAO,EAAQ,KAAK,CACvE,GACM,IAAU,QAAe,GAAmB,EAAiB,KAAK,CAAC,GACnE,IAAS,mBAAS,IAAI,IAAY,CAAC;EAYzC,AARA,QACQ,CAAC,EAAM,MAAM,EAAM,IAAI,SACvB;GAGJ,AAFA,EAAU,QAAQ,MAClB,EAAU,QAAQ,IAClB,EAAa,QAAQ;EACvB,CACF,GACA,EAAM,SAAmB,EAAO,MAAM,CAAC;EAGvC,IAAM,IAAe,EAAI,EAAK,GACxB,IAAc,EAAwB,IAAI,GAC1C,IAAY,EAAI,EAAE,GAClB,IAAc,QAAe,GAAY,EAAU,KAAK,CAAC;EAE/D,SAAS,EAAW,GAAkB;GAGpC,AAFA,EAAa,QAAQ,GACrB,EAAa,QAAQ,IACrB,EAAU,QAAQ;EACpB;EAIA,SAAS,EAAiB,GAAqB;GAC7C,AAAI,EAAY,SAAS,CAAC,EAAY,MAAM,SAAS,EAAE,MAAc,MAAG,EAAa,QAAQ;EAC/F;EACA,SAAS,EAAU,GAAwB;GACzC,AAAI,EAAE,QAAQ,aAAU,EAAa,QAAQ;EAC/C;EAWA,AAVA,EAAM,IAAe,MAAO;GACtB,OAAO,WAAa,QACpB,KACF,SAAS,iBAAiB,SAAS,CAAgB,GACnD,SAAS,iBAAiB,WAAW,CAAS,MAE9C,SAAS,oBAAoB,SAAS,CAAgB,GACtD,SAAS,oBAAoB,WAAW,CAAS;EAErD,CAAC,GACD,SAAsB;GAChB,OAAO,WAAa,QACxB,SAAS,oBAAoB,SAAS,CAAgB,GACtD,SAAS,oBAAoB,WAAW,CAAS;EACnD,CAAC;EAED,IAAI;EACJ,eAAe,KAA8B;GAC3C,IAAI,EAAU,SAAS,MAAM;IAC3B,EAAU,QAAQ;IAClB;GACF;GACI,OAAW,OAEf;IADA,EAAW,QAAQ,IACnB,EAAU,QAAQ;IAClB,IAAI;KACF,EAAU,QAAQ,MAAM,GAAW,EAAM,MAAM;MAAE,KAAK,EAAI;MAAO,MAAM,EAAQ;KAAM,CAAC;IACxF,QAAQ;KAGN,AAFA,EAAU,QAAQ,IAClB,aAAa,CAAQ,GACrB,IAAW,iBAAkB,EAAU,QAAQ,IAAQ,IAAI;IAC7D,UAAU;KACR,EAAW,QAAQ;IACrB;GATkB;EAUpB;EAGA,IAAM,KAAU,QAAe;GAC7B,IAAM,IAAgB,CAAC,GACjB,IAAI,EAAU,OAChB,IAAI;GACR,OAAO,IAAI,IAAG;IACZ,EAAI,KAAK,CAAC;IACV,IAAM,IAAM,EAAO,IAAI,CAAC,IAAI,EAAQ,MAAM,IAAI,CAAC,IAAI,KAAA;IACnD,IAAI,KAAO,OAAiB,IAAI,IAAd,IAAM;GAC1B;GACA,OAAO;EACT,CAAC;EAED,SAAS,EAAO,GAAiB;GAC/B,AAAI,EAAO,IAAI,CAAC,IAAG,EAAO,OAAO,CAAC,IAC7B,EAAO,IAAI,CAAC;EACnB;EAGA,IAAM,KAAW,QACf,EAAQ,QAAQ,EAAc,EAAY,OAAO,EAAQ,KAAK,IAAI,GAAW,EAAY,KAAK,CAChG,GACM,KAAa,QACjB,MAAM,KAAK,EAAE,QAAQ,EAAU,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,CACpE;yBAIE,EAiIM,OAjIN,IAiIM,CA/HJ,EAgFM,OAhFN,IAgFM,CA9EJ,EAkDM,OAAA;YAlDG;GAAJ,KAAI;GAAc,OAAM;MAC3B,EAUS,UAAA;GATP,MAAK;GACL,OAAK,EAAA,CAAC,eAAa,EAAA,mBACU,EAAA,MAAY,CAAA,CAAA;GACzC,OAAM;GACL,iBAAe;GACf,iBAAe,EAAA;GACf,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,QAAY,CAAI,EAAA;MAExB,EAA+B,GAAA;GAAzB,MAAK;GAAQ,MAAM;MAAM,EAAqC,QAAA,MAAA,EAA5B,EAAA,EAAA,CAAS,CAAC,EAAA,KAAO,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,EAAA,GAEhD,EAAA,SAAA,EAAA,GAAX,EAqCM,OArCN,IAqCM,CAAA,GApCJ,EAOE,SAAA;4CANkB,QAAA;GAClB,OAAM;GACN,MAAK;GACL,aAAY;GACZ,YAAW;GACX,cAAa;uBALJ,EAAA,KAAS,CAAA,CAAA,GAOpB,EA2BM,OA3BN,IA2BM;GAzBK,EAAA,qBAAA,EAAA,GADT,EAWS,UAAA;;IATP,MAAK;IACL,OAAK,EAAA,CAAC,gBAAc,EAAA,oBACU,EAAA,UAAO,GAAA,CAAA,CAAA;IACrC,MAAK;IACJ,gBAAc,EAAA,UAAO;IACrB,SAAK,AAAA,EAAA,QAAA,MAAE,EAAU,EAAA;gBAElB,EAAgD,QAAA,EAA1C,OAAM,qBAAoB,GAAC,YAAQ,EAAA,GAC7B,EAAA,UAAO,MAAA,EAAA,GAAnB,EAAiF,GAAA;;IAArD,MAAK;IAAS,MAAM;IAAI,OAAM;;WAE5D,EAYS,GAAA,MAAA,EAXK,EAAA,QAAL,YADT,EAYS,UAAA;IAVN,KAAK,EAAE;IACR,MAAK;IACL,OAAK,EAAA,CAAC,gBAAc,EAAA,oBACU,EAAA,UAAY,EAAE,GAAE,CAAA,CAAA;IAC9C,MAAK;IACJ,gBAAc,EAAA,UAAY,EAAE;IAC5B,UAAK,MAAE,EAAW,EAAE,EAAE;OAEvB,EAAqD,QAArD,IAAqD,EAAjB,EAAE,KAAK,GAAA,CAAA,GAC/B,EAAA,UAAY,EAAE,MAAA,EAAA,GAA1B,EAAmF,GAAA;;IAArD,MAAK;IAAS,MAAM;IAAI,OAAM;;GAErD,EAAA,SAAS,CAAK,EAAA,MAAY,UAAA,EAAA,GAAnC,EAA0E,KAA1E,IAAiE,OAAK,KAAA,EAAA,IAAA,EAAA;4BAOpE,GAAA,SAAA,EAAA,GADR,EAwBS,UAAA;;GAtBP,MAAK;GACL,OAAK,EAAA,CAAC,uBAAqB;IAAA,mBACE,EAAA,SAAS;IAAA,gBAA0B,EAAA;GAAS,CAAA,CAAA;GACxE,UAAU,EAAA;GACV,OAAkB,EAAA,QAAA,mBAAuD,EAAA,SAAS,OAAA,mBAAA;GAOlF,SAAO;OAGN,EAAA,QAAA,UAA8C,EAAA,QAAA,UAAmD,EAAA,SAAS,OAAA,QAAA,IAAA,GAAA,IAAA,EAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA,GAYpG,GAAA,cAYZ,EA+BM,OA/BN,GA+BM,CA9BJ,EA6BM,OA7BN,GA6BM,EAAA,EAAA,EAAA,GA5BJ,EA2BM,GAAA,MAAA,EA3BW,GAAA,QAAL,YAAZ,EA2BM,OAAA;GA3BqB,KAAK;GAAG,OAAM;;GACvC,EAYO,QAZP,GAYO,CAVG,EAAA,MAAQ,IAAI,CAAC,KAAA,EAAA,GADrB,EAQS,UAAA;;IANP,MAAK;IACL,OAAM;IACL,OAAO,EAAO,IAAI,CAAC,IAAA,OAAA;IACnB,UAAK,MAAE,EAAO,CAAC;OAEhB,EAAqF,GAAA;IAA/E,MAAK;IAAgB,MAAM;IAAK,OAAK,EAAA,EAAA,kBAAA,CAAuB,EAAO,IAAI,CAAC,EAAA,CAAA;2CAEhF,EAAgD,QAAhD,CAAgD,IAChD,EAAuC,QAAvC,GAAuC,EAAf,IAAC,CAAA,GAAA,CAAA,CAAA,CAAA;GAE3B,EAGO,QAHP,IAGO,CAFW,EAAA,SAAA,EAAA,GAAhB,EAAoE,EAAA,CAAA,GAAA;;IAArC,MAAM,EAAA,MAAa,MAAM,MAAC;kCACzD,EAAoC,QAAA;;IAAvB,WAAQ,GAAA,MAAS;;GAGxB,EAAO,IAAI,CAAC,KAAA,EAAA,GADpB,EAQS,UAAA;;IANP,MAAK;IACL,OAAM;IACL,OAAK,UAAY,EAAA,MAAQ,IAAI,CAAC,KAAK,KAAK,EAAC;IACzC,UAAK,MAAE,EAAO,CAAC;MACjB,OAED,GAAA,EAAA,KAAA,EAAA,IAAA,EAAA;sBAxCM,EAAA,GAAZ,EASM,OATN,IASM,CARJ,EAOM,OAPN,IAOM,CANJ,EAAiE,OAAjE,IAAiE,EAAnB,GAAA,KAAU,GAAA,CAAA,GACxD,EAIM,OAJN,GAIM,CAHJ,EAE2I,OAF3I,GAE2I,CAA9H,EAAA,SAAA,EAAA,GAAZ,EAAsF,QAAtF,GAAsF,CAA/C,EAAwC,EAAA,CAAA,GAAA,EAA7B,OAAO,EAAA,MAAa,MAAA,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAAA,MAAA,EAAA,GAAgB,EAA8C,QAAA;;GAAjC,OAAM;GAAO,WAAQ,GAAA"}

package/dist/components/DocxEmbeddedFiles.js

@@ -0,0 +1,9 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./DocxEmbeddedFiles.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                                  */
+//#region src/components/DocxEmbeddedFiles.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-2106357b"]]);
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=DocxEmbeddedFiles.js.map