@l1yp/file-viewer 0.1.0

package/dist/components/LrcViewer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,106 @@
+import e from "./icons/Icon.js";
+import { decodeTextSniff as t } from "../lib/encoding.js";
+import { parseLrc as n } from "../lib/lrc.js";
+import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, onBeforeUnmount as d, openBlock as f, ref as p, renderList as m, toDisplayString as h, watch as g } from "vue";
+//#region src/components/LrcViewer.vue?vue&type=script&setup=true&lang.ts
+var _ = { class: "lrc" }, v = { class: "lrc__head" }, y = {
+	key: 0,
+	class: "lrc__count"
+}, b = {
+	key: 1,
+	class: "lrc__count"
+}, x = {
+	key: 2,
+	class: "lrc__dim"
+}, S = {
+	class: "lrc__toggle",
+	role: "group",
+	"aria-label": "渲染或源码"
+}, C = {
+	key: 0,
+	class: "lrc__msg"
+}, w = {
+	key: 1,
+	class: "lrc__msg lrc__msg--error"
+}, T = {
+	key: 2,
+	class: "lrc__source"
+}, E = {
+	key: 3,
+	class: "lrc__body"
+}, D = {
+	key: 0,
+	class: "lrc__info"
+}, O = {
+	key: 0,
+	class: "lrc__title"
+}, k = { class: "lrc__sub" }, A = { key: 0 }, j = {
+	key: 1,
+	class: "lrc__al"
+}, M = {
+	key: 1,
+	class: "lrc__list"
+}, N = {
+	key: 0,
+	class: "lrc__time"
+}, P = {
+	key: 2,
+	class: "lrc__msg"
+}, F = /*@__PURE__*/ l({
+	__name: "LrcViewer",
+	props: {
+		url: {},
+		name: {},
+		size: {}
+	},
+	setup(l) {
+		let F = l, I = p("loading"), L = p(""), R = p(""), z = p("render"), B = i(() => n(R.value));
+		function V(e) {
+			let t = Math.max(0, Math.floor(e / 1e3)), n = Math.floor(t / 60), r = t % 60;
+			return `${n}:${String(r).padStart(2, "0")}`;
+		}
+		async function H() {
+			if (F.url) {
+				I.value = "loading", L.value = "";
+				try {
+					let e = await fetch(F.url);
+					if (!e.ok) throw Error(`HTTP ${e.status}`);
+					R.value = t(new Uint8Array(await e.arrayBuffer())), I.value = "ready";
+				} catch (e) {
+					L.value = e instanceof Error ? e.message : String(e), I.value = "error";
+				}
+			}
+		}
+		return g(() => F.url, H, { immediate: !0 }), d(() => {}), (t, n) => (f(), o("div", _, [s("div", v, [
+			n[2] ||= s("span", { class: "lrc__badge" }, "LRC", -1),
+			B.value.hasTimings ? (f(), o("span", y, h(B.value.lines.length) + " 行", 1)) : (f(), o("span", b, "纯文本歌词")),
+			B.value.offsetMs ? (f(), o("span", x, "offset " + h(B.value.offsetMs) + "ms", 1)) : a("", !0),
+			s("div", S, [s("button", {
+				type: "button",
+				class: u(["lrc__tbtn", { "lrc__tbtn--on": z.value === "render" }]),
+				title: "歌词",
+				onClick: n[0] ||= (e) => z.value = "render"
+			}, [c(e, {
+				name: "eye",
+				size: 14
+			})], 2), s("button", {
+				type: "button",
+				class: u(["lrc__tbtn", { "lrc__tbtn--on": z.value === "source" }]),
+				title: "源码",
+				onClick: n[1] ||= (e) => z.value = "source"
+			}, [c(e, {
+				name: "code",
+				size: 14
+			})], 2)])
+		]), I.value === "loading" ? (f(), o("p", C, "正在加载…")) : I.value === "error" ? (f(), o("div", w, [s("p", null, "加载失败：" + h(L.value), 1), s("button", {
+			type: "button",
+			class: "lrc__retry",
+			onClick: H
+		}, "重试")])) : z.value === "source" ? (f(), o("pre", T, h(R.value), 1)) : (f(), o("div", E, [B.value.title || B.value.artist || B.value.album || B.value.by ? (f(), o("div", D, [B.value.title ? (f(), o("div", O, h(B.value.title), 1)) : a("", !0), s("div", k, [B.value.artist ? (f(), o("span", A, h(B.value.artist), 1)) : a("", !0), B.value.album ? (f(), o("span", j, h(B.value.album), 1)) : a("", !0)])])) : a("", !0), B.value.lines.length ? (f(), o("div", M, [(f(!0), o(r, null, m(B.value.lines, (e, t) => (f(), o("div", {
+			key: t,
+			class: "lrc__line"
+		}, [e.timeMs == null ? a("", !0) : (f(), o("span", N, h(V(e.timeMs)), 1)), s("span", { class: u(["lrc__text", { "lrc__text--empty": !e.text }]) }, h(e.text || "♪"), 3)]))), 128))])) : (f(), o("p", P, "未解析到歌词内容（可切换到「源码」查看原始内容）。"))]))]));
+	}
+});
+//#endregion
+export { F as default };

