feat: use KeyManager.http (#13)

* feat: use KeyManager.http('https://keystore.tempo.xyz')

* chore: up

* fix: set webAuthn rpId to top-level domain

* fix: use keys.tempo.xyz

Author: jxom

package.json

@@ -30,7 +30,7 @@
     "sql-formatter": "^15.6.12",
     "tailwind-merge": "^3.4.0",
     "tailwindcss": "^4.1.18",
-    "tempo.ts": "^0.13.0",
+    "tempo.ts": "^0.14.0",
     "unplugin-auto-import": "^20.3.0",
     "unplugin-icons": "^22.5.0",
     "viem": "^2.44.4",

pnpm-lock.yaml

@@ -11,7 +11,7 @@ import { KeyManager, webAuthn } from 'wagmi/tempo'
 export const config = createConfig({
   connectors: [
     webAuthn({
-      keyManager: KeyManager.localStorage(),
+      keyManager: KeyManager.http('https://keys.tempo.xyz'),
     }),
   ],
   chains: [tempoModerato],
@@ -33,7 +33,7 @@ import { KeyManager, webAuthn } from 'wagmi/tempo'
 export const config = createConfig({
   connectors: [
     webAuthn({
-      keyManager: KeyManager.localStorage(),
+      keyManager: KeyManager.http('https://keys.tempo.xyz'),
     }),
   ],
   chains: [tempoModerato],

src/snippets/wagmi.config.ts

@@ -6,6 +6,13 @@ import { KeyManager, webAuthn } from 'wagmi/tempo'
 
 const feeToken = '0x20c0000000000000000000000000000000000001'
 
+const rpId = (() => {
+  const hostname = globalThis.location?.hostname
+  if (!hostname) return undefined
+  const parts = hostname.split('.')
+  return parts.length > 2 ? parts.slice(-2).join('.') : hostname
+})()
+
 export function getConfig(options: getConfig.Options = {}) {
   const { multiInjectedProviderDiscovery } = options
   return createConfig({
@@ -22,7 +29,8 @@ export function getConfig(options: getConfig.Options = {}) {
     connectors: [
       webAuthn({
         grantAccessKey: true,
-        keyManager: KeyManager.localStorage(),
+        keyManager: KeyManager.http('https://keys.tempo.xyz'),
+        rpId,
       }),
     ],
     multiInjectedProviderDiscovery,