All files / components/Image renderBlurhash.ts

100% Statements 1/1
100% Branches 0/0
100% Functions 0/0
100% Lines 1/1

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 211x                                        
// Warning: everything in this file is built into a separate bundle and included at the end of the
// <body> to pre-render blurhashes before Svelte has mounted
 
import drawBlurhash from "./drawBlurhash";
 
window.drawBlurhash = drawBlurhash;
 
const onContentLoaded = () => {
  const canvases: Iterable<HTMLCanvasElement> = document.querySelectorAll(
    "canvas.ldaf-img__blur-bg",
  );
  for (const canvas of canvases) {
    const blurhash = canvas.getAttribute("data-blurhash");
    const { width, height } = canvas;
    if (!(blurhash && width && height)) break;
    window.drawBlurhash(canvas, blurhash);
  }
};
 
document.addEventListener("DOMContentLoaded", onContentLoaded);