164 lines
6.0 KiB
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">/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> |