PixelCraft Dev Update: Sentry Integration & Performance Monitoring

kafio.wit (56)in Steem Dev • 16 hours ago

stackblitzstartersyp9hoqpf-xdis--8080--365214aa.local-credentialless.webcontainer.io_sentry-pixel-craft.html.png

We're excited to announce a focused update to PixelCraft Steemit that significantly improves our ability to monitor, debug, and maintain the application!

What’s New in This Update?

1. ✨ Sentry Integration

We have introduced comprehensive Sentry error tracking and performance monitoring across both frontend and backend. This ensures that when a user encounters an issue, we are notified immediately.

New Frontend Utilities:
We added a new sentry.ts module to handle tracking:

captureError(): Capture exceptions with context, tags, and user info.
setUserContext(): Attach user info to errors for easier debugging.
startTransaction(): Monitor long-running operations.

2. 🖥️ Backend Improvements

The server-side error handling has been overhauled to ensure no silent failures occur in production.

Enhanced Error Handler: Now captures ALL errors (4xx and 5xx) for full visibility.
Better Error Tagging: Distinguishes between server (logic/infrastructure) and client (bad request) errors.
Standardized Logging: Consistent log formatting across the backend.

3. ⚙️ Configuration Updates

To keep the development environment clean and stable:

Environment Variables: Fixed Sentry DSN configuration for proper separation.
Console Hygiene: Cleaner logs by filtering known benign warnings (Iconify, CSP, etc.).
Docker Compose: Updates for the development environment.

A look at the new standardized error logging system.

Try It Now

While this is a "behind-the-scenes" update, it makes the app more stable for everyone. You can test the latest version here:

Launch PixelCraft Beta

Feedback & Bug Reports

With this new monitoring system, if you encounter a bug, we likely already know about it! However, your reports are still vital. Please let us know if you experience any performance changes.

Thank you for supporting PixelCraft.