feat(png): polyfill ImageData api for cloudflare worker env

jamsinclair · Jul 8, 2023 · 2ab483a · 2ab483a
1 parent 52ea8b8
commit 2ab483a
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 1 deletion.
diff --git a/packages/png/codec/package.json b/packages/png/codec/package.json
@@ -9,7 +9,10 @@
     "squoosh_png.js",
     "squoosh_png.d.ts"
   ],
+  "scripts": {
+    "patch-pre-script": "cat pre.js >> squoosh_png.js"
+  },
   "module": "squoosh_png.js",
   "types": "squoosh_png.d.ts",
   "sideEffects": false
-}
+}
diff --git a/packages/png/codec/pre.js b/packages/png/codec/pre.js
@@ -0,0 +1,15 @@
+(function () {
+  const isRunningInCloudFlareWorkers = caches.default !== undefined;
+  if (isRunningInCloudFlareWorkers) {
+    if (!globalThis.ImageData) {
+      // Simple Polyfill for ImageData Object
+      globalThis.ImageData = class ImageData {
+        constructor(data, width, height) {
+          this.data = data;
+          this.width = width;
+          this.height = height;
+        }
+      };
+    }
+  }
+})();
diff --git a/packages/png/codec/squoosh_png.js b/packages/png/codec/squoosh_png.js
@@ -173,3 +173,18 @@ async function init(input) {
 
 export default init;
 
+(function () {
+  const isRunningInCloudFlareWorkers = caches.default !== undefined;
+  if (isRunningInCloudFlareWorkers) {
+    if (!globalThis.ImageData) {
+      // Simple Polyfill for ImageData Object
+      globalThis.ImageData = class ImageData {
+        constructor(data, width, height) {
+          this.data = data;
+          this.width = width;
+          this.height = height;
+        }
+      };
+    }
+  }
+})();