@flightdev/cache-devtools

DevTools for Flight cache system - metrics, profiling, and visualization.

Installation

pnpm add @flightdev/cache-devtools

Usage

Enable DevTools

import { enableDevTools } from '@flightdev/cache-devtools';

if (process.env.NODE_ENV === 'development') {
    enableDevTools();
}

Add Panel to App

import { CacheDevToolsPanel } from '@flightdev/cache-devtools/panel';

function App() {
    return (
        <>
            <MainApp />
            {process.env.NODE_ENV === 'development' && (
                <CacheDevToolsPanel position="bottom-right" />
            )}
        </>
    );
}

Access Metrics Programmatically

import { getMetrics, getTimeline, getEntries } from '@flightdev/cache-devtools';

const metrics = getMetrics();
console.log(`Hit rate: ${metrics.hitRate * 100}%`);
console.log(`Cached entries: ${metrics.entriesCount}`);

Features

• Real-time hit/miss tracking
• Timeline of cache operations
• Entry-level metrics
• Invalidation tracking
• Error monitoring