Skip to content

feat: migrate Sentry client config, add global error boundary and stream stories - #1002

Merged
Austinaminu2 merged 1 commit into
FlowwStar:mainfrom
CodePrincess360:fix/sentry-migration-and-stream-stories
Oct 16, 2026
Merged

Austinaminu2 merged 1 commit into
FlowwStar:mainfrom
CodePrincess360:fix/sentry-migration-and-stream-stories

Conversation

@CodePrincess360

Copy link
Copy Markdown

Summary

#987: Move sentry.client.config.ts into instrumentation-client.ts

  • Moved the file to instrumentation-client.ts, following Sentry's Next.js guide (required for Turbopack).
  • Kept the existing beforeSend scrubbing unchanged: request payloads are redacted and Stellar addresses in breadcrumbs are truncated.
  • Exported onRouterTransitionStart for App Router navigation tracing.
  • Updated the file reference in DEPLOYMENT.md.

#986: Add app/global-error.tsx

  • New client error boundary that reports errors through captureError from lib/sentry.ts.
  • Renders a minimal fallback with its own <html>/<body> and a Try again button that calls reset().

#983: Storybook stories for DownloadReceiptButton

  • components/streams/download-receipt-button.stories.tsx with ActiveStream and CompletedStream stories, using the component's real props.

#982: Storybook stories for QrShareDialog

  • components/streams/qr-share-dialog.stories.tsx with an OpenWithSampleStream story.

Verification

  • npx tsc --noEmit passes.
  • next build succeeds and no longer prints the sentry.client.config.ts deprecation warning or the "global error handler" warning.
  • Not verified: npm run storybook currently fails for every story in this environment (swc.isWasm is not a function). That is an existing Storybook 9 / Next 16 incompatibility, not something these changes cause, so the new stories could not be checked in a running Storybook.
  • Not verified: actual delivery of client errors to Sentry needs a production deployment with a real DSN.

Closes #987
Closes #986
Closes #983
Closes #982

…eam stories

Sentry / Next.js
- Move sentry.client.config.ts to instrumentation-client.ts, as Sentry's
  Next.js guide requires for Turbopack. The existing beforeSend scrubbing
  (redacted request payloads, truncated Stellar addresses in breadcrumbs) is
  kept unchanged, and the file exports onRouterTransitionStart for App Router
  navigation tracing. This removes the "sentry.client.config.ts" deprecation
  warning from `next build`.
- Update the Sentry file reference in DEPLOYMENT.md.
- Add app/global-error.tsx, a client error boundary for errors thrown in the
  root layout. It reports the error through captureError (lib/sentry.ts) and
  renders a minimal fallback (its own <html>/<body>) with a "Try again" button
  that calls reset(). This removes the "global error handler" warning from
  `next build`.

Storybook
- Add components/streams/download-receipt-button.stories.tsx with
  ActiveStream and CompletedStream stories, built with the component's real
  props (stream, creationTxHash, withdrawalTxHashes).
- Add components/streams/qr-share-dialog.stories.tsx with an
  OpenWithSampleStream story (open dialog, sample stream, streaming status).
- Both stories include a sonner <Toaster /> decorator so the component toasts
  render. `npx tsc --noEmit` passes.

Closes FlowwStar#987
Closes FlowwStar#986
Closes FlowwStar#983
Closes FlowwStar#982
@drips-wave

drips-wave Bot commented Oct 16, 2026

Copy link
Copy Markdown

@CodePrincess360 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

@Austinaminu2
Austinaminu2 merged commit f3a0bcc into FlowwStar:main Oct 16, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

2 participants