package/dist/components/MarkdownTable.js

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

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

@@ -0,0 +1,19 @@
+/**
+ * GFM pipe table rendered as a horizontally-scrollable card, with drag-to-resize columns.
+ *
+ * Column resize is opt-in and lazy: until you grab a header's right-edge handle the table renders exactly as
+ * before — `width:100%`, auto layout, content-sized adaptive columns (also the untouched SSR output). On the
+ * FIRST drag we snapshot the current rendered column widths ({@link colWidths}), switch to a fixed layout keyed
+ * off a `<colgroup>`, and from then on each column is an explicit px width (table width = their sum, so the card
+ * scrolls horizontally once you widen past it). Dragging changes only the grabbed column — same mechanics as the
+ * CSV viewer. A change in column count (e.g. a table re-parsing while a message streams) drops back to adaptive.
+ */
+type __VLS_Props = {
+    header: string[];
+    aligns: (string | null)[];
+    rows: string[][];
+    keyPrefix?: 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;

package/dist/components/MarkdownTable.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,71 @@
+import e from "./InlineText.js";
+import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, onBeforeUnmount as u, openBlock as d, ref as f, renderList as p, unref as m, watch as h, withModifiers as g } from "vue";
+//#region src/components/MarkdownTable.vue?vue&type=script&setup=true&lang.ts
+var _ = { class: "md-table" }, v = { class: "md-table__scroll" }, y = { key: 0 }, b = ["onMousedown"], x = 40, S = /*@__PURE__*/ s({
+	__name: "MarkdownTable",
+	props: {
+		header: {},
+		aligns: {},
+		rows: {},
+		keyPrefix: {}
+	},
+	setup(s) {
+		let S = s;
+		function C(e) {
+			return S.aligns[e] || "left";
+		}
+		let w = f(null), T = n(() => w.value?.reduce((e, t) => e + t, 0) ?? 0);
+		h(() => S.header.length, () => {
+			w.value = null;
+		});
+		let E = -1, D = 0, O = 0;
+		function k(e, t) {
+			if (!w.value) {
+				let e = t.currentTarget.closest("th"), n = e?.parentElement;
+				if (!n) return;
+				let r = Array.from(n.children).map((e) => e.getBoundingClientRect().width), i = e?.closest("table")?.getBoundingClientRect().width ?? 0, a = r.reduce((e, t) => e + t, 0) || 1, o = i > 0 ? i / a : 1;
+				w.value = r.map((e) => Math.max(x, Math.round(e * o)));
+			}
+			let n = w.value;
+			n && (E = e, D = t.clientX, O = n[e], window.addEventListener("mousemove", A), window.addEventListener("mouseup", j), document.body.style.userSelect = "none", document.body.style.cursor = "col-resize");
+		}
+		function A(e) {
+			let t = w.value;
+			if (E < 0 || !t) return;
+			let n = t.slice();
+			n[E] = Math.max(x, Math.round(O + (e.clientX - D))), w.value = n;
+		}
+		function j() {
+			E = -1, window.removeEventListener("mousemove", A), window.removeEventListener("mouseup", j), document.body.style.userSelect = "", document.body.style.cursor = "";
+		}
+		return u(j), (n, u) => (d(), i("div", _, [a("div", v, [a("table", {
+			class: c(["md-table__table", { "md-table__table--fixed": w.value }]),
+			style: l(w.value ? { width: T.value + "px" } : void 0)
+		}, [
+			w.value ? (d(), i("colgroup", y, [(d(!0), i(t, null, p(w.value, (e, t) => (d(), i("col", {
+				key: t,
+				style: l({ width: e + "px" })
+			}, null, 4))), 128))])) : r("", !0),
+			a("thead", null, [a("tr", null, [(d(!0), i(t, null, p(s.header, (t, n) => (d(), i("th", {
+				key: n,
+				style: l({ textAlign: C(n) })
+			}, [o(m(e), {
+				text: t,
+				kp: `${s.keyPrefix}-th${n}`
+			}, null, 8, ["text", "kp"]), a("span", {
+				class: "md-table__resize",
+				title: "拖动调整列宽",
+				onMousedown: g((e) => k(n, e), ["prevent", "stop"])
+			}, null, 40, b)], 4))), 128))])]),
+			a("tbody", null, [(d(!0), i(t, null, p(s.rows, (n, r) => (d(), i("tr", { key: r }, [(d(!0), i(t, null, p(s.header, (t, a) => (d(), i("td", {
+				key: a,
+				style: l({ textAlign: C(a) })
+			}, [o(m(e), {
+				text: n[a] || "",
+				kp: `${s.keyPrefix}-r${r}c${a}`
+			}, null, 8, ["text", "kp"])], 4))), 128))]))), 128))])
+		], 6)])]));
+	}
+});
+//#endregion
+export { S as default };

