archy/neode-ui/src/composables/useIbdFinishWatcher.ts

91 lines
2.9 KiB
TypeScript
Raw Normal View History

feat(setup): Zeus lightning journey — fund-wallet step, IBD timer + finish-setup toast, channel suggestions Every Lightning setup (Open a Shop, Accept Payments, Run a Lightning Node) gains a guided path to a working channel: - New "Fund Your Bitcoin Wallet" step, gated on the blockchain finishing its initial sync: while syncing it shows a live progress bar with a counting-down time-remaining estimate; once synced it shows the on-chain balance and a "Fund Wallet" button that opens the receive modal with a fresh address, QR, and the Zeus channel limits (min 150,000 / max 1,500,000 sats) noted. - When the sync finishes while a Lightning setup is mid-flight, a toast pops with a "Finish setup" link straight back to the wizard (toasts now support action links). If several setups are in flight, one is chosen — the shared steps complete the lightning part of any of them. - Channel steps are Zeus-branded (logo + copy) and land on the Lightning Channels screen, which now carries an "Open a channel with Zeus" card that prefills the open-channel modal with the Olympus peer URI, 150k sats, and private-channel checked. "Get Zeus" links to zeusln.com. - Setup completion now actually requires walking the manual steps (fund, open channel, configure) — previously any step whose app was installed was silently auto-ticked and running apps marked the whole goal done. - Completion CTAs now go to the app you just set up ("Go to my shop (BTCPay)" etc.) instead of the generic services list; iframe apps open in the on-top app overlay. - On-chain send modal gains a "Send all funds" sweep toggle, backed by LND's send_all on the backend (amount no longer required when sweeping). - Demo/mock: bitcoin.getinfo now returns the block_height/sync_progress contract the UI reads and simulates a ~90s IBD ramp per visitor so the timer, toast, and fund flow can all be demoed live; channel list data fixed (status/channel_point/liquidity totals — the panel previously crashed on the missing status field); sendcoins supports send_all. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-16 21:49:09 -04:00
import { computed, watch, watchEffect, onUnmounted } from 'vue'
import { useRouter } from 'vue-router'
import { GOALS } from '@/data/goals'
import { useGoalStore } from '@/stores/goals'
import { useToast } from '@/composables/useToast'
import {
acquireBitcoinSync,
bitcoinSynced,
bitcoinSyncLoaded,
} from '@/composables/useBitcoinSync'
// Session-level guard: the "finish setup" toast fires at most once per page load.
let firedThisSession = false
/**
* Watches for Bitcoin IBD completing while a Lightning setup goal is mid-flight
* and pops a "Finish setup" toast linking back to that goal's wizard (which is
* sitting on the fund-wallet / open-channel steps). Mount once in the
* dashboard layout.
*/
export function useIbdFinishWatcher() {
const goalStore = useGoalStore()
const router = useRouter()
const toast = useToast()
// A goal qualifies while it's in progress and its manual fund/channel steps
// aren't done yet. If several qualify, the first wins — finishing the shared
// fund + channel steps completes the lightning part of any of them.
const pendingLightningGoalId = computed<string | null>(() => {
if (firedThisSession) return null
for (const goal of GOALS) {
const hasFundStep = goal.steps.some((s) => s.action === 'fund')
if (!hasFundStep) continue
if (goalStore.getGoalStatus(goal.id) !== 'in-progress') continue
const done = goalStore.progress[goal.id]?.completedSteps ?? []
const manualPending = goal.steps.some(
(s) => s.action !== 'install' && !done.includes(s.id),
)
if (manualPending) return goal.id
}
return null
})
// Only poll the chain while there's actually a goal waiting on it.
let release: (() => void) | null = null
watchEffect(() => {
const shouldWatch = pendingLightningGoalId.value !== null && !bitcoinSynced.value
if (shouldWatch && !release) {
release = acquireBitcoinSync()
} else if (!shouldWatch && release) {
// Goal finished/reset or the chain synced — stop polling.
release()
release = null
}
})
// Fire only on a REAL transition: we must have observed the chain unsynced
// at least once this session, so a node that's already synced at page load
// doesn't toast.
let sawUnsynced = false
watch([bitcoinSynced, bitcoinSyncLoaded], ([synced, loaded]) => {
if (!loaded) return
if (!synced) {
sawUnsynced = true
return
}
if (!sawUnsynced || firedThisSession) return
const goalId = pendingLightningGoalId.value
if (!goalId) return
firedThisSession = true
toast.action(
'Bitcoin is fully synced — you can now fund your wallet and open your Lightning channel.',
{
label: 'Finish setup',
onClick: () => { router.push(`/dashboard/goals/${goalId}`) },
},
)
if (release) {
release()
release = null
}
})
onUnmounted(() => {
if (release) {
release()
release = null
}
})
}