next-blurhash-previews 0.0.3-beta70 → 0.0.3-beta73
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -76,6 +76,22 @@ const workerBlob = new Blob(
|
|
|
76
76
|
[document.querySelector("#next-blurhash-worker-script")!.textContent!],
|
|
77
77
|
{ type: "text/javascript" }
|
|
78
78
|
);
|
|
79
|
+
const worker = new Worker(window.URL.createObjectURL(workerBlob));
|
|
80
|
+
|
|
81
|
+
const emptyCanvas = document
|
|
82
|
+
.createElement("canvas")
|
|
83
|
+
// @ts-ignore
|
|
84
|
+
.transferControlToOffscreen();
|
|
85
|
+
|
|
86
|
+
worker.postMessage(
|
|
87
|
+
{
|
|
88
|
+
canvas: emptyCanvas,
|
|
89
|
+
width: 25,
|
|
90
|
+
height: 25,
|
|
91
|
+
blurhash: "L05E$[offQofoffQfQfQfQfQfQfQ",
|
|
92
|
+
},
|
|
93
|
+
[emptyCanvas]
|
|
94
|
+
);
|
|
79
95
|
|
|
80
96
|
function updateBlurHashPreview(canvasEl: HTMLCanvasElement, preview: blurhash) {
|
|
81
97
|
const { w: width, h: height, blurhash } = preview;
|
|
@@ -83,7 +99,6 @@ function updateBlurHashPreview(canvasEl: HTMLCanvasElement, preview: blurhash) {
|
|
|
83
99
|
canvasEl.height = height;
|
|
84
100
|
|
|
85
101
|
if (true) {
|
|
86
|
-
const worker = new Worker(window.URL.createObjectURL(workerBlob));
|
|
87
102
|
const offscreen = (canvasEl as any).transferControlToOffscreen();
|
|
88
103
|
worker.postMessage({ canvas: offscreen, width, height, blurhash }, [
|
|
89
104
|
offscreen,
|
package/imagePreviewBootstrap.js
CHANGED
|
@@ -279,6 +279,14 @@ if (!customElements.get("blurhash-image")) {
|
|
|
279
279
|
const workerBlob = new Blob([document.querySelector("#next-blurhash-worker-script").textContent], {
|
|
280
280
|
type: "text/javascript"
|
|
281
281
|
});
|
|
282
|
+
const worker = new Worker(window.URL.createObjectURL(workerBlob));
|
|
283
|
+
const emptyCanvas = document.createElement("canvas").transferControlToOffscreen();
|
|
284
|
+
worker.postMessage({
|
|
285
|
+
canvas: emptyCanvas,
|
|
286
|
+
width: 25,
|
|
287
|
+
height: 25,
|
|
288
|
+
blurhash: "L05E$[offQofoffQfQfQfQfQfQfQ"
|
|
289
|
+
}, [emptyCanvas]);
|
|
282
290
|
function updateBlurHashPreview(canvasEl, preview) {
|
|
283
291
|
const {
|
|
284
292
|
w: width,
|
|
@@ -288,7 +296,6 @@ function updateBlurHashPreview(canvasEl, preview) {
|
|
|
288
296
|
canvasEl.width = width;
|
|
289
297
|
canvasEl.height = height;
|
|
290
298
|
{
|
|
291
|
-
const worker = new Worker(window.URL.createObjectURL(workerBlob));
|
|
292
299
|
const offscreen = canvasEl.transferControlToOffscreen();
|
|
293
300
|
worker.postMessage({
|
|
294
301
|
canvas: offscreen,
|