package/dist/components/MarkdownText.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Renders block-level markdown (paragraphs, headings, lists, tables, code) as a
+ * fragment — the nodes flatten into the parent so they sit as siblings of other
+ * message blocks, exactly like the original `this.md(...)` spread.
+ */
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    kp: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    kp: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    text: string;
+    kp: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/MarkdownText.js

@@ -0,0 +1,21 @@
+import { md as e } from "../lib/markdown/blocks.js";
+import { defineComponent as t } from "vue";
+//#region src/components/MarkdownText.ts
+var n = t({
+	name: "MarkdownText",
+	props: {
+		text: {
+			type: String,
+			default: ""
+		},
+		kp: {
+			type: String,
+			default: "md"
+		}
+	},
+	setup(t) {
+		return () => e(t.text, t.kp);
+	}
+});
+//#endregion
+export { n as default };

package/dist/components/MhtViewer.js

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

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

@@ -0,0 +1,22 @@
+/**
+ * Side-viewer web-archive (`.mht`/`.mhtml`) renderer. Fetches the archive bytes and parses the MIME container
+ * entirely in-browser (see lib/mht.ts) — picks the root HTML, indexes the page resources, and rewrites the
+ * HTML's resource references to blob URLs before handing it to a sandboxed iframe.
+ *
+ * Safety: a saved page is hostile markup. It renders in a sandboxed iframe that NEVER gets `allow-scripts`,
+ * and the rewritten HTML carries an injected CSP (`script-src 'none'` + `default-src 'none'`, see MHT_CSP) —
+ * so NO upstream script runs (two independent gates) and the page can't phone home (only blob:/data:
+ * resources are allowed; external requests are blocked). Unlike the panel's HTML preview / EmlViewer (which
+ * use the strictest opaque-origin `sandbox=""` + data URLs), this frame keeps `allow-same-origin` so the
+ * page's many resources can load as same-origin blob URLs instead of being inlined as memory-heavy data URLs
+ * — the deliberate trade for opening large archives. With scripts hard-disabled, `allow-same-origin` is inert.
+ */
+type __VLS_Props = {
+    /** Download URL of the .mht/.mhtml bytes. */
+    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/MhtViewer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,112 @@
+import { formatBytes as e } from "../lib/format.js";
+import { parseMht as t, rewriteHtml as n } from "../lib/mht.js";
+import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, onBeforeUnmount as l, openBlock as u, ref as d, toDisplayString as f, unref as p, watch as m } from "vue";
+//#region src/components/MhtViewer.vue?vue&type=script&setup=true&lang.ts
+var h = { class: "mht" }, g = {
+	key: 0,
+	class: "mht__msg"
+}, _ = {
+	key: 1,
+	class: "mht__msg mht__gate"
+}, v = {
+	key: 2,
+	class: "mht__msg mht__msg--error"
+}, y = { class: "mht__head" }, b = { class: "mht__title" }, x = { class: "mht__fields" }, S = {
+	key: 0,
+	class: "mht__field"
+}, C = { class: "mht__src" }, w = {
+	key: 1,
+	class: "mht__field"
+}, T = {
+	key: 2,
+	class: "mht__field"
+}, E = {
+	key: 0,
+	class: "mht__body"
+}, D = ["src"], O = {
+	key: 1,
+	class: "mht__msg"
+}, k = 30 * 1024 * 1024, A = /*@__PURE__*/ c({
+	__name: "MhtViewer",
+	props: {
+		url: {},
+		name: {},
+		size: {}
+	},
+	setup(c) {
+		let A = c, j = d("loading"), M = d(""), N = d(null), P = d(""), F = [];
+		function I() {
+			for (let e of F) URL.revokeObjectURL(e);
+			F = [], P.value = "";
+		}
+		function L(e, t) {
+			let n = URL.createObjectURL(new Blob([e], { type: t }));
+			return F.push(n), n;
+		}
+		let R = i(() => {
+			let e = N.value?.date;
+			if (!e) return "";
+			let t = Date.parse(e);
+			if (Number.isNaN(t)) return e;
+			try {
+				return new Date(t).toLocaleString("zh-CN", {
+					dateStyle: "medium",
+					timeStyle: "short"
+				});
+			} catch {
+				return e;
+			}
+		});
+		async function z() {
+			if (A.url) {
+				j.value = "loading", M.value = "", I();
+				try {
+					let e = await fetch(A.url);
+					if (!e.ok) throw Error(`HTTP ${e.status}`);
+					let r = await e.arrayBuffer(), i = t(new Uint8Array(r));
+					if (N.value = {
+						title: i.title,
+						sourceUrl: i.sourceUrl,
+						date: i.date,
+						resourceCount: new Set([...i.byLocation.values(), ...i.byCid.values()]).size
+					}, i.html !== null) {
+						let e = n(i, L);
+						P.value = L(new TextEncoder().encode(e), "text/html");
+					}
+					j.value = "ready";
+				} catch (e) {
+					M.value = e instanceof Error ? e.message : String(e), j.value = "error";
+				}
+			}
+		}
+		function B() {
+			if (A.size && A.size > k) {
+				j.value = "gate";
+				return;
+			}
+			z();
+		}
+		return m(() => A.url, B, { immediate: !0 }), l(I), (t, n) => (u(), o("div", h, [j.value === "loading" ? (u(), o("p", g, "正在解析网页存档…")) : j.value === "gate" ? (u(), o("div", _, [s("p", null, "该存档较大（" + f(p(e)(A.size)) + "），将在浏览器内解析。是否继续？", 1), s("button", {
+			type: "button",
+			class: "mht__btn",
+			onClick: z
+		}, "解析并预览")])) : j.value === "error" ? (u(), o("div", v, [s("p", null, "解析失败：" + f(M.value), 1), s("button", {
+			type: "button",
+			class: "mht__btn",
+			onClick: z
+		}, "重试")])) : j.value === "ready" && N.value ? (u(), o(r, { key: 3 }, [s("div", y, [s("div", b, f(N.value.title || A.name || "(无标题)"), 1), s("dl", x, [
+			N.value.sourceUrl ? (u(), o("div", S, [n[0] ||= s("dt", null, "来源", -1), s("dd", C, f(N.value.sourceUrl), 1)])) : a("", !0),
+			R.value ? (u(), o("div", w, [n[1] ||= s("dt", null, "保存", -1), s("dd", null, f(R.value), 1)])) : a("", !0),
+			N.value.resourceCount ? (u(), o("div", T, [n[2] ||= s("dt", null, "资源", -1), s("dd", null, f(N.value.resourceCount) + " 项", 1)])) : a("", !0)
+		])]), P.value ? (u(), o("div", E, [s("iframe", {
+			class: "mht__frame",
+			src: P.value,
+			title: "网页存档正文",
+			sandbox: "allow-same-origin",
+			loading: "lazy",
+			referrerpolicy: "no-referrer"
+		}, null, 8, D)])) : (u(), o("p", O, "（此存档没有可显示的网页正文）"))], 64)) : a("", !0)]));
+	}
+});
+//#endregion
+export { A as default };

