npm - @flight-framework/devtools - Versions diffs - 0.0.2 → 0.0.3 - Mend

@flight-framework/devtools 0.0.2 → 0.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/dist/index.d.ts +127 -0
package/dist/index.d.ts.map +1 -0
package/{src/index.ts → dist/index.js} +187 -273
package/dist/index.js.map +1 -0
package/dist/instrumentation.d.ts +30 -0
package/dist/instrumentation.d.ts.map +1 -0
package/{src/instrumentation.ts → dist/instrumentation.js} +126 -146
package/dist/instrumentation.js.map +1 -0
package/dist/panel.d.ts +12 -0
package/dist/panel.d.ts.map +1 -0
package/{src/panel.ts → dist/panel.js} +76 -95
package/dist/panel.js.map +1 -0
package/package.json +4 -1
package/tsconfig.json +0 -17

package/dist/index.d.ts ADDED Viewed

@@ -0,0 +1,127 @@
+/**
+ * @flight-framework/devtools - Development Tools
+ *
+ * Provides debugging tools for Flight applications during development.
+ * Automatically disabled in production builds.
+ *
+ * @example
+ * ```typescript
+ * // In your flight.config.ts or main entry
+ * import { enableDevTools } from '@flight-framework/devtools';
+ *
+ * if (process.env.NODE_ENV === 'development') {
+ *     enableDevTools({
+ *         port: 3001,
+ *         showRoutes: true,
+ *         showRequests: true,
+ *         showCache: true,
+ *     });
+ * }
+ * ```
+ */
+export interface DevToolsOptions {
+    /** WebSocket port for DevTools communication (default: 3001) */
+    port?: number;
+    /** Show registered routes */
+    showRoutes?: boolean;
+    /** Show incoming requests */
+    showRequests?: boolean;
+    /** Show cache status */
+    showCache?: boolean;
+    /** Show connected adapters */
+    showAdapters?: boolean;
+    /** Custom panel position */
+    position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+}
+export interface RouteInfo {
+    method: string;
+    path: string;
+    type: 'page' | 'api';
+    filePath: string;
+    slot?: string;
+    interceptInfo?: {
+        level: number;
+        target: string;
+    };
+}
+export interface RequestInfo {
+    id: string;
+    method: string;
+    path: string;
+    status: number;
+    duration: number;
+    timestamp: number;
+}
+export interface CacheInfo {
+    key: string;
+    size: number;
+    hits: number;
+    lastAccessed: number;
+}
+export interface AdapterInfo {
+    name: string;
+    type: 'db' | 'auth' | 'storage' | 'email' | 'payments' | 'realtime' | 'other';
+    status: 'connected' | 'disconnected' | 'error';
+}
+export interface DevToolsState {
+    routes: RouteInfo[];
+    requests: RequestInfo[];
+    cache: CacheInfo[];
+    adapters: AdapterInfo[];
+}
+declare class DevToolsManager {
+    private options;
+    private state;
+    private subscribers;
+    private isEnabled;
+    constructor(options: DevToolsOptions);
+    /**
+     * Register routes for display in DevTools
+     */
+    registerRoutes(routes: RouteInfo[]): void;
+    /**
+     * Log a request
+     */
+    logRequest(info: Omit<RequestInfo, 'id' | 'timestamp'>): void;
+    /**
+     * Update cache info
+     */
+    updateCache(cache: CacheInfo[]): void;
+    /**
+     * Register an adapter
+     */
+    registerAdapter(adapter: AdapterInfo): void;
+    /**
+     * Subscribe to state changes
+     */
+    subscribe(callback: (state: DevToolsState) => void): () => void;
+    /**
+     * Get current state
+     */
+    getState(): DevToolsState;
+    /**
+     * Get options
+     */
+    getOptions(): Required<DevToolsOptions>;
+    private notify;
+}
+/**
+ * Enable DevTools for the application
+ */
+export declare function enableDevTools(options?: DevToolsOptions): DevToolsManager;
+/**
+ * Get the DevTools instance
+ */
+export declare function getDevTools(): DevToolsManager | null;
+/**
+ * Check if DevTools are enabled
+ */
+export declare function isDevToolsEnabled(): boolean;
+/**
+ * Middleware to log requests to DevTools
+ */
+export declare function devToolsMiddleware(): (context: {
+    request: Request;
+}, next: () => Promise<Response>) => Promise<Response>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/{src/index.ts → dist/index.js} RENAMED Viewed

