--- /dev/null
+<!DOCTYPE html>
+
+<head>
+ <meta lang="en">
+ <script>
+ let Bip44Wallet
+ let Xel
+ async function load () {
+ console.log('loading')
+ const libnemo = await import('https://unpkg.com/libnemo@latest')
+ Bip44Wallet = libnemo.Bip44Wallet
+ console.log('libnemo loaded')
+ Xel = await import('https://unpkg.com/xel@latest')
+ // await Xel.whenThemeReady
+ setTimeout(() => {
+ document.getElementById('main').style.visibility = 'visible'
+ console.log('xel loaded')
+ }, 100)
+ }
+ async function wallet () {
+ const wallet = await Bip44Wallet.create('password')
+ await wallet.unlock('password')
+ return wallet
+ }
+ function showWallet (wallet) {
+ const card = document.getElementById('wallet')
+ const walletElement = document.createElement('x-label')
+ walletElement.innerText = wallet.mnemonic
+ card.appendChild(walletElement)
+ }
+ </script>
+ <script src="" type="module"></script>
+ <meta name="xel-theme" content="https://unpkg.com/xel@latest/themes/adwaita-dark.css">
+ <meta name="xel-accent-color" content="blue">
+ <meta name="xel-icons" content="https://unpkg.com/xel@latest/icons/fluent-outlined.svg">
+</head>
+
+<body onload="load().then(() => {console.log('loaded')})">
+ <x-box id="main" style="visibility:hidden;">
+ <x-button onclick="wallet().then(w => {console.log(w);showWallet(w)})">
+ <x-label>Create</x-label>
+ </x-button>
+ <x-card id="wallet">
+ </x-card>
+ </x-box>
+</body>