Skip to content

feat(simulator): add blockchain explorer for transaction monitoring#653

Open
OsejiFabian wants to merge 1 commit into
StellarDevHub:mainfrom
OsejiFabian:feat/blockchain-explorer-579
Open

feat(simulator): add blockchain explorer for transaction monitoring#653
OsejiFabian wants to merge 1 commit into
StellarDevHub:mainfrom
OsejiFabian:feat/blockchain-explorer-579

Conversation

@OsejiFabian
Copy link
Copy Markdown

Summary

Implements the Blockchain Explorer feature requested in #579.

Changes

  • useBlockchainExplorer hook — manages transaction state, stats, and real-time updates. Connects via native WebSocket when a URL is provided; falls back to a realistic simulation interval for offline/educational use. Exposes toggleLive, clearTransactions, connection status, and computed stats.

  • BlockchainExplorer component — displays a live transaction stream with search/filter controls, a stats bar (total TXs, success rate, avg fee, latest ledger), expandable row details, and a connection status indicator. WCAG 2.1 accessible (ARIA labels, live regions, roles).

  • /simulator/explorer page — integrates the component with an educational note explaining what blockchain explorers do.

Tests

17 unit tests covering simulation mode, pause/resume, maxTransactions cap, WebSocket connect/disconnect/error/message/close/unmount, malformed message handling, and invalid URL fallback.

Hook coverage: 100% statements, 100% functions, 84% branches.

What was tested

  • All 17 unit tests pass locally (pnpm test)
  • Simulation mode verified manually

Closes #579

…tellarDevHub#579)

- Add useBlockchainExplorer hook with WebSocket support and simulation fallback
- Add BlockchainExplorer component with live feed, search/filter, expandable rows
- Add /simulator/explorer page with educational context
- Add 17 unit tests (100% stmt/func, 84% branch coverage on hook)
- Update vitest coverage config to include new hook
@vercel
Copy link
Copy Markdown

vercel Bot commented Jun 2, 2026

@OsejiFabian is attempting to deploy a commit to the Ayomide Adeniran's projects Team on Vercel.

A member of the Team first needs to authorize it.

@drips-wave
Copy link
Copy Markdown

drips-wave Bot commented Jun 2, 2026

@OsejiFabian Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Frontend] Add Blockchain Explorer Integration for Transaction Monitoring

1 participant