v8/tools/turbolizer/index.html
Danylo Boiko f61d1afec6 [turbolizer] Turboshaft view initial commit
General:
- Graph view refactoring
Turboshaft:
- Blocks representation
- Inline nodes representation
- Minimum required turboshaft toolbox actions
- Layout caching

Bug: v8:7327
Change-Id: I2ac07965ac775c68c522cfc9367b7ce0ff18672a
Reviewed-on: https://chromium-review.googlesource.com/c/v8/v8/+/3726287
Reviewed-by: Nico Hartmann <nicohartmann@chromium.org>
Commit-Queue: Danylo Boiko <danielboyko02@gmail.com>
Cr-Commit-Position: refs/heads/main@{#81553}
2022-07-06 13:11:46 +00:00

55 lines
2.7 KiB
HTML

<!DOCTYPE html>
<html>
<!--
Copyright 2019 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>
<meta charset="utf-8">
<title>V8 Turbolizer</title>
<link rel="stylesheet" href="css/turbo-visualizer.css">
<link rel="stylesheet" href="css/turbo-visualizer-ranges.css">
<link rel="stylesheet" href="css/tabs.css">
<link rel="stylesheet" href="css/turboshaft.css">
<link rel="icon" href="turbolizer.png">
</head>
<body>
<div id="left" class="content"></div>
<div id="resizer-left" class="resizer"></div>
<div id="middle">
<div id="load-file">
<input type="file" id="upload-helper">
<input type="image" id="upload" class="button-input" title="load graph" src="img/upload-icon.png" alt="upload graph">
</div>
<div id="resizer-ranges" class="resizer" style="visibility:hidden;"></div>
<div id="ranges" class="content" style="visibility:hidden;"></div>
<div id="show-hide-ranges" class="show-hide-pane" style="visibility: hidden;">
<input type="image" id="ranges-expand-vert" class="button-input invisible" title="show ranges" src="img/arrows/up-arrow.png">
<input type="image" id="ranges-shrink-vert" class="button-input" title="hide ranges" src="img/arrows/down-arrow.png">
<input type="image" id="ranges-expand-hor" class="button-input invisible" title="show ranges" src="img/arrows/left-arrow.png">
<input type="image" id="ranges-shrink-hor" class="button-input invisible" title="hide ranges" src="img/arrows/right-arrow.png">
</div>
</div>
<div id="resizer-right" class="resizer"></div>
<div id="right" class="content"></div>
<div id="show-hide-source" class="show-hide-pane">
<input type="image" id="source-expand" class="button-input invisible" title="show source" src="img/arrows/right-arrow.png">
<input type="image" id="source-shrink" class="button-input" title="hide source" src="img/arrows/left-arrow.png">
</div>
<div id="show-hide-disassembly" class="show-hide-pane">
<input type="image" id="disassembly-expand" class="button-input invisible" title="show disassembly" src="img/arrows/left-arrow.png">
<input type="image" id="disassembly-shrink" class="button-input" title="hide disassembly" src="img/arrows/right-arrow.png">
</div>
<div id="text-placeholder" style="width: 0; height: 0; position: absolute; top:100000px;">
<svg>
<text style="text-anchor: end;">
<tspan id="text-measure" style="white-space: inherit;"></tspan>
</text>
</svg>
</div>
<script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js"></script>
<script src="build/turbolizer.js"></script>
</body>
</html>