@@ -1,273 +1,187 @@
-/**
- * @flight-framework/devtools - Development Tools
- *
- * Provides debugging tools for Flight applications during development.
- * Automatically disabled in production builds.
- *
- * @example
- * ```typescript
- * // In your flight.config.ts or main entry
- * import { enableDevTools } from '@flight-framework/devtools';
- *
- * if (process.env.NODE_ENV === 'development') {
- *     enableDevTools({
- *         port: 3001,
- *         showRoutes: true,
- *         showRequests: true,
- *         showCache: true,
- *     });
- * }
- * ```
- */
-// ============================================================================
-// Types
-// ============================================================================
-export interface DevToolsOptions {
-    /** WebSocket port for DevTools communication (default: 3001) */
-    port?: number;
-    /** Show registered routes */
-    showRoutes?: boolean;
-    /** Show incoming requests */
-    showRequests?: boolean;
-    /** Show cache status */
-    showCache?: boolean;
-    /** Show connected adapters */
-    showAdapters?: boolean;
-    /** Custom panel position */
-    position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
-}
-export interface RouteInfo {
-    method: string;
-    path: string;
-    type: 'page' | 'api';
-    filePath: string;
-    slot?: string;
-    interceptInfo?: {
-        level: number;
-        target: string;
-    };
-}
-export interface RequestInfo {
-    id: string;
-    method: string;
-    path: string;
-    status: number;
-    duration: number;
-    timestamp: number;
-}
-export interface CacheInfo {
-    key: string;
-    size: number;
-    hits: number;
-    lastAccessed: number;
-}
-export interface AdapterInfo {
-    name: string;
-    type: 'db' | 'auth' | 'storage' | 'email' | 'payments' | 'realtime' | 'other';
-    status: 'connected' | 'disconnected' | 'error';
-}
-export interface DevToolsState {
-    routes: RouteInfo[];
-    requests: RequestInfo[];
-    cache: CacheInfo[];
-    adapters: AdapterInfo[];
-}
-// ============================================================================
-// DevTools Manager
-// ============================================================================
-let devToolsInstance: DevToolsManager | null = null;
-class DevToolsManager {
-    private options: Required<DevToolsOptions>;
-    private state: DevToolsState;
-    private subscribers: Set<(state: DevToolsState) => void>;
-    private isEnabled: boolean;
-    constructor(options: DevToolsOptions) {
-        this.options = {
-            port: options.port ?? 3001,
-            showRoutes: options.showRoutes ?? true,
-            showRequests: options.showRequests ?? true,
-            showCache: options.showCache ?? true,
-            showAdapters: options.showAdapters ?? true,
-            position: options.position ?? 'bottom-right',
-        };
-        this.state = {
-            routes: [],
-            requests: [],
-            cache: [],
-            adapters: [],
-        };
-        this.subscribers = new Set();
-        this.isEnabled = process.env.NODE_ENV === 'development';
-    }
-    /**
-     * Register routes for display in DevTools
-     */
-    registerRoutes(routes: RouteInfo[]): void {
-        if (!this.isEnabled) return;
-        this.state.routes = routes;
-        this.notify();
-    }
-    /**
-     * Log a request
-     */
-    logRequest(info: Omit<RequestInfo, 'id' | 'timestamp'>): void {
-        if (!this.isEnabled || !this.options.showRequests) return;
-        const request: RequestInfo = {
-            ...info,
-            id: crypto.randomUUID(),
-            timestamp: Date.now(),
-        };
-        // Keep last 100 requests
-        this.state.requests = [request, ...this.state.requests].slice(0, 100);
-        this.notify();
-    }
-    /**
-     * Update cache info
-     */
-    updateCache(cache: CacheInfo[]): void {
-        if (!this.isEnabled || !this.options.showCache) return;
-        this.state.cache = cache;
-        this.notify();
-    }
-    /**
-     * Register an adapter
-     */
-    registerAdapter(adapter: AdapterInfo): void {
-        if (!this.isEnabled || !this.options.showAdapters) return;
-        const existing = this.state.adapters.findIndex(a => a.name === adapter.name);
-        if (existing >= 0) {
-            this.state.adapters[existing] = adapter;
-        } else {
-            this.state.adapters.push(adapter);
-        }
-        this.notify();
-    }
-    /**
-     * Subscribe to state changes
-     */
-    subscribe(callback: (state: DevToolsState) => void): () => void {
-        this.subscribers.add(callback);
-        callback(this.state); // Initial state
-        return () => this.subscribers.delete(callback);
-    }
-    /**
-     * Get current state
-     */
-    getState(): DevToolsState {
-        return this.state;
-    }
-    /**
-     * Get options
-     */
-    getOptions(): Required<DevToolsOptions> {
-        return this.options;
-    }
-    private notify(): void {
-        for (const callback of this.subscribers) {
-            callback(this.state);
-        }
-    }
-}
-// ============================================================================
-// Public API
-// ============================================================================
-/**
- * Enable DevTools for the application
- */
-export function enableDevTools(options: DevToolsOptions = {}): DevToolsManager {
-    if (process.env.NODE_ENV !== 'development') {
-        console.warn('[Flight DevTools] DevTools are disabled in production');
-        return devToolsInstance as DevToolsManager;
-    }
-    if (!devToolsInstance) {
-        devToolsInstance = new DevToolsManager(options);
-        console.log(`[Flight DevTools] Enabled on port ${options.port ?? 3001}`);
-    }
-    return devToolsInstance;
-}
-/**
- * Get the DevTools instance
- */
-export function getDevTools(): DevToolsManager | null {
-    return devToolsInstance;
-}
-/**
- * Check if DevTools are enabled
- */
-export function isDevToolsEnabled(): boolean {
-    return devToolsInstance !== null && process.env.NODE_ENV === 'development';
-}
-// ============================================================================
-// Instrumentation Helpers
-// ============================================================================
-/**
- * Middleware to log requests to DevTools
- */
-export function devToolsMiddleware() {
-    return async (
-        context: { request: Request },
-        next: () => Promise<Response>
-    ): Promise<Response> => {
-        if (!devToolsInstance) return next();
-        const start = performance.now();
-        const { request } = context;
-        try {
-            const response = await next();
-            const duration = performance.now() - start;
-            devToolsInstance.logRequest({
-                method: request.method,
-                path: new URL(request.url).pathname,
-                status: response.status,
-                duration: Math.round(duration),
-            });
-            return response;
-        } catch (error) {
-            const duration = performance.now() - start;
-            devToolsInstance.logRequest({
-                method: request.method,
-                path: new URL(request.url).pathname,
-                status: 500,
-                duration: Math.round(duration),
-            });
-            throw error;
-        }
-    };
-}
+/**
+ * @flight-framework/devtools - Development Tools
+ *
+ * Provides debugging tools for Flight applications during development.
+ * Automatically disabled in production builds.
+ *
+ * @example
+ * ```typescript
+ * // In your flight.config.ts or main entry
+ * import { enableDevTools } from '@flight-framework/devtools';
+ *
+ * if (process.env.NODE_ENV === 'development') {
+ *     enableDevTools({
+ *         port: 3001,
+ *         showRoutes: true,
+ *         showRequests: true,
+ *         showCache: true,
+ *     });
+ * }
+ * ```
+ */
+// ============================================================================
+// DevTools Manager
+// ============================================================================
+let devToolsInstance = null;
+class DevToolsManager {
+    options;
+    state;
+    subscribers;
+    isEnabled;
+    constructor(options) {
+        this.options = {
+            port: options.port ?? 3001,
+            showRoutes: options.showRoutes ?? true,
+            showRequests: options.showRequests ?? true,
+            showCache: options.showCache ?? true,
+            showAdapters: options.showAdapters ?? true,
+            position: options.position ?? 'bottom-right',
+        };
+        this.state = {
+            routes: [],
+            requests: [],
+            cache: [],
+            adapters: [],
+        };
+        this.subscribers = new Set();
+        this.isEnabled = process.env.NODE_ENV === 'development';
+    }
+    /**
+     * Register routes for display in DevTools
+     */
+    registerRoutes(routes) {
+        if (!this.isEnabled)
+            return;
+        this.state.routes = routes;
+        this.notify();
+    }
+    /**
+     * Log a request
+     */
+    logRequest(info) {
+        if (!this.isEnabled || !this.options.showRequests)
+            return;
+        const request = {
+            ...info,
+            id: crypto.randomUUID(),
+            timestamp: Date.now(),
+        };
+        // Keep last 100 requests
+        this.state.requests = [request, ...this.state.requests].slice(0, 100);
+        this.notify();
+    }
+    /**
+     * Update cache info
+     */
+    updateCache(cache) {
+        if (!this.isEnabled || !this.options.showCache)
+            return;
+        this.state.cache = cache;
+        this.notify();
+    }
+    /**
+     * Register an adapter
+     */
+    registerAdapter(adapter) {
+        if (!this.isEnabled || !this.options.showAdapters)
+            return;
+        const existing = this.state.adapters.findIndex(a => a.name === adapter.name);
+        if (existing >= 0) {
+            this.state.adapters[existing] = adapter;
+        }
+        else {
+            this.state.adapters.push(adapter);
+        }
+        this.notify();
+    }
+    /**
+     * Subscribe to state changes
+     */
+    subscribe(callback) {
+        this.subscribers.add(callback);
+        callback(this.state); // Initial state
+        return () => this.subscribers.delete(callback);
+    }
+    /**
+     * Get current state
+     */
+    getState() {
+        return this.state;
+    }
+    /**
+     * Get options
+     */
+    getOptions() {
+        return this.options;
+    }
+    notify() {
+        for (const callback of this.subscribers) {
+            callback(this.state);
+        }
+    }
+}
+// ============================================================================
+// Public API
+// ============================================================================
+/**
+ * Enable DevTools for the application
+ */
+export function enableDevTools(options = {}) {
+    if (process.env.NODE_ENV !== 'development') {
+        console.warn('[Flight DevTools] DevTools are disabled in production');
+        return devToolsInstance;
+    }
+    if (!devToolsInstance) {
+        devToolsInstance = new DevToolsManager(options);
+        console.log(`[Flight DevTools] Enabled on port ${options.port ?? 3001}`);
+    }
+    return devToolsInstance;
+}
+/**
+ * Get the DevTools instance
+ */
+export function getDevTools() {
+    return devToolsInstance;
+}
+/**
+ * Check if DevTools are enabled
+ */
+export function isDevToolsEnabled() {
+    return devToolsInstance !== null && process.env.NODE_ENV === 'development';
+}
+// ============================================================================
+// Instrumentation Helpers
+// ============================================================================
+/**
+ * Middleware to log requests to DevTools
+ */
+export function devToolsMiddleware() {
+    return async (context, next) => {
+        if (!devToolsInstance)
+            return next();
+        const start = performance.now();
+        const { request } = context;
+        try {
+            const response = await next();
+            const duration = performance.now() - start;
+            devToolsInstance.logRequest({
+                method: request.method,
+                path: new URL(request.url).pathname,
+                status: response.status,
+                duration: Math.round(duration),
+            });
+            return response;
+        }
+        catch (error) {
+            const duration = performance.now() - start;
+            devToolsInstance.logRequest({
+                method: request.method,
+                path: new URL(request.url).pathname,
+                status: 500,
+                duration: Math.round(duration),
+            });
+            throw error;
+        }
+    };
+}
+//# sourceMappingURL=index.js.map

