v8/tools/system-analyzer/source-panel-template.html
Camillo Bruni 89e0d45c66 [tools] Add markers to system-analyzer source panel
- Create SourcePosition objects for Map and IC log entries
- Display source code with markers for SourcePositions
- Avoid some try-catches for a better debugging experience

Bug: v8:10644
Change-Id: I559b0eaeaa1442986a00d2ef720d19ba85178509
Reviewed-on: https://chromium-review.googlesource.com/c/v8/v8/+/2424258
Reviewed-by: Sathya Gunasekaran  <gsathya@chromium.org>
Commit-Queue: Camillo Bruni <cbruni@chromium.org>
Auto-Submit: Camillo Bruni <cbruni@chromium.org>
Cr-Commit-Position: refs/heads/master@{#70091}
2020-09-23 13:06:11 +00:00

53 lines
1.1 KiB
HTML

<!-- 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. -->
<head>
<link href="./index.css" rel="stylesheet">
</head>
<style>
pre.scriptNode {
white-space: pre-wrap;
}
pre.scriptNode:before {
counter-reset: sourceLineCounter;
}
pre.scriptNode span {
counter-increment: sourceLineCounter;
}
pre.scriptNode span::before {
content: counter(sourceLineCounter) " ";
display: inline-block;
width: 4em;
padding-left: auto;
margin-left: auto;
text-align: right;
}
mark {
width: 1ch;
height: 1lh;
border-radius: 0.1lh;
border: 0.5px var(--background-color) solid;
cursor: pointer;
}
.marked {
background-color: var(--primary-color);
color: var(--on-primary-color);
}
</style>
<div class="panel">
<h2>Source Panel</h2>
<div class="script-dropdown">
<label for="scripts-label">Scripts:</label>
<select id="script-dropdown"></select>
</div>
<div id="script">
<pre class="scripNode"></pre>
</div>
</div>