treehouse
/
mastodon
21
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

[Glitch] Improve safety of Blurhash component 

Port 66f9bd08da to glitch-soc

Signed-off-by: Thibaut Girka <thib@sitedethib.com>
lolsob-rspec
Sasha Sorokin 2020-07-10 03:32:36 +07:00 committed by Thibaut Girka
parent f2d0bd912c
commit c952cc3115
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/javascript/flavours/glitch/components/blurhash.js
View File

@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
/** /**
* @typedef BlurhashPropsBase * @typedef BlurhashPropsBase
* @property {string} hash Hash to render * @property {string?} hash Hash to render
* @property {number} width * @property {number} width
* Width of the blurred region in pixels. Defaults to 32 * Width of the blurred region in pixels. Defaults to 32
* @property {number} [height] * @property {number} [height]
@ -37,13 +37,17 @@ function Blurhash({
const { current: canvas } = canvasRef; const { current: canvas } = canvasRef;
canvas.width = canvas.width; // resets canvas canvas.width = canvas.width; // resets canvas
if (dummy) return; if (dummy || !hash) return;
try {
const pixels = decode(hash, width, height); const pixels = decode(hash, width, height);
const ctx = canvas.getContext('2d'); const ctx = canvas.getContext('2d');
const imageData = new ImageData(pixels, width, height); const imageData = new ImageData(pixels, width, height);
ctx.putImageData(imageData, 0, 0); ctx.putImageData(imageData, 0, 0);
} catch (err) {
console.error('Blurhash decoding failure', { err, hash });
}
}, [dummy, hash, width, height]); }, [dummy, hash, width, height]);
return ( return (