@l1yp/file-viewer 0.1.0

package/dist/components/CertViewer.js

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

package/dist/components/CertViewer.vue.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Side-viewer for certificates / keys (pem / crt / cer / der / csr / key / p12 / pfx). Fetches the BYTES
+ * itself (binary-safe — a .der/.p12 would be mangled by the panel's text load), sniffs PEM vs raw DER, and
+ * for each block shows the human-meaningful X.509 fields (subject / issuer, validity with an expiry badge,
+ * serial, signature + public-key algorithm, SANs, key usages, SHA-256 fingerprint) plus a collapsible raw
+ * ASN.1 structure tree. Parsing is hand-rolled and READ-ONLY (lib/asn1.ts + lib/x509.ts) — it never verifies
+ * signatures or trust. PKCS#12 (.p12/.pfx) containers are usually encrypted, so they're shown as structure
+ * only with a "use openssl to extract" note (best effort).
+ */
+type __VLS_Props = {
+    url?: string;
+    name: string;
+    size?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/CertViewer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,251 @@
+import { fileExt as e } from "../lib/fileType.js";
+import { formatBytes as t } from "../lib/format.js";
+import n from "./icons/Icon.js";
+import { TAG as r, asn1String as i, asn1Time as a, bytesToHex as o, decodeAsn1 as s, oidToString as ee, tagName as te } from "../lib/asn1.js";
+import { looksLikePem as ne, oidName as re, parseCertificate as ie, parseCsr as ae, parsePemBlocks as oe, sha256Hex as se, summarizeBlock as c } from "../lib/x509.js";
+import { Fragment as l, computed as ce, createBlock as le, createCommentVNode as u, createElementBlock as d, createElementVNode as f, defineComponent as p, normalizeClass as m, normalizeStyle as h, onBeforeUnmount as g, openBlock as _, reactive as v, ref as y, renderList as b, toDisplayString as x, unref as S, watch as ue } from "vue";
+//#region src/components/CertViewer.vue?vue&type=script&setup=true&lang.ts
+var C = { class: "cert" }, w = {
+	key: 0,
+	class: "cert__msg"
+}, T = {
+	key: 1,
+	class: "cert__msg cert__gate"
+}, E = {
+	key: 2,
+	class: "cert__msg cert__msg--error"
+}, D = {
+	key: 3,
+	class: "cert__scroll"
+}, O = { class: "cert__cardhead" }, k = { class: "cert__kind" }, A = { class: "cert__label" }, j = {
+	key: 0,
+	class: "cert__note"
+}, M = {
+	key: 1,
+	class: "cert__dl"
+}, N = { class: "cert__mono" }, P = { class: "cert__mono cert__fp" }, F = { class: "cert__tree" }, I = { class: "cert__rows" }, L = ["onClick"], R = { class: "cert__twisty" }, z = { class: "cert__tag" }, B = {
+	key: 0,
+	class: "cert__val"
+}, V = 8 * 1024 * 1024, H = /*@__PURE__*/ p({
+	__name: "CertViewer",
+	props: {
+		url: {},
+		name: {},
+		size: {}
+	},
+	setup(p) {
+		let H = p, U = y("loading"), W = y(""), G = y([]), K = v({}), q = v(/* @__PURE__ */ new Set());
+		function J(e) {
+			return {
+				summary: e,
+				forest: s(e.der)
+			};
+		}
+		function de(t) {
+			let n = new Uint8Array(t), r = e(H.name), i = new TextDecoder("latin1").decode(n.subarray(0, Math.min(64, n.length))), a = [];
+			if (i.includes("-----BEGIN") || ne(new TextDecoder("latin1").decode(n))) {
+				let e = new TextDecoder("utf-8").decode(n);
+				for (let t of oe(e)) a.push(J(c(t.label, t.der)));
+			}
+			if (!a.length) if (r === "p12" || r === "pfx") {
+				let e = fe(n);
+				a.push(J(e));
+			} else if (r === "csr" || r === "req") a.push(J(ae(n)));
+			else {
+				let e = ie(n);
+				a.push(J(e.ok ? e : pe(n, r)));
+			}
+			G.value = a, U.value = "ready", a.forEach((e, t) => {
+				e.summary.kind === "certificate" && e.summary.ok && se(e.summary.der).then((e) => {
+					K[t] = e;
+				}).catch(() => {});
+			}), a.length && a[0].forest.length && q.add("0.0");
+		}
+		function fe(e) {
+			return {
+				ok: !0,
+				kind: "pkcs12",
+				label: "PKCS#12",
+				subject: [],
+				issuer: [],
+				sans: [],
+				keyUsages: [],
+				extKeyUsages: [],
+				der: e,
+				note: "PKCS#12 容器通常已加密，浏览器内仅展示 ASN.1 结构；如需提取证书/私钥请用 openssl pkcs12 -info。"
+			};
+		}
+		function pe(e, t) {
+			return {
+				ok: !0,
+				kind: "unknown",
+				label: t ? `.${t}` : "二进制",
+				subject: [],
+				issuer: [],
+				sans: [],
+				keyUsages: [],
+				extKeyUsages: [],
+				der: e,
+				note: "无法识别为 X.509 证书 —— 展开下方结构树查看原始 ASN.1。"
+			};
+		}
+		async function Y() {
+			if (H.url) {
+				U.value = "loading", W.value = "", G.value = [], q.clear();
+				for (let e of Object.keys(K)) delete K[Number(e)];
+				try {
+					let e = await fetch(H.url);
+					if (!e.ok) throw Error(`HTTP ${e.status}`);
+					de(await e.arrayBuffer());
+				} catch (e) {
+					W.value = e instanceof Error ? e.message : String(e), U.value = "error";
+				}
+			}
+		}
+		function me() {
+			if (H.size && H.size > V) {
+				U.value = "gate";
+				return;
+			}
+			Y();
+		}
+		function X(e) {
+			return e.map((e) => `${e.name}=${e.value}`).join(", ");
+		}
+		let he = {
+			certificate: "证书",
+			request: "证书请求 (CSR)",
+			key: "密钥",
+			crl: "CRL",
+			pkcs12: "PKCS#12",
+			pkcs7: "PKCS#7",
+			unknown: "未知"
+		};
+		function Z(e) {
+			let t = [];
+			return e.pubKeyAlg && t.push(e.pubKeyAlg), e.pubKeyBits && t.push(`${e.pubKeyBits} 位`), e.pubKeyCurve && e.pubKeyCurve !== e.pubKeyAlg && t.push(e.pubKeyCurve), t.join(" · ");
+		}
+		function Q(e) {
+			if (e.notAfterMs == null) return null;
+			let t = Date.now();
+			if (e.notBeforeMs != null && t < e.notBeforeMs) return {
+				text: "尚未生效",
+				cls: "cert__badge--warn"
+			};
+			if (t > e.notAfterMs) return {
+				text: "已过期",
+				cls: "cert__badge--bad"
+			};
+			let n = Math.floor((e.notAfterMs - t) / 864e5);
+			return n <= 30 ? {
+				text: `${n} 天后过期`,
+				cls: "cert__badge--warn"
+			} : {
+				text: `有效（剩 ${n} 天）`,
+				cls: "cert__badge--ok"
+			};
+		}
+		function ge(e, t) {
+			let n = [], r = (e, t, i) => {
+				e.forEach((e, a) => {
+					let o = `${i}.${a}`, s = e.children.length > 0;
+					n.push({
+						node: e,
+						depth: t,
+						path: o,
+						hasChildren: s
+					}), s && q.has(o) && r(e.children, t + 1, o);
+				});
+			};
+			return r(e, 0, t), n;
+		}
+		let _e = ce(() => G.value.map((e, t) => ge(e.forest, String(t))));
+		function ve(e) {
+			q.has(e) ? q.delete(e) : q.add(e);
+		}
+		function $(e) {
+			if (e.constructed) return "";
+			switch (e.tagNumber) {
+				case r.OID: {
+					let t = ee(e.content), n = re(t);
+					return n === t ? t : `${n} (${t})`;
+				}
+				case r.BOOLEAN: return e.content[0] ? "true" : "false";
+				case r.INTEGER:
+					if (e.content.length <= 4) {
+						let t = 0;
+						for (let n of e.content) t = t * 256 + n;
+						return String(t);
+					}
+					return `0x${o(e.content).slice(0, 32)}${e.content.length > 16 ? "…" : ""}`;
+				case r.UTF8String:
+				case r.PrintableString:
+				case r.IA5String: return i(e);
+				case r.UTCTime:
+				case r.GeneralizedTime: return a(e)?.text ?? i(e);
+				case r.NULL: return "";
+				default: {
+					if (e.tagClass === 2) {
+						let t = new TextDecoder("latin1").decode(e.content);
+						if (/^[\x20-\x7e]*$/.test(t)) return t;
+					}
+					let t = o(e.content);
+					return t.length > 32 ? `${t.slice(0, 32)}… (${e.length}B)` : t;
+				}
+			}
+		}
+		return ue(() => [H.url, H.name], me, { immediate: !0 }), g(() => {}), (e, r) => (_(), d("div", C, [U.value === "loading" ? (_(), d("p", w, "正在解析证书…")) : U.value === "gate" ? (_(), d("div", T, [f("p", null, "该文件较大（" + x(S(t)(H.size)) + "），将在浏览器内解析。是否继续？", 1), f("button", {
+			type: "button",
+			class: "cert__btn",
+			onClick: Y
+		}, "解析并预览")])) : U.value === "error" ? (_(), d("div", E, [f("p", null, "无法解析：" + x(W.value), 1), f("button", {
+			type: "button",
+			class: "cert__btn",
+			onClick: Y
+		}, "重试")])) : (_(), d("div", D, [(_(!0), d(l, null, b(G.value, (e, t) => (_(), d("section", {
+			key: t,
+			class: "cert__card"
+		}, [
+			f("header", O, [
+				f("span", k, x(he[e.summary.kind]), 1),
+				f("span", A, x(e.summary.subjectCN || e.summary.label), 1),
+				Q(e.summary) ? (_(), d("span", {
+					key: 0,
+					class: m(["cert__badge", Q(e.summary)?.cls])
+				}, x(Q(e.summary)?.text), 3)) : u("", !0)
+			]),
+			e.summary.note ? (_(), d("p", j, x(e.summary.note), 1)) : u("", !0),
+			e.summary.subject.length || e.summary.kind === "certificate" ? (_(), d("dl", M, [
+				e.summary.subject.length ? (_(), d(l, { key: 0 }, [r[0] ||= f("dt", null, "主题", -1), f("dd", null, x(X(e.summary.subject)), 1)], 64)) : u("", !0),
+				e.summary.issuer.length ? (_(), d(l, { key: 1 }, [r[1] ||= f("dt", null, "颁发者", -1), f("dd", null, x(X(e.summary.issuer)), 1)], 64)) : u("", !0),
+				e.summary.notBefore || e.summary.notAfter ? (_(), d(l, { key: 2 }, [r[2] ||= f("dt", null, "有效期", -1), f("dd", null, x(e.summary.notBefore ?? "?") + " → " + x(e.summary.notAfter ?? "?"), 1)], 64)) : u("", !0),
+				Z(e.summary) ? (_(), d(l, { key: 3 }, [r[3] ||= f("dt", null, "公钥", -1), f("dd", null, x(Z(e.summary)), 1)], 64)) : u("", !0),
+				e.summary.sigAlg ? (_(), d(l, { key: 4 }, [r[4] ||= f("dt", null, "签名算法", -1), f("dd", null, x(e.summary.sigAlg), 1)], 64)) : u("", !0),
+				e.summary.serialHex ? (_(), d(l, { key: 5 }, [r[5] ||= f("dt", null, "序列号", -1), f("dd", N, x(e.summary.serialHex), 1)], 64)) : u("", !0),
+				e.summary.sans.length ? (_(), d(l, { key: 6 }, [r[6] ||= f("dt", null, "备用名 (SAN)", -1), f("dd", null, x(e.summary.sans.join("，")), 1)], 64)) : u("", !0),
+				e.summary.keyUsages.length ? (_(), d(l, { key: 7 }, [r[7] ||= f("dt", null, "密钥用法", -1), f("dd", null, x(e.summary.keyUsages.join("，")), 1)], 64)) : u("", !0),
+				e.summary.extKeyUsages.length ? (_(), d(l, { key: 8 }, [r[8] ||= f("dt", null, "扩展用法", -1), f("dd", null, x(e.summary.extKeyUsages.join("，")), 1)], 64)) : u("", !0),
+				e.summary.isCa == null ? u("", !0) : (_(), d(l, { key: 9 }, [r[9] ||= f("dt", null, "CA", -1), f("dd", null, x(e.summary.isCa ? "是" : "否") + x(e.summary.pathLen == null ? "" : `（pathLen ${e.summary.pathLen}）`), 1)], 64)),
+				K[t] ? (_(), d(l, { key: 10 }, [r[10] ||= f("dt", null, "SHA-256", -1), f("dd", P, x(K[t]), 1)], 64)) : u("", !0)
+			])) : u("", !0),
+			f("details", F, [r[11] ||= f("summary", { class: "cert__treehead" }, "ASN.1 结构", -1), f("div", I, [(_(!0), d(l, null, b(_e.value[t], (e) => (_(), d("button", {
+				key: e.path,
+				type: "button",
+				class: "cert__row",
+				style: h({ paddingLeft: `${8 + e.depth * 16}px` }),
+				onClick: (t) => e.hasChildren && ve(e.path)
+			}, [
+				f("span", R, [e.hasChildren ? (_(), le(n, {
+					key: 0,
+					name: "chevronRight",
+					size: 12,
+					class: m({ "cert__twisty--open": q.has(e.path) })
+				}, null, 8, ["class"])) : u("", !0)]),
+				f("span", z, x(S(te)(e.node)), 1),
+				$(e.node) ? (_(), d("span", B, x($(e.node)), 1)) : u("", !0)
+			], 12, L))), 128))])])
+		]))), 128))]))]));
+	}
+});
+//#endregion
+export { H as default };

package/dist/components/ClassViewer.js

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

package/dist/components/ClassViewer.vue.d.ts

@@ -0,0 +1,15 @@
+/**
+ * The side viewer's Java `.class` mode: fetch the bytes, parse the structure entirely in-browser (see
+ * lib/classfile.ts), and list the FIELDS and METHODS — a lightweight `javap`. Mirrors BinObjBrowser: the
+ * bytes come from the same download endpoint as any other file and never leave the browser. No decompilation
+ * (method bodies aren't reconstructed); a method's local variables expand inline when the class carried a
+ * LocalVariableTable (`javac -g`).
+ */
+type __VLS_Props = {
+    url: string;
+    name: string;
+    size?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/ClassViewer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,164 @@
+import e from "./icons/Icon.js";
+import { NotClassFileError as t, parseClass as n } from "../lib/classfile.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, onBeforeUnmount as ee, onMounted as f, openBlock as p, ref as m, renderList as h, resolveDynamicComponent as te, toDisplayString as g, watch as ne, withCtx as re } from "vue";
+//#region src/components/ClassViewer.vue?vue&type=script&setup=true&lang.ts
+var ie = { class: "cls" }, _ = {
+	key: 0,
+	class: "cls__msg"
+}, v = {
+	key: 1,
+	class: "cls__msg cls__msg--error"
+}, y = { class: "cls__summary" }, b = { class: "cls__kind" }, x = { class: "cls__ver" }, S = { class: "cls__sig" }, C = { class: "cls__sigline" }, w = { class: "cls__mod" }, T = ["title"], E = { class: "cls__kw" }, D = {
+	key: 0,
+	class: "cls__punc"
+}, O = ["title"], k = { class: "cls__section" }, A = {
+	key: 0,
+	class: "cls__empty"
+}, j = {
+	key: 1,
+	class: "cls__rows"
+}, M = {
+	key: 0,
+	class: "cls__mods"
+}, N = ["title"], P = { class: "cls__name" }, F = { class: "cls__section" }, I = {
+	key: 0,
+	class: "cls__empty"
+}, ae = {
+	key: 1,
+	class: "cls__rows"
+}, L = {
+	key: 1,
+	class: "cls__mods"
+}, R = ["title"], z = { class: "cls__params" }, B = {
+	key: 0,
+	class: "cls__punc"
+}, V = ["title"], H = {
+	key: 0,
+	class: "cls__locals"
+}, U = ["title"], W = { class: "cls__localname" }, G = { class: "cls__foot" }, K = /*@__PURE__*/ u({
+	__name: "ClassViewer",
+	props: {
+		url: {},
+		name: {},
+		size: {}
+	},
+	setup(u) {
+		let K = u, q = m("loading"), J = m(""), Y = m(null), X = m(/* @__PURE__ */ new Set());
+		async function Z() {
+			q.value = "loading", J.value = "", Y.value = null, X.value = /* @__PURE__ */ new Set();
+			try {
+				let e = await fetch(K.url);
+				if (!e.ok) throw Error(`HTTP ${e.status}`);
+				Y.value = n(await e.arrayBuffer()), q.value = "ready";
+			} catch (e) {
+				J.value = e instanceof t || e instanceof Error ? e.message : String(e), q.value = "error";
+			}
+		}
+		function Q(e) {
+			if (!e) return "";
+			let t = e.replace(/\[\]$/g, "").lastIndexOf(".");
+			return t >= 0 ? e.slice(t + 1) : e;
+		}
+		function oe(e) {
+			return e.name === "<init>" ? "«构造器»" : e.name === "<clinit>" ? "«静态初始化»" : e.name;
+		}
+		function $(e) {
+			return (e.locals ?? []).filter((e) => e.name !== "this");
+		}
+		function se(e) {
+			let t = new Set(X.value);
+			t.has(e) ? t.delete(e) : t.add(e), X.value = t;
+		}
+		let ce = i(() => {
+			let e = Y.value;
+			return e ? [
+				...e.modifiers,
+				e.kind,
+				e.thisClass ?? "?"
+			].join(" ") : "";
+		});
+		return f(Z), ne(() => K.url, Z), ee(() => X.value.clear()), (t, n) => (p(), s("div", ie, [q.value === "loading" ? (p(), s("p", _, "正在解析 .class…")) : q.value === "error" ? (p(), s("div", v, [c("p", null, g(J.value), 1), c("button", {
+			type: "button",
+			class: "cls__retry",
+			onClick: Z
+		}, "重试")])) : q.value === "ready" && Y.value ? (p(), s(r, { key: 2 }, [
+			c("div", y, [
+				c("span", b, g(Y.value.kind.toUpperCase()), 1),
+				c("span", x, "字节码 v" + g(Y.value.version), 1),
+				c("span", null, g(Y.value.javaLabel), 1),
+				c("span", null, g(Y.value.fields.length) + " 字段", 1),
+				c("span", null, g(Y.value.methods.length) + " 方法", 1)
+			]),
+			c("div", S, [c("code", C, [
+				c("span", w, g(ce.value), 1),
+				Y.value.superClass && Y.value.superClass !== "java.lang.Object" ? (p(), s(r, { key: 0 }, [n[0] ||= c("span", { class: "cls__kw" }, " extends ", -1), c("span", {
+					class: "cls__type",
+					title: Y.value.superClass
+				}, g(Q(Y.value.superClass)), 9, T)], 64)) : o("", !0),
+				Y.value.interfaces.length ? (p(), s(r, { key: 1 }, [c("span", E, g(Y.value.kind === "interface" || Y.value.kind === "@interface" ? "extends" : "implements"), 1), (p(!0), s(r, null, h(Y.value.interfaces, (e, t) => (p(), s("span", { key: e }, [t > 0 ? (p(), s("span", D, ", ")) : o("", !0), c("span", {
+					class: "cls__type",
+					title: e
+				}, g(Q(e)), 9, O)]))), 128))], 64)) : o("", !0)
+			])]),
+			c("section", k, [n[1] ||= c("h3", { class: "cls__h" }, "字段 · FIELDS", -1), Y.value.fields.length ? (p(), s("div", j, [(p(!0), s(r, null, h(Y.value.fields, (e, t) => (p(), s("div", {
+				key: t,
+				class: "cls__member"
+			}, [
+				e.flags.length ? (p(), s("span", M, g(e.flags.join(" ")), 1)) : o("", !0),
+				c("span", {
+					class: "cls__type",
+					title: e.type
+				}, g(Q(e.type)), 9, N),
+				c("span", P, g(e.name), 1)
+			]))), 128))])) : (p(), s("p", A, "无字段"))]),
+			c("section", F, [n[5] ||= c("h3", { class: "cls__h" }, "方法 · METHODS", -1), Y.value.methods.length ? (p(), s("div", ae, [(p(!0), s(r, null, h(Y.value.methods, (e, t) => (p(), s("div", {
+				key: t,
+				class: "cls__methodwrap"
+			}, [(p(), a(te($(e).length ? "button" : "div"), {
+				type: $(e).length ? "button" : void 0,
+				class: d(["cls__member cls__method", { "cls__method--btn": $(e).length }]),
+				title: $(e).length ? "点击查看局部变量" : void 0,
+				onClick: (n) => $(e).length && se(t)
+			}, {
+				default: re(() => [
+					$(e).length ? (p(), s("span", {
+						key: 0,
+						class: d(["cls__caret", { "cls__caret--open": X.value.has(t) }])
+					}, "▶", 2)) : o("", !0),
+					e.flags.length ? (p(), s("span", L, g(e.flags.join(" ")), 1)) : o("", !0),
+					c("span", {
+						class: "cls__type",
+						title: e.ret
+					}, g(Q(e.ret)), 9, R),
+					c("span", { class: d(["cls__name", { "cls__name--special": e.name.startsWith("<") }]) }, g(oe(e)), 3),
+					c("span", z, [
+						n[2] ||= c("span", { class: "cls__punc" }, "(", -1),
+						(p(!0), s(r, null, h(e.params, (e, t) => (p(), s(r, { key: t }, [t > 0 ? (p(), s("span", B, ", ")) : o("", !0), c("span", {
+							class: "cls__type",
+							title: e
+						}, g(Q(e)), 9, V)], 64))), 128)),
+						n[3] ||= c("span", { class: "cls__punc" }, ")", -1)
+					])
+				]),
+				_: 2
+			}, 1032, [
+				"type",
+				"class",
+				"title",
+				"onClick"
+			])), X.value.has(t) ? (p(), s("div", H, [n[4] ||= c("span", { class: "cls__locals-label" }, "局部变量", -1), (p(!0), s(r, null, h($(e), (e, t) => (p(), s("div", {
+				key: t,
+				class: "cls__local"
+			}, [c("span", {
+				class: "cls__type",
+				title: e.type
+			}, g(Q(e.type)), 9, U), c("span", W, g(e.name), 1)]))), 128))])) : o("", !0)]))), 128))])) : (p(), s("p", I, "无方法"))]),
+			c("div", G, [l(e, {
+				name: "code",
+				size: 13
+			}), n[6] ||= c("span", null, "仅解析结构（字段 / 方法），不反编译方法体", -1)])
+		], 64)) : o("", !0)]));
+	}
+});
+//#endregion
+export { K as default };

package/dist/components/CodeBlock.js

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

package/dist/components/CodeBlock.vue.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Fenced code block: header (language label + copy button) over a highlighted <pre>.
+ * Without `maxHeight` a tall block clamps to a Show more / less toggle; pass
+ * `maxHeight` (e.g. timeline tool steps) to keep the legacy fixed-height scroll.
+ */
+type __VLS_Props = {
+    code: string;
+    lang?: string;
+    maxHeight?: string;
+    margin?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    lang: string;
+    margin: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/CodeBlock.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,79 @@
+import { highlightCode as e } from "../lib/highlight.js";
+import t from "./icons/Icon.js";
+import { codePreview as n } from "../lib/codePreview.js";
+import { useFileViewer as r } from "../composables/useFileViewer.js";
+import i from "./ui/ClampBlock.js";
+import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, normalizeStyle as f, onBeforeUnmount as p, openBlock as m, ref as h, toDisplayString as g, unref as _, withCtx as v } from "vue";
+//#region src/components/CodeBlock.vue?vue&type=script&setup=true&lang.ts
+var y = { class: "code-block__head" }, b = { class: "code-block__lang" }, x = { class: "code-block__actions" }, S = { class: "code-block__pre code-block__pre--clamped" }, C = ["innerHTML"], w = { key: 1 }, T = ["innerHTML"], E = { key: 1 }, D = /*@__PURE__*/ d({
+	__name: "CodeBlock",
+	props: {
+		code: {},
+		lang: { default: "" },
+		maxHeight: {},
+		margin: { default: "4px 0 20px" }
+	},
+	setup(d) {
+		let D = d, O = a(() => (D.lang || "").trim().toLowerCase()), k = a(() => e(D.code, O.value)), A = a(() => n(O.value)), { open: j } = r();
+		function M() {
+			let e = A.value;
+			e && j({
+				name: `代码片段.${e.ext}`,
+				content: String(D.code),
+				...e.fields
+			});
+		}
+		let N = a(() => D.maxHeight ? {
+			maxHeight: D.maxHeight,
+			overflowY: "auto"
+		} : {}), P = h(!1), F;
+		async function I() {
+			try {
+				await navigator.clipboard?.writeText(String(D.code));
+			} catch {}
+			P.value = !0, clearTimeout(F), F = setTimeout(() => P.value = !1, 1400);
+		}
+		return p(() => clearTimeout(F)), (e, n) => (m(), c("div", {
+			class: "code-block",
+			style: f({ margin: d.margin })
+		}, [l("div", y, [l("span", b, g(O.value || "text"), 1), l("div", x, [A.value ? (m(), c("button", {
+			key: 0,
+			class: "code-block__btn",
+			type: "button",
+			title: "在侧栏预览运行",
+			onClick: M
+		}, [u(t, {
+			name: "play",
+			size: 13
+		}), n[0] ||= l("span", null, "Run", -1)])) : s("", !0), l("button", {
+			class: "code-block__btn",
+			type: "button",
+			onClick: I
+		}, [u(t, {
+			name: "copy",
+			size: 13
+		}), l("span", null, g(P.value ? "Copied" : "Copy"), 1)])])]), d.maxHeight ? (m(), c("pre", {
+			key: 1,
+			class: "code-block__pre",
+			style: f(N.value)
+		}, [k.value ? (m(), c("code", {
+			key: 0,
+			class: "hljs",
+			innerHTML: k.value
+		}, null, 8, T)) : (m(), c("code", E, g(d.code), 1))], 4)) : (m(), o(_(i), {
+			key: 0,
+			"max-height": 340,
+			fade: "var(--code-bg)",
+			inset: 16
+		}, {
+			default: v(() => [l("pre", S, [k.value ? (m(), c("code", {
+				key: 0,
+				class: "hljs",
+				innerHTML: k.value
+			}, null, 8, C)) : (m(), c("code", w, g(d.code), 1))])]),
+			_: 1
+		}))], 4));
+	}
+});
+//#endregion
+export { D as default };

package/dist/components/CodeView.js

@@ -0,0 +1,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"]]);
+//#endregion
+export { n as default };

package/dist/components/CodeView.vue.d.ts

@@ -0,0 +1,21 @@
+/**
+ * The side viewer's source-code view: a line-number gutter + syntax-highlighted code, with indentation-based
+ * code FOLDING (click a chevron to collapse a block; see lib/codefold.ts), on-demand Prettier FORMATTING (the
+ * 格式化 button, shown only for languages Prettier can parse — see lib/codeformat.ts; loaded lazily), and a
+ * manual HIGHLIGHT-LANGUAGE picker (the 语言 button — auto-detection by extension/mime is often empty or wrong,
+ * so any file can be re-colorized as JSON / XML / Python / … or forced to plain text; see lib/highlightLangs).
+ * Used for every non-rendered file (plain text, code, or markdown/html/svg viewed as source). Highlighting is
+ * split per line (see highlightLines) so rows can be hidden individually.
+ *
+ * Very large files (> {@link MAX_FOLD_LINES}) skip the per-line DOM and fall back to a single highlighted block
+ * — folding a 10k-line file isn't worth tens of thousands of row elements, and such files mostly reach the
+ * streaming log viewer anyway (see isLogFile).
+ */
+type __VLS_Props = {
+    code: string;
+    lang: string;
+    name?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;