v8/tools/system-analyzer/index.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 CustomIcProcessor from "./ic-processor.mjs";
import {State} from './app-model.mjs';
import {MapProcessor} from './map-processor.mjs';
import './ic-panel.mjs';
import './timeline-panel.mjs';
import './map-panel.mjs';
import './log-file-reader.mjs';
class App {
  constructor(fileReaderId, mapPanelId, timelinePanelId, icPanelId) {
    this.mapPanelId_ =  mapPanelId;
    this.timelinePanelId_ =  timelinePanelId;
    this.icPanelId_ =  icPanelId;
    this.icPanel_ = this.$(icPanelId);
    this.logFileReader_ = this.$(fileReaderId);
    this.logFileReader_.addEventListener('fileuploadstart',
      e => this.handleFileUpload(e));
    this.logFileReader_.addEventListener('fileuploadend',
      e => this.handleDataUpload(e));
    document.addEventListener('keydown', e => this.handleKeyDown(e));
    this.icPanel_.addEventListener(
      'ictimefilter', e => this.handleICTimeFilter(e));
    this.icPanel_.addEventListener(
      'mapclick', e => this.handleMapClick(e));
    this.icPanel_.addEventListener(
      'filepositionclick', e => this.handleFilePositionClick(e));
    this.entries = undefined;
  }

  handleFileUpload(e){
    this.$('#container').style.display = 'none';
  }
  handleMapClick(e) {
     //TODO(zcankara) Direct the event based on the key and value
     console.log("map: ", e.detail.key);
  }
  handleFilePositionClick(e) {
    //TODO(zcankara) Direct the event based on the key and value
    console.log("filePosition: ", e.detail.key);
  }

  handleICTimeFilter(event) {
    let filteredEntries =  this.entries.filter(
      e => e.time >= event.detail.startTime && e.time <= event.detail.endTime);
    console.log("filtered entries: ", filteredEntries);
    this.icPanel_.filteredEntries = filteredEntries;
  }


  $(id) { return document.querySelector(id); }

  handleKeyDown(event) {
    let nav = document.state.navigation;
    switch(event.key) {
      case "ArrowUp":
        event.preventDefault();
        if (event.shiftKey) {
          nav.selectPrevEdge();
        } else {
          nav.moveInChunk(-1);
        }
        return false;
      case "ArrowDown":
        event.preventDefault();
        if (event.shiftKey) {
          nav.selectNextEdge();
        } else {
          nav.moveInChunk(1);
        }
        return false;
      case "ArrowLeft":
        nav.moveInChunks(false);
        break;
      case "ArrowRight":
        nav.moveInChunks(true);
        break;
      case "+":
        nav.increaseTimelineResolution();
        break;
      case "-":
        nav.decreaseTimelineResolution();
        break;
    }
  }

  // Map event log processing
  handleLoadTextMapProcessor(text) {
    let mapProcessor = new MapProcessor();
    return mapProcessor.processString(text);
  }

  // IC event file reading and log processing
  loadICLogFile(fileData) {
    let reader = new FileReader();
    reader.onload = (evt) => {
      let icProcessor = new CustomIcProcessor();
      icProcessor.processString(fileData.chunk);
      let entries = icProcessor.entries;
      this.entries = entries;
      this.icPanel_.filteredEntries = entries;
      this.icPanel_.count.innerHTML = entries.length;
    }
    reader.readAsText(fileData.file);
    this.icPanel_.initGroupKeySelect();
  }

  // call when a new file uploaded
  handleDataUpload(e) {
    if(!e.detail) return;
    this.$('#container').style.display = 'block';
    // instantiate the app logic
    let fileData = e.detail;
    document.state = new State(this.mapPanelId_, this.timelinePanelId_);
    try {
      document.state.timeline = this.handleLoadTextMapProcessor(fileData.chunk);
    } catch (error) {
      console.log(error);
    }
    this.loadICLogFile(fileData);
  }

  handleMapAddressSearch(e) {
    if(!e.detail.isValidMap) return;
    document.state.map = e.detail.map;
  }

  handleShowMaps(e) {
    document.state.mapPanel.mapEntries = e.detail;
  }

  handleSelectIc(e){
    if(!e.detail) return;
    // Set selected IC events on the View
    document.state.filteredEntries = e.detail;
  }
}

export {App};