@l1yp/file-viewer 0.1.0

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

@@ -0,0 +1,19 @@
+/**
+ * IDE-style viewer for e-language (易语言) `.e` / `.ec` project files. Fetches the BYTES and parses + decompiles
+ * them entirely in-browser via {@link decompileEpl} (port of OpenEpl/EProjectFile, see lib/epl) — no dependency,
+ * like the eml / mht / binobj viewers. Lays the result out like the 易语言 IDE: a「程序」tree on the left
+ * (程序集 / 类 + project tables), the selected document on the right (definitions as bordered tables, method
+ * bodies with dashed block guides), open documents as bottom tabs, and 支持库/程序 tabs under the tree.
+ *
+ * Encrypted files surface a friendly message (decryption is a separate path); a large file is gated behind a
+ * confirm (all parsing is in-memory). Entry shape mirrors the other self-fetching viewers: a real download URL,
+ * or a blob URL minted by an archive browser from extracted bytes.
+ */
+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/EplViewer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,201 @@
+import { EplEncryptedError as e } from "../lib/epl/projectFileReader.js";
+import { decompileEpl as t } from "../lib/epl/index.js";
+import n from "./epl/EplTree.js";
+import ee from "./epl/EplDoc.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, nextTick as f, normalizeClass as p, openBlock as m, ref as h, renderList as g, toDisplayString as _, vShow as v, watch as y, withDirectives as b } from "vue";
+//#region src/components/EplViewer.vue?vue&type=script&setup=true&lang.ts
+var te = { class: "epl" }, ne = {
+	key: 0,
+	class: "epl__msg"
+}, re = {
+	key: 1,
+	class: "epl__msg epl__gate"
+}, ie = {
+	key: 2,
+	class: "epl__msg epl__gate"
+}, x = {
+	key: 0,
+	class: "epl__tip"
+}, S = {
+	key: 3,
+	class: "epl__msg epl__msg--error"
+}, C = {
+	key: 4,
+	class: "epl__ide"
+}, w = { class: "epl__top" }, T = { class: "epl__name" }, ae = { class: "epl__badge" }, oe = { class: "epl__counts" }, E = { class: "epl__body" }, D = { class: "epl__side" }, O = { class: "epl__sidebody" }, k = { class: "epl__libs" }, A = ["title"], j = {
+	key: 0,
+	class: "epl__libsempty"
+}, M = { class: "epl__sidetabs" }, N = { class: "epl__main" }, P = { class: "epl__docarea" }, F = {
+	key: 1,
+	class: "epl__msg"
+}, I = {
+	key: 0,
+	class: "epl__doctabs"
+}, L = ["onClick"], R = ["onClick"], z = 32 * 1024 * 1024, B = /*@__PURE__*/ d({
+	__name: "EplViewer",
+	props: {
+		url: {},
+		name: {},
+		size: {}
+	},
+	setup(d) {
+		let B = d, V = h("loading"), H = h(""), U = h(""), W = h(null);
+		async function G() {
+			if (B.url) {
+				V.value = "loading", H.value = "", U.value = "", W.value = null;
+				try {
+					let e = await fetch(B.url);
+					if (!e.ok) throw Error(`HTTP ${e.status}`);
+					let n = await e.arrayBuffer();
+					W.value = t(new Uint8Array(n)), V.value = "ready";
+				} catch (t) {
+					t instanceof e ? (V.value = "encrypted", U.value = t.tip ?? "") : (V.value = "error", H.value = t instanceof Error ? t.message : String(t));
+				}
+			}
+		}
+		function K() {
+			if (B.size && B.size > z) {
+				V.value = "gate";
+				return;
+			}
+			G();
+		}
+		y(() => B.url, K, { immediate: !0 });
+		let q = i(() => W.value?.meta ?? null), J = i(() => W.value?.program ?? null), se = i(() => {
+			let e = q.value?.fileType;
+			return e === "source" ? "源码 .e" : e === "module" ? "模块 .ec" : "未知";
+		}), Y = h("program"), X = h([]), Z = h(""), Q = i(() => X.value.find((e) => e.id === Z.value) ?? null), ce = {
+			globals: "全局变量",
+			structs: "自定义数据类型",
+			dll: "Dll命令",
+			constants: "常量表",
+			resources: "图片/声音",
+			forms: "资源表",
+			libraries: "模块引用表"
+		};
+		function le(e) {
+			if (e.classes.length) {
+				let t = e.classes[0];
+				return {
+					id: `class:${t.id >>> 0}`,
+					kind: "class",
+					classId: t.id,
+					title: t.name
+				};
+			}
+			let t = [
+				"globals",
+				"structs",
+				"dll",
+				"constants",
+				"resources",
+				"forms",
+				"libraries"
+			], n = {
+				globals: e.globals.length,
+				structs: e.structs.length,
+				dll: e.dllDeclares.length,
+				constants: e.constants.length,
+				resources: e.resources.length,
+				forms: e.forms.length,
+				libraries: e.libraries.length
+			};
+			for (let e of t) if (n[e] > 0) return {
+				id: e,
+				kind: e,
+				title: ce[e]
+			};
+			return null;
+		}
+		y(W, (e) => {
+			if (X.value = [], Z.value = "", Y.value = "program", e) {
+				let t = le(e.program);
+				t && $(t);
+			}
+		});
+		function $(e) {
+			X.value.some((t) => t.id === e.id) || (X.value = [...X.value, e]), Z.value = e.id;
+		}
+		function ue(e) {
+			let t = X.value.findIndex((t) => t.id === e);
+			if (t < 0) return;
+			let n = X.value.filter((t) => t.id !== e);
+			if (X.value = n, Z.value === e) {
+				let e = n[t] ?? n[t - 1] ?? null;
+				Z.value = e ? e.id : "";
+			}
+		}
+		async function de(e) {
+			let t = J.value;
+			if (!t) return;
+			let n = t.classes.find((t) => t.id === e.classId);
+			n && ($({
+				id: `class:${e.classId >>> 0}`,
+				kind: "class",
+				classId: e.classId,
+				title: n.name
+			}), await f(), document.getElementById(`epl-m-${e.methodId >>> 0}`)?.scrollIntoView({ block: "start" }));
+		}
+		function fe() {
+			$({
+				id: "libraries",
+				kind: "libraries",
+				title: "模块引用表"
+			});
+		}
+		return (e, t) => (m(), s("div", te, [V.value === "loading" ? (m(), s("p", ne, "正在解析易语言工程…")) : V.value === "gate" ? (m(), s("div", re, [c("p", null, "文件较大（" + _(((B.size ?? 0) / 1024 / 1024).toFixed(1)) + " MB），是否继续解析预览？", 1), c("button", {
+			type: "button",
+			class: "epl__btn",
+			onClick: G
+		}, "继续预览")])) : V.value === "encrypted" ? (m(), s("div", ie, [t[2] ||= c("p", null, "这是加密的易语言工程文件，暂未支持解密预览。", -1), U.value ? (m(), s("p", x, "密码提示：" + _(U.value), 1)) : o("", !0)])) : V.value === "error" ? (m(), s("div", S, [c("p", null, "解析失败：" + _(H.value), 1), c("button", {
+			type: "button",
+			class: "epl__btn",
+			onClick: G
+		}, "重试")])) : V.value === "ready" && q.value && J.value ? (m(), s("div", C, [c("div", w, [
+			c("span", T, _(q.value.project?.name || B.name), 1),
+			c("span", ae, _(se.value), 1),
+			c("span", oe, [l(" 程序集 " + _(q.value.counts.classes) + " · 子程序 " + _(q.value.counts.methods) + " · 数据类型 " + _(q.value.counts.structs) + " · DLL " + _(q.value.counts.dllDeclares) + " ", 1), q.value.systemVersion ? (m(), s(r, { key: 0 }, [l(" · 易语言 " + _(q.value.systemVersion), 1)], 64)) : o("", !0)])
+		]), c("div", E, [c("aside", D, [c("div", O, [b(u(n, {
+			program: J.value,
+			"active-id": Z.value,
+			onSelect: $,
+			onSelectMethod: de
+		}, null, 8, ["program", "active-id"]), [[v, Y.value === "program"]]), b(c("div", k, [
+			t[4] ||= c("div", { class: "epl__libsroot" }, "支持库", -1),
+			(m(!0), s(r, null, g(J.value.libraries, (e, n) => (m(), s("button", {
+				key: n,
+				type: "button",
+				class: "epl__lib",
+				title: e.fileName,
+				onClick: fe
+			}, [t[3] ||= c("span", { class: "epl__libico" }, "库", -1), l(_(e.name || e.fileName), 1)], 8, A))), 128)),
+			J.value.libraries.length ? o("", !0) : (m(), s("p", j, "（无引用支持库）"))
+		], 512), [[v, Y.value === "libs"]])]), c("div", M, [c("button", {
+			type: "button",
+			class: p({ "is-active": Y.value === "libs" }),
+			onClick: t[0] ||= (e) => Y.value = "libs"
+		}, " 支持库 ", 2), c("button", {
+			type: "button",
+			class: p({ "is-active": Y.value === "program" }),
+			onClick: t[1] ||= (e) => Y.value = "program"
+		}, " 程序 ", 2)])]), c("main", N, [c("div", P, [Q.value ? (m(), a(ee, {
+			key: 0,
+			program: J.value,
+			doc: Q.value
+		}, null, 8, ["program", "doc"])) : (m(), s("p", F, "从左侧选择程序集、类或表进行查看。"))]), X.value.length ? (m(), s("div", I, [(m(!0), s(r, null, g(X.value, (e) => (m(), s("div", {
+			key: e.id,
+			class: p(["epl__doctab", { "is-active": e.id === Z.value }])
+		}, [c("button", {
+			type: "button",
+			class: "epl__doctab-label",
+			onClick: (t) => Z.value = e.id
+		}, _(e.title), 9, L), c("button", {
+			type: "button",
+			class: "epl__doctab-close",
+			title: "关闭",
+			onClick: (t) => ue(e.id)
+		}, " × ", 8, R)], 2))), 128))])) : o("", !0)])])])) : o("", !0)]));
+	}
+});
+//#endregion
+export { B as default };

