@napi-rs/canvas 0.1.74 → 0.1.76

package/index.d.ts

@@ -626,6 +626,11 @@ export enum ChromaSubsampling {
   Yuv400 = 3,
 }
 
+export interface ConvertToBlobOptions {
+  mime?: string
+  quality?: number
+}
+
 export class Canvas {
   constructor(width: number, height: number, flag?: SvgExportFlag)
 
@@ -654,6 +659,9 @@ export class Canvas {
   toDataURLAsync(mime: 'image/jpeg' | 'image/webp', quality?: number): Promise<string>
   toDataURLAsync(mime?: 'image/jpeg' | 'image/webp' | 'image/png', quality?: number): Promise<string>
   toDataURLAsync(mime?: 'image/avif', cfg?: AvifConfig): Promise<string>
+
+  toBlob(callback: (blob: Blob | null) => void, mime?: string, quality?: number): void
+  convertToBlob(options?: ConvertToBlobOptions): Promise<Blob>
 }
 
 export function createCanvas(width: number, height: number): Canvas

package/index.js

@@ -47,6 +47,32 @@ if (!('has' in GlobalFonts)) {
   })
 }
 
+const _toBlob = CanvasElement.prototype.toBlob
+const _convertToBlob = CanvasElement.prototype.convertToBlob
+if ('Blob' in globalThis) {
+  CanvasElement.prototype.toBlob = function toBlob(callback, mimeType, quality) {
+    _toBlob.call(this, function(/** @type {Uint8Array} */ imageBuffer) {
+      const blob = new Blob([imageBuffer.buffer], { type: mimeType })
+      callback(blob)
+    }, mimeType, quality)
+  }
+  CanvasElement.prototype.convertToBlob = function convertToBlob(options) {
+    return _convertToBlob.call(this, options).then((/** @type {Uint8Array} */ imageBuffer) => {
+      const blob = new Blob([imageBuffer.buffer], { type: options?.mime || 'image/png' })
+      return blob
+    })
+  }
+} else {
+  // oxlint-disable-next-line no-unused-vars
+  CanvasElement.prototype.toBlob = function toBlob(callback, mimeType, quality) {
+    callback(null)
+  }
+  // oxlint-disable-next-line no-unused-vars
+  CanvasElement.prototype.convertToBlob = function convertToBlob(options) {
+    return Promise.reject(new Error('Blob is not supported in this environment'))
+  }
+}
+
 const _getTransform = CanvasRenderingContext2D.prototype.getTransform
 
 CanvasRenderingContext2D.prototype.getTransform = function getTransform() {
@@ -85,7 +111,7 @@ CanvasRenderingContext2D.prototype.drawImage = function drawImage(image, ...args
       }
     }
   }
-  
+
   // Call the original drawImage with the potentially corrected image
   return _drawImage.apply(this, [image, ...args])
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@napi-rs/canvas",
-  "version": "0.1.74",
+  "version": "0.1.76",
   "description": "Canvas for Node.js with skia backend",
   "main": "index.js",
   "repository": {
@@ -75,7 +75,7 @@
     "@jimp/custom": "^0.22.12",
     "@jimp/jpeg": "^0.22.12",
     "@jimp/png": "^0.22.12",
-    "@napi-rs/cli": "^3.0.0-alpha.91",
+    "@napi-rs/cli": "^3.0.0",
     "@octokit/rest": "^22.0.0",
     "@swc-node/register": "^1.10.10",
     "@swc/core": "^1.11.31",
@@ -143,15 +143,15 @@
   },
   "packageManager": "yarn@4.9.2",
   "optionalDependencies": {
-    "@napi-rs/canvas-linux-x64-gnu": "0.1.74",
-    "@napi-rs/canvas-darwin-x64": "0.1.74",
-    "@napi-rs/canvas-win32-x64-msvc": "0.1.74",
-    "@napi-rs/canvas-linux-arm-gnueabihf": "0.1.74",
-    "@napi-rs/canvas-linux-x64-musl": "0.1.74",
-    "@napi-rs/canvas-linux-arm64-gnu": "0.1.74",
-    "@napi-rs/canvas-linux-arm64-musl": "0.1.74",
-    "@napi-rs/canvas-darwin-arm64": "0.1.74",
-    "@napi-rs/canvas-android-arm64": "0.1.74",
-    "@napi-rs/canvas-linux-riscv64-gnu": "0.1.74"
+    "@napi-rs/canvas-linux-x64-gnu": "0.1.76",
+    "@napi-rs/canvas-darwin-x64": "0.1.76",
+    "@napi-rs/canvas-win32-x64-msvc": "0.1.76",
+    "@napi-rs/canvas-linux-arm-gnueabihf": "0.1.76",
+    "@napi-rs/canvas-linux-x64-musl": "0.1.76",
+    "@napi-rs/canvas-linux-arm64-gnu": "0.1.76",
+    "@napi-rs/canvas-linux-arm64-musl": "0.1.76",
+    "@napi-rs/canvas-darwin-arm64": "0.1.76",
+    "@napi-rs/canvas-android-arm64": "0.1.76",
+    "@napi-rs/canvas-linux-riscv64-gnu": "0.1.76"
   }
 }