27974749198

Committed 22 Jun 2026 06:25PM UTC coverage: 41.032% (-40.0%) from 81.081%

Build # 27974749198

Build Type

Pull #38

github

Committed by

web-flow

Commit Message

Merge 5879a1978 into a31e3fb33

Pull Request Pull Request #38: Add Data Visualisation

Coverage Stats

98 of 298 branches covered (32.89%)

Branch coverage included in aggregate %.

214 of 488 new or added lines in 20 files covered. (43.85%)

236 of 516 relevant lines covered (45.74%)

1.33 hits per line

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

0.0

/src/web/data-display/src/tree/FunctionTreeNode.tsx

import { Group } from "react-konva";

import { Config } from "../Config";
import { ArrowDrawable, FunctionDrawable } from "../drawable/Drawable";
import { DrawableTreeNode } from "./DrawableTreeNode";

/**
 * Represents a node corresponding to a Source (and Javascript) function.
 */
export class FunctionTreeNode extends DrawableTreeNode {
  createDrawable(
    x: number,
    y: number,
    parentX: number,
    parentY: number,
    colorIndex: number,
  ): React.ReactElement {
    this._drawable = (
      <Group key={x + ", " + y}>
        <FunctionDrawable {...{ x, y }} />
        {(parentX !== x || parentY !== y) && (
          <ArrowDrawable
            {...{
              from: {
                x: parentX + Config.BoxWidth / 2,
                y: parentY + Config.BoxHeight / 2,
              },
              to: {
                x,
                y,
              },
            }}
          />
        )}
      </Group>
    );

    this.drawableX = x;
    this.drawableY = y;

    return this._drawable;
  }
}

1	import { Group } from "react-konva";
2
3	import { Config } from "../Config";
4	import { ArrowDrawable, FunctionDrawable } from "../drawable/Drawable";
5	import { DrawableTreeNode } from "./DrawableTreeNode";
6
7	/**
8	* Represents a node corresponding to a Source (and Javascript) function.
9	*/
10	export class FunctionTreeNode extends DrawableTreeNode {
11	createDrawable(
12	x: number,
13	y: number,
14	parentX: number,
15	parentY: number,
16	colorIndex: number,
17	): React.ReactElement {
NEW 18	this._drawable = (	×
19	<Group key={x + ", " + y}>
20	<FunctionDrawable {...{ x, y }} />
21	{(parentX !== x \|\| parentY !== y) && (	×
22	<ArrowDrawable
23	{...{
24	from: {
25	x: parentX + Config.BoxWidth / 2,
26	y: parentY + Config.BoxHeight / 2,
27	},
28	to: {
29	x,
30	y,
31	},
32	}}
33	/>
34	)}
35	</Group>
36	);
37
NEW 38	this.drawableX = x;	×
NEW 39	this.drawableY = y;	×
40
NEW 41	return this._drawable;	×
42	}
43	}

source-academy / plugins / 27974749198

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