package/dist/components/FileViewerBody.js

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

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

@@ -0,0 +1,47 @@
+import type { ViewerFile } from '@/composables/useFileViewer';
+/**
+ * The side viewer's CONTENT area — the type dispatch shared by {@link FileViewerPanel} (a top-level file) and
+ * the archive browsers (a file inside a zip/7z/tar/rar, extracted to a blob URL). Given a {@link ViewerFile}
+ * it renders the right thing: a self-fetching sub-viewer (docx/pdf/dicom/…), an inline image/video, or — for
+ * the text-backed kinds — markdown / html / svg / mind-map / subtitle / geo / csv (rendered), or highlighted,
+ * foldable source. It fetches its own text for the text-backed kinds and emits it via `loaded` so the host's
+ * copy button can use it. The host owns the header/bar, the render↔source `mode`, and copy/download.
+ *
+ * Extracted from FileViewerPanel so an archive entry previews with the EXACT same viewers as a top-level file
+ * (the old archive detail view only did text/image/office/dicom). The archive browsers import this lazily to
+ * break the import cycle (this component lazy-imports them right back for nested archives).
+ *
+ * "Open with" override: ANY file can be force-opened as a different formatter (hex / text / markdown / html /
+ * svg / image / audio / video — {@link VIEWER_FORMATTERS}), since auto-detection by extension/mime can be
+ * wrong. The choice becomes an EFFECTIVE file ({@link vf}) that re-runs the dispatch. Two entry points drive
+ * the SAME override: (1) the host's header menu (FileViewerPanel) calls the exposed `pickFormat`/`resetFormat`
+ * — the primary, universal entry; (2) the unpreviewable-binary card's own chip row, for the archive-browser
+ * context where there is no host header. The effective file is emitted via `formatchange` (so the host tracks
+ * toggle/copy visibility) and the active key via `formatpick` (so the host menu highlights it). `hostChooser`
+ * hides the in-body switcher bar when the host already shows the chooser in its header (no duplicate UI).
+ */
+type __VLS_Props = {
+    file: ViewerFile;
+    mode?: 'render' | 'source';
+    hostChooser?: boolean;
+};
+declare function pickFormat(key: string): void;
+declare function resetFormat(): void;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    reload: () => Promise<void>;
+    pickFormat: typeof pickFormat;
+    resetFormat: typeof resetFormat;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    loaded: (text: string) => any;
+    formatchange: (file: ViewerFile) => any;
+    formatpick: (key: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onLoaded?: ((text: string) => any) | undefined;
+    onFormatchange?: ((file: ViewerFile) => any) | undefined;
+    onFormatpick?: ((key: string) => any) | undefined;
+}>, {
+    mode: "render" | "source";
+    hostChooser: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;