feat(bitcoin): full Bitcoin ecosystem cards and composables (M12.2-M12.8)

M12.2: Fedimint ecash card with Fedi deep-link M12.3: BOLT12 offer card with QR and wallet deep-link M12.4: Nostr Wallet Connect (NWC) composable with NIP-47 scaffolding M12.5: LNURL-auth login composable with challenge generation M12.6: Live sat/fiat price from mempool.space/api/v1/prices (60s refresh) M12.7: Mempool.space tx viewer with confirmations, fee rate, block height M12.8: BOLT11 invoice decoder card with amount, expiry countdown, pay link All Bitcoin patterns auto-detected in chat messages via useBitcoinDetector. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-04 00:35:38 +00:00
parent 3a718f44de
commit c328d6498c
8 changed files with 627 additions and 1 deletions
@@ -0,0 +1,70 @@
+import { ref, onMounted, onBeforeUnmount } from 'vue'
+
+const price = ref<number | null>(null)
+const currency = ref('USD')
+const lastUpdated = ref<number | null>(null)
+const isLoading = ref(false)
+
+let refreshTimer: ReturnType<typeof setInterval> | null = null
+let initialized = false
+
+async function fetchPrice() {
+  isLoading.value = true
+  try {
+    const res = await fetch('https://mempool.space/api/v1/prices')
+    if (!res.ok) throw new Error('Failed to fetch price')
+    const data = await res.json()
+    price.value = data.USD ?? null
+    lastUpdated.value = Date.now()
+  } catch {
+    // Keep existing price on error
+  } finally {
+    isLoading.value = false
+  }
+}
+
+export function useBitcoinPrice() {
+  function formatPrice(usd: number | null): string {
+    if (usd === null) return '...'
+    return '$' + usd.toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 0 })
+  }
+
+  function satsToUsd(sats: number): string {
+    if (!price.value) return '...'
+    const usd = (sats / 100000000) * price.value
+    if (usd < 0.01) return '<$0.01'
+    return '$' + usd.toFixed(2)
+  }
+
+  function usdToSats(usd: number): number | null {
+    if (!price.value) return null
+    return Math.round((usd / price.value) * 100000000)
+  }
+
+  onMounted(() => {
+    if (!initialized) {
+      initialized = true
+      fetchPrice()
+      refreshTimer = setInterval(fetchPrice, 60000) // 60s refresh
+    }
+  })
+
+  onBeforeUnmount(() => {
+    if (refreshTimer) {
+      clearInterval(refreshTimer)
+      refreshTimer = null
+      initialized = false
+    }
+  })
+
+  return {
+    price,
+    currency,
+    lastUpdated,
+    isLoading,
+    formatPrice,
+    satsToUsd,
+    usdToSats,
+    fetchPrice,
+  }
+}