1684570014

Build Type

github

Committed by GitHub

Commit Message

Merge 8dc4c1347 into 7b2a8da4e

Pull Request Pull Request #294: Accelerate image processing on the client with GPU.js

Run Details

32 of 404 branches covered (7.92%)

Branch coverage included in aggregate %.

53 of 286 new or added lines in 17 files covered. (18.53%)

8 existing lines in 6 files now uncovered.

1333 of 3205 relevant lines covered (41.59%)

2.23 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

1.47

/visualizer/src/Canvas/Labeled/OutlineCanvas.js

1	import { useSelector } from '@xstate/react';
2	import { GPU } from 'gpu.js';
3	import { useEffect, useRef } from 'react';
4	import { useCanvas, useFeature, useLabeled, useSelect } from '../../ProjectContext';
5
6	const OutlineCanvas = ({ setCanvases }) => {	4✔
UNCOV 7	const canvas = useCanvas();	×
NEW 8	const width = useSelector(canvas, (state) => state.context.width);	×
NEW 9	const height = useSelector(canvas, (state) => state.context.height);	×
10
11	const select = useSelect();	×
12	const foreground = useSelector(select, (state) => state.context.foreground);	×
13	const background = useSelector(select, (state) => state.context.background);	×
14
15	const labeled = useLabeled();	×
NEW 16	const outlineAll = useSelector(labeled, (state) => state.context.outline);	×
17	const featureIndex = useSelector(labeled, (state) => state.context.feature);	×
18	const feature = useFeature(featureIndex);	×
19	let labeledArray = useSelector(feature, (state) => state.context.labeledArray);	×
20	if (!labeledArray) {	×
NEW 21	labeledArray = new Array(height).fill(new Array(width).fill(0));	×
22	}
23
NEW 24	const kernelRef = useRef();	×
25	const canvasRef = useRef();	×
26
UNCOV 27	useEffect(() => {	×
NEW 28	const canvas = canvasRef.current;	×
NEW 29	canvas.getContext('webgl2', { premultipliedAlpha: false });	×
NEW 30	const gpu = new GPU({ canvas });	×
NEW 31	const kernel = gpu.createKernel(	×
32	function (data, outlineAll, foreground, background) {
NEW 33	const x = this.thread.x;	×
NEW 34	const y = this.constants.h - 1 - this.thread.y;	×
NEW 35	const label = data[y][x];	×
36	const onOutline =
NEW 37	label !== 0 &&	×
38	((x !== 0 && data[y][x - 1] !== label) \|\|
39	(x !== this.constants.w - 1 && data[y][x + 1] !== label) \|\|
40	(y !== 0 && data[y - 1][x] !== label) \|\|
41	(y !== this.constants.h - 1 && data[y + 1][x] !== label));
42
43	// always outline selected labels
NEW 44	if (onOutline && label === background) {	×
NEW 45	this.color(1, 0, 0, 1);	×
NEW 46	} else if (onOutline && label === foreground) {	×
NEW 47	this.color(1, 1, 1, 1);	×
NEW 48	} else if (label === foreground && foreground !== 0) {	×
NEW 49	this.color(1, 1, 1, 0.5);	×
NEW 50	} else if (outlineAll && onOutline) {	×
NEW 51	this.color(1, 1, 1, 1);	×
52	}
53	},
54	{
55	constants: { w: width, h: height },
56	output: [width, height],
57	graphical: true,
58	}
59	);
NEW 60	kernelRef.current = kernel;	×
NEW 61	return () => {	×
NEW 62	kernel.destroy();	×
NEW 63	gpu.destroy();	×
64	};
65	}, [width, height]);
66
67	useEffect(() => {	×
68	// Rerender the canvas for this component
NEW 69	kernelRef.current(labeledArray, outlineAll, foreground, background);	×
70	// Rerender the parent canvas
NEW 71	setCanvases((canvases) => ({ ...canvases, outline: canvasRef.current }));	×
72	}, [labeledArray, outlineAll, foreground, background, setCanvases]);
73
NEW 74	return <canvas hidden={true} id={'outline-canvas'} ref={canvasRef} />;	×
75	};
76
77	export default OutlineCanvas;

vanvalenlab / deepcell-label / 1684570014

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous