1231569277

Build Type

github

Committed by GitHub

Commit Message

<a href="https://github.com/vanvalenlab/deepcell-label/commit/<a class=hub.com/vanvalenlab/deepcell-label/commit/a252ebefa657916c366325365dbb46a91a36a6f8">a252ebefa<a href="https://github.com/vanvalenlab/deepcell-label/commit/a252ebefa657916c366325365dbb46a91a36a6f8">">Merge </a><a class="double-link" href="https://github.com/vanvalenlab/deepcell-label/commit/<a class="double-link" href="https://github.com/vanvalenlab/deepcell-label/commit/62f9dfb1995849b70e30765faf6e04f226132f04">62f9dfb19</a>">62f9dfb19</a><a href="https://github.com/vanvalenlab/deepcell-label/commit/a252ebefa657916c366325365dbb46a91a36a6f8"> into b8cbbaeaf">b8cbbaeaf</a>

Pull Request Pull Request #259: Merge refactors and improvements from tracking branches

Run Details

43 of 234 branches covered (18.38%)

Branch coverage included in aggregate %.

307 of 716 new or added lines in 58 files covered. (42.88%)

1553 of 3055 relevant lines covered (50.83%)

2.14 hits per line

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

4.35

/visualizer/src/Canvas/Raw/RGBCanvas.js

import { useSelector } from '@xstate/react';
import React, { useEffect, useRef } from 'react';
import { useCanvas, useComposeLayers, useLayers } from '../../ProjectContext';
import ChannelCanvas from './ChannelCanvas';

export const RGBCanvas = ({ className }) => {
  const canvas = useCanvas();
  const sx = useSelector(canvas, state => state.context.sx);
  const sy = useSelector(canvas, state => state.context.sy);
  const zoom = useSelector(canvas, state => state.context.zoom);
  const scale = useSelector(canvas, state => state.context.scale);
  const sw = useSelector(canvas, state => state.context.width);
  const sh = useSelector(canvas, state => state.context.height);

  const width = sw * scale * window.devicePixelRatio;
  const height = sh * scale * window.devicePixelRatio;

  const layers = useLayers();

  const canvasRef = useRef();
  const ctx = useRef();
  const [composeCanvasRef, canvases, setCanvases] = useComposeLayers();

  useEffect(() => {
    ctx.current = canvasRef.current.getContext('2d');
    ctx.current.imageSmoothingEnabled = false;
  }, [height, width]);

  useEffect(() => {
    const composeCanvas = composeCanvasRef.current;
    ctx.current.clearRect(0, 0, width, height);
    ctx.current.drawImage(composeCanvas, sx, sy, sw / zoom, sh / zoom, 0, 0, width, height);
  }, [composeCanvasRef, canvases, sx, sy, zoom, sw, sh, width, height]);

  return (
    <>
      {/* hidden processing canvas */}
      <canvas id='raw-processing' hidden={true} ref={composeCanvasRef} width={sw} height={sh} />
      {/* visible output canvas */}
      <canvas id='raw-canvas' className={className} ref={canvasRef} width={width} height={height} />
      {layers.map(layer => (
        <ChannelCanvas layer={layer} setCanvases={setCanvases} key={layer.sessionId} />
      ))}
    </>
  );
};

export default RGBCanvas;

1	import { useSelector } from '@xstate/react';
2	import React, { useEffect, useRef } from 'react';
3	import { useCanvas, useComposeLayers, useLayers } from '../../ProjectContext';
4	import ChannelCanvas from './ChannelCanvas';
5
6	export const RGBCanvas = ({ className }) => {	3✔
7	const canvas = useCanvas();	×
8	const sx = useSelector(canvas, state => state.context.sx);	×
9	const sy = useSelector(canvas, state => state.context.sy);	×
10	const zoom = useSelector(canvas, state => state.context.zoom);	×
11	const scale = useSelector(canvas, state => state.context.scale);	×
12	const sw = useSelector(canvas, state => state.context.width);	×
13	const sh = useSelector(canvas, state => state.context.height);	×
14
15	const width = sw * scale * window.devicePixelRatio;	×
16	const height = sh * scale * window.devicePixelRatio;	×
17
NEW 18	const layers = useLayers();	×
19
20	const canvasRef = useRef();	×
21	const ctx = useRef();	×
22	const [composeCanvasRef, canvases, setCanvases] = useComposeLayers();	×
23
24	useEffect(() => {	×
25	ctx.current = canvasRef.current.getContext('2d');	×
26	ctx.current.imageSmoothingEnabled = false;	×
27	}, [height, width]);
28
29	useEffect(() => {	×
30	const composeCanvas = composeCanvasRef.current;	×
31	ctx.current.clearRect(0, 0, width, height);	×
NEW 32	ctx.current.drawImage(composeCanvas, sx, sy, sw / zoom, sh / zoom, 0, 0, width, height);	×
33	}, [composeCanvasRef, canvases, sx, sy, zoom, sw, sh, width, height]);
34
35	return (	×
36	<>
37	{/* hidden processing canvas */}
38	<canvas id='raw-processing' hidden={true} ref={composeCanvasRef} width={sw} height={sh} />
39	{/* visible output canvas */}
40	<canvas id='raw-canvas' className={className} ref={canvasRef} width={width} height={height} />
41	{layers.map(layer => (
NEW 42	<ChannelCanvas layer={layer} setCanvases={setCanvases} key={layer.sessionId} />	×
43	))}
44	</>
45	);
46	};
47
48	export default RGBCanvas;

vanvalenlab / deepcell-label / 1231569277

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