devtools/client/memory/components/tree-map/start.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 * You can obtain one at http://mozilla.org/MPL/2.0/. */

"use strict";

const {
  setupDraw,
} = require("resource://devtools/client/memory/components/tree-map/draw.js");
const DragZoom = require("resource://devtools/client/memory/components/tree-map/drag-zoom.js");
const CanvasUtils = require("resource://devtools/client/memory/components/tree-map/canvas-utils.js");

/**
 * Start the tree map visualization
 *
 * @param  {HTMLDivElement} container
 * @param  {Object} report
 *                  the report from a census
 * @param  {Number} debounceRate
 */
module.exports = function startVisualization(
  parentEl,
  report,
  debounceRate = 60
) {
  const window = parentEl.ownerDocument.defaultView;
  const canvases = new CanvasUtils(parentEl, debounceRate);
  const dragZoom = new DragZoom(
    canvases.container,
    debounceRate,
    window.requestAnimationFrame
  );

  setupDraw(report, canvases, dragZoom);

  return function stopVisualization() {
    canvases.destroy();
    dragZoom.destroy();
  };
};