2019-01-04 12:18:43 +00:00
|
|
|
<!DOCTYPE html>
|
2017-12-20 12:02:45 +00:00
|
|
|
<!--
|
|
|
|
|
Copyright 2016 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.
|
|
|
|
|
-->
|
2022-08-22 12:37:00 +00:00
|
|
|
<html lang="en">
|
2017-12-20 12:02:45 +00:00
|
|
|
<head>
|
2022-08-22 12:37:00 +00:00
|
|
|
<!-- This will be overwritten by the v8.dev/tools exporter -->
|
|
|
|
|
<!-- ANALYTICS_PLACEHOLDER -->
|
2019-01-04 12:18:43 +00:00
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<title>V8 Parse Processor</title>
|
2017-12-20 12:02:45 +00:00
|
|
|
<style>
|
|
|
|
|
html {
|
|
|
|
|
font-family: monospace;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.parse {
|
|
|
|
|
background-color: red;
|
|
|
|
|
border: 1px red solid;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.preparse {
|
|
|
|
|
background-color: orange;
|
|
|
|
|
border: 1px orange solid;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.resolution {
|
|
|
|
|
background-color: green;
|
|
|
|
|
border: 1px green solid;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.execution {
|
|
|
|
|
background-color: black;
|
|
|
|
|
border-left: 2px black solid;
|
|
|
|
|
z-index: -1;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.script {
|
|
|
|
|
margin-top: 1em;
|
|
|
|
|
overflow: visible;
|
|
|
|
|
clear: both;
|
|
|
|
|
border-top: 2px black dotted;
|
|
|
|
|
}
|
|
|
|
|
.script h3 {
|
|
|
|
|
height: 20px;
|
|
|
|
|
margin-bottom: 0.5em;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.script-details {
|
|
|
|
|
float: left;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.chart {
|
|
|
|
|
float: left;
|
|
|
|
|
margin-right: 2em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.funktion-list {
|
|
|
|
|
float: left;
|
|
|
|
|
height: 400px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.funktion-list > ul {
|
|
|
|
|
height: 80%;
|
|
|
|
|
overflow-y: scroll;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.funktion {
|
|
|
|
|
}
|
|
|
|
|
|
2018-07-03 08:27:31 +00:00
|
|
|
.script-size {
|
2018-07-10 10:57:41 +00:00
|
|
|
display: inline-flex;
|
2018-07-03 08:27:31 +00:00
|
|
|
background-color: #505050;
|
|
|
|
|
border-radius: 3px;
|
|
|
|
|
padding: 3px;
|
|
|
|
|
margin: 2px;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
color: white;
|
2021-02-09 20:22:44 +00:00
|
|
|
transition: auto ease-in-out 0.8s;
|
|
|
|
|
max-width: 500px;
|
|
|
|
|
}
|
|
|
|
|
.script-size:hover {
|
|
|
|
|
max-width: 100000px !important;
|
|
|
|
|
transition: auto ease-in-out 0.8s;
|
2018-07-03 08:27:31 +00:00
|
|
|
}
|
|
|
|
|
.script-size.eval {
|
|
|
|
|
background-color: #ee6300fc;
|
|
|
|
|
}
|
2018-07-10 10:57:41 +00:00
|
|
|
.script-size.streaming {
|
2018-07-03 08:27:31 +00:00
|
|
|
background-color: #008aff;
|
|
|
|
|
}
|
2018-07-10 10:57:41 +00:00
|
|
|
.script-size.deserialized {
|
|
|
|
|
background-color: #1fad00fc;
|
|
|
|
|
}
|
2018-07-03 08:27:31 +00:00
|
|
|
|
2018-07-10 10:57:41 +00:00
|
|
|
.script-details {
|
|
|
|
|
padding-right: 5px;
|
|
|
|
|
margin-right: 4px;
|
2018-07-03 08:27:31 +00:00
|
|
|
}
|
2018-07-10 10:57:41 +00:00
|
|
|
/* all but the last need a border */
|
|
|
|
|
.script-details:nth-last-child(n+2) {
|
|
|
|
|
border-right: 1px white solid;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.script-details.id {
|
|
|
|
|
min-width: 2em;
|
|
|
|
|
text-align: right;
|
2018-07-03 08:27:31 +00:00
|
|
|
}
|
2017-12-20 12:02:45 +00:00
|
|
|
</style>
|
2019-01-04 12:18:43 +00:00
|
|
|
<script src="https://www.gstatic.com/charts/loader.js"></script>
|
2020-09-28 13:50:56 +00:00
|
|
|
<script type="module">
|
|
|
|
|
|
2021-02-09 20:22:44 +00:00
|
|
|
import { ParseProcessor, kSecondsToMillis, BYTES, PERCENT } from "./parse-processor.mjs";
|
2020-09-28 13:50:56 +00:00
|
|
|
|
2017-12-20 12:02:45 +00:00
|
|
|
google.charts.load('current', {packages: ['corechart']});
|
|
|
|
|
|
|
|
|
|
function $(query) {
|
|
|
|
|
return document.querySelector(query);
|
|
|
|
|
}
|
|
|
|
|
|
2020-09-28 13:50:56 +00:00
|
|
|
window.addEventListener('DOMContentLoaded', (event) => {
|
|
|
|
|
$("#uploadInput").focus();
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
document.loadFile = function() {
|
2017-12-20 12:02:45 +00:00
|
|
|
let files = $('#uploadInput').files;
|
|
|
|
|
|
|
|
|
|
let file = files[0];
|
|
|
|
|
let reader = new FileReader();
|
|
|
|
|
|
2022-08-04 10:33:53 +00:00
|
|
|
reader.onload = async function(evt) {
|
2017-12-20 12:02:45 +00:00
|
|
|
const kTimerName = 'parse log file';
|
|
|
|
|
console.time(kTimerName);
|
|
|
|
|
let parseProcessor = new ParseProcessor();
|
2022-08-04 10:33:53 +00:00
|
|
|
await parseProcessor.processString(this.result);
|
2017-12-20 12:02:45 +00:00
|
|
|
console.timeEnd(kTimerName);
|
|
|
|
|
renderParseResults(parseProcessor);
|
|
|
|
|
document.parseProcessor = parseProcessor;
|
|
|
|
|
}
|
|
|
|
|
reader.readAsText(file);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function createNode(tag, classNames) {
|
|
|
|
|
let node = document.createElement(tag);
|
|
|
|
|
if (classNames) {
|
|
|
|
|
if (Array.isArray(classNames)) {
|
|
|
|
|
node.classList.add(...classNames);
|
|
|
|
|
} else {
|
|
|
|
|
node.className = classNames;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
return node;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function div(...args) {
|
|
|
|
|
return createNode('div', ...args);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function h1(string) {
|
|
|
|
|
let node = createNode('h1');
|
|
|
|
|
node.appendChild(text(string));
|
|
|
|
|
return node;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function h3(string, ...args) {
|
|
|
|
|
let node = createNode('h3', ...args);
|
|
|
|
|
if (string) node.appendChild(text(string));
|
|
|
|
|
return node;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function a(href, string, ...args) {
|
|
|
|
|
let link = createNode('a', ...args);
|
|
|
|
|
if (href.length) link.href = href;
|
|
|
|
|
if (string) link.appendChild(text(string));
|
|
|
|
|
return link;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function text(string) {
|
|
|
|
|
return document.createTextNode(string);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function delay(t) {
|
2018-06-06 11:03:19 +00:00
|
|
|
return new Promise(resolve => setTimeout(resolve, t));
|
2017-12-20 12:02:45 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function renderParseResults(parseProcessor) {
|
|
|
|
|
let result = $('#result');
|
|
|
|
|
// clear out all existing result pages;
|
|
|
|
|
result.innerHTML = '';
|
2018-07-03 08:27:31 +00:00
|
|
|
const start = parseProcessor.firstEventTimestamp;
|
|
|
|
|
const end = parseProcessor.lastEventTimestamp;
|
2017-12-20 12:02:45 +00:00
|
|
|
renderScript(result, parseProcessor.totalScript, start, end);
|
|
|
|
|
// Build up the graphs lazily to keep the page responsive.
|
|
|
|
|
parseProcessor.scripts.forEach(
|
|
|
|
|
script => renderScript(result, script, start, end));
|
2018-07-03 08:27:31 +00:00
|
|
|
renderScriptSizes(parseProcessor);
|
2017-12-20 12:02:45 +00:00
|
|
|
// Install an intersection observer to lazily load the graphs when the script
|
|
|
|
|
// div becomes visible for the first time.
|
|
|
|
|
var io = new IntersectionObserver((entries, observer) => {
|
|
|
|
|
entries.forEach(entry => {
|
|
|
|
|
if (entry.intersectionRatio == 0) return;
|
|
|
|
|
console.assert(!entry.target.querySelector('.graph'));
|
|
|
|
|
let target = entry.target;
|
|
|
|
|
appendGraph(target.script, target, start, end);
|
|
|
|
|
observer.unobserve(entry.target);
|
|
|
|
|
});
|
2018-07-10 10:57:41 +00:00
|
|
|
}, {rootMargin: '400px'});
|
2017-12-20 12:02:45 +00:00
|
|
|
document.querySelectorAll('.script').forEach(div => io.observe(div));
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const kTimeFactor = 10;
|
|
|
|
|
const kHeight = 20;
|
|
|
|
|
const kFunktionTopOffset = 50;
|
|
|
|
|
|
|
|
|
|
function renderScript(result, script, start, end) {
|
|
|
|
|
// Filter out empty scripts.
|
|
|
|
|
if (script.isEmpty() || script.lastParseEvent == 0) return;
|
|
|
|
|
|
|
|
|
|
let scriptDiv = div('script');
|
|
|
|
|
scriptDiv.script = script;
|
|
|
|
|
|
|
|
|
|
let scriptTitle = h3();
|
2018-07-10 10:57:41 +00:00
|
|
|
let anchor = a("", 'Script #' + script.id);
|
2017-12-20 12:02:45 +00:00
|
|
|
anchor.name = "script"+script.id
|
|
|
|
|
scriptTitle.appendChild(anchor);
|
|
|
|
|
scriptDiv.appendChild(scriptTitle);
|
2018-07-10 10:57:41 +00:00
|
|
|
if (script.file) scriptTitle.appendChild(a(script.file, script.file));
|
2017-12-20 12:02:45 +00:00
|
|
|
let summary = createNode('pre', 'script-details');
|
|
|
|
|
summary.appendChild(text(script.summary));
|
|
|
|
|
scriptDiv.appendChild(summary);
|
|
|
|
|
result.appendChild(scriptDiv);
|
2018-07-03 08:27:31 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function renderScriptSizes(parseProcessor) {
|
|
|
|
|
let scriptsDiv = $('#scripts');
|
|
|
|
|
parseProcessor.scripts.forEach(
|
|
|
|
|
script => {
|
2021-02-09 20:22:44 +00:00
|
|
|
let scriptDiv = a(`#script${script.id}`, '', 'script-size');
|
2018-07-10 10:57:41 +00:00
|
|
|
let scriptId = div('script-details');
|
|
|
|
|
scriptId.classList.add('id');
|
2021-02-09 20:22:44 +00:00
|
|
|
scriptId.innerText = `id=${script.id}`;
|
2018-07-03 08:27:31 +00:00
|
|
|
scriptDiv.appendChild(scriptId);
|
2018-07-10 10:57:41 +00:00
|
|
|
let scriptSize = div('script-details');
|
|
|
|
|
scriptSize.innerText = BYTES(script.bytesTotal);
|
|
|
|
|
scriptDiv.appendChild(scriptSize);
|
|
|
|
|
let scriptUrl = div('script-details');
|
2018-07-03 08:27:31 +00:00
|
|
|
if (script.isEval) {
|
|
|
|
|
scriptUrl.innerText = "eval";
|
|
|
|
|
scriptDiv.classList.add('eval');
|
|
|
|
|
} else {
|
|
|
|
|
scriptUrl.innerText = script.file.split("/").pop();
|
|
|
|
|
}
|
2018-07-10 10:57:41 +00:00
|
|
|
if (script.isStreamingCompiled ) {
|
|
|
|
|
scriptDiv.classList.add('streaming');
|
|
|
|
|
} else if (script.deserializationTimestamp > 0) {
|
|
|
|
|
scriptDiv.classList.add('deserialized');
|
2018-07-03 08:27:31 +00:00
|
|
|
}
|
|
|
|
|
scriptDiv.appendChild(scriptUrl);
|
2021-02-09 20:22:44 +00:00
|
|
|
scriptDiv.style.maxWidth = `${script.bytesTotal * 0.001}px`;
|
2018-07-03 08:27:31 +00:00
|
|
|
scriptsDiv.appendChild(scriptDiv);
|
|
|
|
|
});
|
2017-12-20 12:02:45 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const kMaxTime = 120 * kSecondsToMillis;
|
|
|
|
|
// Resolution of the graphs
|
|
|
|
|
const kTimeIncrement = 1;
|
|
|
|
|
const kSelectionTimespan = 2;
|
2018-07-10 10:57:41 +00:00
|
|
|
// TODO(cbruni): support compilation cache hit.
|
2021-02-09 20:22:44 +00:00
|
|
|
class Series {
|
|
|
|
|
constructor(metricName, description, color, lineStyle, isArea=false) {
|
|
|
|
|
this.metricName = metricName;
|
|
|
|
|
this.description = description;
|
|
|
|
|
this.color = color;
|
|
|
|
|
this.lineStyle = lineStyle;
|
|
|
|
|
this.isArea = isArea;
|
|
|
|
|
}
|
|
|
|
|
}
|
2017-12-20 12:02:45 +00:00
|
|
|
const series = [
|
2021-02-09 20:22:44 +00:00
|
|
|
new Series('firstParseEvent', 'Any Parse', '#4D4D4D', undefined, true),
|
|
|
|
|
new Series('execution', '1st Exec', '#fff700',undefined, true),
|
|
|
|
|
new Series('firstCompileEvent', 'Any Compile', '#5DA5DA', undefined, true),
|
|
|
|
|
|
|
|
|
|
new Series('compile', 'Eager Compile', '#FAA43A'),
|
|
|
|
|
new Series('lazyCompile', 'Lazy Compile','#FAA43A', 'dash'),
|
|
|
|
|
|
|
|
|
|
new Series('parse', 'Parsing', '#F17CB0'),
|
|
|
|
|
new Series('preparse', 'Preparse', '#B2912F'),
|
|
|
|
|
new Series('resolution', 'Preparse with Var. Resolution', '#B276B2'),
|
|
|
|
|
|
|
|
|
|
new Series('deserialization', 'Deserialization', '#DECF3F'),
|
|
|
|
|
|
|
|
|
|
new Series('baseline', 'Baseline', '#606611', 'dash'),
|
|
|
|
|
new Series('optimize', 'Optimize', '#F15854'),
|
2017-12-20 12:02:45 +00:00
|
|
|
];
|
2021-02-09 20:22:44 +00:00
|
|
|
const metricNames = series.map(each => each.metricName);
|
2018-07-10 10:57:41 +00:00
|
|
|
// Display cumulative values (useuful for bytes).
|
|
|
|
|
const kCumulative = true;
|
|
|
|
|
// Include durations in the graphs.
|
|
|
|
|
const kUseDuration = false;
|
2017-12-20 12:02:45 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
function appendGraph(script, parentNode, start, end) {
|
|
|
|
|
const timerLabel = 'graph script=' + script.id;
|
|
|
|
|
// TODO(cbruni): add support for network events
|
|
|
|
|
|
|
|
|
|
console.time(timerLabel);
|
|
|
|
|
let data = new google.visualization.DataTable();
|
2018-07-03 08:27:31 +00:00
|
|
|
data.addColumn('number', 'Duration');
|
2017-12-20 12:02:45 +00:00
|
|
|
// The series are interleave bytes processed, time spent and thus have two
|
2018-07-10 10:57:41 +00:00
|
|
|
// different vAxes.
|
2017-12-20 12:02:45 +00:00
|
|
|
let seriesOptions = [];
|
2021-02-09 20:22:44 +00:00
|
|
|
series.forEach(series => {
|
2017-12-20 12:02:45 +00:00
|
|
|
// Add the bytes column.
|
2021-02-09 20:22:44 +00:00
|
|
|
data.addColumn('number', series.description);
|
|
|
|
|
let options = {targetAxisIndex: 0, color: series.color};
|
|
|
|
|
if (series.isArea) options.type = 'area';
|
|
|
|
|
if (series.lineStyle === 'dash') options.lineDashStyle = [4, 4];
|
2018-07-10 10:57:41 +00:00
|
|
|
seriesOptions.push(options)
|
2017-12-20 12:02:45 +00:00
|
|
|
// Add the time column.
|
2018-07-10 10:57:41 +00:00
|
|
|
if (kUseDuration) {
|
2021-02-09 20:22:44 +00:00
|
|
|
data.addColumn('number', series.description + ' Duration');
|
2018-07-10 10:57:41 +00:00
|
|
|
seriesOptions.push(
|
2021-02-09 20:22:44 +00:00
|
|
|
{targetAxisIndex: 1, color: series.color, lineDashStyle: [3, 2]});
|
2018-07-10 10:57:41 +00:00
|
|
|
}
|
2017-12-20 12:02:45 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
|
|
const maxTime = Math.min(kMaxTime, end);
|
|
|
|
|
console.time('metrics');
|
|
|
|
|
let metricValues =
|
2018-07-10 10:57:41 +00:00
|
|
|
script.getAccumulatedTimeMetrics(metricNames , 0, maxTime, kTimeIncrement,
|
|
|
|
|
kCumulative, kUseDuration);
|
2017-12-20 12:02:45 +00:00
|
|
|
console.timeEnd('metrics');
|
2018-07-10 10:57:41 +00:00
|
|
|
// Make sure that the series added to the graph matches the returned values.
|
2017-12-20 12:02:45 +00:00
|
|
|
console.assert(metricValues[0].length == seriesOptions.length + 1);
|
|
|
|
|
data.addRows(metricValues);
|
|
|
|
|
|
|
|
|
|
let options = {
|
|
|
|
|
explorer: {
|
|
|
|
|
actions: ['dragToZoom', 'rightClickToReset'],
|
|
|
|
|
maxZoomIn: 0.01
|
|
|
|
|
},
|
|
|
|
|
hAxis: {
|
|
|
|
|
format: '#,###.##s'
|
|
|
|
|
},
|
|
|
|
|
vAxes: {
|
|
|
|
|
0: {title: 'Bytes Touched', format: 'short'},
|
2018-07-03 08:27:31 +00:00
|
|
|
1: {title: 'Duration', format: '#,###ms'}
|
2017-12-20 12:02:45 +00:00
|
|
|
},
|
|
|
|
|
height: 400,
|
|
|
|
|
width: 1000,
|
2018-07-10 10:57:41 +00:00
|
|
|
chartArea: {left: 70, top: 0, right: 160, height: "90%"},
|
2017-12-20 12:02:45 +00:00
|
|
|
// The first series should be a area chart (total bytes touched),
|
|
|
|
|
series: seriesOptions,
|
|
|
|
|
// everthing else is a line.
|
|
|
|
|
seriesType: 'line'
|
|
|
|
|
};
|
|
|
|
|
let graphNode = createNode('div', 'chart');
|
|
|
|
|
let listNode = createNode('div', 'funktion-list');
|
|
|
|
|
parentNode.appendChild(graphNode);
|
|
|
|
|
parentNode.appendChild(listNode);
|
|
|
|
|
let chart = new google.visualization.ComboChart(graphNode);
|
|
|
|
|
google.visualization.events.addListener(chart, 'select',
|
|
|
|
|
() => selectGraphPointHandler(chart, data, script, parentNode));
|
|
|
|
|
chart.draw(data, options);
|
2018-07-10 10:57:41 +00:00
|
|
|
// Add event listeners
|
2017-12-20 12:02:45 +00:00
|
|
|
console.timeEnd(timerLabel);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function selectGraphPointHandler(chart, data, script, parentNode) {
|
|
|
|
|
let selection = chart.getSelection();
|
|
|
|
|
if (selection.length <= 0) return;
|
|
|
|
|
// Display a list of funktions with events at the given time.
|
|
|
|
|
let {row, column} = selection[0];
|
|
|
|
|
if (row === null|| column === null) return;
|
2018-07-10 10:57:41 +00:00
|
|
|
const kEntrySize = kUseDuration ? 2 : 1;
|
|
|
|
|
let [metric, description] = series[((column-1)/ kEntrySize) | 0];
|
2017-12-20 12:02:45 +00:00
|
|
|
let time = data.getValue(row, 0);
|
|
|
|
|
let funktions = script.getFunktionsAtTime(
|
2018-07-10 10:57:41 +00:00
|
|
|
time * kSecondsToMillis, kSelectionTimespan, metric);
|
2017-12-20 12:02:45 +00:00
|
|
|
let oldList = parentNode.querySelector('.funktion-list');
|
2018-07-10 10:57:41 +00:00
|
|
|
parentNode.replaceChild(
|
|
|
|
|
createFunktionList(metric, description, time, funktions), oldList);
|
2017-12-20 12:02:45 +00:00
|
|
|
}
|
|
|
|
|
|
2018-07-10 10:57:41 +00:00
|
|
|
function createFunktionList(metric, description, time, funktions) {
|
2017-12-20 12:02:45 +00:00
|
|
|
let container = createNode('div', 'funktion-list');
|
2018-07-10 10:57:41 +00:00
|
|
|
container.appendChild(h3('Changes of "' + description + '" at ' +
|
2017-12-20 12:02:45 +00:00
|
|
|
time + 's: ' + funktions.length));
|
|
|
|
|
let listNode = createNode('ul');
|
|
|
|
|
funktions.forEach(funktion => {
|
|
|
|
|
let node = createNode('li', 'funktion');
|
|
|
|
|
node.funktion = funktion;
|
|
|
|
|
node.appendChild(text(funktion.toString(false) + " "));
|
|
|
|
|
let script = funktion.script;
|
|
|
|
|
if (script) {
|
|
|
|
|
node.appendChild(a("#script" + script.id, "in script " + script.id));
|
|
|
|
|
}
|
|
|
|
|
listNode.appendChild(node);
|
|
|
|
|
});
|
|
|
|
|
container.appendChild(listNode);
|
|
|
|
|
return container;
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
</head>
|
|
|
|
|
|
2020-09-28 13:50:56 +00:00
|
|
|
<body>
|
2017-12-20 12:02:45 +00:00
|
|
|
<h1>BEHOLD, THIS IS PARSEROR!</h1>
|
|
|
|
|
|
|
|
|
|
<h2>Usage</h2>
|
|
|
|
|
Run your script with <code>--log-function-events</code> and upload <code>v8.log</code> on this page:<br/>
|
|
|
|
|
<code>/path/to/d8 --log-function-events your_script.js</code>
|
|
|
|
|
|
|
|
|
|
<h2>Data</h2>
|
|
|
|
|
<form name="fileForm">
|
|
|
|
|
<p>
|
Reland "[parser][log] Log script id during background compilation"
This reverts commit a800e05007d42c84cd5627e5dfb305dfb9912844.
Original change's description:
> Revert "[parser][log] Log script id during background compilation"
>
> This reverts commit aafd5c52ab98608e37284a5a944a4c63045625b9.
>
> Reason for revert: Tentative revert for
>
> https://ci.chromium.org/p/v8/builders/luci.v8.ci/V8%20Win64/24825
> https://ci.chromium.org/p/v8/builders/luci.v8.ci/V8%20Win64%20-%20msvc/3242
>
> Original change's description:
> > [parser][log] Log script id during background compilation
> >
> > - Add separate script-create, script-reserve-id and script-details log events
> > - Add log events for CompilationCache hits and puts
> > - Simplify function event logging by only pass along the script id
> > - Explicitly create Scripts in parse-processor.js on script events only
> > - Create a temporary script id in the ParseInfo for use during background
> > parsing and compilation
> > - Clean up ParseInfo initialization to centralize creation and use of
> > script ids
> > - Allow creating Scripts with predefined script ids
> >
> > Bug: chromium:757467, chromium:850038
> > Change-Id: I02dfd1d5725795b9fe0ea94ef57b287b934a1efe
> > Reviewed-on: https://chromium-review.googlesource.com/1097131
> > Reviewed-by: Sathya Gunasekaran <gsathya@chromium.org>
> > Reviewed-by: Leszek Swirski <leszeks@chromium.org>
> > Reviewed-by: Ulan Degenbaev <ulan@chromium.org>
> > Commit-Queue: Camillo Bruni <cbruni@chromium.org>
> > Cr-Commit-Position: refs/heads/master@{#53978}
>
> TBR=ulan@chromium.org,cbruni@chromium.org,gsathya@chromium.org,leszeks@chromium.org
>
> Change-Id: I629f72f51d5e086e2b54658c1fdd18cec268aab2
> No-Presubmit: true
> No-Tree-Checks: true
> No-Try: true
> Bug: chromium:757467, chromium:850038
> Reviewed-on: https://chromium-review.googlesource.com/1112538
> Reviewed-by: Yang Guo <yangguo@chromium.org>
> Commit-Queue: Yang Guo <yangguo@chromium.org>
> Cr-Commit-Position: refs/heads/master@{#53984}
TBR=ulan@chromium.org,yangguo@chromium.org,cbruni@chromium.org,gsathya@chromium.org,leszeks@chromium.org
# Not skipping CQ checks because original CL landed > 1 day ago.
Bug: chromium:757467, chromium:850038
Change-Id: I3088c86362c06ee50464f1f14e25350b1b8048ad
Reviewed-on: https://chromium-review.googlesource.com/1112539
Reviewed-by: Ulan Degenbaev <ulan@chromium.org>
Reviewed-by: Yang Guo <yangguo@chromium.org>
Commit-Queue: Camillo Bruni <cbruni@chromium.org>
Cr-Commit-Position: refs/heads/master@{#53994}
2018-06-25 09:00:21 +00:00
|
|
|
<input id="uploadInput" type="file" name="files" onchange="loadFile();" accept=".log"> trace entries: <span id="count">0</span>
|
2017-12-20 12:02:45 +00:00
|
|
|
</p>
|
|
|
|
|
</form>
|
|
|
|
|
|
2018-07-03 08:27:31 +00:00
|
|
|
|
|
|
|
|
<h2>Scripts</h2>
|
|
|
|
|
<div id="scripts"></div>
|
|
|
|
|
|
2017-12-20 12:02:45 +00:00
|
|
|
<h2>Result</h2>
|
|
|
|
|
<div id="result"></div>
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
