v8/tools/system-analyzer/app-model.mjs
Camillo Bruni 72eb1ca18d [tools][system-analyzer] Switch to SVG rendering + various improvements
- Introduce proper TickLogEntry and use a separate Timeline object
- Update the main rendering to use SVG for speed
- Separate custom-elements: timeline-track-map and timeline-track-tick
- Revamp flame-chart drawing
- Enable map-transitions overlay
- Use mouse position to infer current log-entry instead of individual
  event handlers
- Fix first timelineLegend column header
- Fixing scrollbar-color for FireFox

Change-Id: I7c53c13366b3e4614b1c5592dfaa69d0654a3b5f
Reviewed-on: https://chromium-review.googlesource.com/c/v8/v8/+/2944430
Commit-Queue: Camillo Bruni <cbruni@chromium.org>
Reviewed-by: Patrick Thier <pthier@chromium.org>
Cr-Commit-Position: refs/heads/master@{#74987}
2021-06-07 15:44:30 +00:00

160 lines
3.7 KiB
JavaScript

// 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.
class State {
_timeSelection = {start: 0, end: Infinity};
_map;
_ic;
_selectedMapLogEntries;
_selectedIcLogEntries;
_selectedDeoptLogEntries;
_selecteCodeLogEntries;
_selectedSourcePositions;
_nofChunks;
_chunks;
_icTimeline;
_mapTimeline;
_deoptTimeline;
_codeTimeline;
_apiTimeline;
_tickTimeline;
_minStartTime = Number.POSITIVE_INFINITY;
_maxEndTime = Number.NEGATIVE_INFINITY;
get minStartTime() {
return this._minStartTime;
}
get maxEndTime() {
return this._maxEndTime;
}
selectTimeRange(start, end) {
this.timeSelection.start = start;
this.timeSelection.end = end;
if (start == 0 && end == Infinity) {
this.timelines.forEach(each => each.clearSelection());
} else {
this.timelines.forEach(each => each.selectTimeRange(start, end));
}
}
setTimelines(
mapTimeline, icTimeline, deoptTimeline, codeTimeline, apiTimeline,
tickTimeline) {
this._mapTimeline = mapTimeline;
this._icTimeline = icTimeline;
this._deoptTimeline = deoptTimeline;
this._codeTimeline = codeTimeline;
this._apiTimeline = apiTimeline;
this._tickTimeline = tickTimeline;
for (let timeline of arguments) {
if (timeline === undefined) return;
this._minStartTime = Math.min(this._minStartTime, timeline.startTime);
this._maxEndTime = Math.max(this._maxEndTime, timeline.endTime);
}
for (let timeline of arguments) {
timeline.startTime = this._minStartTime;
timeline.endTime = this._maxEndTime;
}
}
get mapTimeline() {
return this._mapTimeline;
}
get icTimeline() {
return this._icTimeline;
}
get deoptTimeline() {
return this._deoptTimeline;
}
get codeTimeline() {
return this._codeTimeline;
}
get apiTimeline() {
return this._apiTimeline;
}
get tickTimeline() {
return this._tickTimeline;
}
get timelines() {
return [
this._mapTimeline, this._icTimeline, this._deoptTimeline,
this._codeTimeline, this._apiTimeline, this._tickTimeline
];
}
set chunks(value) {
// TODO(zcankara) split up between maps and ics, and every timeline track
this._chunks = value;
}
get chunks() {
// TODO(zcankara) split up between maps and ics, and every timeline track
return this._chunks;
}
get nofChunks() {
return this._nofChunks;
}
set nofChunks(count) {
this._nofChunks = count;
}
get map() {
// TODO(zcankara) rename as selectedMapEvents, array of selected events
return this._map;
}
set map(value) {
// TODO(zcankara) rename as selectedMapEvents, array of selected events
if (!value) return;
this._map = value;
}
get ic() {
// TODO(zcankara) rename selectedICEvents, array of selected events
return this._ic;
}
set ic(value) {
// TODO(zcankara) rename selectedIcEvents, array of selected events
if (!value) return;
this._ic = value;
}
get selectedMapLogEntries() {
return this._selectedMapLogEntries;
}
set selectedMapLogEntries(value) {
if (!value) return;
this._selectedMapLogEntries = value;
}
get selectedSourcePositions() {
return this._selectedSourcePositions;
}
set selectedSourcePositions(value) {
this._selectedSourcePositions = value;
}
get selectedIcLogEntries() {
return this._selectedIcLogEntries;
}
set selectedIcLogEntries(value) {
if (!value) return;
this._selectedIcLogEntries = value;
}
get timeSelection() {
return this._timeSelection;
}
get entries() {
if (!this.map) return {};
return {
map: this.map.id, time: this.map.time
}
}
}
export {State};