package/dist/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/instrumentation.d.ts ADDED Viewed

@@ -0,0 +1,30 @@
+/**
+ * @flight-framework/devtools/instrumentation - Auto-instrumentation
+ *
+ * Automatically instruments Flight apps to send data to DevTools.
+ */
+import { type AdapterInfo } from './index.js';
+/**
+ * Instrument file router to report routes to DevTools
+ */
+export declare function instrumentFileRouter(routes: unknown[]): void;
+/**
+ * Instrument an adapter to report to DevTools
+ */
+export declare function instrumentAdapter(adapter: {
+    name: string;
+}, type: AdapterInfo['type']): void;
+/**
+ * Report adapter error to DevTools
+ */
+export declare function reportAdapterError(adapterName: string): void;
+/**
+ * Instrument a cache to report to DevTools
+ */
+export declare function instrumentCache(cache: Map<string, unknown>): void;
+/**
+ * Auto-instrument common Flight patterns
+ * Call this once during app initialization
+ */
+export declare function autoInstrument(): void;
+//# sourceMappingURL=instrumentation.d.ts.map

package/dist/instrumentation.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"instrumentation.d.ts","sourceRoot":"","sources":["../src/instrumentation.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAA+B,KAAK,WAAW,EAAE,MAAM,YAAY,CAAC;AAM3E;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAc5D;AAMD;;GAEG;AACH,wBAAgB,iBAAiB,CAC7B,OAAO,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,EACzB,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,GAC1B,IAAI,CASN;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,CAa5D;AAMD;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAYjE;AAMD;;;GAGG;AACH,wBAAgB,cAAc,IAAI,IAAI,CA8CrC"}

