diff --git a/flavours/classic/config/flavour_assets/hooks/Bonfire.UI.Common.LazyImage.hooks.js b/flavours/classic/config/flavour_assets/hooks/Bonfire.UI.Common.LazyImage.hooks.js index e5235e39e6b..aa7db63386c 100644 --- a/flavours/classic/config/flavour_assets/hooks/Bonfire.UI.Common.LazyImage.hooks.js +++ b/flavours/classic/config/flavour_assets/hooks/Bonfire.UI.Common.LazyImage.hooks.js @@ -2,30 +2,31 @@ This file was generated by the Surface compiler. */ + import { decodeBlurHash } from 'fast-blurhash'; export default { - mounted() { - // const canvas = document.createElement('canvas'); - const canvas = this.el.getElementsByTagName('canvas')[0]; - console.log(canvas) - const w = canvas.width || 40 - const h = canvas.height || 40 - const default_hash = 'LEHV6nWB2yk8pyo0adR*.7kCMdnj' - const hash = this.el.dataset.hash - console.log(hash) - - // decode blurHash image - const pixels = decodeBlurHash(hash || default_hash, w, h); - console.log(pixels) + mounted() { + // const canvas = document.createElement('canvas'); + const canvas = this.el.getElementsByTagName('canvas')[0]; + // console.log(canvas) + const w = canvas.width || 40 + const h = canvas.height || 40 + const default_hash = 'LEHV6nWB2yk8pyo0adR*.7kCMdnj' + const hash = this.el.dataset.hash + // console.log(hash) + + // decode blurHash image + const pixels = decodeBlurHash(hash || default_hash, w, h); + // console.log(pixels) - // draw it on canvas - const ctx = canvas.getContext('2d'); - const imageData = ctx.createImageData(w, h); + // draw it on canvas + const ctx = canvas.getContext('2d'); + const imageData = ctx.createImageData(w, h); - imageData.data.set(pixels); - console.log(imageData) - ctx.putImageData(imageData, 0, 0); - // document.body.append(canvas); - } + imageData.data.set(pixels); + // console.log(imageData) + ctx.putImageData(imageData, 0, 0); + // document.body.append(canvas); + } }