xref: /third_party/node/deps/v8/tools/system-analyzer/view/timeline-panel.mjs

// Copyright 2020 the V8 project authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import './timeline/timeline-track.mjs';
import './timeline/timeline-track-map.mjs';
import './timeline/timeline-track-tick.mjs';
import './timeline/timeline-track-timer.mjs';

import {SynchronizeSelectionEvent} from './events.mjs';
import {DOM, V8CustomElement} from './helper.mjs';

DOM.defineCustomElement(
    'view/timeline-panel',
    (templateText) => class TimelinePanel extends V8CustomElement {
      constructor() {
        super(templateText);
        this.addEventListener('scrolltrack', e => this.handleTrackScroll(e));
        this.addEventListener(
            SynchronizeSelectionEvent.name,
            e => this.handleSelectionSyncronization(e));
        this.$('#zoomIn').onclick = () => this.nofChunks *= 1.5;
        this.$('#zoomOut').onclick = () => this.nofChunks /= 1.5;
      }

      set nofChunks(count) {
        for (const track of this.timelineTracks) {
          track.nofChunks = count;
        }
      }

      get nofChunks() {
        return this.timelineTracks[0].nofChunks;
      }

      set currentTime(time) {
        for (const track of this.timelineTracks) {
          track.currentTime = time;
        }
      }

      get currentTime() {
        return this.timelineTracks[0].currentTime;
      }

      get timelineTracks() {
        return this.$('slot').assignedNodes().filter(
            node => node.nodeType === Node.ELEMENT_NODE);
      }

      handleTrackScroll(event) {
        for (const track of this.timelineTracks) {
          track.scrollLeft = event.detail;
        }
      }

      handleSelectionSyncronization(event) {
        this.timeSelection = {start: event.start, end: event.end};
      }

      set timeSelection(selection) {
        if (selection.start > selection.end) {
          throw new Error('Invalid time range');
        }
        const tracks = Array.from(this.timelineTracks);
        if (selection.zoom) {
          // To avoid inconsistencies copy the zoom/nofChunks from the first
          // track
          const firstTrack = tracks.pop();
          firstTrack.timeSelection = selection;
          selection.zoom = false;
          for (const track of tracks) track.timeSelection = selection;
          this.nofChunks = firstTrack.nofChunks;
        } else {
          for (const track of this.timelineTracks) {
            track.timeSelection = selection;
          }
        }
      }
    });