Bugfender

ngx-dev-toolbar

A powerful development toolbar for Angular applications to improve your developer productivity directly in the browser.

ngrx-devtool

Debug NgRx with confidence

ngx-error-handling

NgxErrorHandling is an Angular library designed to provide a unified error handling system for modern Angular applications. It addresses the challenge of errors being memoized in Angular signals by capturing unhandled errors from multiple sources and making them available through a centralized RxJS Subject called the ErrorBus. ## Key Features * **Unified Error Capture** — Automatically intercepts unhandled errors from RxJS streams, Angular signals, and classic JavaScript errors. * **ErrorBus Service** — Centralizes all captured errors into a single RxJS Subject, allowing any component to subscribe and react. * **Safe Signal Wrapper** — Provides a `safeSignal()` function to replace `computed()` and `toSignal()`, preventing errors from being memoized and re-thrown. * **Modular Sensors** — Offers configurable error captors (sensors) for signals, HTTP interceptors, and the global ErrorHandler. * **Flexible Notification** — Decouples error capture from presentation, allowing developers to implement custom user notification (e.g., toasters) by subscribing to the ErrorBus. ## Philosophy The library follows a modular, sensor-based architecture that separates error detection, centralization, and notification, giving developers fine-grained control over error handling while ensuring no error goes unobserved.

ngx-debug-console

ngx-debug-console is a developer tool that provides a floating, collapsible debug console overlay for Angular applications. It captures runtime console output and HTTP traffic, allowing developers to inspect application behavior directly in the browser without needing to open DevTools. ## Key Features - **Floating FAB Button** — Displays a floating action button with a log count badge for easy access. - **Log Filtering** — Filter logs by level: log, info, warn, error, and HTTP. - **Full-Text Search** — Search across log messages and URLs for quick debugging. - **HTTP Interception** — Automatically captures HTTP traffic via an Angular HttpInterceptor. - **HTTP Error Modal** — Shows a dedicated modal for failed API calls. - **Export Logs** — Export captured logs as JSON files for further analysis. - **Persistent Preferences** — Saves show/hide state in localStorage. - **Zero Dependencies** — Built with plain HTML and CSS, no external UI libraries. - **Framework Compatibility** — Works with both standalone components and NgModule-based Angular apps. ## Philosophy The project emphasizes simplicity and developer experience, providing a lightweight, dependency-free tool that integrates seamlessly into Angular applications for real-time debugging.