@oiij/js-pdf 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 oiij <https://github.com/oiij>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,25 @@
+# JS-PDF
+
+Features:
+
+- Bundle with [tsdown](https://github.com/rolldown/tsdown)
+- Test with [vitest](https://vitest.dev)
+
+# Usage
+
+### 安装
+
+```bash
+pnpm add @oiij/js-pdf
+```
+
+### 使用
+
+```ts
+import { openPdf } from '@oiij/js-pdf'
+const { pdf } = await openPdf()
+```
+
+## License
+
+MIT

package/dist/index.cjs

@@ -0,0 +1,160 @@
+"use strict";
+//#region rolldown:runtime
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+
+//#endregion
+const file_saver = __toESM(require("file-saver"));
+const jspdf = __toESM(require("jspdf"));
+const jszip = __toESM(require("jszip"));
+const nanoid = __toESM(require("nanoid"));
+const pdfjs_dist = __toESM(require("pdfjs-dist"));
+
+//#region src/index.ts
+pdfjs_dist.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdfjs_dist.version}/build/pdf.worker.min.mjs`;
+function file2Buffer(file) {
+	return new Promise((resolve, reject) => {
+		const reader = new FileReader();
+		reader.onload = () => {
+			return resolve(reader.result);
+		};
+		reader.onerror = () => {
+			return reject(reader.error?.message);
+		};
+		reader.readAsArrayBuffer(file);
+	});
+}
+function createCanvas(width, height, id) {
+	const canvas = document.createElement("canvas");
+	const ctx = canvas.getContext("2d");
+	canvas.id = id;
+	canvas.width = width;
+	canvas.height = height;
+	return {
+		canvas,
+		ctx
+	};
+}
+function page2Canvas(page, id) {
+	return new Promise((resolve, reject) => {
+		const pixelRatio = Math.max(window.devicePixelRatio, 2);
+		const viewport = page.getViewport({ scale: pixelRatio });
+		const { width, height } = viewport;
+		const { canvas, ctx } = createCanvas(width, height, `page-${id}-${page._pageIndex}`);
+		canvas.style.width = `${width / pixelRatio}px`;
+		canvas.style.height = `${height / pixelRatio}px`;
+		page.render({
+			canvasContext: ctx,
+			viewport
+		}).promise.then(() => resolve(canvas)).catch((e) => reject(e));
+	});
+}
+async function pdf2Canvases(pdf) {
+	try {
+		const pages = await Promise.all(Array.from({ length: pdf.numPages }).map((_, i) => pdf.getPage(i + 1)));
+		const id = (0, nanoid.nanoid)();
+		const canvases = await Promise.all(pages.map((page) => page2Canvas(page, id)));
+		return {
+			pages,
+			id,
+			canvases
+		};
+	} catch (error) {
+		console.error(error);
+		return Promise.reject(error);
+	}
+}
+async function openPdf(url) {
+	try {
+		if (url) {
+			const pdf = await (0, pdfjs_dist.getDocument)(url).promise;
+			const { pages, id, canvases } = await pdf2Canvases(pdf);
+			return {
+				pdf,
+				pages,
+				id,
+				canvases
+			};
+		} else {
+			const [fileHandle] = await window.showOpenFilePicker({ types: [{ accept: { "application/pdf": [".pdf"] } }] });
+			const file = await fileHandle.getFile();
+			const buffer = await file2Buffer(file);
+			const pdf = await (0, pdfjs_dist.getDocument)(buffer).promise;
+			const { pages, id, canvases } = await pdf2Canvases(pdf);
+			return {
+				pdf,
+				pages,
+				id,
+				canvases
+			};
+		}
+	} catch (error) {
+		console.error(error);
+		return Promise.reject(error);
+	}
+}
+function canvas2Blob(canvas) {
+	return new Promise((resolve, reject) => {
+		try {
+			canvas.toBlob((blob) => {
+				if (blob) return resolve(blob);
+				return reject(new Error("canvas to blob error"));
+			});
+		} catch (error) {
+			return reject(error);
+		}
+	});
+}
+function canvas2Pdf(canvases, fileName) {
+	let doc = null;
+	canvases.forEach((canvas, i) => {
+		const width = Number((canvas.width / 2 / 72 * 25.4).toFixed());
+		const height = Number((canvas.height / 2 / 72 * 25.4).toFixed());
+		if (!doc) doc = new jspdf.jsPDF({
+			unit: "mm",
+			format: [width, height]
+		});
+		if (i > 0) doc.addPage([width, height]);
+		doc.setPage(i + 1);
+		doc.addImage(canvas, "PNG", 0, 0, width, height);
+		if (i === canvases.length - 1) doc.save(fileName);
+		return doc;
+	});
+}
+function canvas2Zip(canvases, fileName) {
+	return new Promise((resolve, reject) => {
+		const zip = new jszip.default();
+		Promise.all(canvases.map((canvas) => canvas2Blob(canvas))).then((blobs) => {
+			blobs.forEach((blob, i) => {
+				zip.file(`${canvases[i].id}.jpg`, blob);
+			});
+			zip.generateAsync({ type: "blob" }).then((blob) => {
+				(0, file_saver.saveAs)(blob, `${fileName}.zip`);
+				return resolve(blobs);
+			}).catch((error) => reject(error));
+		}).catch((error) => reject(error));
+	});
+}
+
+//#endregion
+exports.canvas2Pdf = canvas2Pdf
+exports.canvas2Zip = canvas2Zip
+exports.openPdf = openPdf

package/dist/index.d.cts

@@ -0,0 +1,14 @@
+import { PDFDocumentProxy, PDFPageProxy } from "pdfjs-dist/types/src/display/api";
+
+//#region src/index.d.ts
+declare function openPdf(url?: string | URL): Promise<{
+    pdf: PDFDocumentProxy;
+    pages: PDFPageProxy[];
+    id: string;
+    canvases: HTMLCanvasElement[];
+}>;
+declare function canvas2Pdf(canvases: HTMLCanvasElement[], fileName: string): void;
+declare function canvas2Zip(canvases: HTMLCanvasElement[], fileName: string): Promise<unknown>;
+
+//#endregion
+export { canvas2Pdf, canvas2Zip, openPdf };

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+import { PDFDocumentProxy, PDFPageProxy } from "pdfjs-dist/types/src/display/api";
+
+//#region src/index.d.ts
+declare function openPdf(url?: string | URL): Promise<{
+    pdf: PDFDocumentProxy;
+    pages: PDFPageProxy[];
+    id: string;
+    canvases: HTMLCanvasElement[];
+}>;
+declare function canvas2Pdf(canvases: HTMLCanvasElement[], fileName: string): void;
+declare function canvas2Zip(canvases: HTMLCanvasElement[], fileName: string): Promise<unknown>;
+
+//#endregion
+export { canvas2Pdf, canvas2Zip, openPdf };

package/dist/index.js

@@ -0,0 +1,134 @@
+import { saveAs } from "file-saver";
+import { jsPDF } from "jspdf";
+import JsZip from "jszip";
+import { nanoid } from "nanoid";
+import { GlobalWorkerOptions, getDocument, version } from "pdfjs-dist";
+
+//#region src/index.ts
+GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${version}/build/pdf.worker.min.mjs`;
+function file2Buffer(file) {
+	return new Promise((resolve, reject) => {
+		const reader = new FileReader();
+		reader.onload = () => {
+			return resolve(reader.result);
+		};
+		reader.onerror = () => {
+			return reject(reader.error?.message);
+		};
+		reader.readAsArrayBuffer(file);
+	});
+}
+function createCanvas(width, height, id) {
+	const canvas = document.createElement("canvas");
+	const ctx = canvas.getContext("2d");
+	canvas.id = id;
+	canvas.width = width;
+	canvas.height = height;
+	return {
+		canvas,
+		ctx
+	};
+}
+function page2Canvas(page, id) {
+	return new Promise((resolve, reject) => {
+		const pixelRatio = Math.max(window.devicePixelRatio, 2);
+		const viewport = page.getViewport({ scale: pixelRatio });
+		const { width, height } = viewport;
+		const { canvas, ctx } = createCanvas(width, height, `page-${id}-${page._pageIndex}`);
+		canvas.style.width = `${width / pixelRatio}px`;
+		canvas.style.height = `${height / pixelRatio}px`;
+		page.render({
+			canvasContext: ctx,
+			viewport
+		}).promise.then(() => resolve(canvas)).catch((e) => reject(e));
+	});
+}
+async function pdf2Canvases(pdf) {
+	try {
+		const pages = await Promise.all(Array.from({ length: pdf.numPages }).map((_, i) => pdf.getPage(i + 1)));
+		const id = nanoid();
+		const canvases = await Promise.all(pages.map((page) => page2Canvas(page, id)));
+		return {
+			pages,
+			id,
+			canvases
+		};
+	} catch (error) {
+		console.error(error);
+		return Promise.reject(error);
+	}
+}
+async function openPdf(url) {
+	try {
+		if (url) {
+			const pdf = await getDocument(url).promise;
+			const { pages, id, canvases } = await pdf2Canvases(pdf);
+			return {
+				pdf,
+				pages,
+				id,
+				canvases
+			};
+		} else {
+			const [fileHandle] = await window.showOpenFilePicker({ types: [{ accept: { "application/pdf": [".pdf"] } }] });
+			const file = await fileHandle.getFile();
+			const buffer = await file2Buffer(file);
+			const pdf = await getDocument(buffer).promise;
+			const { pages, id, canvases } = await pdf2Canvases(pdf);
+			return {
+				pdf,
+				pages,
+				id,
+				canvases
+			};
+		}
+	} catch (error) {
+		console.error(error);
+		return Promise.reject(error);
+	}
+}
+function canvas2Blob(canvas) {
+	return new Promise((resolve, reject) => {
+		try {
+			canvas.toBlob((blob) => {
+				if (blob) return resolve(blob);
+				return reject(new Error("canvas to blob error"));
+			});
+		} catch (error) {
+			return reject(error);
+		}
+	});
+}
+function canvas2Pdf(canvases, fileName) {
+	let doc = null;
+	canvases.forEach((canvas, i) => {
+		const width = Number((canvas.width / 2 / 72 * 25.4).toFixed());
+		const height = Number((canvas.height / 2 / 72 * 25.4).toFixed());
+		if (!doc) doc = new jsPDF({
+			unit: "mm",
+			format: [width, height]
+		});
+		if (i > 0) doc.addPage([width, height]);
+		doc.setPage(i + 1);
+		doc.addImage(canvas, "PNG", 0, 0, width, height);
+		if (i === canvases.length - 1) doc.save(fileName);
+		return doc;
+	});
+}
+function canvas2Zip(canvases, fileName) {
+	return new Promise((resolve, reject) => {
+		const zip = new JsZip();
+		Promise.all(canvases.map((canvas) => canvas2Blob(canvas))).then((blobs) => {
+			blobs.forEach((blob, i) => {
+				zip.file(`${canvases[i].id}.jpg`, blob);
+			});
+			zip.generateAsync({ type: "blob" }).then((blob) => {
+				saveAs(blob, `${fileName}.zip`);
+				return resolve(blobs);
+			}).catch((error) => reject(error));
+		}).catch((error) => reject(error));
+	});
+}
+
+//#endregion
+export { canvas2Pdf, canvas2Zip, openPdf };

package/package.json

@@ -0,0 +1,96 @@
+{
+  "name": "@oiij/js-pdf",
+  "type": "module",
+  "version": "0.0.1",
+  "description": "A simple PDF library for JavaScript",
+  "author": "oiij",
+  "license": "MIT",
+  "homepage": "https://github.com/oiij/js-pdf",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:oiij/js-pdf.git"
+  },
+  "bugs": "https://github.com/oiij/js-pdf/issues",
+  "keywords": [
+    "js-pdf"
+  ],
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "LICENSE",
+    "README.md",
+    "dist",
+    "package.json"
+  ],
+  "scripts": {
+    "dev": "tsdown --watch",
+    "build": "tsc --noEmit && tsdown",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "prepublishOnly": "pnpm build",
+    "release": "bumpp && npm publish",
+    "awe": "pnpx are-we-esm",
+    "nmi": "pnpx node-modules-inspector",
+    "start": "esno src/index.ts",
+    "test": "vitest",
+    "update:deps": "taze -w && pnpm i",
+    "type:check": "tsc --noEmit",
+    "cz": "czg",
+    "commit": "git pull && git add -A && pnpm cz && git push",
+    "link": "pnpm link --global",
+    "preinstall": "npx only-allow pnpm"
+  },
+  "peerDependencies": {
+    "file-saver": "^2.0.5",
+    "jspdf": "^3.0.1",
+    "jszip": "^3.10.1",
+    "nanoid": "^5.1.5",
+    "pdfjs-dist": "^5.1.91"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "^4.12.0",
+    "@oiij/tsconfig": "^0.0.1",
+    "@types/file-saver": "^2.0.7",
+    "@types/node": "^22.14.1",
+    "@types/wicg-file-system-access": "^2023.10.6",
+    "@vitest/ui": "^3.1.2",
+    "bumpp": "^10.1.0",
+    "commitlint": "^19.8.0",
+    "cz-git": "^1.11.1",
+    "czg": "^1.11.1",
+    "eslint": "^9.25.1",
+    "eslint-plugin-format": "^1.0.1",
+    "esno": "^4.8.0",
+    "file-saver": "^2.0.5",
+    "jspdf": "^3.0.1",
+    "jszip": "^3.10.1",
+    "lint-staged": "^15.5.1",
+    "nanoid": "^5.1.5",
+    "pdfjs-dist": "^5.1.91",
+    "simple-git-hooks": "^2.12.1",
+    "taze": "^19.0.4",
+    "tsdown": "^0.9.3",
+    "typescript": "^5.8.3",
+    "vitest": "^3.1.2"
+  },
+  "simple-git-hooks": {
+    "pre-commit": "pnpm lint-staged && pnpm type:check"
+  },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx}": [
+      "pnpm lint:fix"
+    ]
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}