package/{src/instrumentation.ts → dist/instrumentation.js} RENAMED Viewed

@@ -1,146 +1,126 @@
-/**
- * @flight-framework/devtools/instrumentation - Auto-instrumentation
- *
- * Automatically instruments Flight apps to send data to DevTools.
- */
-import { getDevTools, type RouteInfo, type AdapterInfo } from './index.js';
-// ============================================================================
-// Route Instrumentation
-// ============================================================================
-/**
- * Instrument file router to report routes to DevTools
- */
-export function instrumentFileRouter(routes: unknown[]): void {
-    const devTools = getDevTools();
-    if (!devTools) return;
-    const routeInfos: RouteInfo[] = (routes as any[]).map(route => ({
-        method: route.method || 'GET',
-        path: route.path || '/',
-        type: route.type || 'page',
-        filePath: route.filePath || '',
-        slot: route.slot,
-        interceptInfo: route.interceptInfo,
-    }));
-    devTools.registerRoutes(routeInfos);
-}
-// ============================================================================
-// Adapter Instrumentation
-// ============================================================================
-/**
- * Instrument an adapter to report to DevTools
- */
-export function instrumentAdapter(
-    adapter: { name: string },
-    type: AdapterInfo['type']
-): void {
-    const devTools = getDevTools();
-    if (!devTools) return;
-    devTools.registerAdapter({
-        name: adapter.name,
-        type,
-        status: 'connected',
-    });
-}
-/**
- * Report adapter error to DevTools
- */
-export function reportAdapterError(adapterName: string): void {
-    const devTools = getDevTools();
-    if (!devTools) return;
-    const state = devTools.getState();
-    const adapter = state.adapters.find(a => a.name === adapterName);
-    if (adapter) {
-        devTools.registerAdapter({
-            ...adapter,
-            status: 'error',
-        });
-    }
-}
-// ============================================================================
-// Cache Instrumentation
-// ============================================================================
-/**
- * Instrument a cache to report to DevTools
- */
-export function instrumentCache(cache: Map<string, unknown>): void {
-    const devTools = getDevTools();
-    if (!devTools) return;
-    const cacheInfos = Array.from(cache.entries()).map(([key, value]) => ({
-        key,
-        size: JSON.stringify(value).length,
-        hits: 0,
-        lastAccessed: Date.now(),
-    }));
-    devTools.updateCache(cacheInfos);
-}
-// ============================================================================
-// Auto-Instrumentation
-// ============================================================================
-/**
- * Auto-instrument common Flight patterns
- * Call this once during app initialization
- */
-export function autoInstrument(): void {
-    if (process.env.NODE_ENV !== 'development') return;
-    console.log('[Flight DevTools] Auto-instrumentation enabled');
-    // Instrument fetch for request logging
-    if (typeof globalThis.fetch !== 'undefined') {
-        const originalFetch = globalThis.fetch;
-        globalThis.fetch = async (input, init) => {
-            const devTools = getDevTools();
-            const start = performance.now();
-            try {
-                const response = await originalFetch(input, init);
-                if (devTools) {
-                    const url = typeof input === 'string'
-                        ? input
-                        : input instanceof URL
-                            ? input.pathname
-                            : (input as Request).url;
-                    devTools.logRequest({
-                        method: init?.method || 'GET',
-                        path: new URL(url, 'http://localhost').pathname,
-                        status: response.status,
-                        duration: Math.round(performance.now() - start),
-                    });
-                }
-                return response;
-            } catch (error) {
-                if (devTools) {
-                    const url = typeof input === 'string' ? input : (input as Request)?.url || '/';
-                    devTools.logRequest({
-                        method: init?.method || 'GET',
-                        path: new URL(url, 'http://localhost').pathname,
-                        status: 0,
-                        duration: Math.round(performance.now() - start),
-                    });
-                }
-                throw error;
-            }
-        };
-    }
-}
+/**
+ * @flight-framework/devtools/instrumentation - Auto-instrumentation
+ *
+ * Automatically instruments Flight apps to send data to DevTools.
+ */
+import { getDevTools } from './index.js';
+// ============================================================================
+// Route Instrumentation
+// ============================================================================
+/**
+ * Instrument file router to report routes to DevTools
+ */
+export function instrumentFileRouter(routes) {
+    const devTools = getDevTools();
+    if (!devTools)
+        return;
+    const routeInfos = routes.map(route => ({
+        method: route.method || 'GET',
+        path: route.path || '/',
+        type: route.type || 'page',
+        filePath: route.filePath || '',
+        slot: route.slot,
+        interceptInfo: route.interceptInfo,
+    }));
+    devTools.registerRoutes(routeInfos);
+}
+// ============================================================================
+// Adapter Instrumentation
+// ============================================================================
+/**
+ * Instrument an adapter to report to DevTools
+ */
+export function instrumentAdapter(adapter, type) {
+    const devTools = getDevTools();
+    if (!devTools)
+        return;
+    devTools.registerAdapter({
+        name: adapter.name,
+        type,
+        status: 'connected',
+    });
+}
+/**
+ * Report adapter error to DevTools
+ */
+export function reportAdapterError(adapterName) {
+    const devTools = getDevTools();
+    if (!devTools)
+        return;
+    const state = devTools.getState();
+    const adapter = state.adapters.find(a => a.name === adapterName);
+    if (adapter) {
+        devTools.registerAdapter({
+            ...adapter,
+            status: 'error',
+        });
+    }
+}
+// ============================================================================
+// Cache Instrumentation
+// ============================================================================
+/**
+ * Instrument a cache to report to DevTools
+ */
+export function instrumentCache(cache) {
+    const devTools = getDevTools();
+    if (!devTools)
+        return;
+    const cacheInfos = Array.from(cache.entries()).map(([key, value]) => ({
+        key,
+        size: JSON.stringify(value).length,
+        hits: 0,
+        lastAccessed: Date.now(),
+    }));
+    devTools.updateCache(cacheInfos);
+}
+// ============================================================================
+// Auto-Instrumentation
+// ============================================================================
+/**
+ * Auto-instrument common Flight patterns
+ * Call this once during app initialization
+ */
+export function autoInstrument() {
+    if (process.env.NODE_ENV !== 'development')
+        return;
+    console.log('[Flight DevTools] Auto-instrumentation enabled');
+    // Instrument fetch for request logging
+    if (typeof globalThis.fetch !== 'undefined') {
+        const originalFetch = globalThis.fetch;
+        globalThis.fetch = async (input, init) => {
+            const devTools = getDevTools();
+            const start = performance.now();
+            try {
+                const response = await originalFetch(input, init);
+                if (devTools) {
+                    const url = typeof input === 'string'
+                        ? input
+                        : input instanceof URL
+                            ? input.pathname
+                            : input.url;
+                    devTools.logRequest({
+                        method: init?.method || 'GET',
+                        path: new URL(url, 'http://localhost').pathname,
+                        status: response.status,
+                        duration: Math.round(performance.now() - start),
+                    });
+                }
+                return response;
+            }
+            catch (error) {
+                if (devTools) {
+                    const url = typeof input === 'string' ? input : input?.url || '/';
+                    devTools.logRequest({
+                        method: init?.method || 'GET',
+                        path: new URL(url, 'http://localhost').pathname,
+                        status: 0,
+                        duration: Math.round(performance.now() - start),
+                    });
+                }
+                throw error;
+            }
+        };
+    }
+}
+//# sourceMappingURL=instrumentation.js.map

