]> git.immae.eu Git - perso/Immae/Projets/Cryptomonnaies/BIP39.git/blob - src/index.html
Strings in UI marked for translation
[perso/Immae/Projets/Cryptomonnaies/BIP39.git] / src / index.html
1 <!DOCTYPE html>
2 <html>
3 <head lang="en">
4 <meta charset="utf-8" />
5 <title>BIP39 - Mnemonic Code</title>
6 <link rel="stylesheet" href="css/bootstrap.min.css">
7 <meta content="Mnemonic code for generating deterministic keys" name="description"/>
8 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
9 <meta content="bitcoin mnemonic converter" name="description" />
10 <meta content="Ian Coleman" name="author" />
11
12 <style>
13 body {
14 padding-bottom: 32px;
15 }
16 .form-control[readonly] {
17 cursor: text;
18 }
19 .feedback-container {
20 position: fixed;
21 top: 0;
22 width: 100%;
23 text-align: center;
24 z-index: 4;
25 }
26 .feedback {
27 display: table;
28 padding: 0.5em 1em;
29 background-color: orange;
30 margin: 0 auto;
31 font-size: 2em;
32 color: #444;
33 border: 2px solid #555;
34 border-top: 0;
35 border-bottom-left-radius: 20px 20px;
36 border-bottom-right-radius: 20px 20px;
37 }
38 .no-border {
39 border: 0;
40 box-shadow: inset 0 1px 1px rgba(0,0,0,.0);
41 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0);
42 }
43 .phrase {
44 word-break: keep-all;
45 }
46 .generate-container .strength {
47 /* override mobile width from bootstrap */
48 width: auto!important;
49 display: inline-block;
50 }
51 .languages a {
52 padding-left: 10px;
53 }
54 .languages a:nth-of-type(1) {
55 margin-left: -12px;
56 padding-left: 0;
57 }
58 .monospace {
59 font-family: monospace;
60 }
61 .entropy-container .filtered,
62 .entropy-container .binary {
63 word-wrap: break-word;
64 }
65 .entropy-container li {
66 padding-bottom: 5px;
67 }
68 .card-suit {
69 font-size: 19px;
70 line-height: 0;
71 }
72 .card-suit.club {
73 color: #009F00;
74 }
75 .card-suit.diamond {
76 color: #3D5DC4;
77 }
78 .card-suit.heart {
79 color: #F00;
80 }
81 .card-suit.spade {
82 color: #000;
83 }
84 </style>
85 </head>
86 <body>
87 <div class="container">
88
89 <h1 class="text-center">Mnemonic Code Converter</h1>
90 <hr>
91 <div class="row">
92 <div class="col-md-12">
93 <h2>Mnemonic</h2>
94 <form class="form-horizontal" role="form">
95 <div class="form-group">
96 <div class="col-sm-2"></div>
97 <div class="col-sm-10">
98 <p data-translate>You can enter an existing BIP39 mnemonic, or generate a new random one. Typing your own twelve words will probably not work how you expect, since the words require a particular structure (the last word is a checksum).</p>
99 <p data-translate-html>
100 For more info see the
101 <a href="https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki" target="_blank">BIP39 spec</a>.
102 </p>
103 </div>
104 </div>
105 <div class="form-group generate-container">
106 <label class="col-sm-2 control-label"></label>
107 <div class="col-sm-10">
108 <div class="form-inline">
109 <div class="input-group-inline">
110 <span data-translate>Generate a random mnemonic, or enter your own below</span>:
111 <button class="btn generate">Generate</button>
112 <select id="strength" class="strength form-control">
113 <option value="3">3</option>
114 <option value="6">6</option>
115 <option value="9">9</option>
116 <option value="12">12</option>
117 <option value="15" selected>15</option>
118 <option value="18">18</option>
119 <option value="21">21</option>
120 <option value="24">24</option>
121 </select>
122 <span data-translate>words</span>
123 </div>
124 </div>
125 </div>
126 </div>
127 <div class="entropy-container hidden">
128 <div class="form-group text-danger">
129 <label class="col-sm-2 control-label" data-translate>Warning</label>
130 <div class="col-sm-10 form-control-static">
131 <span data-translate>Entropy is an advanced feature. Your mnemonic may be insecure if this feature is used incorrectly.</span>
132 <a href="#entropy-notes" data-translate>Read more</a>
133 </div>
134 </div>
135 <div class="form-group">
136 <label for="entropy" class="col-sm-2 control-label" data-translate>Entropy</label>
137 <div class="col-sm-7">
138 <textarea id="entropy" rows="2" class="entropy form-control" placeholder="Accepts binary, base 6, 6-sided dice, base 10, hexadecimal, cards" data-translate-placeholder></textarea>
139 <div class="row">
140 <label class="col-sm-3 control-label" data-translate>Strength</label>
141 <div class="strength col-sm-3 form-control-static"></div>
142 <label class="col-sm-3 control-label" data-translate>Event Count</label>
143 <div class="event-count col-sm-3 form-control-static"></div>
144 </div>
145 <div class="row">
146 <label class="col-sm-3 control-label" data-translate>Entropy Type</label>
147 <div class="type col-sm-3 form-control-static"></div>
148 <label class="col-sm-3 control-label" data-translate>Bits Per Event</label>
149 <div class="bits-per-event col-sm-3 form-control-static"></div>
150 </div>
151 <div class="row">
152 <label class="col-sm-3 control-label" data-translate>Word Count</label>
153 <div class="word-count col-sm-3 form-control-static"></div>
154 <label class="col-sm-3 control-label" data-translate>Total Bits</label>
155 <div class="bits col-sm-3 form-control-static"></div>
156 </div>
157 <label class="col-sm-3 control-label" data-translate>Filtered Entropy</label>
158 <div class="filtered col-sm-9 form-control-static"></div>
159 <label class="col-sm-3 control-label" data-translate>Raw Binary</label>
160 <div class="binary col-sm-9 form-control-static"></div>
161 <label class="col-sm-3 control-label" data-translate>Mnemonic Length</label>
162 <div class="col-sm-9">
163 <select class="mnemonic-length form-control">
164 <option value="raw" data-translate>From entropy length (3 words per 32 bits)</option>
165 <option value="12">12 <span data-translate>Words</span></option>
166 <option value="15" selected>15 <span data-translate>Words</option>
167 <option value="18">18 <span data-translate>Words</span></option>
168 <option value="21">21 <span data-translate>Words</span></option>
169 <option value="24">24 <span data-translate>Words</span></option>
170 </select>
171 </div>
172 </div>
173 <div class="col-sm-3">
174 <p data-translate>Valid entropy values include:</p>
175 <ul>
176 <li><strong data-translate>Binary</strong> [0-1]<br>101010011</li>
177 <li><strong data-translate>Base 6</strong> [0-5]<br>123434014</li>
178 <li><strong data-translate>Dice</strong> [1-6]<br>62535634</li>
179 <li><strong data-translate>Base 10</strong> [0-9]<br>90834528</li>
180 <li><strong data-translate>Hex</strong> [0-9A-F]<br>4187a8bfd9</li>
181 <li><strong data-translate>Card</strong> [A2-9TJQK][CDHS]<br>ahqs9dtc</li>
182 </ul>
183 </div>
184 </div>
185 </div>
186 <div class="form-group">
187 <div class="col-sm-2"></div>
188 <div class="col-sm-10 checkbox">
189 <label>
190 <input type="checkbox" class="use-entropy">
191 <span data-translate>Supply my own source of entropy</span>
192 </label>
193 </div>
194 </div>
195 <div class="form-group">
196 <label class="col-sm-2 control-label" data-translate>Mnemonic Language</label>
197 <div class="col-sm-10 languages">
198 <div class="form-control no-border">
199 <a href="#english">English</a>
200 <a href="#japanese" title="Japanese">日本語</a>
201 <a href="#spanish" title="Spanish">Español</a>
202 <a href="#chinese_simplified" title="Chinese (Simplified)">中文(简体)</a>
203 <a href="#chinese_traditional" title="Chinese (Traditional)">中文(繁體)</a>
204 <a href="#french" title="French">Français</a>
205 <a href="#italian" title="Italian">Italiano</a>
206 </div>
207 </div>
208 </div>
209 <div class="form-group">
210 <label for="phrase" class="col-sm-2 control-label" data-translate>BIP39 Mnemonic</label>
211 <div class="col-sm-10">
212 <textarea id="phrase" class="phrase form-control"></textarea>
213 </div>
214 </div>
215 <div class="form-group">
216 <label for="passphrase" class="col-sm-2 control-label" data-translate>BIP39 Passphrase (optional)</label>
217 <div class="col-sm-10">
218 <textarea id="passphrase" class="passphrase form-control"></textarea>
219 </div>
220 </div>
221 <div class="form-group">
222 <label for="seed" class="col-sm-2 control-label" data-translate>BIP39 Seed</label>
223 <div class="col-sm-10">
224 <textarea id="seed" class="seed form-control" readonly="readonly"></textarea>
225 </div>
226 </div>
227 <div class="form-group">
228 <label for="network-phrase" class="col-sm-2 control-label" data-translate>Coin</label>
229 <div class="col-sm-10">
230 <select id="network-phrase" class="network form-control">
231 <!-- populated by javascript -->
232 </select>
233 </div>
234 </div>
235 <div class="form-group">
236 <label for="root-key" class="col-sm-2 control-label" data-translate>BIP32 Root Key</label>
237 <div class="col-sm-10">
238 <textarea id="root-key" class="root-key form-control"></textarea>
239 </div>
240 </div>
241 </form>
242 </div>
243 </div>
244
245 <hr>
246
247 <div class="row">
248 <div class="col-md-12">
249 <h2>Derivation Path</h2>
250 <ul class="derivation-type nav nav-tabs" role="tablist">
251 <li id="bip44-tab" class="active">
252 <a href="#bip44" role="tab" data-toggle="tab">BIP44</a>
253 </li>
254 <li id="bip32-tab">
255 <a href="#bip32" role="tab" data-toggle="tab">BIP32</a>
256 </li>
257 </ul>
258 <div class="derivation-type tab-content">
259 <div id="bip44" class="tab-pane active">
260 <form class="form-horizontal" role="form">
261 <br>
262 <div class="col-sm-2"></div>
263 <div class="col-sm-10">
264 <p data-translate-html>
265 For more info see the
266 <a href="https://github.com/bitcoin/bips/blob/master/bip-0044.mediawiki" target="_blank">BIP44 spec</a>.
267 </p>
268 </div>
269 <div class="form-group">
270 <label for="purpose" class="col-sm-2 control-label">
271 <a href="https://github.com/bitcoin/bips/blob/master/bip-0044.mediawiki#purpose" target="_blank" data-translate>Purpose</a>
272 </label>
273 <div class="col-sm-10">
274 <input id="purpose" type="text" class="purpose form-control" value="44">
275 </div>
276 </div>
277 <div class="form-group">
278 <label for="coin" class="col-sm-2 control-label">
279 <a href="https://github.com/bitcoin/bips/blob/master/bip-0044.mediawiki#registered-coin-types" target="_blank" data-translate>Coin</a>
280 </label>
281 <div class="col-sm-10">
282 <input id="coin" type="text" class="coin form-control" value="0">
283 </div>
284 </div>
285 <div class="form-group">
286 <label for="account" class="col-sm-2 control-label">
287 <a href="https://github.com/bitcoin/bips/blob/master/bip-0044.mediawiki#account" target="_blank" data-translate>Account</a>
288 </label>
289 <div class="col-sm-10">
290 <input id="account" type="text" class="account form-control" value="0">
291 </div>
292 </div>
293 <div class="form-group">
294 <label for="change" class="col-sm-2 control-label">
295 <a href="https://github.com/bitcoin/bips/blob/master/bip-0044.mediawiki#change" target="_blank" data-translate>External / Internal</a>
296 </label>
297 <div class="col-sm-10">
298 <input id="change" type="text" class="change form-control" value="0">
299 </div>
300 </div>
301 <div class="form-group">
302 <label for="bip44-path" class="col-sm-2 control-label" data-translate>BIP32 Derivation Path</label>
303 <div class="col-sm-10">
304 <input id="bip44-path" type="text" class="path form-control" value="m/44'/0'/0'/0" readonly="readonly">
305 </div>
306 </div>
307 </form>
308 </div>
309 <div id="bip32" class="tab-pane">
310 <form class="form-horizontal" role="form">
311 <br>
312 <div class="col-sm-2"></div>
313 <div class="col-sm-10">
314 <p data-translate>
315 For more info see the
316 <a href="https://github.com/bitcoin/bips/blob/master/bip-0032.mediawiki" target="_blank">BIP32 spec</a>
317 </p>
318 </div>
319 <div class="form-group">
320 <label for="bip32-path" class="col-sm-2 control-label" data-translate>BIP32 Derivation Path</label>
321 <div class="col-sm-10">
322 <input id="bip32-path" type="text" class="path form-control" value="m/0">
323 </div>
324 </div>
325 <div class="form-group">
326 <div class="col-sm-2"></div>
327 <label class="col-sm-10">
328 <input class="hardened-addresses" type="checkbox">
329 <span data-translate>Use hardened addresses</span>
330 </label>
331 </div>
332 <div class="form-group">
333 <label for="mycelium-path" class="col-sm-2 control-label" data-translate>Mycelium Wallet</label>
334 <div class="col-sm-10">
335 <p class="form-control no-border" data-translate-html>
336 <code>m/44'/0'/0'</code> generates extended keys for import / export
337 </p>
338 <p class="form-control no-border" data-translate-html>
339 <code>m/44'/0'/1'</code> for the next account. Continue incrementing for more accounts (most use a single account).
340 </p>
341 <p class="form-control no-border" data-translate-html>
342 <code>m/44'/0'/0'/0</code> generates public addresses
343 </p>
344 <p class="form-control no-border" data-translate-html>
345 <code>m/44'/0'/0'/1</code> generates change addresses
346 </p>
347 <p class="form-control no-border" data-translate-html>
348 For more info see the
349 <a href="http://www.mycelium.com/" target="_blank">Mycelium Wallet homepage</a>
350 </p>
351 </div>
352 </div>
353 <div class="form-group">
354 <label for="core-path" class="col-sm-2 control-label" data-translate>Bitcoin Core</label>
355 <div class="col-sm-10">
356 <p class="form-control no-border" data-translate-html>
357 Use path <code>m/0'/0'</code> with hardened addresses.
358 </p>
359 <p class="form-control no-border" data-translate-html>
360 For more info see the
361 <a href="https://github.com/bitcoin/bitcoin/pull/8035" target="_blank">Bitcoin Core BIP32 implementation</a>
362 </p>
363 </div>
364 </div>
365 <div class="form-group">
366 <label class="col-sm-2 control-label" data-translate>Block Explorers</label>
367 <div class="col-sm-10">
368 <p class="form-control no-border">
369 <span data-translate-html>Use path <code>m/44'/0'/0'</code>.</span>
370 <span data-translate-html>Only enter the <code>xpub</code> extended key into block explorer search fields, never the <code>xprv</code> key.</span>
371 </p>
372 <p class="form-control no-border">
373 <span data-translate>Can be used with</span>:
374 <a href="https://blockchain.info/" target="_blank">blockchain.info</a>
375 </p>
376 </div>
377 </div>
378 </form>
379 </div>
380 </div>
381 <form class="form-horizontal" role="form">
382 <div class="form-group">
383 <label for="extended-priv-key" class="col-sm-2 control-label" data-translate>BIP32 Extended Key</label>
384 <div class="col-sm-10">
385 <textarea id="extended-priv-key" class="extended-priv-key form-control" readonly="readonly"></textarea>
386 </div>
387 </div>
388 <div class="form-group">
389 <label for="extended-pub-key" class="col-sm-2 control-label" data-translate>BIP32 Extended Key (addresses only)</label>
390 <div class="col-sm-10">
391 <textarea id="extended-pub-key" class="extended-pub-key form-control" readonly="readonly"></textarea>
392 </div>
393 </div>
394 </form>
395 </div>
396 </div>
397
398 <hr>
399
400 <div class="row">
401 <div class="col-md-12">
402 <h2>Derived Addresses</h2>
403 <p data-translate>Note these addreses are derived from the BIP32 Extended Key</p>
404 <table class="table table-striped">
405 <thead>
406 <th>
407 <div class="input-group">
408 <span data-translate>Path</span>&nbsp;&nbsp;
409 <button class="index-toggle" data-translate>Toggle</button>
410 </div>
411 </th>
412 <th>
413 <div class="input-group">
414 <span data-translate>Address</span>&nbsp;&nbsp;
415 <button class="address-toggle" data-translate>Toggle</button>
416 </div>
417 </th>
418 <th>
419 <div class="input-group">
420 <span data-translate>Public Key</span>&nbsp;&nbsp;
421 <button class="public-key-toggle" data-translate>Toggle</button>
422 </div>
423 </th>
424 <th>
425 <div class="input-group">
426 <span data-translate>Private Key</span>&nbsp;&nbsp;
427 <button class="private-key-toggle" data-translate>Toggle</button>
428 </div>
429 </th>
430 </thead>
431 <tbody class="addresses monospace">
432 <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
433 <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
434 <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
435 <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
436 <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
437 </tbody>
438 </table>
439 </div>
440 </div>
441 <span data-translate>Show more rows</span>:
442 <input type="number" class="rows-to-add" value="20">
443 <button class="more" data-translate>Show</button>
444
445 <hr>
446
447 <div class="row">
448 <div class="col-md-12">
449 <h2 data-translate>More info</h2>
450 <h3>BIP39 <span class="small" data-translate>Mnemonic code for generating deterministic keys</span></h3>
451 <p data-translate-html>
452 Read more at the
453 <a href="https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki">official BIP39 spec</a>
454 </p>
455 <h3>BIP32 <span class="small" data-translate>Hierarchical Deterministic Wallets</span></h3>
456 <p data-translate-html>
457 Read more at the
458 <a href="https://github.com/bitcoin/bips/blob/master/bip-0032.mediawiki" target="_blank">official BIP32 spec</a>
459 </p>
460 <p data-translate-html>
461 See the demo at
462 <a href="http://bip32.org/" target="_blank">bip32.org</a>
463 </p>
464 <h3>BIP44 <span class="small" data-translate>Multi-Account Hierarchy for Deterministic Wallets</span></h3>
465 <p data-translate-html>
466 Read more at the
467 <a href="https://github.com/bitcoin/bips/blob/master/bip-0044.mediawiki" target="_blank">official BIP44 spec</a>
468 </p>
469 <h3 data-translate>Private Keys</h3>
470 <p>
471 <span data-translate-html>
472 Use private keys at
473 <a href="https://web.archive.org/web/20150707020924/https://brainwallet.org/" target="_blank">brainwallet.org</a>.
474 </span>
475 <span data-translate>Be careful - it can be easy to make mistakes if you don't know what you're doing.</span>
476 </p>
477 <h3 id="entropy-notes" data-translate>Entropy</h3>
478 <p>
479 <span data-translate-html>
480 Entropy values must be sourced from a
481 <a href="https://en.wikipedia.org/wiki/Random_number_generation" target="_blank">strong source of randomness</a>.
482 </span>
483 <span data-translate>This means flipping a fair coin, rolling a fair dice, noise measurements etc.</span>
484 <span data-translate-html>
485 Do <strong>NOT</strong> use phrases from books, lyrics from songs, your birthday or steet address,
486 keyboard mashing, or anything you <i>think</i> is random, because chances are overwhelming it isn't
487 random enough for the needs of this tool.
488 </span>
489 </p>
490 <p>
491 <span data-translate-html>
492 The random mnemonic generator on this page uses a
493 <a href="https://developer.mozilla.org/en-US/docs/Web/API/RandomSource/getRandomValues" target="_blank">cryptographically secure random number generator</a>.
494 </span>
495 <span data-translate>The built in random generator can generally be trusted more than your own intuition about randomness.</span>
496 <span data-translate>If cryptographic randomness isn't available in your browser, this page will show a warning and the generate button will not work.</span>
497 <span data-translate>In that case you might choose to use your own source of entropy.</span>
498 </p>
499 <p>
500 <a href="https://bitcointalk.org/index.php?topic=311000.msg3345309#msg3345309" target="_blank" data-translate>You are not a good source of entropy.</a>
501 </p>
502 </div>
503 </div>
504
505 <hr>
506
507 <div class="row">
508 <div class="col-md-12">
509
510 <h2 data-translate>Offline Usage</h2>
511
512 <p data-translate>
513 You can use this tool without having to be online.
514 </p>
515 <p data-translate>
516 In your browser, select file save-as, and save this page
517 as a file.
518 </p>
519 <p data-translate>
520 Double-click that file to open it in a browser
521 on any offline computer.
522 </p>
523 <p>
524 <span data-translate>Alternatively, download the file from the repository</span>
525 -
526 <a href="https://github.com/iancoleman/bip39">https://github.com/iancoleman/bip39</a>
527 </p>
528
529 </div>
530 </div>
531
532 <hr>
533
534 <div class="row">
535 <div class="col-md-12">
536
537 <h2 data-translate>This project is 100% open-source code</h2>
538
539 <p>
540 <span data-translate>Get the source code from the repository</span>
541 -
542 <a href="https://github.com/iancoleman/bip39" target="_blank">
543 https://github.com/iancoleman/bip39
544 </a>
545 </p>
546
547 <h3 data-translate>Libraries</h3>
548
549 <p>
550 <span>BitcoinJS - </span>
551 <a href="https://github.com/bitcoinjs/bitcoinjs-lib" target="_blank">
552 https://github.com/bitcoinjs/bitcoinjs-lib
553 </a>
554 </p>
555
556 <p>
557 <span>jsBIP39 - </span>
558 <a href="https://github.com/iancoleman/jsbip39" target="_blank">
559 https://github.com/iancoleman/jsbip39
560 </a>
561 </p>
562
563 <p>
564 <span>sjcl - </span>
565 <a href="https://github.com/bitwiseshiftleft/sjcl" target="_blank">
566 https://github.com/bitwiseshiftleft/sjcl
567 </a>
568 </p>
569
570 <p>
571 <span>jQuery - </span>
572 <a href="https://jquery.com/" target="_blank">
573 https://jquery.com/
574 </a>
575 </p>
576
577 <p>
578 <span>Twitter Bootstrap - </span>
579 <a href="http://getbootstrap.com/" target="_blank">
580 http://getbootstrap.com/
581 </a>
582 </p>
583
584 </div>
585 </div>
586
587 </div>
588
589 <div class="feedback-container">
590 <div class="feedback">Loading...</div>
591 </div>
592
593 <script type="text/template" id="address-row-template">
594 <tr>
595 <td class="index"><span></span></td>
596 <td class="address"><span></span></td>
597 <td class="pubkey"><span></span></td>
598 <td class="privkey"><span></span></td>
599 </tr>
600 </script>
601 <script src="js/jquery.min.js"></script>
602 <script src="js/bootstrap.min.js"></script>
603 <script src="js/levenshtein.js"></script>
604 <script src="js/bitcoinjs-1-5-7.js"></script>
605 <script src="js/bitcoinjs-extensions.js"></script>
606 <script src="js/sjcl-bip39.js"></script>
607 <script src="js/wordlist_english.js"></script>
608 <script src="js/wordlist_japanese.js"></script>
609 <script src="js/wordlist_spanish.js"></script>
610 <script src="js/wordlist_chinese_simplified.js"></script>
611 <script src="js/wordlist_chinese_traditional.js"></script>
612 <script src="js/wordlist_french.js"></script>
613 <script src="js/wordlist_italian.js"></script>
614 <script src="js/jsbip39.js"></script>
615 <script src="js/biginteger.js"></script>
616 <script src="js/zxcvbn.js"></script>
617 <script src="js/entropy.js"></script>
618 <script src="js/index.js"></script>
619 </body>
620 </html>