@l1yp/file-viewer 0.1.0

package/dist/lib/fonts.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Font-stack references for inline style objects (render functions).
+ * They point at the CSS custom properties declared in tokens.css, so there is a
+ * single source of truth and they stay theme-agnostic.
+ */
+export declare const SERIF = "var(--font-serif)";
+export declare const SANS = "var(--font-sans)";
+export declare const MONO = "var(--font-mono)";

package/dist/lib/fonts.js

@@ -0,0 +1,4 @@
+//#region src/lib/fonts.ts
+var e = "var(--font-serif)", t = "var(--font-sans)", n = "var(--font-mono)";
+//#endregion
+export { n as MONO, t as SANS, e as SERIF };

package/dist/lib/format.d.ts

@@ -0,0 +1,16 @@
+/** Minimal span shape (start/stop as parseable date strings) — kept local so the package carries no app types. */
+export interface TimelineSpan {
+    start?: string | null;
+    stop?: string | null;
+}
+/**
+ * Format the wall-clock span of a reasoning run (earliest start → latest stop)
+ * as "12s" / "1m 5s". Mirrors the old component's fmtDur.
+ */
+export declare function formatDuration(items: TimelineSpan[]): string;
+/** Compact local date-time for listings: "2026-06-20 14:03". Empty when the timestamp is missing/zero. */
+export declare function formatDateTime(ms: number | null | undefined): string;
+/** Human-readable byte size: "512 B" / "1.4 KB" / "2.3 MB" (one decimal). */
+export declare function formatBytes(n: number | null | undefined): string;
+/** Coarser size used for attachment chips: KB rounded to whole numbers. */
+export declare function formatSizeCoarse(n: number | null | undefined): string | null;

package/dist/lib/format.js

