nimbus-eth1/premix/index.html

164 lines
6.0 KiB
HTML

<html class="uk-height-1-1">
<head>
<title id="windowTitle">Premix Report Page</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/uikit.min.js"></script>
<script src="assets/js/uikit-icons.min.js"></script>
<script src="assets/js/index.js"></script>
<script src="premixData.js"></script>
<link rel="stylesheet" href="assets/css/uikit.min.css" />
<style>
body {
font: 12px normal Arial, Helvetica, sans-serif;
}
.tm-horizontal-overflow {
overflow-x: auto;
}
.tm-sidebar {
position: fixed;
overflow-y: auto;
padding-left:40px;
}
.uk-nav-default > li > a.tm-text-danger {
color: #f0506e;
}
.uk-nav-default > li > a.tm-text-danger:hover {
color: red;
}
.uk-nav-default > li.uk-active > a.tm-text-danger {
color: red;
}
</style>
</head>
<body onresize="windowResize()" class="uk-height-1-1">
<div class="uk-section-small uk-background-primary uk-light" uk-sticky="bottom: #offset">
<!-- Navigation -->
<div class="uk-overlay uk-position-left uk-flex uk-flex-middle">
<h1>Premix Report Page</h1>
</div>
<div class="uk-position-right uk-overlay">
<ul class="uk-subnav uk-subnav-divider" uk-switcher="connect:#switcherSection">
<li><a id="opCodeMenu" href="#">OpCode</a></li>
<li><a id="transactionsMenu" href="#">Transactions</a></li>
<li><a id="headerMenu" href="#">Header</a></li>
<li class="uk-active"><a href="#">Help</a></li>
</ul>
</div>
<!-- Navigation -->
</div>
<ul id="switcherSection" class="uk-switcher">
<li>
<!-- Opcode Page -->
<div class="uk-grid-collapse" uk-grid>
<div class="uk-width-1-5@m">
<ul id="opCodeSideBar" class="tm-sidebar uk-nav uk-nav-default uk-height-1-1 uk-width-1-5@m">
<!-- op code traces navigation sidebar -->
</ul>
</div>
<div class="uk-width-4-5@m">
<div class="uk-section-small uk-section-default">
<div class="uk-container uk-container-expand">
<h3>Opcode Trace <span id="opCodeTitle" class="uk-text-primary uk-text-small">Tx #</span></h3>
<div id="opCodeContainer">
</div>
</div>
</div>
<div class="uk-section uk-section-small uk-section-secondary uk-light">
<div class="uk-container uk-text-center">
<h2>Have You Found The Bug?</h2>
</div>
<ul class="uk-subnav uk-subnav-divider uk-flex uk-flex-center" uk-margin>
<li><a href="https://github.com/status-im/nimbus"><span uk-icon="github" class="uk-margin-small-right"></span>Github</a></li>
<li><a href="https://gitter.im/status-im/nimbus"><span uk-icon="gitter" class="uk-margin-small-right"></span>Gitter</a></li>
</ul>
</div>
</div>
</div>
<!-- Opcode Page -->
</li>
<li>
<!-- Transactions Page -->
<div class="uk-section-small uk-section-default">
<div class="uk-container uk-container-medium">
<h3>Transaction's Receipts <span id="transactionsTitle" class="uk-text-primary uk-text-small">Tx #</span></h3>
<div id="transactionsContainer">
</div>
</div>
</div>
<!-- Transactions Page -->
</li>
<li>
<!-- Header Page -->
<div class="uk-section-small uk-section-default">
<div class="uk-container uk-container-medium">
<h3>Header Post State Accounts</h3>
<div id="headerContainer">
</div>
</div>
</div>
<!-- Header Page -->
</li>
<li>
<!-- Help Page -->
<div class="uk-section-small uk-section-default">
<div class="uk-container uk-container-xsmall">
<h2>Help</h2>
<p>The top navigation is ordered from left to right like the picture below.</p>
<ul class="uk-subnav uk-subnav-divider" uk-margin>
<li><span>OpCode</span><span uk-icon="icon: triangle-down"></span></li>
<li><span>Transactions</span><span uk-icon="icon: triangle-down"></span></li>
<li><span>Header</span></li>
<li><span>Help</span></li>
</ul>
<p>
Usually you will start from left, then move to the right to find out where the bug might located.
If you see <span class="uk-text-warning">red colored text</span>, it means you already found the difference between nimbus and other ethereum
client tracing result.
</p>
<p>
If there is no red colored text in opcode section, it means the bug might be located in transactions section,
or in header section.
</p>
<p>
Once you already located the bug, you can use <span class="uk-text-primary">debug.nim</span> located in <span class="uk-text-primary">&#47;premix</span>
to sort things out until there is no more error or it pass block validation.
</p>
<p>
Block with multiple transactions will have triangle pointing downward in the navigation bar.
Usually only the first transaction with red colored text have the problem, but it might affect the rest
of other transactions. In opcode section, the same thing happened, perhaps only the first instruction
with red colored text have the problem, but it will affect the rest of other instructions.
</p>
</div>
</div>
<!-- Help Page -->
</li>
</ul>
</body>
</html>