next-blurhash-previews 0.0.3-beta70 → 0.0.3-beta73

package/components/ImageWithPreview.tsx

@@ -76,6 +76,22 @@ const workerBlob = new Blob(
   [document.querySelector("#next-blurhash-worker-script")!.textContent!],
   { type: "text/javascript" }
 );
+const worker = new Worker(window.URL.createObjectURL(workerBlob));
+
+const emptyCanvas = document
+  .createElement("canvas")
+  // @ts-ignore
+  .transferControlToOffscreen();
+
+worker.postMessage(
+  {
+    canvas: emptyCanvas,
+    width: 25,
+    height: 25,
+    blurhash: "L05E$[offQofoffQfQfQfQfQfQfQ",
+  },
+  [emptyCanvas]
+);
 
 function updateBlurHashPreview(canvasEl: HTMLCanvasElement, preview: blurhash) {
   const { w: width, h: height, blurhash } = preview;
@@ -83,7 +99,6 @@ function updateBlurHashPreview(canvasEl: HTMLCanvasElement, preview: blurhash) {
   canvasEl.height = height;
 
   if (true) {
-    const worker = new Worker(window.URL.createObjectURL(workerBlob));
     const offscreen = (canvasEl as any).transferControlToOffscreen();
     worker.postMessage({ canvas: offscreen, width, height, blurhash }, [
       offscreen,

package/imagePreviewBootstrap.js

@@ -279,6 +279,14 @@ if (!customElements.get("blurhash-image")) {
 const workerBlob = new Blob([document.querySelector("#next-blurhash-worker-script").textContent], {
   type: "text/javascript"
 });
+const worker = new Worker(window.URL.createObjectURL(workerBlob));
+const emptyCanvas = document.createElement("canvas").transferControlToOffscreen();
+worker.postMessage({
+  canvas: emptyCanvas,
+  width: 25,
+  height: 25,
+  blurhash: "L05E$[offQofoffQfQfQfQfQfQfQ"
+}, [emptyCanvas]);
 function updateBlurHashPreview(canvasEl, preview) {
   const {
     w: width,
@@ -288,7 +296,6 @@ function updateBlurHashPreview(canvasEl, preview) {
   canvasEl.width = width;
   canvasEl.height = height;
   {
-    const worker = new Worker(window.URL.createObjectURL(workerBlob));
     const offscreen = canvasEl.transferControlToOffscreen();
     worker.postMessage({
       canvas: offscreen,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-blurhash-previews",
-  "version": "0.0.3-beta70",
+  "version": "0.0.3-beta73",
   "description": "",
   "main": "index.js",
   "module": "index.js",