@l1yp/file-viewer 0.1.0

package/dist/components/HexViewer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,121 @@
+import { formatBytes as e } from "../lib/format.js";
+import { Fragment as t, computed as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeStyle as o, onBeforeUnmount as s, onMounted as c, openBlock as l, ref as u, renderList as d, toDisplayString as f, unref as p, vModelText as m, watch as h, withDirectives as g, withKeys as _ } from "vue";
+//#region src/components/HexViewer.vue?vue&type=script&setup=true&lang.ts
+var v = { class: "hx" }, y = {
+	key: 0,
+	class: "hx__msg hx__gate"
+}, b = {
+	key: 1,
+	class: "hx__msg"
+}, x = {
+	key: 2,
+	class: "hx__msg hx__msg--error"
+}, S = {
+	key: 3,
+	class: "hx__msg"
+}, C = { class: "hx__bar" }, w = { class: "hx__total" }, T = { class: "hx__off" }, E = { class: "hx__hex" }, D = { class: "hx__asc" }, O = 16, k = 20, A = 12, j = 16 * 1024 * 1024, M = /*@__PURE__*/ a({
+	__name: "HexViewer",
+	props: {
+		url: {},
+		name: {},
+		size: {}
+	},
+	setup(a, { expose: M }) {
+		let N = a, P = u("loading"), F = u(""), I = u(new Uint8Array()), L = u(null), R = u(0), z = u(400), B = null, V = n(() => Math.ceil(I.value.length / O)), H = n(() => Math.max(0, Math.floor(R.value / k) - A)), U = n(() => Math.min(V.value, Math.ceil((R.value + z.value) / k) + A));
+		function W(e) {
+			let t = I.value, n = e * O, r = [], i = "";
+			for (let e = 0; e < O; e++) {
+				let a = n + e;
+				if (a < t.length) {
+					let e = t[a];
+					r.push(e.toString(16).padStart(2, "0")), i += e >= 32 && e <= 126 ? String.fromCharCode(e) : ".";
+				} else r.push("  "), i += " ";
+			}
+			let a = `${r.slice(0, 8).join(" ")}  ${r.slice(8, 16).join(" ")}`;
+			return {
+				i: e,
+				off: n.toString(16).padStart(8, "0"),
+				hex: a,
+				asc: i
+			};
+		}
+		let G = n(() => {
+			let e = [];
+			for (let t = H.value; t < U.value; t++) e.push(W(t));
+			return e;
+		});
+		function K() {
+			L.value && (R.value = L.value.scrollTop);
+		}
+		let q = u("");
+		function J() {
+			let e = q.value.trim();
+			if (!e) return;
+			let t = /^0x/i.test(e) ? parseInt(e.slice(2), 16) : /^[0-9]+$/.test(e) ? parseInt(e, 10) : parseInt(e, 16);
+			if (!Number.isFinite(t) || t < 0) return;
+			let n = Math.floor(Math.min(t, I.value.length) / O), r = L.value;
+			r && (r.scrollTop = Math.max(0, n * k - z.value / 2 + k));
+		}
+		async function Y() {
+			if (!N.url) {
+				P.value = "ready", I.value = new Uint8Array();
+				return;
+			}
+			P.value = "loading", F.value = "";
+			try {
+				let e = await fetch(N.url);
+				if (!e.ok) throw Error(`HTTP ${e.status}`);
+				I.value = new Uint8Array(await e.arrayBuffer()), R.value = 0, L.value && (L.value.scrollTop = 0), P.value = "ready";
+			} catch (e) {
+				F.value = e instanceof Error ? e.message : String(e), P.value = "error";
+			}
+		}
+		function X() {
+			I.value = new Uint8Array(), q.value = "", F.value = "", R.value = 0, N.size != null && N.size > j ? P.value = "confirm" : Y();
+		}
+		return h(L, (e) => {
+			B?.disconnect(), e && typeof ResizeObserver < "u" && (B = new ResizeObserver(() => {
+				L.value && (z.value = L.value.clientHeight);
+			}), B.observe(e), z.value = e.clientHeight);
+		}, { flush: "post" }), c(X), h(() => N.url, X), s(() => B?.disconnect()), M({ reload: Y }), (n, a) => (l(), r("div", v, [P.value === "confirm" ? (l(), r("div", y, [i("p", null, "该文件较大（" + f(p(e)(N.size)) + "），将整个读入浏览器以查看十六进制。是否继续？", 1), i("button", {
+			type: "button",
+			class: "hx__btn",
+			onClick: Y
+		}, "加载并查看")])) : P.value === "loading" ? (l(), r("p", b, "正在加载…")) : P.value === "error" ? (l(), r("div", x, [i("p", null, "加载失败：" + f(F.value), 1), i("button", {
+			type: "button",
+			class: "hx__btn",
+			onClick: Y
+		}, "重试")])) : I.value.length === 0 ? (l(), r("p", S, "空文件（0 字节）")) : (l(), r(t, { key: 4 }, [i("div", C, [
+			i("span", w, f(p(e)(I.value.length)) + " · " + f(I.value.length) + " 字节", 1),
+			a[1] ||= i("span", { class: "hx__spacer" }, null, -1),
+			g(i("input", {
+				"onUpdate:modelValue": a[0] ||= (e) => q.value = e,
+				class: "hx__goto",
+				type: "text",
+				placeholder: "偏移 (0x…)",
+				"aria-label": "跳转到偏移",
+				onKeydown: _(J, ["enter"])
+			}, null, 544), [[m, q.value]])
+		]), i("div", {
+			ref_key: "scrollEl",
+			ref: L,
+			class: "hx__scroll",
+			onScroll: K
+		}, [i("div", {
+			class: "hx__sizer",
+			style: o({ height: V.value * k + "px" })
+		}, [i("div", {
+			class: "hx__rows",
+			style: o({ paddingTop: H.value * k + "px" })
+		}, [(l(!0), r(t, null, d(G.value, (e) => (l(), r("div", {
+			key: e.i,
+			class: "hx__row"
+		}, [
+			i("span", T, f(e.off), 1),
+			i("span", E, f(e.hex), 1),
+			i("span", D, f(e.asc), 1)
+		]))), 128))], 4)], 4)], 544)], 64))]));
+	}
+});
+//#endregion
+export { M as default };

