@codehz/draw-call 0.1.1 → 0.1.2

package/index.mjs

@@ -1,4 +1,4 @@
-import { a as radialGradient, i as linearGradient, n as computeLayout, r as createCanvasMeasureContext, t as renderNode } from "./engine-C88lMGbX.mjs";
+import { a as radialGradient, i as linearGradient, n as computeLayout, r as createCanvasMeasureContext, t as renderNode } from "./render.mjs";
 
 //#region src/canvas.ts
 /**
@@ -24,6 +24,7 @@ function createCanvas(options) {
 		width,
 		height,
 		pixelRatio,
+		canvas,
 		render(element) {
 			const layoutTree = computeLayout(element, measureCtx, {
 				minWidth: 0,
@@ -44,7 +45,7 @@ function createCanvas(options) {
 			if ("toDataURL" in canvas && typeof canvas.toDataURL === "function") return canvas.toDataURL(type, quality);
 			throw new Error("toDataURL not supported");
 		},
-		async toBuffer(type = "image/png") {
+		toBuffer(type = "image/png") {
 			if ("toBuffer" in canvas && typeof canvas.toBuffer === "function") return canvas.toBuffer(type);
 			throw new Error("toBuffer not supported in this environment");
 		}
@@ -60,6 +61,15 @@ function Box(props) {
 	};
 }
 
+//#endregion
+//#region src/components/Image.ts
+function Image(props) {
+	return {
+		type: "image",
+		...props
+	};
+}
+
 //#endregion
 //#region src/components/Stack.ts
 function Stack(props) {
@@ -69,6 +79,53 @@ function Stack(props) {
 	};
 }
 
+//#endregion
+//#region src/components/Svg.ts
+function Svg(props) {
+	return {
+		type: "svg",
+		...props
+	};
+}
+const svg = {
+	rect: (props) => ({
+		type: "rect",
+		...props
+	}),
+	circle: (props) => ({
+		type: "circle",
+		...props
+	}),
+	ellipse: (props) => ({
+		type: "ellipse",
+		...props
+	}),
+	line: (props) => ({
+		type: "line",
+		...props
+	}),
+	polyline: (props) => ({
+		type: "polyline",
+		...props
+	}),
+	polygon: (props) => ({
+		type: "polygon",
+		...props
+	}),
+	path: (props) => ({
+		type: "path",
+		...props
+	}),
+	text: (props) => ({
+		type: "text",
+		...props
+	}),
+	g: (props) => ({
+		type: "g",
+		...props
+	})
+};
+
 //#endregion
 //#region src/components/Text.ts
 function Text(props) {
@@ -79,4 +136,4 @@ function Text(props) {
 }
 
 //#endregion
-export { Box, Stack, Text, computeLayout, createCanvas, createCanvasMeasureContext, linearGradient, radialGradient };
+export { Box, Image, Stack, Svg, Text, computeLayout, createCanvas, createCanvasMeasureContext, linearGradient, radialGradient, svg };

package/node.cjs

@@ -1,4 +1,4 @@
-const require_engine = require('./engine-OyKoV7Gn.cjs');
+const require_render = require('./render.cjs');
 let _napi_rs_canvas = require("@napi-rs/canvas");
 
 //#region src/node.ts
@@ -13,19 +13,20 @@ function createCanvas(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_engine.createCanvasMeasureContext(ctx);
+	const measureCtx = require_render.createCanvasMeasureContext(ctx);
 	return {
 		width,
 		height,
 		pixelRatio,
+		canvas,
 		render(element) {
-			const layoutTree = require_engine.computeLayout(element, measureCtx, {
+			const layoutTree = require_render.computeLayout(element, measureCtx, {
 				minWidth: 0,
 				maxWidth: width,
 				minHeight: 0,
 				maxHeight: height
 			});
-			require_engine.renderNode(ctx, layoutTree);
+			require_render.renderNode(ctx, layoutTree);
 			return layoutTree;
 		},
 		clear() {
@@ -37,7 +38,7 @@ function createCanvas(options) {
 		toDataURL(type, quality) {
 			return canvas.toDataURL(type, quality);
 		},
-		async toBuffer(type = "image/png") {
+		toBuffer(type = "image/png") {
 			return canvas.toBuffer(type);
 		}
 	};

package/node.d.cts

@@ -1,4 +1,4 @@
-import { n as DrawCallCanvas, t as CanvasOptions } from "./canvas-CkpP3RNK.cjs";
+import { n as DrawCallCanvas, t as CanvasOptions } from "./canvas.cjs";
 
 //#region src/node.d.ts
 /**

package/node.d.mts

@@ -1,4 +1,4 @@
-import { n as DrawCallCanvas, t as CanvasOptions } from "./canvas-BYrCq8eS.mjs";
+import { n as DrawCallCanvas, t as CanvasOptions } from "./canvas.mjs";
 
 //#region src/node.d.ts
 /**

package/node.mjs

@@ -1,4 +1,4 @@
-import { n as computeLayout, r as createCanvasMeasureContext, t as renderNode } from "./engine-C88lMGbX.mjs";
+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
@@ -18,6 +18,7 @@ function createCanvas(options) {
 		width,
 		height,
 		pixelRatio,
+		canvas,
 		render(element) {
 			const layoutTree = computeLayout(element, measureCtx, {
 				minWidth: 0,
@@ -37,7 +38,7 @@ function createCanvas(options) {
 		toDataURL(type, quality) {
 			return canvas.toDataURL(type, quality);
 		},
-		async toBuffer(type = "image/png") {
+		toBuffer(type = "image/png") {
 			return canvas.toBuffer(type);
 		}
 	};

package/package.json

@@ -25,7 +25,7 @@
   "optionalDependencies": {
     "@napi-rs/canvas": "^0.1.88"
   },
-  "version": "0.1.1",
+  "version": "0.1.2",
   "main": "./index.cjs",
   "types": "./index.d.cts",
   "exports": {