🔧 Hyper Fetch DevTools Plugin

About

Hyper Fetch DevTools Plugin is an essential bridge between your application and HyperFlow. It enables real-time streaming of request data, allowing you to monitor, debug, and optimize your application's network operations. This plugin is the foundation that powers HyperFlow's advanced developer tools, providing the data pipeline needed for comprehensive request inspection and management.

Key Features

🔮 Real-time Data Streaming - Seamless streaming of request data to HyperFlow

🎯 Request Lifecycle Tracking - Complete visibility into request lifecycle events

✨ Performance Metrics Collection - Automatic gathering of timing and performance data

🚀 Queue State Monitoring - Real-time tracking of request queue status

💎 Cache State Synchronization - Live updates of cache state changes

🪄 Error Tracking - Comprehensive error reporting and debugging information

🎊 Request/Response Interception - Ability to inspect and modify requests and responses

🔋 Offline State Detection - Automatic detection and reporting of offline states

📡 WebSocket Connection Management - Specialized handling for WebSocket connections

Integration

The DevTools Plugin is designed to work seamlessly with HyperFlow. To get started:

1. Install the plugin:

npm install @hyper-fetch/plugin-devtools

2. Add it to your Hyper Fetch client:

import { createClient } from "@hyper-fetch/core";
import { DevtoolsPlugin } from "@hyper-fetch/plugin-devtools";

const client = createClient({
  url: "https://api.example.com",
}).addPlugin(
  DevtoolsPlugin({
    // Name displayed in the HyperFlow
    appName: "Adjusted App",
  }),
);

3. Connect to HyperFlow to start receiving real-time data.

Help me keep working on this project ❤️

• Become a Sponsor on GitHub

Sources

• Installation

• Docs

• API

• NPM

• Guides

Other Packages

• • Hyper Fetch

• HyperFlow

• Hyper Fetch Sockets