-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
157 lines (150 loc) · 6.94 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Tevm Cast Clone - A web-based Ethereum CLI tool for interacting with various networks">
<meta name="keywords" content="Tevm, Cast, Ethereum, CLI, blockchain, smart contracts">
<meta name="author" content="Your Name or Company">
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="robots" content="index, follow">
<title>Tevm Cast Clone | Ethereum CLI Tool</title>
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" crossorigin href="/index.css">
<link rel="canonical" href="https://your-domain.com/index.html">
<meta property="og:title" content="Tevm Cast Clone | Ethereum CLI Tool">
<meta property="og:description" content="Web-based Ethereum CLI tool for interacting with Mainnet, Optimism, and Base networks">
<meta property="og:image" content="https://your-domain.com/og-image.jpg">
<meta property="og:url" content="https://your-domain.com/index.html">
<meta name="twitter:card" content="summary_large_image">
</head>
<body>
<div class="container">
<div id="helpIcon" role="button" aria-label="Help" tabindex="0">?</div>
<div id="helpContent" aria-hidden="true">
<h3>CLI Commands:</h3>
<ul>
<li>cast block</li>
<li>cast tx</li>
<li>cast call</li>
<li>cast send</li>
</ul>
</div>
<h1>Tevm Cast<span class="blink" aria-hidden="true">_</span></h1>
<label for="networkSelect" style="display:none">Select a network:</label>
<select id="networkSelect">
<option value="mainnet">Mainnet</option>
<option value="newChain">New Chain</option>
<option disabled>──────────</option>
<option value="arbitrum">Arbitrum</option>
<option value="arbitrumNova">Arbitrum Nova</option>
<option value="ape">Apechain</option>
<option value="aurora">Aurora</option>
<option value="avalanche">Avalanche</option>
<option value="base">Base</option>
<option value="bearNetworkChainMainnet">Bear Network Chain</option>
<option value="berachain">Berachain</option>
<option value="blast">Blast</option>
<option value="boba">Boba</option>
<option value="bsc">BSC</option>
<option value="celo">Celo</option>
<option value="cronos">Cronos</option>
<option value="fantom">Fantom</option>
<option value="filecoin">Filecoin</option>
<option value="gnosis">Gnosis</option>
<option value="harmonyOne">Harmony One</option>
<option value="kava">Kava</option>
<option value="linea">Linea</option>
<option value="lyra">Lyra</option>
<option value="manta">Manta</option>
<option value="mantle">Mantle</option>
<option value="metis">Metis</option>
<option value="mode">Mode</option>
<option value="moonbeam">Moonbeam</option>
<option value="moonriver">Moonriver</option>
<option value="opBNB">opBNB</option>
<option value="optimism">Optimism</option>
<option value="polygon">Polygon</option>
<option value="polygonZkEvm">Polygon zkEVM</option>
<option value="redstone">Redstone</option>
<option value="scroll">Scroll</option>
<option value="zksync">zkSync</option>
<option value="zora">Zora</option>
<option disabled>──────────</option>
<option value="arbitrumSepolia">Arbitrum Sepolia</option>
<option value="auroraTestnet">Aurora Testnet</option>
<option value="baseSepolia">Base Sepolia</option>
<option value="berachainTestnet">Berachain Testnet</option>
<option value="blastSepolia">Blast Sepolia</option>
<option value="cronosTestnet">Cronos Testnet</option>
<option value="kavaTestnet">Kava Testnet</option>
<option value="lineaTestnet">Linea Testnet</option>
<option value="optimismSepolia">Optimism Sepolia</option>
<option value="polygonMumbai">Polygon Mumbai</option>
<option value="polygonZkEvmTestnet">Polygon zkEVM Testnet</option>
<option value="sepolia">Sepolia</option>
<option value="zksyncSepolia">zkSync Sepolia</option>
<option value="zoraSepolia">Zora Sepolia</option>
<option value="zoraTestnet">Zora Testnet</option>
</select>
<label for="rpcUrl" style="display:none">RPC URL:</label>
<input
type="text"
id="rpcUrl"
autocomplete="off"
spellcheck="false"
autocapitalize="off"
style="display:none"
placeholder="https://mainnet.optimism.io"
>
<table id="networkInfo" style="display:none;">
<caption>Network Information</caption>
<tr>
<th scope="row">Chain ID</th>
<td id="chainId"></td>
</tr>
<tr>
<th scope="row">Base Fee</th>
<td id="baseFee"></td>
</tr>
<tr>
<th scope="row">Gas Limit</th>
<td id="gasLimit"></td>
</tr>
<tr>
<th scope="row">Fork Block</th>
<td id="forkBlock"></td>
</tr>
</table>
<div id="historyContainer">
<label for="historyDropdown" style="display:none">Command History:</label>
<select id="historyDropdown">
<option value="" selected disabled>History</option>
<option value="cast --help">cast --help</option>
</select>
</div>
<button id="exampleButton">Example</button>
<label for="commandInput" style="display:none">Enter a command:</label>
<textarea
id="commandInput"
autocomplete="off"
spellcheck="false"
autocapitalize="off"
placeholder="enter a command like 'cast bn'"
></textarea>
<button id="runButton">Run</button>
<div id="skeletonLoader" aria-hidden="true">
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</div>
<pre id="output" aria-live="polite"></pre>
<div id="traceOutput" aria-live="polite"></div>
</div>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
<footer>
<p>Built with <a href="https://tevm.sh/" target="_blank">Tevm Node</a>. View the source code on <a href="https://github.com/evmts/tevm-cast" target="_blank">GitHub</a>.</p>
</footer>
</body>
</html>