You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
1.3 KiB
52 lines
1.3 KiB
/* eslint-env browser */
|
|
import '@fontsource/comic-neue';
|
|
import teXToSVG from 'tex-to-svg';
|
|
import noUiSlider from 'nouislider';
|
|
import {version} from '../package';
|
|
import dogeSeed from '..';
|
|
|
|
Array.from(document.querySelectorAll('[data-latex]')).forEach(element => {
|
|
console.log(element.dataset.latex)
|
|
element.innerHTML = teXToSVG(element.dataset.latex)
|
|
});
|
|
|
|
const bitsToWords = {
|
|
128: 12,
|
|
160: 15,
|
|
192: 18,
|
|
224: 21,
|
|
256: 24
|
|
};
|
|
|
|
document.querySelector('.version').innerText = `v${version}`;
|
|
|
|
const seedText = document.querySelector('.seed-text');
|
|
const regenerateSeedButton = document.querySelector('.regenerate-seed');
|
|
|
|
const bitSlider = noUiSlider.create(document.querySelector('.bit-slider'), {
|
|
range: {min: 128, max: 256},
|
|
step: 32,
|
|
start: 256,
|
|
pips: {
|
|
mode: 'steps',
|
|
density: 1,
|
|
format: {to: bits => bitsToWords[bits]},
|
|
filter: (value, step) => step === 0 ? -1 : 1
|
|
}
|
|
});
|
|
|
|
const generateSeed = () => {
|
|
const bits = Number(bitSlider.get());
|
|
const seedPhraseWords = dogeSeed(bits).split(' ');
|
|
|
|
const wrappedSeedPhrase = seedPhraseWords.map(word => `<span>${word}</span>`).join(' ');
|
|
const wordCount = seedPhraseWords.length;
|
|
|
|
seedText.dataset.wordCount = wordCount;
|
|
seedText.innerHTML = wrappedSeedPhrase;
|
|
};
|
|
|
|
regenerateSeedButton.addEventListener('click', generateSeed);
|
|
bitSlider.on('update', generateSeed);
|
|
|
|
generateSeed();
|
|
|