package/dist/components/MindMapView.js

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

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

@@ -0,0 +1,23 @@
+import { type MindMap } from '@/lib/mindmap';
+/**
+ * The side viewer's mind-map mode: render a parsed OPML / FreeMind tree (see lib/mindmap.ts) as an interactive,
+ * hand-rolled SVG mind map — no third-party graph library (consistent with the codebase's hand-rolled renderers).
+ *
+ * Layout is a tidy left-to-right tree (root at the left, branches growing right) — the clearest fit for a narrow
+ * side panel, and what web mind-map viewers (e.g. markmap) do. FreeMind's left/right `POSITION` split is folded
+ * into a single right-growing tree on purpose. Nodes wrap to a max width and pack vertically (leaves take the next
+ * slot; a parent centers on its children). Click a node with children to collapse/expand; drag the background to
+ * pan, wheel to zoom (around the cursor), and the toolbar zooms / fits. The XML source stays one toggle away in
+ * the panel header.
+ *
+ * Text is sized deterministically (a CJK-aware per-char width estimate, no DOM measurement) so layout matches the
+ * rendered `<tspan>`s without a measure pass — SSR-safe and reflow-free.
+ */
+type __VLS_Props = {
+    text?: string;
+    name: string;
+    map?: MindMap;
+};
+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;