@concavejs/devtools 0.0.1-alpha.14 → 0.0.1-alpha.16

package/dist/client.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react-dom/client";
-import { i as m } from "./client-Bnix0wGg.js";
+import { i as m } from "./client-C-ZM0PBC.js";
 export {
   m as initDevTools
 };

package/dist/index.d.ts

@@ -3,10 +3,10 @@
  *
  * Client-side development tools for Convex/Concave applications
  */
-export type { DevToolsEvent, QueryEvent, MutationEvent, ActionEvent, SubscriptionEvent, LogEvent, AuthEvent, ActiveSubscription, PerformanceMetrics, EventType, EventStatus, SubscriptionStatus, } from "./types";
-export { EventStore, getGlobalEventStore } from "./store/event-store";
-export type { EventListener, StoreSnapshot, ExportedSession } from "./store/event-store";
-export { WebSocketInterceptor } from "./interceptor/websocket-interceptor";
+export type { DevToolsEvent, QueryEvent, MutationEvent, ActionEvent, SubscriptionEvent, LogEvent, AuthEvent, ActiveSubscription, PerformanceMetrics, EventType, EventStatus, SubscriptionStatus, } from "./types.js";
+export { EventStore, getGlobalEventStore } from "./store/event-store.js";
+export type { BatchListener, EventListener, ExportedSession, FunctionStats, StoreSnapshot, } from "./store/event-store.js";
+export { WebSocketInterceptor } from "./interceptor/websocket-interceptor.js";
 export { DevToolbar } from "./overlay/DevToolbar";
 export { SubscriptionsPanel } from "./overlay/SubscriptionsPanel";
 export { PerformancePanel } from "./overlay/PerformancePanel";
@@ -14,5 +14,5 @@ export { LogsPanel } from "./overlay/LogsPanel";
 export { SettingsPanel } from "./overlay/SettingsPanel";
 export { DataInspector } from "./overlay/DataInspector";
 export { initDevTools } from "./client";
-export { default as concaveDevTools } from "./vite-plugin/index";
-export type { DevToolsOptions } from "./vite-plugin/index";
+export { default as concaveDevTools } from "./vite-plugin/index.js";
+export type { DevToolsOptions } from "./vite-plugin/index.js";

package/dist/index.js

@@ -1,4 +1,4 @@
-import { b as k, D as L, E as A, L as D, P as C, a as x, S as Q, g as R, i as $ } from "./client-Bnix0wGg.js";
+import { b as k, D as L, E as A, L as D, P as C, a as x, S as Q, g as R, i as $ } from "./client-C-ZM0PBC.js";
 import { concaveDevTools as O } from "./vite-plugin.js";
 function q(c) {
   const e = c.split(".");

package/dist/interceptor/index.d.ts

@@ -1,5 +1,5 @@
 /**
  * WebSocket Interceptor exports
  */
-export { WebSocketInterceptor } from "./websocket-interceptor";
-export { getGlobalEventStore } from "../store/event-store";
+export { WebSocketInterceptor } from "./websocket-interceptor.js";
+export { getGlobalEventStore } from "../store/event-store.js";

package/dist/interceptor/websocket-interceptor.d.ts

@@ -4,7 +4,7 @@
  * Intercepts WebSocket messages to capture queries, mutations, actions, subscriptions,
  * and authentication protocol events.
  */
-import type { EventStore } from "../store/event-store";
+import type { EventStore } from "../store/event-store.js";
 export declare class WebSocketInterceptor {
     private eventStore;
     private originalWebSocket;

package/dist/overlay/PerformancePanel.d.ts

@@ -1,5 +1,6 @@
 /**
- * Performance Panel - Shows performance metrics with sparkline trends
+ * Performance Panel - Shows performance metrics with sparkline trends,
+ * percentile tables, per-function breakdown, and slowest operations.
  */
 import type { EventStore } from "../store/event-store";
 interface PerformancePanelProps {

package/dist/store/event-store.d.ts

@@ -4,10 +4,27 @@
  * Maintains a circular buffer of events captured from WebSocket interception
  * with persistence, export/import, and time-travel capabilities
  */
-import type { DevToolsEvent, ActiveSubscription, PerformanceMetrics } from "../types";
+import type { DevToolsEvent, ActiveSubscription, PerformanceMetrics } from "../types.js";
 export type EventListener = (event: DevToolsEvent) => void;
+export type BatchListener = (events: DevToolsEvent[]) => void;
 export type FocusListener = (eventId: string | null) => void;
 export type SettingsListener = (settings: DevToolsSettings) => void;
+/**
+ * Per-function aggregate statistics for the performance panel.
+ */
+export interface FunctionStats {
+    udfPath: string;
+    type: "query" | "mutation" | "action";
+    calls: number;
+    errors: number;
+    /** Percentage in [0, 100]. */
+    errorRate: number;
+    avgDuration: number;
+    p50Duration: number;
+    p95Duration: number;
+    maxDuration: number;
+    lastInvoked: number;
+}
 export interface DevToolsSettings {
     persistEvents: boolean;
     maxEvents: number;
@@ -40,6 +57,10 @@ export declare class EventStore {
     private events;
     private maxEvents;
     private listeners;
+    private batchListeners;
+    private pendingBatch;
+    private batchTimer;
+    private eventsSnapshot;
     private focusListeners;
     private settingsListeners;
     private subscriptions;
@@ -61,10 +82,21 @@ export declare class EventStore {
      * Add an event to the store
      */
     addEvent(event: DevToolsEvent): void;
+    /**
+     * Notify per-event listeners immediately and enqueue for batched listeners.
+     */
+    private emit;
+    private flushBatch;
     /**
      * Subscribe to new events
      */
     subscribe(listener: EventListener): () => void;
+    /**
+     * Subscribe to events in coalesced batches (at most one delivery per
+     * ~80ms window). Prefer this for UI rendering: per-event subscriptions
+     * re-render once per event, which is too often for chatty apps.
+     */
+    subscribeBatched(listener: BatchListener): () => void;
     /**
      * Subscribe to focus/navigation changes across panels
      */
@@ -82,7 +114,9 @@ export declare class EventStore {
      */
     getFocusedEventId(): string | null;
     /**
-     * Get all events
+     * Get all events. The returned array is cached until the store changes,
+     * so repeated calls between updates are free and referentially stable
+     * (safe for React dependency comparisons).
      */
     getAllEvents(): DevToolsEvent[];
     /**
@@ -109,6 +143,12 @@ export declare class EventStore {
      * Calculate performance metrics
      */
     getPerformanceMetrics(): PerformanceMetrics;
+    /**
+     * Per-function aggregates over the recorded events, sorted by call count.
+     * Pending operations are excluded; errors count toward calls and errorRate
+     * but not toward duration percentiles (no meaningful duration).
+     */
+    getFunctionStats(): FunctionStats[];
     /**
      * Clear all events
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@concavejs/devtools",
-  "version": "0.0.1-alpha.14",
+  "version": "0.0.1-alpha.16",
   "license": "FSL-1.1-Apache-2.0",
   "publishConfig": {
     "access": "public"
@@ -38,8 +38,8 @@
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
-    "@concavejs/brand": "0.0.1-alpha.14",
-    "@concavejs/core": "0.0.1-alpha.14"
+    "@concavejs/brand": "0.0.1-alpha.15",
+    "@concavejs/core": "0.0.1-alpha.15"
   },
   "peerDependencies": {
     "react": "^18.0.0",