adonisjs-server-stats 1.2.2 → 1.3.0

package/README.md

@@ -37,12 +37,14 @@ Zero frontend dependencies. Zero build step. Just `@serverStats()` and go.
 - **Debug toolbar** -- SQL queries, events, emails, routes, logs with search and filtering
 - **Request tracing** -- per-request waterfall timeline showing DB queries, events, and custom spans
 - **Custom panes** -- add your own tabs (webhooks, emails, cache, anything) with a simple config
+- **Full-page dashboard** -- dedicated page at `/__stats` with overview cards, charts, request history, query analysis, EXPLAIN plans, cache/queue/config inspection, and saved filters
 - **Pluggable collectors** -- use built-in collectors or write your own
 - **Visibility control** -- show only to admins, specific roles, or in dev mode
 - **SSE broadcasting** -- real-time updates via AdonisJS Transmit
 - **Prometheus export** -- expose all metrics as Prometheus gauges
 - **Self-contained** -- inline HTML/CSS/JS Edge tag, no React, no external assets
 - **Graceful degradation** -- missing optional dependencies are handled automatically
+- **Theme support** -- dark and light themes across dashboard, debug panel, and stats bar with system preference detection and manual toggle
 
 ## Installation
 
@@ -226,6 +228,10 @@ export default class ServerStatsController {
 | `persistDebugData`     | `boolean \| string` | `false` | Persist debug data to disk across restarts. `true` writes to `.adonisjs/server-stats/debug-data.json`, or pass a custom path. |
 | `tracing`              | `boolean`       | `false` | Enable per-request tracing with timeline visualization |
 | `maxTraces`            | `number`        | `200`   | Max request traces to buffer                   |
+| `dashboard`            | `boolean`       | `false` | Enable the full-page dashboard (requires `better-sqlite3`) |
+| `dashboardPath`        | `string`        | `'/__stats'` | URL path for the dashboard page           |
+| `retentionDays`        | `number`        | `7`     | Days to keep historical data in SQLite         |
+| `dbPath`               | `string`        | `'tmp/server-stats.sqlite3'` | Path to the SQLite database file |
 | `panes`                | `DebugPane[]`   | --      | Custom debug panel tabs                        |
 
 ---
@@ -466,6 +472,120 @@ const result = await trace('organization.fetchMembers', async () => {
 
 If tracing is disabled or no request is active, `trace()` executes the function directly with no overhead.
 
+### Full-Page Dashboard
+
+The dashboard is a dedicated page that provides historical data, charts, query analysis, and integration inspectors -- all persisted to a local SQLite database. It's like having Laravel Telescope built into your dev toolbar.
+
+#### Prerequisites
+
+The dashboard requires `better-sqlite3` for local data storage:
+
+```bash
+npm install better-sqlite3
+```
+
+If `better-sqlite3` is not installed, the dashboard will log a helpful message and disable itself gracefully -- the rest of the stats bar and debug toolbar continues to work.
+
+#### Enable the Dashboard
+
+```ts
+// config/server_stats.ts
+export default defineConfig({
+  devToolbar: {
+    enabled: true,
+    dashboard: true,
+  },
+})
+```
+
+Restart your dev server and visit **`/__stats`** (or your configured `dashboardPath`).
+
+#### Configuration
+
+```ts
+devToolbar: {
+  enabled: true,
+  dashboard: true,
+
+  // URL path for the dashboard (default: '/__stats')
+  dashboardPath: '/__stats',
+
+  // Days to retain historical data (default: 7)
+  retentionDays: 7,
+
+  // SQLite database file path, relative to app root (default: 'tmp/server-stats.sqlite3')
+  dbPath: 'tmp/server-stats.sqlite3',
+
+  // Enable tracing for per-request timeline in the dashboard (recommended)
+  tracing: true,
+}
+```
+
+#### Dashboard Sections
+
+| Section    | Description |
+|------------|-------------|
+| **Overview** | Performance cards (avg/p95 response time, req/min, error rate) with sparkline charts and configurable time ranges (1h/6h/24h/7d) |
+| **Requests** | Paginated request history with method, URL, status, duration. Click for detail view with associated queries and trace |
+| **Queries**  | All captured SQL queries with duration, model, connection. Grouped view shows query patterns by normalized SQL. EXPLAIN plan support for SELECT queries |
+| **Events**   | Application events captured from the AdonisJS emitter |
+| **Routes**   | Full route table with methods, patterns, handlers, and middleware stacks |
+| **Logs**     | Log history with level filtering, text search, and structured JSON field search (e.g. filter by `userId = 5`) |
+| **Emails**   | Email history with sender, recipient, subject, status. Click for HTML preview in iframe |
+| **Timeline** | Per-request waterfall timeline (requires `tracing: true`) |
+| **Cache**    | Redis key browser with SCAN-based listing, type-aware detail view, and server stats (requires `@adonisjs/redis`) |
+| **Jobs**     | Queue overview with job listing, detail, and retry for failed jobs (requires `@rlanz/bull-queue`) |
+| **Config**   | Sanitized view of app configuration and environment variables. Secrets are auto-redacted |
+
+#### Access Control
+
+The dashboard reuses the `shouldShow` callback from the main config. If set, all dashboard routes are gated by it -- unauthorized requests receive a 403.
+
+```ts
+export default defineConfig({
+  shouldShow: (ctx) => ctx.auth?.user?.role === 'admin',
+  devToolbar: {
+    enabled: true,
+    dashboard: true,
+  },
+})
+```
+
+#### Deep Links from Debug Panel
+
+When the dashboard is enabled, the debug panel gains link icons on query, event, email, and trace rows. Clicking them opens the dashboard in a new tab, navigating directly to the relevant section and item.
+
+#### Real-Time Updates
+
+The dashboard supports real-time updates via two mechanisms:
+- **Transmit (SSE)**: If `@adonisjs/transmit` is installed, the dashboard subscribes to `server-stats/dashboard` for live overview updates
+- **Polling fallback**: If Transmit is not available, the dashboard polls the API at a configurable interval
+
+#### Data Storage
+
+The dashboard uses a dedicated SQLite database (separate from your app's database) with 8 tables prefixed with `server_stats_`. The database is:
+- **Auto-migrated** on startup (no manual migration step)
+- **Self-contained** -- uses its own Knex connection, never touches your app's migration history
+- **Self-cleaning** -- old data is automatically purged based on `retentionDays`
+- **WAL mode** -- concurrent reads don't block writes
+
+The SQLite file is created at the configured `dbPath` (default: `tmp/server-stats.sqlite3`). Add it to your `.gitignore`:
+
+```
+tmp/server-stats.sqlite3
+```
+
+#### Theme Support
+
+All three UIs (dashboard, debug panel, and stats bar) support dark and light themes:
+
+- **System preference** -- automatically follows `prefers-color-scheme` (dark is default)
+- **Manual toggle** -- sun/moon button in the dashboard sidebar and debug panel tab bar
+- **Synced** -- theme choice is shared via `localStorage` across all three UIs, including cross-tab sync
+- **Scoped** -- CSS variables are scoped to their containers, so they won't leak into your app's styles
+
+---
+
 ### Custom Debug Panes
 
 Add custom tabs to the debug panel:
@@ -629,6 +749,20 @@ import type {
   TraceRecord,
 } from 'adonisjs-server-stats'
 
+// Dashboard types
+import type {
+  RequestFilters,
+  QueryFilters,
+  EventFilters,
+  EmailFilters,
+  LogFilters,
+  TraceFilters,
+  PaginatedResult,
+} from 'adonisjs-server-stats'
+
+// Dashboard store (for advanced use)
+import { DashboardStore } from 'adonisjs-server-stats'
+
 // Trace helper
 import { trace } from 'adonisjs-server-stats'
 
@@ -649,15 +783,16 @@ import type {
 
 All integrations use lazy `import()` -- missing peer deps won't crash the app. The corresponding collector simply returns defaults.
 
-| Dependency                  | Required By                       |
-|-----------------------------|-----------------------------------|
-| `@adonisjs/core`            | Everything (required)             |
-| `@adonisjs/lucid`           | `dbPoolCollector`, `appCollector` |
-| `@adonisjs/redis`           | `redisCollector`                  |
-| `@adonisjs/transmit`        | Provider (SSE broadcast)          |
-| `@julr/adonisjs-prometheus` | `serverStatsCollector`            |
-| `bullmq`                    | `queueCollector`                  |
-| `edge.js`                   | Edge tag                          |
+| Dependency                  | Required By                                    |
+|-----------------------------|------------------------------------------------|
+| `@adonisjs/core`            | Everything (required)                          |
+| `@adonisjs/lucid`           | `dbPoolCollector`, `appCollector`, dashboard    |
+| `@adonisjs/redis`           | `redisCollector`, dashboard cache inspector    |
+| `@adonisjs/transmit`        | Provider (SSE broadcast), dashboard real-time  |
+| `@julr/adonisjs-prometheus` | `serverStatsCollector`                         |
+| `bullmq`                    | `queueCollector`                               |
+| `better-sqlite3`            | Dashboard (`dashboard: true`)                  |
+| `edge.js`                   | Edge tag                                       |
 
 ## License
 

package/dist/src/dashboard/chart_aggregator.d.ts

@@ -0,0 +1,21 @@
+import type { Knex } from 'knex';
+/**
+ * Periodically aggregates recent request data into time-bucketed
+ * metrics stored in `server_stats_metrics`.
+ *
+ * Runs every 60 seconds. Each tick:
+ * 1. Counts requests in the last minute
+ * 2. Calculates avg/p95 response time
+ * 3. Counts errors (4xx + 5xx)
+ * 4. Counts queries and average query duration
+ * 5. Stores a row with a bucket timestamp rounded to the minute
+ */
+export declare class ChartAggregator {
+    private db;
+    private timer;
+    constructor(db: Knex);
+    start(): void;
+    stop(): void;
+    private aggregate;
+}
+//# sourceMappingURL=chart_aggregator.d.ts.map

package/dist/src/dashboard/chart_aggregator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart_aggregator.d.ts","sourceRoot":"","sources":["../../../src/dashboard/chart_aggregator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AAEhC;;;;;;;;;;GAUG;AACH,qBAAa,eAAe;IAC1B,OAAO,CAAC,EAAE,CAAM;IAChB,OAAO,CAAC,KAAK,CAA8C;gBAE/C,EAAE,EAAE,IAAI;IAIpB,KAAK,IAAI,IAAI;IAQb,IAAI,IAAI,IAAI;YAOE,SAAS;CA4DxB"}

package/dist/src/dashboard/chart_aggregator.js

@@ -0,0 +1,89 @@
+/**
+ * Periodically aggregates recent request data into time-bucketed
+ * metrics stored in `server_stats_metrics`.
+ *
+ * Runs every 60 seconds. Each tick:
+ * 1. Counts requests in the last minute
+ * 2. Calculates avg/p95 response time
+ * 3. Counts errors (4xx + 5xx)
+ * 4. Counts queries and average query duration
+ * 5. Stores a row with a bucket timestamp rounded to the minute
+ */
+export class ChartAggregator {
+    db;
+    timer = null;
+    constructor(db) {
+        this.db = db;
+    }
+    start() {
+        // Run immediately on startup, then every 60s
+        this.aggregate().catch(() => { });
+        this.timer = setInterval(() => {
+            this.aggregate().catch(() => { });
+        }, 60_000);
+    }
+    stop() {
+        if (this.timer) {
+            clearInterval(this.timer);
+            this.timer = null;
+        }
+    }
+    async aggregate() {
+        const bucket = getBucketTimestamp();
+        // Check if we already have a row for this bucket (idempotent)
+        const existing = await this.db('server_stats_metrics')
+            .where('bucket', bucket)
+            .first();
+        if (existing)
+            return;
+        // Get requests from the last 60 seconds
+        const cutoff = new Date(Date.now() - 60_000).toISOString().replace('T', ' ').slice(0, 19);
+        const requests = await this.db('server_stats_requests')
+            .where('created_at', '>=', cutoff)
+            .select('duration', 'status_code');
+        const requestCount = requests.length;
+        if (requestCount === 0) {
+            // Still insert a zero-row so the chart shows continuous data
+            await this.db('server_stats_metrics').insert({
+                bucket,
+                request_count: 0,
+                avg_duration: 0,
+                p95_duration: 0,
+                error_count: 0,
+                query_count: 0,
+                avg_query_duration: 0,
+            });
+            return;
+        }
+        // Calculate avg and p95 duration
+        const durations = requests.map((r) => r.duration).sort((a, b) => a - b);
+        const avgDuration = durations.reduce((sum, d) => sum + d, 0) / requestCount;
+        const p95Index = Math.floor(requestCount * 0.95);
+        const p95Duration = durations[Math.min(p95Index, requestCount - 1)];
+        // Count errors (status >= 400)
+        const errorCount = requests.filter((r) => r.status_code >= 400).length;
+        // Get query stats for the same window
+        const queryStats = await this.db('server_stats_queries')
+            .where('created_at', '>=', cutoff)
+            .select(this.db.raw('COUNT(*) as query_count'), this.db.raw('AVG(duration) as avg_query_duration'))
+            .first();
+        await this.db('server_stats_metrics').insert({
+            bucket,
+            request_count: requestCount,
+            avg_duration: Math.round(avgDuration * 100) / 100,
+            p95_duration: Math.round(p95Duration * 100) / 100,
+            error_count: errorCount,
+            query_count: queryStats?.query_count ?? 0,
+            avg_query_duration: Math.round((queryStats?.avg_query_duration ?? 0) * 100) / 100,
+        });
+    }
+}
+/**
+ * Returns an ISO timestamp string rounded down to the current minute.
+ * Used as the bucket key for metrics aggregation.
+ */
+function getBucketTimestamp() {
+    const now = new Date();
+    now.setSeconds(0, 0);
+    return now.toISOString().replace('T', ' ').slice(0, 19);
+}

package/dist/src/dashboard/dashboard_controller.d.ts

@@ -0,0 +1,147 @@
+import type { HttpContext } from '@adonisjs/core/http';
+import type { ApplicationService } from '@adonisjs/core/types';
+import type { DashboardStore } from './dashboard_store.js';
+import type { DebugStore } from '../debug/debug_store.js';
+/**
+ * Controller for the full-page dashboard.
+ *
+ * Serves the dashboard HTML page and all JSON API endpoints.
+ * Constructor-injected with the SQLite-backed DashboardStore,
+ * the in-memory DebugStore, and the AdonisJS application instance.
+ */
+export default class DashboardController {
+    private dashboardStore;
+    private debugStore;
+    private app;
+    private cacheInspector;
+    private queueInspector;
+    private configInspector;
+    private cacheAvailable;
+    private queueAvailable;
+    private cachedCss;
+    private cachedJs;
+    private cachedTransmitClient;
+    constructor(dashboardStore: DashboardStore, debugStore: DebugStore, app: ApplicationService);
+    /**
+     * GET {dashboardPath} — Render the dashboard Edge template.
+     *
+     * Reads the dashboard CSS/JS assets and passes them as template state
+     * along with configuration for tracing and custom panes.
+     */
+    page(ctx: HttpContext): Promise<any>;
+    /**
+     * GET {dashboardPath}/api/overview — Overview metrics cards.
+     */
+    overview({ request, response }: HttpContext): Promise<void>;
+    /**
+     * GET {dashboardPath}/api/overview/chart — Chart data with time range.
+     */
+    overviewChart({ request, response }: HttpContext): Promise<void>;
+    /**
+     * GET {dashboardPath}/api/requests — Paginated request history.
+     */
+    requests({ request, response }: HttpContext): Promise<void>;
+    /**
+     * GET {dashboardPath}/api/requests/:id — Single request with trace.
+     */
+    requestDetail({ params, response }: HttpContext): Promise<void>;
+    /**
+     * GET {dashboardPath}/api/queries — Paginated query history.
+     */
+    queries({ request, response }: HttpContext): Promise<void>;
+    /**
+     * GET {dashboardPath}/api/queries/grouped — Grouped by normalized SQL.
+     */
+    queriesGrouped({ request, response }: HttpContext): Promise<void>;
+    /**
+     * GET {dashboardPath}/api/queries/:id/explain — Run EXPLAIN on a query.
+     */
+    queryExplain({ params, response }: HttpContext): Promise<void>;
+    /**
+     * GET {dashboardPath}/api/events — Paginated event history.
+     */
+    events({ request, response }: HttpContext): Promise<void>;
+    /**
+     * GET {dashboardPath}/api/routes — Route table (delegates to DebugStore).
+     */
+    routes({ response }: HttpContext): Promise<void>;
+    /**
+     * GET {dashboardPath}/api/logs — Paginated logs with structured search.
+     */
+    logs({ request, response }: HttpContext): Promise<void>;
+    /**
+     * GET {dashboardPath}/api/emails — Paginated email history.
+     */
+    emails({ request, response }: HttpContext): Promise<void>;
+    /**
+     * GET {dashboardPath}/api/emails/:id/preview — Email HTML preview.
+     */
+    emailPreview({ params, response }: HttpContext): Promise<void>;
+    /**
+     * GET {dashboardPath}/api/traces — Paginated trace list (lightweight).
+     */
+    traces({ request, response }: HttpContext): Promise<void>;
+    /**
+     * GET {dashboardPath}/api/traces/:id — Single trace with full spans.
+     */
+    traceDetail({ params, response }: HttpContext): Promise<void>;
+    /**
+     * GET {dashboardPath}/api/cache — Cache stats and key list.
+     */
+    cacheStats({ request, response }: HttpContext): Promise<void>;
+    /**
+     * GET {dashboardPath}/api/cache/:key — Single cache key detail.
+     */
+    cacheKey({ params, response }: HttpContext): Promise<void>;
+    /**
+     * GET {dashboardPath}/api/jobs — Job list with status filter.
+     */
+    jobs({ request, response }: HttpContext): Promise<void>;
+    /**
+     * GET {dashboardPath}/api/jobs/:id — Single job detail.
+     */
+    jobDetail({ params, response }: HttpContext): Promise<void>;
+    /**
+     * POST {dashboardPath}/api/jobs/:id/retry — Retry a failed job.
+     */
+    jobRetry({ params, response }: HttpContext): Promise<void>;
+    /**
+     * GET {dashboardPath}/api/config — Sanitized app config and env vars.
+     */
+    config({ response }: HttpContext): Promise<void>;
+    /**
+     * GET {dashboardPath}/api/filters — List saved filter presets.
+     */
+    savedFilters({ response }: HttpContext): Promise<void>;
+    /**
+     * POST {dashboardPath}/api/filters — Create a saved filter preset.
+     */
+    createSavedFilter({ request, response }: HttpContext): Promise<void>;
+    /**
+     * DELETE {dashboardPath}/api/filters/:id — Delete a saved filter preset.
+     */
+    deleteSavedFilter({ params, response }: HttpContext): Promise<void>;
+    /**
+     * Check if the current request is authorized via shouldShow.
+     */
+    private checkAccess;
+    /**
+     * Get the configured dashboard path.
+     */
+    private getDashboardPath;
+    /**
+     * Try to locate and read the @adonisjs/transmit-client build file.
+     * Returns the file contents wrapped to expose `window.Transmit`, or
+     * an empty string if the package is not installed.
+     */
+    private loadTransmitClient;
+    /**
+     * Lazily initialize and return the CacheInspector (if Redis is available).
+     */
+    private getCacheInspector;
+    /**
+     * Lazily initialize and return the QueueInspector (if Bull Queue is available).
+     */
+    private getQueueInspector;
+}
+//# sourceMappingURL=dashboard_controller.d.ts.map

package/dist/src/dashboard/dashboard_controller.d.ts.map

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