next-blurhash-previews 0.0.3-beta66 → 0.0.3-beta67

package/components/ImageWithPreview.tsx

@@ -72,18 +72,21 @@ if (!customElements.get("blurhash-image")) {
   customElements.define("blurhash-image", ImageWithPreview);
 }
 
+var worker;
+
 function updateBlurHashPreview(canvasEl: HTMLCanvasElement, preview: blurhash) {
   const { w: width, h: height, blurhash } = preview;
   canvasEl.width = width;
   canvasEl.height = height;
 
   if (true) {
-    const workerBlob = new Blob(
-      [document.querySelector("#next-blurhash-worker-script")!.textContent!],
-      { type: "text/javascript" }
-    );
-    const worker = new Worker(window.URL.createObjectURL(workerBlob));
-
+    if (!worker) {
+      const workerBlob = new Blob(
+        [document.querySelector("#next-blurhash-worker-script")!.textContent!],
+        { type: "text/javascript" }
+      );
+      worker = new Worker(window.URL.createObjectURL(workerBlob));
+    }
     const offscreen = (canvasEl as any).transferControlToOffscreen();
     worker.postMessage({ canvas: offscreen, width, height, blurhash }, [
       offscreen,

package/imagePreviewBootstrap.js

@@ -65,6 +65,7 @@ class ImageWithPreview extends HTMLElement {
 if (!customElements.get("blurhash-image")) {
   customElements.define("blurhash-image", ImageWithPreview);
 }
+var worker;
 function updateBlurHashPreview(canvasEl, preview) {
   const {
     w: width,
@@ -74,10 +75,12 @@ function updateBlurHashPreview(canvasEl, preview) {
   canvasEl.width = width;
   canvasEl.height = height;
   {
-    const workerBlob = new Blob([document.querySelector("#next-blurhash-worker-script").textContent], {
-      type: "text/javascript"
-    });
-    const worker = new Worker(window.URL.createObjectURL(workerBlob));
+    if (!worker) {
+      const workerBlob = new Blob([document.querySelector("#next-blurhash-worker-script").textContent], {
+        type: "text/javascript"
+      });
+      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-beta66",
+  "version": "0.0.3-beta67",
   "description": "",
   "main": "index.js",
   "module": "index.js",