@book.dev/ui 1.60.0

package/dist/toPdf-DGtKQSRA.js

@@ -0,0 +1,133 @@
+import { jsPDF as e } from "jspdf";
+import "svg2pdf.js";
+import { elementToSVG as t } from "dom-to-svg";
+//#region src/export/toPdf.ts
+var n = 612, r = 792, i = 48, a = 14400, o = "<style>*{font-family:Arial,Helvetica,sans-serif !important;font-weight:400 !important}code,pre,kbd,samp{font-family:\"Courier New\",Courier,monospace !important}h1,h2,h3,h4,h5,h6,b,strong,th,.doc-title{font-weight:700 !important}.callout::before{content:none !important}</style>";
+function s(e) {
+	return e.replace(/[\u{10000}-\u{10FFFF}]/gu, "").replace(/[←-⇿☀-➿⬀-⯿™ℹ]/g, "").replace(/️/g, "").replace(/‍/g, "").replace(/⃣/g, "");
+}
+function c(e) {
+	let t = e.ownerDocument.createTreeWalker(e, NodeFilter.SHOW_TEXT), n = [];
+	for (let e = t.nextNode(); e; e = t.nextNode()) n.push(e);
+	for (let e of n) {
+		let t = s(e.nodeValue ?? "");
+		t !== e.nodeValue && (e.nodeValue = t);
+	}
+}
+function l(e) {
+	let t = e.ownerDocument;
+	for (let n of Array.from(e.querySelectorAll("input[type=\"range\"]"))) {
+		let e = n, r = Number(e.getAttribute("min") ?? "0"), i = Number(e.getAttribute("max") ?? "100"), a = Number(e.value || e.getAttribute("value") || "0"), o = (i > r ? Math.max(0, Math.min(1, (a - r) / (i - r))) : 0) * 100, s = t.createElement("span");
+		s.setAttribute("style", "position:relative;display:inline-block;width:60%;height:8px;background:rgba(127,127,127,.18);border-radius:999px;vertical-align:middle");
+		let c = t.createElement("span");
+		c.setAttribute("style", `position:absolute;left:0;top:0;height:8px;width:${o.toFixed(2)}%;background:#6366f1;border-radius:999px`);
+		let l = t.createElement("span");
+		l.setAttribute("style", `position:absolute;top:-3px;left:${o.toFixed(2)}%;width:14px;height:14px;margin-left:-7px;background:#6366f1;border-radius:999px`), s.appendChild(c), s.appendChild(l), e.replaceWith(s);
+	}
+}
+async function u(e) {
+	let t = document.createElement("iframe");
+	t.setAttribute("aria-hidden", "true"), Object.assign(t.style, {
+		position: "fixed",
+		left: "-99999px",
+		top: "0",
+		width: "820px",
+		height: "1400px",
+		border: "0",
+		visibility: "hidden"
+	}), document.body.appendChild(t);
+	let n = t.contentDocument;
+	n.open(), n.write(e.includes("</head>") ? e.replace("</head>", `${o}</head>`) : o + e), n.close(), await new Promise((e) => {
+		n.readyState === "complete" ? e() : t.addEventListener("load", () => e(), { once: !0 });
+	});
+	try {
+		await n.fonts?.ready;
+	} catch {}
+	await new Promise((e) => setTimeout(e, 300));
+	let r = n.querySelector("main") ?? n.body;
+	return c(r), l(r), {
+		frame: t,
+		el: r
+	};
+}
+function d(e) {
+	let n = t(e).documentElement, r = document.createElement("div");
+	return Object.assign(r.style, {
+		position: "fixed",
+		left: "-99999px",
+		top: "0",
+		visibility: "hidden"
+	}), r.appendChild(n), document.body.appendChild(r), {
+		svg: n,
+		holder: r
+	};
+}
+function f(e) {
+	let t = (e.getAttribute("viewBox") ?? `0 0 ${n} ${r}`).split(/\s+/).map(Number);
+	return [
+		t[0] || 0,
+		t[1] || 0,
+		t[2] || n,
+		t[3] || r
+	];
+}
+async function p(t, o) {
+	let { frame: s, el: c } = await u(t), { svg: l, holder: p } = d(c);
+	try {
+		let [t, s, c, u] = f(l), d = n - 2 * i, p = d / c;
+		if (o === "continuous") {
+			let r = new e({
+				unit: "pt",
+				format: [n, Math.min(a, u * p + 2 * i)]
+			});
+			return l.setAttribute("viewBox", `${t} ${s} ${c} ${u}`), await r.svg(l, {
+				x: i,
+				y: i,
+				width: d,
+				height: u * p
+			}), r.output("blob");
+		}
+		let m = r - 2 * i, h = m / p, g = Math.max(1, Math.min(2e3, Math.ceil(u / h))), _ = new e({
+			unit: "pt",
+			format: [n, r]
+		});
+		for (let e = 0; e < g; e++) e > 0 && _.addPage([n, r], "portrait"), l.setAttribute("viewBox", `${t} ${s + e * h} ${c} ${h}`), await _.svg(l, {
+			x: i,
+			y: i,
+			width: d,
+			height: m
+		});
+		return _.output("blob");
+	} finally {
+		p.remove(), s.remove();
+	}
+}
+async function m(t) {
+	let n = "<style>section.slide{display:block !important;position:static !important;opacity:1 !important;transform:none !important}</style>", { frame: r } = await u(t.includes("</head>") ? t.replace("</head>", `${n}</head>`) : n + t), i = r.contentDocument, a = Array.from(i.querySelectorAll("section.slide")), o = a.length ? a : [i.querySelector("main") ?? i.body], s = new e({
+		unit: "pt",
+		format: [960, 540],
+		orientation: "landscape"
+	});
+	try {
+		let e = !0;
+		for (let t of o) {
+			let { svg: n, holder: r } = d(t);
+			try {
+				let [t, r, i, a] = f(n), o = Math.min(912 / i, 492 / a), c = i * o, l = a * o;
+				e || s.addPage([960, 540], "landscape"), e = !1, n.setAttribute("viewBox", `${t} ${r} ${i} ${a}`), await s.svg(n, {
+					x: (960 - c) / 2,
+					y: (540 - l) / 2,
+					width: c,
+					height: l
+				});
+			} finally {
+				r.remove();
+			}
+		}
+		return s.output("blob");
+	} finally {
+		r.remove();
+	}
+}
+//#endregion
+export { p as toPdf, m as toPdfSlides };