@@ -0,0 +1,38 @@
+//#region src/lib/format.ts
+function e(e) {
+	try {
+		let t = null, n = null;
+		for (let r of e ?? []) {
+			if (r.start) {
+				let e = Date.parse(r.start);
+				!Number.isNaN(e) && (t === null || e < t) && (t = e);
+			}
+			if (r.stop) {
+				let e = Date.parse(r.stop);
+				!Number.isNaN(e) && (n === null || e > n) && (n = e);
+			}
+		}
+		if (t === null || n === null || n < t) return "";
+		let r = Math.max(1, Math.round((n - t) / 1e3));
+		if (r < 60) return `${r}s`;
+		let i = Math.floor(r / 60), a = r % 60;
+		return a ? `${i}m ${a}s` : `${i}m`;
+	} catch {
+		return "";
+	}
+}
+function t(e) {
+	if (!e) return "";
+	let t = new Date(e);
+	if (Number.isNaN(t.getTime())) return "";
+	let n = (e) => String(e).padStart(2, "0");
+	return `${t.getFullYear()}-${n(t.getMonth() + 1)}-${n(t.getDate())} ${n(t.getHours())}:${n(t.getMinutes())}`;
+}
+function n(e) {
+	return e == null ? "" : e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : `${(e / 1048576).toFixed(1)} MB`;
+}
+function r(e) {
+	return e == null ? null : e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(0)} KB` : `${(e / 1048576).toFixed(1)} MB`;
+}
+//#endregion
+export { n as formatBytes, t as formatDateTime, e as formatDuration, r as formatSizeCoarse };

package/dist/lib/frontmatter.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Split leading YAML frontmatter (a `---` … `---` block at the very top, as used by
+ * SKILL.md and friends) from the markdown body.
+ *
+ * `data` is the parsed mapping (empty when there's no frontmatter or it's malformed /
+ * not a mapping); `body` is the rest of the document with the block removed. On any
+ * parse failure we fall back to `{ data: {}, body: <original text> }` so nothing is lost.
+ */
+export interface ParsedFrontmatter {
+    data: Record<string, unknown>;
+    body: string;
+}
+export declare function parseFrontmatter(input: string): ParsedFrontmatter;

package/dist/lib/frontmatter.js

@@ -0,0 +1,23 @@
+import { load as e } from "js-yaml";
+//#region src/lib/frontmatter.ts
+var t = /^---[ \t]*\r?\n([\s\S]*?)\r?\n---[ \t]*(?:\r?\n|$)/;
+function n(n) {
+	let r = n.charCodeAt(0) === 65279 ? n.slice(1) : n, i = r.match(t);
+	if (!i) return {
+		data: {},
+		body: r
+	};
+	try {
+		let t = e(i[1]);
+		if (t && typeof t == "object" && !Array.isArray(t)) return {
+			data: t,
+			body: r.slice(i[0].length)
+		};
+	} catch {}
+	return {
+		data: {},
+		body: r
+	};
+}
+//#endregion
+export { n as parseFrontmatter };

package/dist/lib/geo.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Hand-rolled, zero-dependency parser for the three common geodata formats, normalized to a flat feature
+ * list the side viewer can draw as an offline SVG map (no tile server — internal network):
+ *  - GeoJSON (.geojson/.json): FeatureCollection / Feature / bare geometry; all geometry types incl. Multi* +
+ *    GeometryCollection. Positions are [lon, lat(, alt)].
+ *  - KML (.kml): <Placemark> with Point / LineString / Polygon (incl. inside MultiGeometry); `lon,lat,alt`
+ *    whitespace-separated coordinate tuples.
+ *  - GPX (.gpx): <wpt> waypoints (points), <rte>/<rtept> routes and <trk>/<trkseg>/<trkpt> tracks (lines);
+ *    coordinates are `lat`/`lon` attributes.
+ *
+ * Each geometry is reduced to point / line / polygon primitives (polygon = outer ring only — holes are
+ * dropped for the preview). Positions stay as [lon, lat]; the viewer owns the map projection.
+ */
+export type GeoKind = 'point' | 'line' | 'polygon';
+export interface GeoGeom {
+    kind: GeoKind;
+    /** [lon, lat] positions: point → 1, line → N, polygon → its outer ring. */
+    coords: [number, number][];
+}
+export interface GeoFeature {
+    name: string;
+    geoms: GeoGeom[];
+    props: Record<string, string>;
+}
+export interface ParsedGeo {
+    format: 'geojson' | 'kml' | 'gpx';
+    features: GeoFeature[];
+}
+/** Parse geodata source text into a normalized feature list. `ext` (when known) disambiguates the format. */
+export declare function parseGeo(text: string, ext?: string): ParsedGeo;

package/dist/lib/geo.js

@@ -0,0 +1,235 @@
+//#region src/lib/geo.ts
+function e(e) {
+	return Array.isArray(e) && typeof e[0] == "number" && typeof e[1] == "number" && Number.isFinite(e[0]) && Number.isFinite(e[1]);
+}
+function t(t) {
+	return e(t) ? [t[0], t[1]] : null;
+}
+function n(e) {
+	if (!Array.isArray(e)) return [];
+	let n = [];
+	for (let r of e) {
+		let e = t(r);
+		e && n.push(e);
+	}
+	return n;
+}
+function r(e, i) {
+	if (typeof e != "object" || !e) return;
+	let a = e, o = a.coordinates;
+	switch (a.type) {
+		case "Point": {
+			let e = t(o);
+			e && i.push({
+				kind: "point",
+				coords: [e]
+			});
+			break;
+		}
+		case "MultiPoint":
+			for (let e of n(o)) i.push({
+				kind: "point",
+				coords: [e]
+			});
+			break;
+		case "LineString": {
+			let e = n(o);
+			e.length && i.push({
+				kind: "line",
+				coords: e
+			});
+			break;
+		}
+		case "MultiLineString":
+			if (Array.isArray(o)) for (let e of o) {
+				let t = n(e);
+				t.length && i.push({
+					kind: "line",
+					coords: t
+				});
+			}
+			break;
+		case "Polygon": {
+			let e = Array.isArray(o) ? n(o[0]) : [];
+			e.length && i.push({
+				kind: "polygon",
+				coords: e
+			});
+			break;
+		}
+		case "MultiPolygon":
+			if (Array.isArray(o)) for (let e of o) {
+				let t = Array.isArray(e) ? n(e[0]) : [];
+				t.length && i.push({
+					kind: "polygon",
+					coords: t
+				});
+			}
+			break;
+		case "GeometryCollection":
+			if (Array.isArray(a.geometries)) for (let e of a.geometries) r(e, i);
+			break;
+	}
+}
+function i(e) {
+	let t = {}, n = "";
+	if (typeof e == "object" && e) {
+		for (let [n, r] of Object.entries(e)) r == null || typeof r == "object" || (t[n] = String(r));
+		n = t.name || t.Name || t.NAME || t.title || t.Title || "";
+	}
+	return {
+		name: n,
+		props: t
+	};
+}
+function a(e) {
+	let t = JSON.parse(e), n = [], a = (e) => {
+		if (typeof e != "object" || !e) return;
+		let t = e;
+		if (t.type === "FeatureCollection" && Array.isArray(t.features)) for (let e of t.features) a(e);
+		else if (t.type === "Feature") {
+			let e = [];
+			r(t.geometry, e);
+			let { name: a, props: o } = i(t.properties);
+			e.length && n.push({
+				name: a,
+				geoms: e,
+				props: o
+			});
+		} else if (typeof t.type == "string") {
+			let e = [];
+			r(t, e), e.length && n.push({
+				name: "",
+				geoms: e,
+				props: {}
+			});
+		}
+	};
+	return a(t), n;
+}
+function o(e) {
+	if (typeof DOMParser > "u") return null;
+	let t = new DOMParser().parseFromString(e, "application/xml");
+	return t.getElementsByTagName("parsererror").length ? null : t;
+}
+function s(e, t) {
+	for (let n of Array.from(e.children)) if (n.tagName.toLowerCase() === t.toLowerCase()) return (n.textContent || "").trim();
+	return "";
+}
+function c(e) {
+	let t = [];
+	for (let n of e.trim().split(/\s+/)) {
+		if (!n) continue;
+		let e = n.split(","), r = parseFloat(e[0]), i = parseFloat(e[1]);
+		Number.isFinite(r) && Number.isFinite(i) && t.push([r, i]);
+	}
+	return t;
+}
+function l(e) {
+	let t = o(e);
+	if (!t) return [];
+	let n = [];
+	for (let e of Array.from(t.getElementsByTagName("Placemark"))) {
+		let t = [];
+		for (let n of Array.from(e.getElementsByTagName("Point"))) {
+			let e = c(s(n, "coordinates"));
+			e[0] && t.push({
+				kind: "point",
+				coords: [e[0]]
+			});
+		}
+		for (let n of Array.from(e.getElementsByTagName("LineString"))) {
+			let e = c(s(n, "coordinates"));
+			e.length && t.push({
+				kind: "line",
+				coords: e
+			});
+		}
+		for (let n of Array.from(e.getElementsByTagName("Polygon"))) {
+			let e = (n.getElementsByTagName("outerBoundaryIs")[0] ?? n).getElementsByTagName("coordinates")[0], r = c(e?.textContent || "");
+			r.length && t.push({
+				kind: "polygon",
+				coords: r
+			});
+		}
+		if (t.length) {
+			let r = s(e, "name"), i = s(e, "description"), a = {};
+			i && (a.description = i), n.push({
+				name: r,
+				geoms: t,
+				props: a
+			});
+		}
+	}
+	return n;
+}
+function u(e) {
+	let t = parseFloat(e.getAttribute("lat") || ""), n = parseFloat(e.getAttribute("lon") || "");
+	return Number.isFinite(t) && Number.isFinite(n) ? [n, t] : null;
+}
+function d(e) {
+	let t = o(e);
+	if (!t) return [];
+	let n = [];
+	for (let e of Array.from(t.getElementsByTagName("wpt"))) {
+		let t = u(e);
+		t && n.push({
+			name: s(e, "name"),
+			geoms: [{
+				kind: "point",
+				coords: [t]
+			}],
+			props: {}
+		});
+	}
+	for (let e of Array.from(t.getElementsByTagName("rte"))) {
+		let t = [];
+		for (let n of Array.from(e.getElementsByTagName("rtept"))) {
+			let e = u(n);
+			e && t.push(e);
+		}
+		t.length && n.push({
+			name: s(e, "name"),
+			geoms: [{
+				kind: "line",
+				coords: t
+			}],
+			props: {}
+		});
+	}
+	for (let e of Array.from(t.getElementsByTagName("trk"))) {
+		let t = [];
+		for (let n of Array.from(e.getElementsByTagName("trkseg"))) {
+			let e = [];
+			for (let t of Array.from(n.getElementsByTagName("trkpt"))) {
+				let n = u(t);
+				n && e.push(n);
+			}
+			e.length && t.push({
+				kind: "line",
+				coords: e
+			});
+		}
+		t.length && n.push({
+			name: s(e, "name"),
+			geoms: t,
+			props: {}
+		});
+	}
+	return n;
+}
+function f(e, t) {
+	let n = (t || "").toLowerCase();
+	return n === "kml" || /<kml[\s>]/i.test(e) ? {
+		format: "kml",
+		features: l(e)
+	} : n === "gpx" || /<gpx[\s>]/i.test(e) ? {
+		format: "gpx",
+		features: d(e)
+	} : {
+		format: "geojson",
+		features: a(e)
+	};
+}
+//#endregion
+export { f as parseGeo };

package/dist/lib/har.d.ts

@@ -0,0 +1,171 @@
+/**
+ * HAR (HTTP Archive 1.2) 解析与展示层 —— 纯逻辑，不依赖 Vue / DOM。
+ *
+ * 移植自 sqlite-viewer 项目（D:\web-work\sqlite-viewer\src\har\har.ts），但做成**自包含**：原项目里
+ * 依赖的 base64 / utf8 / hex / JSON 美化工具直接内联在本文件，避免引入第三方或跨模块依赖（与本仓库
+ * lib/eml.ts、lib/mht.ts「手搓零依赖」的一致风格）。
+ *
+ * 职责：
+ *  1) 把任意 HAR JSON 文本解析为规范化的 HarDoc / HarEntry（带预计算的展示字段）；
+ *  2) 解码请求/响应 body：标准 `encoding:"base64"` + 部分工具（Reqable 等）「body 被 Base64 编码但
+ *     未声明」的情况自动识别；
+ *  3) Header / Cookie / Query / 表单等格式化查看所需的工具函数；
+ *  4) 导出 cURL。
+ */
+export interface HarNV {
+    name: string;
+    value: string;
+}
+export interface HarCookie {
+    name: string;
+    value: string;
+    path?: string;
+    domain?: string;
+    expires?: string | null;
+    httpOnly?: boolean;
+    secure?: boolean;
+    sameSite?: string;
+}
+export interface HarPostParam {
+    name: string;
+    value?: string;
+    fileName?: string;
+    contentType?: string;
+}
+export interface HarPostData {
+    mimeType?: string;
+    text?: string;
+    params?: HarPostParam[];
+    encoding?: string;
+    comment?: string;
+}
+export interface HarContent {
+    size?: number;
+    compression?: number;
+    mimeType?: string;
+    text?: string;
+    encoding?: string;
+}
+export interface HarRequest {
+    method: string;
+    url: string;
+    httpVersion?: string;
+    headers: HarNV[];
+    queryString: HarNV[];
+    cookies: HarCookie[];
+    headersSize?: number;
+    bodySize?: number;
+    postData?: HarPostData;
+}
+export interface HarResponse {
+    status: number;
+    statusText?: string;
+    httpVersion?: string;
+    headers: HarNV[];
+    cookies: HarCookie[];
+    content: HarContent;
+    redirectURL?: string;
+    headersSize?: number;
+    bodySize?: number;
+}
+export interface HarTimings {
+    blocked?: number;
+    dns?: number;
+    connect?: number;
+    send?: number;
+    wait?: number;
+    receive?: number;
+    ssl?: number;
+}
+export interface HarEntryRaw {
+    startedDateTime?: string;
+    time?: number;
+    request: HarRequest;
+    response: HarResponse;
+    timings?: HarTimings;
+    serverIPAddress?: string;
+    connection?: string;
+    resourceType?: string;
+}
+/** 请求资源大类（用于颜色 / 快捷筛选） */
+export type HarCategory = 'doc' | 'xhr' | 'js' | 'css' | 'img' | 'font' | 'media' | 'ws' | 'other';
+export interface HarEntry {
+    index: number;
+    method: string;
+    url: string;
+    scheme: string;
+    host: string;
+    path: string;
+    pathname: string;
+    status: number;
+    statusText: string;
+    category: HarCategory;
+    type: string;
+    mime: string;
+    size: number;
+    reqSize: number;
+    time: number;
+    startedISO: string;
+    startedMs: number;
+    serverIP: string;
+    raw: HarEntryRaw;
+}
+export interface HarDoc {
+    entries: HarEntry[];
+    creator: string;
+    version: string;
+}
+/** 拆分 URL（容错：非法 URL 时退化为整串当 path） */
+export declare function splitUrl(url: string): {
+    scheme: string;
+    host: string;
+    pathname: string;
+    path: string;
+};
+/** 去掉 mime 的 charset/boundary 等参数，返回主类型 */
+export declare function shortMime(mime: string): string;
+/** 由响应 mime + url + status 推断资源大类与短标签 */
+export declare function categorize(mime: string, scheme: string, status: number, rt: string): {
+    category: HarCategory;
+    type: string;
+};
+/** 解析 HAR 文本。非法 / 无 log.entries 时抛错。 */
+export declare function parseHar(text: string): HarDoc;
+export type BodyDecodeMode = 'auto' | 'raw' | 'base64';
+export interface DecodedBody {
+    kind: 'empty' | 'text' | 'binary' | 'form';
+    text: string;
+    mime: string;
+    size: number;
+    wasBase64: boolean;
+    isBase64Guess: boolean;
+    isImage: boolean;
+    dataUri: string;
+    form?: HarPostParam[];
+}
+/** 文本型 mime（可直接当字符串展示） */
+export declare function isTextualMime(mime: string): boolean;
+export declare function isImageMime(mime: string): boolean;
+/** 严格判断字符串是否「像」标准 base64（用于自动解码未声明编码的 body） */
+export declare function looksLikeBase64(s: string): boolean;
+/** 解码响应内容 content。mode 控制是否对未声明编码的 body 做 base64 解码。 */
+export declare function decodeContent(content: HarContent, mode?: BodyDecodeMode): DecodedBody;
+/** 解码请求体 postData。表单优先以字段表展示。 */
+export declare function decodePostData(post: HarPostData | undefined, mode?: BodyDecodeMode): DecodedBody;
+/** 若 body 是 JSON（或疑似 JSON）则美化，返回 {text, pretty} */
+export declare function prettyBody(text: string, mime: string): {
+    text: string;
+    pretty: boolean;
+};
+/** body 高亮所用的语言（对齐 highlight.js / 本仓库 hljsLang）。注意 svg 含 "xml"，须先于 xml 判定。 */
+export declare function bodyLang(mime: string): string;
+/** 解析 query string 为 K/V（容错，按 & 与 = 拆） */
+export declare function parseQuery(search: string): HarNV[];
+/** 取某个 header（大小写不敏感） */
+export declare function header(list: HarNV[], name: string): string;
+/** 导出为 cURL 命令 */
+export declare function toCurl(entry: HarEntry): string;
+export declare function fmtSize(n: number): string;
+export declare function fmtMs(n: number): string;
+/** 状态码颜色类：2xx 绿 / 3xx 蓝 / 4xx 橙 / 5xx 红 / 0 灰 */
+export declare function statusClass(status: number): string;