package/dist/instrumentation.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"instrumentation.js","sourceRoot":"","sources":["../src/instrumentation.ts"],"names":[],"mappings":"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"}

package/dist/panel.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+/**
+ * @flight-framework/devtools/panel - DevTools Panel UI
+ *
+ * React component for the DevTools floating panel.
+ * Automatically injected into pages during development.
+ */
+/**
+ * Inject the DevTools panel into the page
+ * Call this in your app's entry point during development
+ */
+export declare function injectDevToolsPanel(): void;
+//# sourceMappingURL=panel.d.ts.map

package/dist/panel.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../src/panel.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAQH;;;GAGG;AACH,wBAAgB,mBAAmB,IAAI,IAAI,CAmI1C"}

package/{src/panel.ts → dist/panel.js} RENAMED Viewed

@@ -1,43 +1,36 @@
-/**
- * @flight-framework/devtools/panel - DevTools Panel UI
- *
- * React component for the DevTools floating panel.
- * Automatically injected into pages during development.
- */
-import { getDevTools, type DevToolsState, type RouteInfo, type RequestInfo } from './index.js';
-// ============================================================================
-// Panel Component (Plain JS for framework-agnostic use)
-// ============================================================================
-/**
- * Inject the DevTools panel into the page
- * Call this in your app's entry point during development
- */
-export function injectDevToolsPanel(): void {
-    if (typeof document === 'undefined') return;
-    const devTools = getDevTools();
-    if (!devTools) return;
-    // Create container
-    const container = document.createElement('div');
-    container.id = 'flight-devtools';
-    document.body.appendChild(container);
-    // Inject styles
-    const styles = document.createElement('style');
-    styles.textContent = getDevToolsStyles();
-    document.head.appendChild(styles);
-    // Initial render
-    let isOpen = false;
-    let currentTab = 'routes';
-    function render(state: DevToolsState): void {
-        const options = devTools!.getOptions();
+/**
+ * @flight-framework/devtools/panel - DevTools Panel UI
+ *
+ * React component for the DevTools floating panel.
+ * Automatically injected into pages during development.
+ */
+import { getDevTools } from './index.js';
+// ============================================================================
+// Panel Component (Plain JS for framework-agnostic use)
+// ============================================================================
+/**
+ * Inject the DevTools panel into the page
+ * Call this in your app's entry point during development
+ */
+export function injectDevToolsPanel() {
+    if (typeof document === 'undefined')
+        return;
+    const devTools = getDevTools();
+    if (!devTools)
+        return;
+    // Create container
+    const container = document.createElement('div');
+    container.id = 'flight-devtools';
+    document.body.appendChild(container);
+    // Inject styles
+    const styles = document.createElement('style');
+    styles.textContent = getDevToolsStyles();
+    document.head.appendChild(styles);
+    // Initial render
+    let isOpen = false;
+    let currentTab = 'routes';
+    function render(state) {
+        const options = devTools.getOptions();
         container.innerHTML = `
             <div class="flight-devtools ${options.position} ${isOpen ? 'open' : ''}">
                 <button class="flight-devtools-toggle" onclick="window.__flightToggleDevTools()">
@@ -45,10 +38,9 @@ export function injectDevToolsPanel(): void {
                 </button>
                 ${isOpen ? renderPanel(state, currentTab) : ''}
             </div>
-        `;
-    }
-    function renderPanel(state: DevToolsState, tab: string): string {
+        `;
+    }
+    function renderPanel(state, tab) {
         return `
             <div class="flight-devtools-panel">
                 <div class="flight-devtools-header">
@@ -71,16 +63,13 @@ export function injectDevToolsPanel(): void {
                     ${tab === 'adapters' ? renderAdapters(state) : ''}
                 </div>
             </div>
-        `;
-    }
-    function renderRoutes(routes: RouteInfo[]): string {
-        if (routes.length === 0) {
-            return '<div class="flight-devtools-empty">No routes registered</div>';
-        }
-        const dots = (level: number) => '.'.repeat(level);
+        `;
+    }
+    function renderRoutes(routes) {
+        if (routes.length === 0) {
+            return '<div class="flight-devtools-empty">No routes registered</div>';
+        }
+        const dots = (level) => '.'.repeat(level);
         return `
             <div class="flight-devtools-list">
                 ${routes.map(route => `
@@ -93,14 +82,12 @@ export function injectDevToolsPanel(): void {
                     </div>
                 `).join('')}
             </div>
-        `;
-    }
-    function renderRequests(requests: RequestInfo[]): string {
-        if (requests.length === 0) {
-            return '<div class="flight-devtools-empty">No requests yet</div>';
-        }
+        `;
+    }
+    function renderRequests(requests) {
+        if (requests.length === 0) {
+            return '<div class="flight-devtools-empty">No requests yet</div>';
+        }
         return `
             <div class="flight-devtools-list">
                 ${requests.slice(0, 20).map(req => `
@@ -112,14 +99,12 @@ export function injectDevToolsPanel(): void {
                     </div>
                 `).join('')}
             </div>
-        `;
-    }
-    function renderAdapters(state: DevToolsState): string {
-        if (state.adapters.length === 0) {
-            return '<div class="flight-devtools-empty">No adapters registered</div>';
-        }
+        `;
+    }
+    function renderAdapters(state) {
+        if (state.adapters.length === 0) {
+            return '<div class="flight-devtools-empty">No adapters registered</div>';
+        }
         return `
             <div class="flight-devtools-list">
                 ${state.adapters.map(adapter => `
@@ -130,29 +115,24 @@ export function injectDevToolsPanel(): void {
                     </div>
                 `).join('')}
             </div>
-        `;
-    }
-    // Global functions for onclick handlers
-    (window as any).__flightToggleDevTools = () => {
-        isOpen = !isOpen;
-        render(devTools!.getState());
-    };
-    (window as any).__flightSetTab = (tab: string) => {
-        currentTab = tab;
-        render(devTools!.getState());
-    };
-    // Subscribe to state changes
-    devTools.subscribe(render);
-}
-// ============================================================================
-// Styles
-// ============================================================================
-function getDevToolsStyles(): string {
+        `;
+    }
+    // Global functions for onclick handlers
+    window.__flightToggleDevTools = () => {
+        isOpen = !isOpen;
+        render(devTools.getState());
+    };
+    window.__flightSetTab = (tab) => {
+        currentTab = tab;
+        render(devTools.getState());
+    };
+    // Subscribe to state changes
+    devTools.subscribe(render);
+}
+// ============================================================================
+// Styles
+// ============================================================================
+function getDevToolsStyles() {
     return `
         #flight-devtools {
             font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
@@ -284,5 +264,6 @@ function getDevToolsStyles(): string {
             text-align: center;
             color: #666;
         }
-    `;
-}
+    `;
+}
+//# sourceMappingURL=panel.js.map

package/dist/panel.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"panel.js","sourceRoot":"","sources":["../src/panel.ts"],"names":[],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,8 +1,11 @@
 {
     "name": "@flight-framework/devtools",
-    "version": "0.0.2",
+    "version": "0.0.3",
     "description": "Development tools and debugging panel for Flight Framework",
     "type": "module",
+    "files": [
+        "dist"
+    ],
     "main": "./dist/index.js",
     "types": "./dist/index.d.ts",
     "exports": {

package/tsconfig.json DELETED Viewed

@@ -1,17 +0,0 @@
-{
-    "extends": "../../tsconfig.json",
-    "compilerOptions": {
-        "outDir": "./dist",
-        "rootDir": "./src",
-        "declaration": true,
-        "declarationMap": true,
-        "jsx": "react-jsx"
-    },
-    "include": [
-        "src/**/*"
-    ],
-    "exclude": [
-        "node_modules",
-        "dist"
-    ]
-}