+
+
+
+ sendMutation.mutate()}
+ type="button"
+ variant={registration && isSupported ? 'accent' : 'default'}
+ >
+ {sendMutation.isPending
+ ? `Sending ${tokenSymbol}…`
+ : sendResult
+ ? `Send another 100 ${tokenSymbol}`
+ : `Send 100 ${tokenSymbol}`}
+
+ }
+ completed={Boolean(sendResult)}
+ error={sendMutation.error}
+ number={3}
+ title="Send from another address to the virtual address and watch it land in the registered wallet."
+ >
+
+
+ )
+}
diff --git a/src/components/guides/virtual-addresses/miner.worker.ts b/src/components/guides/virtual-addresses/miner.worker.ts
new file mode 100644
index 00000000..572a6e01
--- /dev/null
+++ b/src/components/guides/virtual-addresses/miner.worker.ts
@@ -0,0 +1,103 @@
+import { VirtualMaster } from 'ox/tempo'
+import type { Address, Hex } from 'viem'
+
+type ToWorker =
+ | {
+ type: 'start'
+ batchSize: number
+ masterAddress: Address
+ startHex: Hex
+ }
+ | { type: 'stop' }
+
+type FromWorker =
+ | { type: 'ready' }
+ | {
+ type: 'progress'
+ attempts: number
+ hashesPerSecond: number
+ }
+ | {
+ type: 'found'
+ attempts: number
+ saltHex: string
+ masterIdHex: string
+ registrationHashHex: string
+ }
+ | { type: 'stopped'; attempts: number }
+ | { type: 'error'; message: string }
+
+function post(message: FromWorker) {
+ self.postMessage(message)
+}
+
+let running = false
+
+self.onmessage = (event: MessageEvent
+
+ )}
+
+
+
+ Connected passkey account
+
+ {address}
+
+ The demo auto-funds the passkey account, uses `ox` to grind the registration salt in
+ a background worker, and sends the deposit from a separate demo address.
+
+
+ {!isSupported ? (
+
+
+ Run docs against Tempo testnet or localnet to use this live preview.
+
+ ) : !address ? (
+
+ Sign in first, then the demo will fund the account if needed, mine the required salt
+ with `VirtualMaster.mineSalt`, and prompt the passkey for registration.
+
+ ) : registration ? (
+
+
+ ) : minerState.status === 'mining' ? (
+
+ masterId:{' '}
+
+ {registration.masterId}
+
+ salt:{' '}
+
+
+ {registration.salt}
+
+
+ virtual address:{' '}
+
+
+ {registration.virtualAddress}
+
+
+ registration tx:{' '}
+
+
+ {registration.txHash}
+
+
+
+ ) : minerState.status === 'found' ? (
+
+ hashes tried:{' '}
+
+
+ {formatCount(minerState.totalAttempts)}
+
+
+ hash rate:{' '}
+
+
+ {formatCount(minerState.hashesPerSecond)}/s
+
+
+ The browser is searching for the 32-bit proof-of-work required by TIP-1022. This
+ usually takes a few minutes.
+
+
+
+ ) : (
+
+ masterId:{' '}
+
+ {minerState.masterId}
+
+ salt found:{' '}
+
+
+ {minerState.salt}
+
+ Waiting for the registration transaction to be confirmed.
+
+ Click Register master id to fund the passkey for
+ fees, mine a valid salt, and submit{' '}
+
+ )}
+ registerVirtualMaster.
+
+ {registration ? (
+
+
+
+ ) : (
+
+ demo sender:{' '}
+
+ {demoSender.address}
+
+ virtual address:{' '}
+
+
+ {registration.virtualAddress}
+
+
+ registered wallet:{' '}
+
+
+ {sendResult ? (
+ <>
+ {address}
+
+ transfer tx:{' '}
+
+
+ {sendResult.txHash}
+
+
+
+
+ master balance:{' '}
+
+
+ {sendResult.before.master} → {sendResult.after.master}
+
+
+ virtual balance:{' '}
+
+
+ {sendResult.before.virtual} → {sendResult.after.virtual}
+
+
+ two-hop Transfer events
+ {sendResult.events.map((event, index) => (
+
+
+ ) : (
+
+
+ ))}
+
+ {StringFormatter.truncate(event.from, { start: 8, end: 6 })} →{' '}
+ {StringFormatter.truncate(event.to, { start: 8, end: 6 })} ({event.amount}{' '}
+ {tokenSymbol})
+
+
+ The demo uses `VirtualAddress.from` to derive a deposit address, funds a separate
+ sender if needed, transfers 100 {tokenSymbol} to the virtual address, and then
+ reads both balances so you can see the tokens land in the registered passkey
+ wallet.
+
+ )}
+
+ Finish registration first. This step needs a master id and derived virtual address.
+
+ )}
+ 
-
+