@l1yp/file-viewer 0.1.0 → 0.1.1

package/dist/lib/archiveHtml.js

@@ -0,0 +1,375 @@
+import { fileExt as e } from "./fileType.js";
+import { decodeTextSniff as t } from "./encoding.js";
+import { bytesToBinary as n } from "./mime.js";
+//#region src/lib/archiveHtml.ts
+var r = 512, i = 64 * 1024 * 1024, a = 32 * 1024 * 1024, o = {
+	css: "text/css",
+	js: "text/javascript",
+	mjs: "text/javascript",
+	cjs: "text/javascript",
+	json: "application/json",
+	map: "application/json",
+	wasm: "application/wasm",
+	html: "text/html",
+	htm: "text/html",
+	xhtml: "application/xhtml+xml",
+	xml: "application/xml",
+	svg: "image/svg+xml",
+	png: "image/png",
+	jpg: "image/jpeg",
+	jpeg: "image/jpeg",
+	gif: "image/gif",
+	webp: "image/webp",
+	bmp: "image/bmp",
+	ico: "image/x-icon",
+	avif: "image/avif",
+	mp3: "audio/mpeg",
+	wav: "audio/wav",
+	ogg: "audio/ogg",
+	opus: "audio/opus",
+	flac: "audio/flac",
+	mp4: "video/mp4",
+	webm: "video/webm",
+	mov: "video/quicktime",
+	woff: "font/woff",
+	woff2: "font/woff2",
+	ttf: "font/ttf",
+	otf: "font/otf",
+	eot: "application/vnd.ms-fontobject",
+	txt: "text/plain"
+};
+function s(t) {
+	return o[e(t)] ?? "application/octet-stream";
+}
+function c(e, t) {
+	return `data:${t};base64,${btoa(n(e))}`;
+}
+function l(e) {
+	let t = e.search(/[?#]/);
+	return t < 0 ? e : e.slice(0, t);
+}
+function u(e) {
+	try {
+		return decodeURIComponent(e);
+	} catch {
+		return e;
+	}
+}
+function d(e) {
+	let t = [];
+	for (let n of u(e).replace(/\\/g, "/").split("/")) if (!(!n || n === ".")) {
+		if (n === "..") {
+			if (!t.length) return null;
+			t.pop();
+			continue;
+		}
+		t.push(n);
+	}
+	return t.join("/");
+}
+function f(e) {
+	let t = e.lastIndexOf("/");
+	return t < 0 ? "" : e.slice(0, t);
+}
+function p(e) {
+	let t = e.trim();
+	return !t || t.startsWith("#") || t.startsWith("?") || t.startsWith("//") || /^[a-z][a-z\d+.-]*:/i.test(t);
+}
+function m(e, t) {
+	if (p(e)) return [];
+	let n = l(e.trim());
+	if (!n) return [];
+	let r = d(t) ?? "", i = f(r), a = n.replace(/\\/g, "/"), o = [];
+	if (a.startsWith("/")) {
+		let e = d(a.slice(1));
+		e && o.push(e);
+		let t = r.split("/")[0];
+		if (t && r.includes("/") && e) {
+			let n = d(`${t}/${e}`);
+			n && o.push(n);
+		}
+		if (i && e) {
+			let t = d(`${i}/${e}`);
+			t && o.push(t);
+		}
+	} else {
+		let e = d(i ? `${i}/${a}` : a);
+		e && o.push(e);
+	}
+	return o;
+}
+function h(e) {
+	let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
+	for (let r of e) {
+		if (r.isDir) continue;
+		let e = d(r.path);
+		if (!e) continue;
+		t.set(e, r);
+		let i = e.toLocaleLowerCase();
+		n.has(i) ? n.set(i, null) : n.set(i, r);
+	}
+	let r = (e) => t.get(e) || (n.get(e.toLocaleLowerCase()) ?? void 0);
+	return (e, t) => {
+		for (let n of m(e, t)) {
+			let e = r(n);
+			if (e) return e;
+		}
+	};
+}
+async function g(e, t, n) {
+	let r = t.flags.includes("g") ? t.flags : t.flags + "g", i = new RegExp(t.source, r), a = "", o = 0, s;
+	for (; (s = i.exec(e)) !== null;) a += e.slice(o, s.index), a += await n(s), o = s.index + s[0].length, s[0].length === 0 && i.lastIndex++;
+	return a + e.slice(o);
+}
+async function _(e, t) {
+	let n = await g(e, /@import\s+(?:url\(\s*)?(['"]?)([^'"\s)]+)\1\s*\)?/gi, async (e) => {
+		let n = await t(e[2], "css");
+		return n ? `@import url("${n}")` : e[0];
+	});
+	return n = await g(n, /url\(\s*(['"]?)([^'")]+)\1\s*\)/gi, async (e) => {
+		let n = await t(e[2].trim(), "raw");
+		return n ? `url("${n}")` : e[0];
+	}), n;
+}
+async function v(e, t) {
+	let n = await g(e, /\b((?:import|export)[^'";]*?\bfrom\s*)(['"])([^'"]+)\2/g, async (e) => {
+		let n = await t(e[3], "module");
+		return n ? `${e[1]}${e[2]}${n}${e[2]}` : e[0];
+	});
+	return n = await g(n, /\b(import\s*)(['"])([^'"]+)\2/g, async (e) => {
+		let n = await t(e[3], "module");
+		return n ? `${e[1]}${e[2]}${n}${e[2]}` : e[0];
+	}), n = await g(n, /\b(import\s*\(\s*)(['"])([^'"]+)\2(\s*\))/g, async (e) => {
+		let n = await t(e[3], "module");
+		return n ? `${e[1]}${e[2]}${n}${e[2]}${e[4]}` : e[0];
+	}), n = await g(n, /\bnew\s+URL\(\s*(['"])([^'"]+)\1\s*,\s*import\.meta\.url\s*\)/g, async (e) => {
+		let n = await t(e[2], "raw");
+		return n ? `new URL(${JSON.stringify(n)})` : e[0];
+	}), n;
+}
+function y(e) {
+	let t = {}, n = {};
+	for (let r of e) try {
+		let e = JSON.parse(r);
+		if (!e || typeof e != "object" || Array.isArray(e)) continue;
+		let i = e;
+		if (i.imports && typeof i.imports == "object" && !Array.isArray(i.imports)) for (let [e, n] of Object.entries(i.imports)) !(e in t) && (typeof n == "string" || n === null) && (t[e] = n);
+		if (i.scopes && typeof i.scopes == "object" && !Array.isArray(i.scopes)) for (let [e, t] of Object.entries(i.scopes)) {
+			if (!t || typeof t != "object" || Array.isArray(t)) continue;
+			let r = n[e] ??= {};
+			for (let [e, n] of Object.entries(t)) !(e in r) && (typeof n == "string" || n === null) && (r[e] = n);
+		}
+	} catch {}
+	return {
+		imports: t,
+		scopes: n
+	};
+}
+function b(e, t) {
+	if (Object.prototype.hasOwnProperty.call(e, t)) return e[t];
+	let n = "";
+	for (let r of Object.keys(e)) r.endsWith("/") && t.startsWith(r) && r.length > n.length && (n = r);
+	if (!n) return;
+	let r = e[n];
+	return r === null || !r.endsWith("/") ? null : r + t.slice(n.length);
+}
+function x(e, t) {
+	let n = y(e);
+	return (e, r) => {
+		let i;
+		for (let [e, a] of Object.entries(n.scopes)) for (let n of m(e, t)) {
+			let e = n.replace(/\/$/, "");
+			(r === e || r.startsWith(`${e}/`)) && (!i || e.length > i.prefix.length) && (i = {
+				prefix: e,
+				entries: a
+			});
+		}
+		let a = i ? b(i.entries, e) : void 0;
+		return a === void 0 ? b(n.imports, e) : a;
+	};
+}
+function S(t, n) {
+	if (n !== "module") return n;
+	let r = e(t.name);
+	return r === "css" ? "css" : r === "html" || r === "htm" || r === "xhtml" ? "html" : r === "js" || r === "mjs" || r === "cjs" ? "module" : "raw";
+}
+async function C(e) {
+	let n = h(e.entries), o = e.maxResources ?? r, l = e.maxTotalBytes ?? i, u = e.maxEntryBytes ?? a, d = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Set(), g = 0, y = 0, b = 0, C = 0, w = (t) => {
+		let n = d.get(t);
+		if (n) return n;
+		let r = (async () => {
+			if (d.size >= o || t.size > u || y + t.size > l) return C++, null;
+			y += t.size;
+			try {
+				let n = await e.loadEntry(t);
+				return n.byteLength > u || y - t.size + n.byteLength > l ? (C++, null) : (y += n.byteLength - t.size, b++, n);
+			} catch {
+				return C++, null;
+			}
+		})();
+		return d.set(t, r), r;
+	}, T = async (e, r, i) => {
+		let a = S(e, r), o = `${e.path}\u0000${a}\u0000${a === "module" ? i?.id ?? "" : ""}`;
+		if (m.has(o)) return null;
+		let l = f.get(o);
+		if (l) return l;
+		m.add(o);
+		let u = (async () => {
+			let r = await w(e);
+			if (!r) return null;
+			if (a === "css") {
+				let a = await _(t(r), async (t, r) => {
+					let a = n(t, e.path);
+					return a ? T(a, r, i) : null;
+				});
+				return c(new TextEncoder().encode(a), "text/css");
+			}
+			if (a === "module") {
+				let n = await v(t(r), async (t, n) => E(t, e.path, n, i));
+				return c(new TextEncoder().encode(n), "text/javascript");
+			}
+			if (a === "html") {
+				let n = await O(t(r), e.path);
+				return c(new TextEncoder().encode(n), "text/html");
+			}
+			return c(r, s(e.name));
+		})().finally(() => m.delete(o));
+		return f.set(o, u), u;
+	}, E = async (e, t, r, i) => {
+		let a = e, o = t;
+		if (r === "module" && i) {
+			let n = i.resolve(e, t);
+			if (n === null) return null;
+			if (n !== void 0 && (a = n, o = i.documentPath, p(a))) return a;
+		}
+		let s = n(a, o);
+		if (!s) return null;
+		let c = await T(s, r, i);
+		if (!c) return null;
+		let l = a.indexOf("#");
+		return l < 0 ? c : c + a.slice(l);
+	}, D = async (e, t) => {
+		let n = e.split(","), r = [];
+		for (let e of n) {
+			let n = e.trim();
+			if (!n) continue;
+			let i = n.split(/\s+/), a = await E(i[0], t, "raw");
+			a && (i[0] = a), r.push(i.join(" "));
+		}
+		return r.join(", ");
+	}, O = async (e, t) => {
+		let n = new DOMParser().parseFromString(e, "text/html"), r = Array.from(n.querySelectorAll("script[type=\"importmap\"]:not([src])")), i = {
+			id: ++g,
+			documentPath: t,
+			resolve: x(r.map((e) => e.textContent ?? ""), t)
+		};
+		n.querySelectorAll("base").forEach((e) => e.remove()), n.querySelectorAll("meta[http-equiv]").forEach((e) => {
+			let t = (e.getAttribute("http-equiv") ?? "").toLocaleLowerCase();
+			(t === "content-security-policy" || t === "refresh") && e.remove();
+		});
+		for (let e of Array.from(n.querySelectorAll("link[href]"))) {
+			let n = e.getAttribute("href");
+			if (!n) continue;
+			let r = (e.getAttribute("rel") ?? "").toLocaleLowerCase().split(/\s+/), a = r.includes("stylesheet") ? "css" : r.includes("modulepreload") ? "module" : "raw", o = await E(n, t, a, i);
+			o && (e.setAttribute("href", o), (a === "css" || a === "module") && e.removeAttribute("integrity"));
+		}
+		for (let e of Array.from(n.querySelectorAll("script[src]"))) {
+			let n = e.getAttribute("src");
+			if (!n) continue;
+			let r = (e.getAttribute("type") ?? "").toLocaleLowerCase() === "module" ? "module" : "raw", a = await E(n, t, r, i);
+			a && (e.setAttribute("src", a), r === "module" && e.removeAttribute("integrity"));
+		}
+		for (let e of Array.from(n.querySelectorAll("script[type=\"module\"]:not([src])"))) e.textContent = await v(e.textContent ?? "", async (e, n) => E(e, t, n, i));
+		r.forEach((e) => e.remove());
+		for (let [e, r, i] of [
+			[
+				"img[src]",
+				"src",
+				"raw"
+			],
+			[
+				"input[type=\"image\"][src]",
+				"src",
+				"raw"
+			],
+			[
+				"source[src]",
+				"src",
+				"raw"
+			],
+			[
+				"video[src]",
+				"src",
+				"raw"
+			],
+			[
+				"video[poster]",
+				"poster",
+				"raw"
+			],
+			[
+				"audio[src]",
+				"src",
+				"raw"
+			],
+			[
+				"track[src]",
+				"src",
+				"raw"
+			],
+			[
+				"embed[src]",
+				"src",
+				"raw"
+			],
+			[
+				"object[data]",
+				"data",
+				"raw"
+			],
+			[
+				"iframe[src]",
+				"src",
+				"html"
+			],
+			[
+				"image[href]",
+				"href",
+				"raw"
+			],
+			[
+				"use[href]",
+				"href",
+				"raw"
+			]
+		]) for (let a of Array.from(n.querySelectorAll(e))) {
+			let e = a.getAttribute(r);
+			if (!e) continue;
+			let n = await E(e, t, i);
+			n && a.setAttribute(r, n);
+		}
+		for (let e of Array.from(n.querySelectorAll("image, use"))) {
+			let n = e.getAttribute("xlink:href");
+			if (!n) continue;
+			let r = await E(n, t, "raw");
+			r && e.setAttribute("xlink:href", r);
+		}
+		for (let e of Array.from(n.querySelectorAll("img[srcset], source[srcset]"))) {
+			let n = e.getAttribute("srcset");
+			n && e.setAttribute("srcset", await D(n, t));
+		}
+		for (let e of Array.from(n.querySelectorAll("[style]"))) {
+			let n = e.getAttribute("style");
+			n && e.setAttribute("style", await _(n, async (e, n) => E(e, t, n)));
+		}
+		for (let e of Array.from(n.querySelectorAll("style"))) e.textContent = await _(e.textContent ?? "", async (e, n) => E(e, t, n));
+		return "<!doctype html>\n" + n.documentElement.outerHTML;
+	};
+	return {
+		html: await O(e.html, e.documentPath),
+		loadedResources: b,
+		skippedResources: C
+	};
+}
+//#endregion
+export { C as buildArchiveHtmlPreview };

package/dist/lib/docxNavigation.d.ts

@@ -0,0 +1,31 @@
+import type { ElementNavigationItem } from '@/composables/useElementNavigation';
+interface DocxNode {
+    type?: string;
+    styleName?: string;
+    outlineLevel?: number;
+    children?: DocxNode[];
+}
+interface DocxStyle {
+    id?: string | null;
+    name?: string | null;
+    basedOn?: string | null;
+    paragraphProps?: {
+        outlineLevel?: number;
+    };
+}
+export interface ParsedDocxModel {
+    documentPart?: {
+        body?: DocxNode;
+    };
+    stylesPart?: {
+        styles?: DocxStyle[];
+    };
+}
+export interface DocxNavigation {
+    outline: ElementNavigationItem[];
+    pages: ElementNavigationItem[];
+}
+export declare function buildDocxPageNavigation(renderRoot: HTMLElement): ElementNavigationItem[];
+/** Build Word-style outline/page navigation from docx-preview's parsed model and rendered DOM. */
+export declare function buildDocxNavigation(document: ParsedDocxModel, renderRoot: HTMLElement): DocxNavigation;
+export {};

package/dist/lib/docxNavigation.js

@@ -0,0 +1,63 @@
+//#region src/lib/docxNavigation.ts
+var e = /(?:heading|标题|標題|titre|überschrift|titolo|encabezado|nagłówek)\s*[-_. ]*([1-6])/i;
+function t(e) {
+	let t = (e ?? "").replace(/\s+/g, " ").trim();
+	return t.length > 120 ? `${t.slice(0, 117)}…` : t;
+}
+function n(e) {
+	return typeof e == "number" && Number.isInteger(e) && e >= 0 && e <= 5 ? e : void 0;
+}
+function r(...t) {
+	for (let n of t) {
+		let t = n?.match(e);
+		if (t) return Number(t[1]) - 1;
+	}
+}
+function i(e, t) {
+	for (let n of e) {
+		if (n.type === "paragraph") {
+			t.push(n);
+			continue;
+		}
+		n.children?.length && i(n.children, t);
+	}
+}
+function a(e) {
+	return Array.from(e.querySelectorAll(".docx-wrapper > section.docx"), (e, t) => ({
+		id: `docx-page-${t}`,
+		title: `第 ${t + 1} 页`,
+		level: 0,
+		target: e
+	}));
+}
+function o(e, o) {
+	let s = e.stylesPart?.styles, c = (Array.isArray(s) ? s : []).filter((e) => !!e.id), l = new Map(c.map((e) => [e.id, e])), u = /* @__PURE__ */ new Map();
+	function d(e, t = /* @__PURE__ */ new Set()) {
+		if (!e) return;
+		if (u.has(e)) return u.get(e);
+		if (t.has(e)) return;
+		t.add(e);
+		let i = l.get(e), a = n(i?.paragraphProps?.outlineLevel) ?? r(e, i?.id, i?.name) ?? d(i?.basedOn ?? void 0, t);
+		return u.set(e, a), a;
+	}
+	let f = [];
+	i(e.documentPart?.body?.children ?? [], f);
+	let p = Array.from(o.querySelectorAll(".docx-wrapper > section.docx > article p")), m = [];
+	for (let e = 0; e < Math.min(f.length, p.length); e += 1) {
+		let r = f[e], i = p[e], a = n(r.outlineLevel) ?? d(r.styleName), o = t(i.textContent);
+		if (a === void 0 || !o) continue;
+		let s = `docx-outline-${m.length}`;
+		i.dataset.documentNavId = s, m.push({
+			id: s,
+			title: o,
+			level: a,
+			target: i
+		});
+	}
+	return {
+		outline: m,
+		pages: a(o)
+	};
+}
+//#endregion
+export { o as buildDocxNavigation, a as buildDocxPageNavigation };

package/dist/lib/pptxNavigation.d.ts

@@ -0,0 +1,7 @@
+import { type PresentationData } from '@aiden0z/pptx-renderer';
+export interface PptxNavigationItem {
+    index: number;
+    title: string;
+}
+/** Derive one concise label per slide from the renderer's parsed text model. */
+export declare function buildPptxNavigation(presentation: PresentationData): PptxNavigationItem[];

package/dist/lib/pptxNavigation.js

@@ -0,0 +1,27 @@
+import { buildTextIndex as e } from "@aiden0z/pptx-renderer";
+//#region src/lib/pptxNavigation.ts
+function t(e) {
+	let t = e.replace(/\s+/g, " ").trim();
+	return t.length > 72 ? `${t.slice(0, 69)}…` : t;
+}
+function n(e) {
+	let n = t(e.text);
+	return !!n && !/^(?:slide\s*)?\d+$/i.test(n);
+}
+function r(r) {
+	let i = /* @__PURE__ */ new Map();
+	for (let t of e(r)) {
+		if (!n(t)) continue;
+		let e = i.get(t.slideIndex) ?? [];
+		e.push(t), i.set(t.slideIndex, e);
+	}
+	return r.slides.map((e, n) => {
+		let a = (i.get(n) ?? []).sort((e, t) => e.bounds.y - t.bounds.y || e.bounds.x - t.bounds.x);
+		return {
+			index: n,
+			title: t((a.find((e) => e.bounds.y < r.height * .4) ?? a[0])?.text ?? "") || `幻灯片 ${n + 1}`
+		};
+	});
+}
+//#endregion
+export { r as buildPptxNavigation };