@l1yp/file-viewer 0.1.0

package/dist/lib/diagram.d.ts

@@ -0,0 +1,5 @@
+export type DiagramKind = 'drawio' | 'excalidraw';
+/** Which diagram renderer (if any) handles this file — extension-driven, with the registered mimes as a hint. */
+export declare function isDiagramFile(name: string, mime?: string | null): DiagramKind | null;
+/** Render a diagram's text to a standalone SVG string. Async because drawio diagrams are usually DEFLATE'd. */
+export declare function renderDiagram(text: string, kind: DiagramKind): Promise<string>;

package/dist/lib/diagram.js

@@ -0,0 +1,479 @@
+import { fileExt as e } from "./fileType.js";
+//#region src/lib/diagram.ts
+function t(t, n) {
+	let r = e(t);
+	if (r === "drawio" || r === "dio") return "drawio";
+	if (r === "excalidraw") return "excalidraw";
+	let i = (n || "").toLowerCase().trim();
+	return i === "application/vnd.jgraph.mxfile" ? "drawio" : i === "application/vnd.excalidraw+json" ? "excalidraw" : null;
+}
+async function n(e, t) {
+	return t === "excalidraw" ? K(e) : l(e);
+}
+var r = "Helvetica, Arial, \"PingFang SC\", \"Microsoft YaHei\", sans-serif";
+function i(e) {
+	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function a(e, t = 0) {
+	let n = Number(e);
+	return Number.isFinite(n) ? n : t;
+}
+var o = (e) => Math.round(e * 100) / 100, s = (e, t, n) => Math.max(t, Math.min(n, e));
+function c(e, t, n, i, a) {
+	let [s, c, l, u] = e.split(/\s+/).map(Number);
+	return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="${e}" width="${t}" height="${n}" font-family='${r}'><defs><marker id="dg-arrow" markerWidth="10" markerHeight="8" refX="8" refY="3" orient="auto-start-reverse" markerUnits="strokeWidth"><path d="M0,0 L9,3 L0,6 z" fill="context-stroke"/></marker></defs>${i && i !== "transparent" ? `<rect x="${o(s)}" y="${o(c)}" width="${o(l)}" height="${o(u)}" fill="${i}"/>` : ""}${a}</svg>`;
+}
+async function l(e) {
+	let t = await d(e);
+	if (!t) throw Error("无法解析该 drawio 文件（未找到 mxGraphModel）");
+	return G(t);
+}
+var u = (e, t) => e.getElementsByTagName(t)[0] ?? null;
+async function d(e) {
+	let t = new DOMParser(), n = t.parseFromString(e, "text/xml");
+	if (u(n, "parsererror")) return u(n, "mxGraphModel");
+	let r = n.documentElement;
+	if (!r) return null;
+	if (r.nodeName === "mxGraphModel") return r;
+	if (r.nodeName === "mxfile") {
+		let e = u(r, "diagram");
+		if (!e) return u(r, "mxGraphModel");
+		let n = u(e, "mxGraphModel");
+		if (n) return n;
+		let i = (e.textContent || "").trim();
+		if (!i) return null;
+		let a = i.startsWith("<") ? i : await f(i);
+		return u(t.parseFromString(a, "text/xml"), "mxGraphModel");
+	}
+	return u(n, "mxGraphModel");
+}
+async function f(e) {
+	let t = atob(e.replace(/\s+/g, "")), n = new Uint8Array(t.length);
+	for (let e = 0; e < t.length; e++) n[e] = t.charCodeAt(e);
+	let r = new Blob([n]).stream().pipeThrough(new DecompressionStream("deflate-raw")), i = await new Response(r).arrayBuffer();
+	return decodeURIComponent(new TextDecoder().decode(i));
+}
+function p(e) {
+	let t = {};
+	for (let n of e.split(";")) {
+		if (!n) continue;
+		let e = n.indexOf("=");
+		e < 0 ? t[n.trim()] = "" : t[n.slice(0, e).trim()] = n.slice(e + 1).trim();
+	}
+	return t;
+}
+function m(e) {
+	return e.replace(/&#x([0-9a-f]+);/gi, (e, t) => String.fromCodePoint(Number.parseInt(t, 16))).replace(/&#(\d+);/g, (e, t) => String.fromCodePoint(Number(t))).replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, "\"").replace(/&apos;|&#39;/g, "'").replace(/&nbsp;/g, " ").replace(/&amp;/g, "&");
+}
+function h(e) {
+	return e ? m(e.replace(/<br\s*\/?>/gi, "\n").replace(/<\/(div|p|li|tr|h[1-6])>/gi, "\n").replace(/<[^>]+>/g, "")).replace(/ /g, " ").replace(/\n{2,}/g, "\n").trim() : "";
+}
+function g(e) {
+	let t = /* @__PURE__ */ new Map(), n = [];
+	for (let r of Array.from(e.getElementsByTagName("mxCell"))) {
+		let e = {
+			id: r.getAttribute("id") || "",
+			value: h(r.getAttribute("value") || ""),
+			style: p(r.getAttribute("style") || ""),
+			vertex: r.getAttribute("vertex") === "1",
+			edge: r.getAttribute("edge") === "1",
+			source: r.getAttribute("source") || "",
+			target: r.getAttribute("target") || "",
+			parent: r.getAttribute("parent") || ""
+		}, i = r.getElementsByTagName("mxGeometry")[0];
+		if (i) {
+			e.geom = {
+				x: a(i.getAttribute("x")),
+				y: a(i.getAttribute("y")),
+				w: a(i.getAttribute("width")),
+				h: a(i.getAttribute("height")),
+				relative: i.getAttribute("relative") === "1"
+			};
+			for (let t of Array.from(i.getElementsByTagName("mxPoint"))) {
+				let n = {
+					x: a(t.getAttribute("x")),
+					y: a(t.getAttribute("y"))
+				}, r = t.getAttribute("as");
+				r === "sourcePoint" ? e.srcPoint = n : r === "targetPoint" ? e.tgtPoint = n : r === "offset" && (e.offset = n);
+			}
+			let t = Array.from(i.getElementsByTagName("Array")).find((e) => e.getAttribute("as") === "points");
+			t && (e.points = Array.from(t.getElementsByTagName("mxPoint")).map((e) => ({
+				x: a(e.getAttribute("x")),
+				y: a(e.getAttribute("y"))
+			})));
+		}
+		t.set(e.id, e), n.push(e);
+	}
+	return {
+		cells: n,
+		byId: t
+	};
+}
+function _(e, t) {
+	let n = e.geom, r = n.x, i = n.y, a = t.get(e.parent);
+	for (; a && a.geom && a.vertex && !a.edge;) r += a.geom.x, i += a.geom.y, a = t.get(a.parent);
+	return {
+		x: r,
+		y: i,
+		w: n.w,
+		h: n.h
+	};
+}
+var v = (e) => ({
+	x: e.x + e.w / 2,
+	y: e.y + e.h / 2
+});
+function y(e, t, n) {
+	return t == null || n == null ? null : {
+		x: e.x + a(t) * e.w,
+		y: e.y + a(n) * e.h
+	};
+}
+function b(e, t) {
+	if (e == null || t == null) return null;
+	let n = a(e), r = a(t);
+	return n === 0 ? "L" : n === 1 ? "R" : r === 0 ? "T" : r === 1 ? "B" : null;
+}
+function x(e, t) {
+	let n = v(e), r = t.x - n.x, i = t.y - n.y;
+	if (!r && !i) return n;
+	let a = r ? e.w / 2 / Math.abs(r) : Infinity, o = i ? e.h / 2 / Math.abs(i) : Infinity, s = Math.min(a, o);
+	return {
+		x: n.x + r * s,
+		y: n.y + i * s
+	};
+}
+function S(e, t) {
+	let n = v(e), r = t.x - n.x, i = t.y - n.y;
+	if (!r && !i) return n;
+	let a = e.w / 2 || 1, o = e.h / 2 || 1, s = 1 / Math.sqrt((r / a) ** 2 + (i / o) ** 2);
+	return {
+		x: n.x + r * s,
+		y: n.y + i * s
+	};
+}
+function C(e, t, n, r, i) {
+	let a = y(t, n, r);
+	return a ? {
+		pt: a,
+		side: b(n, r)
+	} : {
+		pt: "ellipse" in e.style ? S(t, i) : x(t, i),
+		side: null
+	};
+}
+function w(e, t, n, r) {
+	let i = Math.abs(n.x - e.x) >= Math.abs(n.y - e.y), a = t ? t === "L" || t === "R" : i, o = r ? r === "L" || r === "R" : i;
+	if (a && o) {
+		let t = (e.x + n.x) / 2;
+		return [
+			e,
+			{
+				x: t,
+				y: e.y
+			},
+			{
+				x: t,
+				y: n.y
+			},
+			n
+		];
+	}
+	if (!a && !o) {
+		let t = (e.y + n.y) / 2;
+		return [
+			e,
+			{
+				x: e.x,
+				y: t
+			},
+			{
+				x: n.x,
+				y: t
+			},
+			n
+		];
+	}
+	return a && !o ? [
+		e,
+		{
+			x: n.x,
+			y: e.y
+		},
+		n
+	] : [
+		e,
+		{
+			x: e.x,
+			y: n.y
+		},
+		n
+	];
+}
+var T = (e) => !!e && !!e.geom && e.geom.w > 0;
+function E(e, t) {
+	let n = e.source ? t.get(e.source) : void 0, r = e.target ? t.get(e.target) : void 0, i = T(n) ? _(n, t) : null, a = T(r) ? _(r, t) : null, o = e.points ?? [], s = i ? y(i, e.style.exitX, e.style.exitY) : null, c = a ? y(a, e.style.entryX, e.style.entryY) : null, l = s ?? (i ? v(i) : e.srcPoint) ?? {
+		x: 0,
+		y: 0
+	}, u = c ?? (a ? v(a) : e.tgtPoint) ?? {
+		x: 0,
+		y: 0
+	}, d, f = null;
+	if (n && i) {
+		let t = C(n, i, e.style.exitX, e.style.exitY, o[0] ?? u);
+		d = t.pt, f = t.side;
+	} else d = e.srcPoint;
+	let p, m = null;
+	if (r && a) {
+		let t = C(r, a, e.style.entryX, e.style.entryY, o[o.length - 1] ?? l);
+		p = t.pt, m = t.side;
+	} else p = e.tgtPoint;
+	return !d || !p ? [] : o.length ? [
+		d,
+		...o,
+		p
+	] : (e.style.edgeStyle || "").toLowerCase().includes("orthogonal") ? w(d, f, p, m) : [d, p];
+}
+function D(e, t) {
+	return e === "none" ? "none" : e || t;
+}
+var O = 6;
+function k(e) {
+	let t = (e.style.jumpStyle || "").toLowerCase();
+	return t !== "" && t !== "none" && e.style.noJump !== "1";
+}
+function A(e, t, n, r) {
+	let i = t.x - e.x, a = t.y - e.y, o = r.x - n.x, s = r.y - n.y, c = i * s - a * o;
+	if (Math.abs(c) < 1e-9) return null;
+	let l = ((n.x - e.x) * s - (n.y - e.y) * o) / c, u = ((n.x - e.x) * a - (n.y - e.y) * i) / c;
+	return l <= 0 || l >= 1 || u <= 0 || u >= 1 ? null : {
+		t: l,
+		u
+	};
+}
+function j(e, t, n, r) {
+	let i = e.get(t);
+	i ? i.push({
+		seg: n,
+		t: r
+	}) : e.set(t, [{
+		seg: n,
+		t: r
+	}]);
+}
+function M(e, t) {
+	let n = e.filter((e) => k(e) && (t.get(e.id)?.length ?? 0) >= 2), r = /* @__PURE__ */ new Map(), i = (e, t, n) => {
+		let r = Math.hypot(t.x - e.x, t.y - e.y);
+		return n * r < O * 1.5 || (1 - n) * r < O * 1.5;
+	};
+	for (let e = 0; e < n.length; e++) {
+		let a = t.get(n[e].id);
+		for (let o = e + 1; o < n.length; o++) {
+			let s = t.get(n[o].id);
+			for (let t = 0; t + 1 < a.length; t++) for (let c = 0; c + 1 < s.length; c++) {
+				let l = A(a[t], a[t + 1], s[c], s[c + 1]);
+				if (!l || i(a[t], a[t + 1], l.t) || i(s[c], s[c + 1], l.u)) continue;
+				let u = Math.abs(a[t + 1].x - a[t].x) >= Math.abs(a[t + 1].y - a[t].y), d = Math.abs(s[c + 1].x - s[c].x) >= Math.abs(s[c + 1].y - s[c].y);
+				u && !d ? j(r, n[e].id, t, l.t) : j(r, n[o].id, c, l.u);
+			}
+		}
+	}
+	return r;
+}
+function N(e, t) {
+	let n = /* @__PURE__ */ new Map();
+	if (t) for (let e of t) {
+		let t = n.get(e.seg);
+		t ? t.push(e.t) : n.set(e.seg, [e.t]);
+	}
+	let r = `M ${o(e[0].x)} ${o(e[0].y)}`;
+	for (let t = 0; t + 1 < e.length; t++) {
+		let i = e[t], a = e[t + 1], s = n.get(t);
+		if (s && s.length) {
+			s.sort((e, t) => e - t);
+			let e = Math.hypot(a.x - i.x, a.y - i.y) || 1, t = (a.x - i.x) / e, n = (a.y - i.y) / e;
+			for (let e of s) {
+				let s = i.x + (a.x - i.x) * e, c = i.y + (a.y - i.y) * e;
+				r += ` L ${o(s - t * O)} ${o(c - n * O)}`, r += ` A ${O} ${O} 0 0 1 ${o(s + t * O)} ${o(c + n * O)}`;
+			}
+		}
+		r += ` L ${o(a.x)} ${o(a.y)}`;
+	}
+	return r;
+}
+function P(e, t, n) {
+	if (t.length < 2) return "";
+	let r = D(e.style.strokeColor, "#333333"), i = N(t, n), o = a(e.style.strokeWidth, 1.4), s = e.style.dashed === "1" ? " stroke-dasharray=\"6 4\"" : "", c = (e.style.endArrow ?? "classic") === "none" ? "" : " marker-end=\"url(#dg-arrow)\"", l = (e.style.startArrow ?? "none") === "none" ? "" : " marker-start=\"url(#dg-arrow)\"";
+	return `<path d="${i}" fill="none" stroke="${r === "none" ? "#333333" : r}" stroke-width="${o}" stroke-linejoin="round"${s}${c}${l}/>`;
+}
+function F(e, t) {
+	let n = e.codePointAt(0) ?? 0;
+	return (n >= 4352 && (n <= 4447 || n >= 11904 && n <= 42191 || n >= 44032 && n <= 55203 || n >= 63744 && n <= 64255 || n >= 65072 && n <= 65103 || n >= 65280 && n <= 65376 || n >= 65504 && n <= 65510 || n >= 131072 && n <= 262141) ? 1 : .58) * t;
+}
+function I(e, t) {
+	let n = 0;
+	for (let r of e) n += F(r, t);
+	return n;
+}
+function L(e, t, n) {
+	if (n <= 4 || I(e, t) <= n) return [e];
+	let r = [], i = "";
+	for (let a of e.split(/\s+/).filter((e) => e !== "")) for (i ? I(`${i} ${a}`, t) <= n ? i = `${i} ${a}` : (r.push(i), i = a) : i = a; I(i, t) > n;) {
+		let e = "", a = "", o = !1;
+		for (let r of i) !o && e && I(e + r, t) > n && (o = !0), o ? a += r : e += r;
+		if (!e) break;
+		r.push(e), i = a;
+	}
+	return i && r.push(i), r.length ? r : [e];
+}
+var R = 3;
+function z(e, t, n) {
+	let r = a(n.fontSize, 12), i = D(n.fontColor, "#1a1a1a"), o = a(n.fontStyle, 0), s = n.align || "center", c = n.verticalAlign || "middle", l = n.labelPosition || "center", u = n.verticalLabelPosition || "middle", d = n.whiteSpace === "wrap", f = r * 1.25, p, m, h = Infinity;
+	l === "left" ? (p = "end", m = t.x - R) : l === "right" ? (p = "start", m = t.x + t.w + R) : s === "left" ? (p = "start", m = t.x + 6, d && u === "middle" && (h = t.w - 8)) : s === "right" ? (p = "end", m = t.x + t.w - 6, d && u === "middle" && (h = t.w - 8)) : (p = "middle", m = t.x + t.w / 2, d && u === "middle" && (h = t.w - 8));
+	let g = [];
+	for (let t of e.split("\n")) Number.isFinite(h) ? g.push(...L(t, r, h)) : g.push(t);
+	let _ = g.length || 1, v;
+	v = u === "top" ? t.y - R - (_ - 1) * f - f / 2 : u === "bottom" ? t.y + t.h + R + f / 2 : c === "top" ? t.y + f / 2 + 2 : c === "bottom" ? t.y + t.h - (_ - 1) * f - f / 2 - 2 : t.y + t.h / 2 - (_ - 1) * f / 2;
+	let y = 0;
+	for (let e of g) y = Math.max(y, I(e, r));
+	let b = {
+		x: p === "start" ? m : p === "end" ? m - y : m - y / 2,
+		y: v - f / 2,
+		w: y,
+		h: _ * f
+	};
+	return {
+		lines: g,
+		anchor: p,
+		tx: m,
+		firstCenter: v,
+		lh: f,
+		fontSize: r,
+		bits: o,
+		color: i,
+		bbox: b
+	};
+}
+function B(e, t, n) {
+	if (!e) return "";
+	let r = z(e, t, n), a = r.bits & 1 ? " font-weight=\"700\"" : "", s = r.bits & 2 ? " font-style=\"italic\"" : "", c = r.bits & 4 ? " text-decoration=\"underline\"" : "", l = r.lines.map((e, t) => `<tspan x="${o(r.tx)}" y="${o(r.firstCenter + t * r.lh)}">${i(e)}</tspan>`).join("");
+	return `<text text-anchor="${r.anchor}" dominant-baseline="central" font-size="${r.fontSize}" fill="${r.color === "none" ? "#1a1a1a" : r.color}"${a}${s}${c}>${l}</text>`;
+}
+function V(e, t) {
+	let n = e.style, r = D(n.fillColor, "#ffffff"), i = D(n.strokeColor, "#333333");
+	if ("text" in n && r === "none" && i === "none") return e.value ? B(e.value, t, n) : "";
+	let { x: s, y: c, w: l, h: u } = t, d = a(n.strokeWidth, 1.2), f = n.dashed === "1" ? " stroke-dasharray=\"4 3\"" : "", p = `fill="${r}" stroke="${i}" stroke-width="${d}"${f}`, m = (n.shape || "").toLowerCase(), h;
+	if ("ellipse" in n) h = `<ellipse cx="${o(s + l / 2)}" cy="${o(c + u / 2)}" rx="${o(l / 2)}" ry="${o(u / 2)}" ${p}/>`;
+	else if ("rhombus" in n) h = `<polygon points="${`${o(s + l / 2)},${o(c)} ${o(s + l)},${o(c + u / 2)} ${o(s + l / 2)},${o(c + u)} ${o(s)},${o(c + u / 2)}`}" ${p}/>`;
+	else if (m.includes("datastore")) {
+		let e = Math.min(l * .2, 20);
+		h = `<rect x="${o(s)}" y="${o(c)}" width="${o(l)}" height="${o(u)}" fill="${r}" stroke="none"/><path d="M ${o(s + l)} ${o(c)} L ${o(s)} ${o(c)} L ${o(s)} ${o(c + u)} L ${o(s + l)} ${o(c + u)}" fill="none" stroke="${i}" stroke-width="${d}"${f}/><line x1="${o(s + e)}" y1="${o(c)}" x2="${o(s + e)}" y2="${o(c + u)}" stroke="${i}" stroke-width="${d}"/>`;
+	} else {
+		let e = n.rounded === "1" ? Math.min(12, l / 4, u / 4) : 0;
+		h = `<rect x="${o(s)}" y="${o(c)}" width="${o(l)}" height="${o(u)}" rx="${e}" ry="${e}" ${p}/>`;
+	}
+	return h + (e.value ? B(e.value, t, n) : "");
+}
+function H(e, t) {
+	if (e.length === 1) return e[0];
+	let n = [], r = 0;
+	for (let t = 1; t < e.length; t++) {
+		let i = Math.hypot(e[t].x - e[t - 1].x, e[t].y - e[t - 1].y);
+		n.push(i), r += i;
+	}
+	if (r === 0) return e[0];
+	let i = t * r;
+	for (let t = 0; t < n.length; t++) {
+		if (i <= n[t] || t === n.length - 1) {
+			let r = n[t] ? i / n[t] : 0;
+			return {
+				x: e[t].x + (e[t + 1].x - e[t].x) * r,
+				y: e[t].y + (e[t + 1].y - e[t].y) * r
+			};
+		}
+		i -= n[t];
+	}
+	return e[e.length - 1];
+}
+function U(e, t) {
+	if (!e.value || t.length < 2) return null;
+	let n = H(t, s(((e.geom?.x ?? 0) + 1) / 2, 0, 1)), r = e.offset ?? {
+		x: 0,
+		y: 0
+	}, i = n.x + r.x, o = n.y + r.y, c = a(e.style.fontSize, 11), l = e.value.split("\n"), u = 0;
+	for (let e of l) u = Math.max(u, I(e, c));
+	u += 8;
+	let d = l.length * c * 1.25 + 4;
+	return {
+		x: i - u / 2,
+		y: o - d / 2,
+		w: u,
+		h: d
+	};
+}
+function W(e, t) {
+	let n = U(e, t);
+	return n ? `<rect x="${o(n.x)}" y="${o(n.y)}" width="${o(n.w)}" height="${o(n.h)}" fill="#ffffff" opacity="0.82" rx="3"/>` + B(e.value, n, e.style) : "";
+}
+function G(e) {
+	let { cells: t, byId: n } = g(e), r = /* @__PURE__ */ new Map();
+	for (let e of t) e.edge && r.set(e.id, E(e, n));
+	let i = (e) => e.vertex && (n.get(e.parent)?.edge ?? !1), a = (e) => e.vertex && !i(e) && !!e.geom && e.geom.w > 0 && e.geom.h > 0, s = Infinity, l = Infinity, u = -Infinity, d = -Infinity, f = (e, t) => {
+		s = Math.min(s, e), l = Math.min(l, t), u = Math.max(u, e), d = Math.max(d, t);
+	};
+	for (let e of t) if (a(e)) {
+		let t = _(e, n);
+		if (f(t.x, t.y), f(t.x + t.w, t.y + t.h), e.value) {
+			let n = z(e.value, t, e.style).bbox;
+			f(n.x, n.y), f(n.x + n.w, n.y + n.h);
+		}
+	} else if (i(e)) {
+		let t = U(e, r.get(e.parent) ?? []);
+		t && (f(t.x, t.y), f(t.x + t.w, t.y + t.h));
+	}
+	for (let e of r.values()) for (let t of e) f(t.x, t.y);
+	if (!Number.isFinite(s)) throw Error("该 drawio 文件没有可绘制的图形");
+	let p = M(t.filter((e) => e.edge), r), m = [];
+	for (let e of t) e.edge ? m.push(P(e, r.get(e.id) ?? [], p.get(e.id))) : i(e) ? m.push(W(e, r.get(e.parent) ?? [])) : a(e) && m.push(V(e, _(e, n)));
+	let h = u - s + 48, v = d - l + 48;
+	return c(`${o(s - 24)} ${o(l - 24)} ${o(h)} ${o(v)}`, o(h), o(v), "#ffffff", m.join(""));
+}
+function K(e) {
+	let t = JSON.parse(e), n = (t.elements ?? []).filter((e) => e && !e.isDeleted);
+	if (!n.length) throw Error("该 excalidraw 场景没有元素");
+	let r = Infinity, i = Infinity, a = -Infinity, o = -Infinity;
+	for (let e of n) {
+		let t = [e.x, e.x + (e.width || 0)], n = [e.y, e.y + (e.height || 0)];
+		for (let r of e.points ?? []) t.push(e.x + r[0]), n.push(e.y + r[1]);
+		r = Math.min(r, ...t), a = Math.max(a, ...t), i = Math.min(i, ...n), o = Math.max(o, ...n);
+	}
+	if (!Number.isFinite(r)) throw Error("该 excalidraw 场景没有可绘制的元素");
+	let s = n.map(q).join(""), l = a - r + 32, u = o - i + 32;
+	return c(`${r - 16} ${i - 16} ${l} ${u}`, l, u, t.appState?.viewBackgroundColor || "#ffffff", s);
+}
+function q(e) {
+	let t = e.strokeColor && e.strokeColor !== "transparent" ? e.strokeColor : "#1e1e1e", n = e.backgroundColor && e.backgroundColor !== "transparent" ? e.backgroundColor : "none", r = e.strokeWidth ?? 1.5, i = e.opacity == null ? 1 : e.opacity / 100, a = e.x + (e.width || 0) / 2, o = e.y + (e.height || 0) / 2, s = e.angle ? ` transform="rotate(${e.angle * 180 / Math.PI} ${a} ${o})"` : "", c = (e) => `<g opacity="${i}"${s}>${e}</g>`;
+	switch (e.type) {
+		case "rectangle": {
+			let i = e.roundness ? Math.min(32, (e.width || 0) / 4, (e.height || 0) / 4) : 0;
+			return c(`<rect x="${e.x}" y="${e.y}" width="${e.width}" height="${e.height}" rx="${i}" ry="${i}" fill="${n}" stroke="${t}" stroke-width="${r}"/>`);
+		}
+		case "ellipse": return c(`<ellipse cx="${a}" cy="${o}" rx="${(e.width || 0) / 2}" ry="${(e.height || 0) / 2}" fill="${n}" stroke="${t}" stroke-width="${r}"/>`);
+		case "diamond": return c(`<polygon points="${`${a},${e.y} ${e.x + (e.width || 0)},${o} ${a},${e.y + (e.height || 0)} ${e.x},${o}`}" fill="${n}" stroke="${t}" stroke-width="${r}"/>`);
+		case "text": return c(J(e.text || "", e.x, e.y, e.fontSize ?? 16, e.strokeColor && e.strokeColor !== "transparent" ? e.strokeColor : "#1e1e1e"));
+		case "arrow":
+		case "line":
+		case "draw":
+		case "freedraw": {
+			let n = (e.points ?? []).map((t) => `${e.x + t[0]},${e.y + t[1]}`).join(" ");
+			return n ? c(`<polyline points="${n}" fill="none" stroke="${t}" stroke-width="${r}"${e.type === "arrow" ? " marker-end=\"url(#dg-arrow)\"" : ""}/>`) : "";
+		}
+		default: return e.width && e.height ? c(`<rect x="${e.x}" y="${e.y}" width="${e.width}" height="${e.height}" fill="none" stroke="#bbbbbb" stroke-width="1" stroke-dasharray="4 4"/>`) : "";
+	}
+}
+function J(e, t, n, r, a) {
+	let o = r * 1.25;
+	return `<text font-size="${r}" fill="${a}">${e.split("\n").map((e, a) => `<tspan x="${t}" y="${n + r + a * o}">${i(e)}</tspan>`).join("")}</text>`;
+}
+//#endregion
+export { t as isDiagramFile, n as renderDiagram };

package/dist/lib/dicom.d.ts

@@ -0,0 +1,69 @@
+export interface DicomPalette {
+    r: Uint8ClampedArray;
+    g: Uint8ClampedArray;
+    b: Uint8ClampedArray;
+}
+export interface DicomMeta {
+    transferSyntaxUid: string;
+    rows: number;
+    columns: number;
+    samplesPerPixel: number;
+    photometric: string;
+    bitsAllocated: number;
+    bitsStored: number;
+    highBit: number;
+    /** 0 = unsigned, 1 = two's-complement signed stored values. */
+    pixelRepresentation: number;
+    /** 0 = colour-by-pixel (interleaved RGB), 1 = colour-by-plane (RRR…GGG…BBB). */
+    planarConfiguration: number;
+    numberOfFrames: number;
+    /** Default VOI window from the file, or null when absent (then we auto-compute one from the pixels). */
+    windowCenter: number | null;
+    windowWidth: number | null;
+    rescaleSlope: number;
+    rescaleIntercept: number;
+    palette: DicomPalette | null;
+    modality: string;
+    studyDescription: string;
+    seriesDescription: string;
+    bodyPart: string;
+}
+/** One label→value metadata row (a single DICOM attribute, formatted for display). */
+export interface DicomTagRow {
+    label: string;
+    value: string;
+}
+/** A titled group of metadata rows (Patient / Study / Series / …), for the viewer's info panel. */
+export interface DicomTagGroup {
+    title: string;
+    rows: DicomTagRow[];
+}
+/**
+ * One slice of a series-stack: an independent DICOM *file* (its own Part-10 header), lazily fetched. The
+ * DICOM viewer can browse a list of these as a single scrollable series — the classic hospital export shape
+ * where one folder = one series and every file is a single-frame slice. `load()` returns the file's bytes
+ * on demand (decoded/cached by the viewer), so hundreds of slices cost nothing until scrolled to.
+ */
+export interface DicomSlice {
+    name: string;
+    size?: number;
+    load: () => Promise<ArrayBuffer>;
+}
+export interface ParsedDicom {
+    meta: DicomMeta;
+    /** Whether the Pixel Data is encapsulated (any compressed transfer syntax). */
+    encapsulated: boolean;
+    /** Curated, human-labelled metadata (present attributes only), grouped for the on-demand info panel. */
+    tags: DicomTagGroup[];
+    /** Pull the raw bytes for frame `i` — encoded bytes when compressed, raw samples when uncompressed. */
+    frameBytes(i: number): Uint8Array;
+}
+export declare class DicomError extends Error {
+    constructor(message: string);
+}
+/**
+ * Parse a DICOM file. Throws {@link DicomError} when it isn't DICOM, has no image, or uses an unsupported
+ * image layout (e.g. 1-bit bitmaps). Compressed pixel data is left encoded — the codec layer decodes it
+ * lazily per frame; this just locates the bytes.
+ */
+export declare function readDicom(buf: ArrayBuffer): ParsedDicom;