package/dist/components/HprofViewer.js

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

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

@@ -0,0 +1,27 @@
+/**
+ * The side viewer's HPROF (JVM heap dump) mode: fetch a `.hprof`, stream-parse it in-browser (see lib/hprof.ts),
+ * and show a class histogram (instances + shallow size) — then drill into ONE class (or array type) to page
+ * through its objects with decoded fields / array content. Mirrors BinObjBrowser: the bytes come from the same
+ * download endpoint and never leave the browser.
+ *
+ * Memory is the whole design constraint (a heap dump can be many GB):
+ *  - Parsing never loads the file into the JS heap — the Blob is streamed in 8 MB chunks, and only bounded
+ *    per-class state is kept (Pass A in lib/hprof.ts).
+ *  - Drilling into a target collects at most a fixed cap of object rows (MAX_COLLECT) via Pass B, then PAGES that
+ *    cap — so a class with millions of instances still shows instantly. When it overflows the cap, the on-screen
+ *    filter is local to the loaded rows; a "search the whole file" action re-streams with the filter pushed down.
+ *  - Following a reference (jumping to `#id`) or reading a String's real text both use `resolveObjects`: an
+ *    on-demand streaming sweep that resolves just the requested ids, bounded to what's on screen. No id→offset
+ *    index is built, so memory stays ∝ the visible batch, not the object count.
+ *
+ * Large-file gate (like BinObjBrowser): unless the manifest size is known-small we don't auto-download — a
+ * confirm card explains that parsing pulls the whole file, and only fetches on click.
+ */
+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;