@codehz/draw-call 0.1.0 → 0.1.2

package/node.cjs

@@ -0,0 +1,48 @@
+const require_render = require('./render.cjs');
+let _napi_rs_canvas = require("@napi-rs/canvas");
+
+//#region src/node.ts
+/**
+* 创建适用于 Node.js/Bun 环境的 Canvas
+*
+* 此函数需要 @napi-rs/canvas 作为依赖
+* 安装: bun add @napi-rs/canvas
+*/
+function createCanvas(options) {
+	const { width, height, pixelRatio = 1 } = options;
+	const canvas = (0, _napi_rs_canvas.createCanvas)(width * pixelRatio, height * pixelRatio);
+	const ctx = canvas.getContext("2d");
+	if (pixelRatio !== 1) ctx.scale(pixelRatio, pixelRatio);
+	const measureCtx = require_render.createCanvasMeasureContext(ctx);
+	return {
+		width,
+		height,
+		pixelRatio,
+		canvas,
+		render(element) {
+			const layoutTree = require_render.computeLayout(element, measureCtx, {
+				minWidth: 0,
+				maxWidth: width,
+				minHeight: 0,
+				maxHeight: height
+			});
+			require_render.renderNode(ctx, layoutTree);
+			return layoutTree;
+		},
+		clear() {
+			ctx.clearRect(0, 0, width, height);
+		},
+		getContext() {
+			return ctx;
+		},
+		toDataURL(type, quality) {
+			return canvas.toDataURL(type, quality);
+		},
+		toBuffer(type = "image/png") {
+			return canvas.toBuffer(type);
+		}
+	};
+}
+
+//#endregion
+exports.createCanvas = createCanvas;

package/node.d.cts

@@ -0,0 +1,12 @@
+import { n as DrawCallCanvas, t as CanvasOptions } from "./canvas.cjs";
+
+//#region src/node.d.ts
+/**
+ * 创建适用于 Node.js/Bun 环境的 Canvas
+ *
+ * 此函数需要 @napi-rs/canvas 作为依赖
+ * 安装: bun add @napi-rs/canvas
+ */
+declare function createCanvas(options: Omit<CanvasOptions, "canvas">): DrawCallCanvas;
+//#endregion
+export { createCanvas };

package/node.d.mts

@@ -0,0 +1,12 @@
+import { n as DrawCallCanvas, t as CanvasOptions } from "./canvas.mjs";
+
+//#region src/node.d.ts
+/**
+ * 创建适用于 Node.js/Bun 环境的 Canvas
+ *
+ * 此函数需要 @napi-rs/canvas 作为依赖
+ * 安装: bun add @napi-rs/canvas
+ */
+declare function createCanvas(options: Omit<CanvasOptions, "canvas">): DrawCallCanvas;
+//#endregion
+export { createCanvas };

package/node.mjs

@@ -0,0 +1,48 @@
+import { n as computeLayout, r as createCanvasMeasureContext, t as renderNode } from "./render.mjs";
+import { createCanvas as createCanvas$1 } from "@napi-rs/canvas";
+
+//#region src/node.ts
+/**
+* 创建适用于 Node.js/Bun 环境的 Canvas
+*
+* 此函数需要 @napi-rs/canvas 作为依赖
+* 安装: bun add @napi-rs/canvas
+*/
+function createCanvas(options) {
+	const { width, height, pixelRatio = 1 } = options;
+	const canvas = createCanvas$1(width * pixelRatio, height * pixelRatio);
+	const ctx = canvas.getContext("2d");
+	if (pixelRatio !== 1) ctx.scale(pixelRatio, pixelRatio);
+	const measureCtx = createCanvasMeasureContext(ctx);
+	return {
+		width,
+		height,
+		pixelRatio,
+		canvas,
+		render(element) {
+			const layoutTree = computeLayout(element, measureCtx, {
+				minWidth: 0,
+				maxWidth: width,
+				minHeight: 0,
+				maxHeight: height
+			});
+			renderNode(ctx, layoutTree);
+			return layoutTree;
+		},
+		clear() {
+			ctx.clearRect(0, 0, width, height);
+		},
+		getContext() {
+			return ctx;
+		},
+		toDataURL(type, quality) {
+			return canvas.toDataURL(type, quality);
+		},
+		toBuffer(type = "image/png") {
+			return canvas.toBuffer(type);
+		}
+	};
+}
+
+//#endregion
+export { createCanvas };

package/package.json

@@ -25,19 +25,33 @@
   "optionalDependencies": {
     "@napi-rs/canvas": "^0.1.88"
   },
-  "version": "0.1.0",
+  "version": "0.1.2",
   "main": "./index.cjs",
   "types": "./index.d.cts",
   "exports": {
-    "require": {
-      "types": "./index.d.cts",
-      "import": "./index.cjs",
-      "default": "./index.cjs"
+    ".": {
+      "require": {
+        "types": "./index.d.cts",
+        "import": "./index.cjs",
+        "default": "./index.cjs"
+      },
+      "import": {
+        "types": "./index.d.mts",
+        "import": "./index.mjs",
+        "default": "./index.mjs"
+      }
     },
-    "import": {
-      "types": "./index.d.mts",
-      "import": "./index.mjs",
-      "default": "./index.mjs"
+    "./node": {
+      "require": {
+        "types": "./node.d.cts",
+        "import": "./node.cjs",
+        "default": "./node.cjs"
+      },
+      "import": {
+        "types": "./node.d.mts",
+        "import": "./node.mjs",
+        "default": "./node.mjs"
+      }
     }
   }
 }