package/package.json

@@ -0,0 +1,94 @@
+{
+  "name": "@book.dev/ui",
+  "version": "1.60.0",
+  "description": "",
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "types": "dist/index.d.ts",
+  "main": "dist/index.js",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "module": "dist/index.js",
+  "author": "",
+  "license": "MIT",
+  "dependencies": {
+    "@heroicons/react": "^2.1.5",
+    "@observablehq/plot": "^0.6.17",
+    "@preact/signals-core": "^1.14.2",
+    "@radix-ui/react-accordion": "^1.2.0",
+    "@radix-ui/react-context-menu": "^2.2.16",
+    "@radix-ui/react-dialog": "^1.1.1",
+    "@radix-ui/react-dropdown-menu": "^2.1.1",
+    "@radix-ui/react-icons": "^1.3.0",
+    "@radix-ui/react-label": "^2.1.0",
+    "@radix-ui/react-navigation-menu": "^1.2.0",
+    "@radix-ui/react-popover": "^1.1.1",
+    "@radix-ui/react-scroll-area": "^1.1.0",
+    "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/react-switch": "^1.1.0",
+    "@radix-ui/react-tooltip": "^1.1.2",
+    "@xyflow/react": "^12.11.0",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.0.0",
+    "dom-to-svg": "0.12.2",
+    "fflate": "^0.8.3",
+    "jspdf": "^4.2.1",
+    "leaflet": "^1.9.4",
+    "leaflet.markercluster": "^1.5.3",
+    "node-emoji": "^2.2.0",
+    "react-leaflet": "^5.0.0",
+    "sucrase": "^3.35.1",
+    "svg2pdf.js": "^2.7.0",
+    "tailwind-merge": "^3.6.0",
+    "tailwindcss-animate": "^1.0.7",
+    "use-immer": "^0.11.0",
+    "use-resize-observer": "^9.1.0",
+    "yjs": "^13.6.31",
+    "@book.dev/sdk": "1.60.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/cli": "^4.3.0",
+    "@tailwindcss/postcss": "^4.3.0",
+    "@testing-library/react": "^16.3.2",
+    "@types/leaflet": "^1.9.12",
+    "@types/leaflet.markercluster": "^1.5.4",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "d3": "^7.9.0",
+    "happy-dom": "^20.9.0",
+    "postcss": "^8.4.47",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tailwindcss": "^4.3.0",
+    "typescript": "^6.0.3",
+    "vite": "^8.0.0",
+    "vitest": "^4.1.0"
+  },
+  "peerDependencies": {
+    "lucide-react": "^1.0.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "scripts": {
+    "build": "vite build && tsc",
+    "dev": "vite build --watch",
+    "dev-css": "pnpm exec tailwindcss --input ./src/index.css --output ./dist/index.css --watch",
+    "dev-types": "tsc --watch",
+    "lint": "eslint .",
+    "lint-fix": "eslint . --fix",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  }
+}