hono-status-monitor 1.0.1 → 1.0.3

package/README.md

@@ -366,11 +366,67 @@ app.use('/status/*', basicAuth({
 app.route('/status', monitor.routes);
 ```
 
+## ☁️ Cloudflare Workers / Edge Support
+
+This package provides a separate edge entry point that has **zero Node.js dependencies**.
+
+### Available Metrics in Edge Environments
+
+| Metric | Available | Notes |
+|--------|-----------|-------|
+| Request count & RPS | ✅ | Fully supported |
+| Response time percentiles | ✅ | P50, P95, P99, Avg |
+| Status code breakdown | ✅ | 2xx, 3xx, 4xx, 5xx |
+| Route analytics | ✅ | Top routes, slowest routes |
+| Error tracking | ✅ | Recent errors with timestamps |
+| CPU / Memory / Heap | ❌ | Not available in Workers |
+| Event loop lag | ❌ | Not available in Workers |
+| Load average | ❌ | Not available in Workers |
+| WebSocket real-time | ❌ | Uses polling (5s interval) |
+
+### Usage in Cloudflare Workers
+
+> **Important:** Use the `/edge` import path for Cloudflare Workers!
+
+```typescript
+import { Hono } from 'hono';
+// Use the edge-specific import (no Node.js dependencies)
+import { statusMonitor } from 'hono-status-monitor/edge';
+
+const app = new Hono();
+
+// Create status monitor
+const monitor = statusMonitor();
+
+// Add middleware to track requests
+app.use('*', monitor.middleware);
+
+// Mount status dashboard
+app.route('/status', monitor.routes);
+
+// Your routes
+app.get('/', (c) => c.text('Hello from Cloudflare Workers!'));
+
+export default app;
+```
+
+> **Note:** In edge environments, the dashboard uses HTTP polling (every 5 seconds) instead of WebSocket for updates. The dashboard will display an "Edge Mode" indicator.
+
+### Force Edge Mode in Node.js
+
+You can also use the edge-compatible monitor in Node.js if you don't need system metrics:
+
+```typescript
+import { statusMonitor } from 'hono-status-monitor/edge';
+
+const monitor = statusMonitor();
+```
+
 ## 📋 Requirements
 
-- Node.js >= 18.0.0
+- Node.js >= 18.0.0 (for Node.js mode)
 - Hono.js >= 4.0.0
-- @hono/node-server >= 1.0.0
+- @hono/node-server >= 1.0.0 (for Node.js mode only)
 
 ## 🤝 Contributing
 
@@ -383,3 +439,4 @@ MIT © [Vinit Kumar Goel](https://github.com/vinitkumargoel)
 ---
 
 Made with ❤️ for the Hono.js community
+

package/dist/dashboard.d.ts

@@ -3,4 +3,17 @@ import type { DashboardProps } from './types.js';
  * Generate the status dashboard HTML
  */
 export declare function generateDashboard({ hostname, uptime, socketPath, title }: DashboardProps): string;
+/**
+ * Edge Dashboard Props (no socketPath)
+ */
+export interface EdgeDashboardProps {
+    hostname: string;
+    uptime: string;
+    title: string;
+}
+/**
+ * Generate the edge-compatible status dashboard HTML
+ * Uses polling instead of WebSocket, only shows available metrics
+ */
+export declare function generateEdgeDashboard({ hostname, uptime, title }: EdgeDashboardProps): string;
 //# sourceMappingURL=dashboard.d.ts.map

package/dist/dashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard.d.ts","sourceRoot":"","sources":["../src/dashboard.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,cAAc,GAAG,MAAM,CA6bjG"}
+{"version":3,"file":"dashboard.d.ts","sourceRoot":"","sources":["../src/dashboard.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,cAAc,GAAG,MAAM,CA6bjG;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,kBAAkB,GAAG,MAAM,CAkY7F"}

package/dist/dashboard.js

@@ -451,4 +451,395 @@ export function generateDashboard({ hostname, uptime, socketPath, title }) {
 </body>
 </html>`;
 }
+/**
+ * Generate the edge-compatible status dashboard HTML
+ * Uses polling instead of WebSocket, only shows available metrics
+ */
+export function generateEdgeDashboard({ hostname, uptime, title }) {
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>${title}</title>
+    <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns@3.0.0/dist/chartjs-adapter-date-fns.bundle.min.js"></script>
+    <style>
+        :root {
+            --bg: #fff;
+            --bg-secondary: #f8f9fa;
+            --bg-card: #fff;
+            --border: #e5e5e5;
+            --text: #111;
+            --text-secondary: #666;
+            --text-muted: #999;
+            --accent: #3b82f6;
+            --success: #10b981;
+            --warning: #f59e0b;
+            --danger: #ef4444;
+            --edge: #f97316;
+        }
+        
+        .dark {
+            --bg: #0f0f0f;
+            --bg-secondary: #1a1a1a;
+            --bg-card: #1a1a1a;
+            --border: #2a2a2a;
+            --text: #fafafa;
+            --text-secondary: #a0a0a0;
+            --text-muted: #666;
+        }
+        
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
+            background: var(--bg-secondary);
+            color: var(--text);
+            min-height: 100vh;
+            transition: all 0.3s;
+        }
+
+        .container {
+            max-width: 800px;
+            margin: 0 auto;
+            padding: 20px;
+            background: var(--bg);
+            min-height: 100vh;
+            border-left: 1px solid var(--border);
+            border-right: 1px solid var(--border);
+        }
+
+        header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 16px;
+            padding-bottom: 16px;
+            border-bottom: 1px solid var(--border);
+        }
+
+        .title-section h1 { font-size: 18px; font-weight: 600; }
+        .title-section .subtitle { font-size: 12px; color: var(--text-muted); margin-top: 2px; }
+
+        .header-controls { display: flex; align-items: center; gap: 12px; }
+
+        .theme-toggle {
+            width: 36px; height: 36px;
+            border: 1px solid var(--border);
+            background: var(--bg-card);
+            border-radius: 8px;
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 16px;
+        }
+
+        .status-badge {
+            display: flex; align-items: center; gap: 6px;
+            padding: 6px 12px; border-radius: 16px;
+            font-size: 11px; font-weight: 500;
+        }
+        .status-badge.edge { background: #fff7ed; color: #c2410c; }
+        .dark .status-badge.edge { background: #431407; color: #fdba74; }
+
+        .edge-notice {
+            background: linear-gradient(135deg, #fff7ed, #fef3c7);
+            border: 1px solid #fed7aa;
+            border-radius: 8px;
+            padding: 12px;
+            margin-bottom: 16px;
+            font-size: 12px;
+            color: #9a3412;
+        }
+        .dark .edge-notice {
+            background: linear-gradient(135deg, #431407, #422006);
+            border-color: #c2410c;
+            color: #fdba74;
+        }
+        .edge-notice strong { display: block; margin-bottom: 4px; }
+
+        /* Stats Bar */
+        .stats-bar {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: 8px;
+            margin-bottom: 16px;
+        }
+        .stat-box {
+            padding: 12px;
+            background: var(--bg-secondary);
+            border-radius: 8px;
+            text-align: center;
+        }
+        .stat-box .label { font-size: 10px; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; }
+        .stat-box .value { font-size: 18px; font-weight: 600; margin-top: 4px; }
+
+        /* Percentiles */
+        .percentiles {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: 8px;
+            margin-bottom: 16px;
+            padding: 12px;
+            background: var(--bg-secondary);
+            border-radius: 8px;
+        }
+        .percentile-item { text-align: center; }
+        .percentile-item .label { font-size: 10px; color: var(--text-muted); }
+        .percentile-item .value { font-size: 16px; font-weight: 600; color: var(--accent); }
+
+        /* Metric Rows */
+        .metric-row {
+            display: flex; align-items: center;
+            padding: 12px 0; border-bottom: 1px solid var(--border);
+        }
+        .metric-info { width: 140px; flex-shrink: 0; }
+        .metric-label { font-size: 11px; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.3px; }
+        .metric-value { font-size: 28px; font-weight: 300; line-height: 1.1; }
+        .metric-unit { font-size: 14px; color: var(--text-muted); }
+        .metric-alert { color: var(--danger) !important; }
+        .chart-container { flex: 1; height: 50px; margin-left: 16px; }
+
+        /* Section Titles */
+        .section-title {
+            font-size: 11px; font-weight: 600; color: var(--text-muted);
+            text-transform: uppercase; letter-spacing: 0.5px;
+            margin: 20px 0 12px; padding-top: 12px;
+            border-top: 1px solid var(--border);
+        }
+
+        /* Route Tables */
+        .routes-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
+        .route-section { background: var(--bg-secondary); border-radius: 8px; padding: 12px; }
+        .route-section h3 { font-size: 11px; font-weight: 600; color: var(--text-muted); text-transform: uppercase; margin-bottom: 8px; }
+        .route-item { display: flex; justify-content: space-between; font-size: 12px; padding: 6px 0; border-bottom: 1px solid var(--border); }
+        .route-item:last-child { border-bottom: none; }
+        .route-path { font-family: monospace; color: var(--text-secondary); max-width: 150px; overflow: hidden; text-overflow: ellipsis; }
+        .route-stat { font-weight: 500; }
+        .route-stat.slow { color: var(--warning); }
+        .route-stat.error { color: var(--danger); }
+
+        /* Status Codes */
+        .status-codes { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }
+        .status-code-box { text-align: center; padding: 10px; background: var(--bg-secondary); border-radius: 6px; }
+        .status-code-box .code { font-size: 10px; color: var(--text-muted); }
+        .status-code-box .count { font-size: 18px; font-weight: 600; margin-top: 2px; }
+        .s2xx { color: var(--success); }
+        .s3xx { color: var(--accent); }
+        .s4xx { color: var(--warning); }
+        .s5xx { color: var(--danger); }
+
+        /* Errors Panel */
+        .errors-panel { background: var(--bg-secondary); border-radius: 8px; padding: 12px; }
+        .error-item { font-size: 12px; padding: 8px; background: var(--bg-card); border-radius: 4px; margin-top: 6px; border-left: 3px solid var(--danger); }
+        .error-item:first-of-type { margin-top: 0; }
+        .error-time { font-size: 10px; color: var(--text-muted); }
+        .error-path { font-family: monospace; color: var(--danger); }
+
+        @media (max-width: 640px) {
+            .container { padding: 12px; }
+            .stats-bar, .percentiles { grid-template-columns: repeat(2, 1fr); }
+            .routes-grid { grid-template-columns: 1fr; }
+            .status-codes { grid-template-columns: repeat(3, 1fr); }
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <header>
+            <div class="title-section">
+                <h1>${title}</h1>
+                <div class="subtitle">${hostname}</div>
+            </div>
+            <div class="header-controls">
+                <button class="theme-toggle" onclick="toggleTheme()" title="Toggle dark mode">🌓</button>
+                <div class="status-badge edge" id="connBadge">
+                    <span>☁️</span>
+                    <span id="connText">Edge Mode</span>
+                </div>
+            </div>
+        </header>
+
+        <div class="edge-notice">
+            <strong>☁️ Running in Edge/Cloudflare Workers Mode</strong>
+            System metrics (CPU, Memory, Heap) are not available. Dashboard updates via polling every 5 seconds.
+        </div>
+
+        <div class="stats-bar">
+            <div class="stat-box"><div class="label">Uptime</div><div class="value" id="uptime">${uptime}</div></div>
+            <div class="stat-box"><div class="label">Requests</div><div class="value" id="totalReq">0</div></div>
+            <div class="stat-box"><div class="label">Active</div><div class="value" id="activeConn">0</div></div>
+            <div class="stat-box"><div class="label">Error Rate</div><div class="value" id="errorRate">0%</div></div>
+        </div>
+
+        <div class="percentiles">
+            <div class="percentile-item"><div class="label">Avg</div><div class="value" id="pAvg">0ms</div></div>
+            <div class="percentile-item"><div class="label">P50</div><div class="value" id="p50">0ms</div></div>
+            <div class="percentile-item"><div class="label">P95</div><div class="value" id="p95">0ms</div></div>
+            <div class="percentile-item"><div class="label">P99</div><div class="value" id="p99">0ms</div></div>
+        </div>
+
+        <div class="metric-row">
+            <div class="metric-info"><div class="metric-label">Response</div><div class="metric-value"><span id="rtVal">0</span><span class="metric-unit">ms</span></div></div>
+            <div class="chart-container"><canvas id="rtChart"></canvas></div>
+        </div>
+        <div class="metric-row">
+            <div class="metric-info"><div class="metric-label">RPS</div><div class="metric-value" id="rpsVal">0</div></div>
+            <div class="chart-container"><canvas id="rpsChart"></canvas></div>
+        </div>
+        <div class="metric-row">
+            <div class="metric-info"><div class="metric-label">Error Rate</div><div class="metric-value"><span id="errRateVal">0</span><span class="metric-unit">%</span></div></div>
+            <div class="chart-container"><canvas id="errChart"></canvas></div>
+        </div>
+
+        <div class="section-title">Route Analytics</div>
+        <div class="routes-grid">
+            <div class="route-section">
+                <h3>🔥 Top Routes</h3>
+                <div id="topRoutes"><div class="route-item"><span class="route-path">No data yet</span></div></div>
+            </div>
+            <div class="route-section">
+                <h3>🐢 Slowest Routes</h3>
+                <div id="slowRoutes"><div class="route-item"><span class="route-path">No data yet</span></div></div>
+            </div>
+        </div>
+
+        <div class="section-title">HTTP Status Codes</div>
+        <div class="status-codes">
+            <div class="status-code-box"><div class="code">2xx</div><div class="count s2xx" id="s2xx">0</div></div>
+            <div class="status-code-box"><div class="code">3xx</div><div class="count s3xx" id="s3xx">0</div></div>
+            <div class="status-code-box"><div class="code">4xx</div><div class="count s4xx" id="s4xx">0</div></div>
+            <div class="status-code-box"><div class="code">5xx</div><div class="count s5xx" id="s5xx">0</div></div>
+            <div class="status-code-box"><div class="code">Rate Limited</div><div class="count" id="rateLimited">0</div></div>
+        </div>
+
+        <div class="section-title">Recent Errors</div>
+        <div class="errors-panel" id="errorsPanel">
+            <div style="color: var(--text-muted); font-size: 12px;">No errors recorded</div>
+        </div>
+    </div>
+
+    <script>
+        (function() {
+            var isDark = localStorage.getItem('statusDark') === 'true';
+            if (isDark) document.body.classList.add('dark');
+
+            window.toggleTheme = function() {
+                document.body.classList.toggle('dark');
+                localStorage.setItem('statusDark', document.body.classList.contains('dark'));
+            };
+
+            var gridColor = isDark ? '#2a2a2a' : '#f0f0f0';
+
+            var chartConfig = {
+                responsive: true, maintainAspectRatio: false, animation: false,
+                plugins: { legend: { display: false } },
+                scales: {
+                    x: { type: 'time', time: { unit: 'second' }, grid: { display: false }, ticks: { display: false } },
+                    y: { beginAtZero: true, grid: { color: gridColor, drawBorder: false }, ticks: { font: { size: 9 }, color: '#999', maxTicksLimit: 3 } }
+                },
+                elements: { point: { radius: 0 }, line: { tension: 0.2, borderWidth: 1.5 } }
+            };
+
+            function createChart(id, color) {
+                var ctx = document.getElementById(id).getContext('2d');
+                var config = JSON.parse(JSON.stringify(chartConfig));
+                return new Chart(ctx, { type: 'line', data: { datasets: [{ data: [], borderColor: color, fill: false }] }, options: config });
+            }
+
+            var charts = {
+                rt: createChart('rtChart', '#10b981'),
+                rps: createChart('rpsChart', '#ec4899'),
+                err: createChart('errChart', '#ef4444')
+            };
+
+            function updateChart(chart, points) {
+                chart.data.datasets[0].data = points.map(function(p) { return { x: new Date(p.timestamp), y: p.value }; });
+                chart.update('none');
+            }
+
+            function formatUptime(s) {
+                var d=Math.floor(s/86400), h=Math.floor((s%86400)/3600), m=Math.floor((s%3600)/60), parts=[];
+                if(d)parts.push(d+'d'); if(h)parts.push(h+'h'); if(m)parts.push(m+'m'); parts.push((s%60)+'s');
+                return parts.join(' ');
+            }
+
+            function sumCodes(codes, prefix) { var sum=0; for(var c in codes) if(c.startsWith(prefix)) sum+=codes[c]; return sum; }
+
+            function renderRoutes(containerId, routes, statKey, isSlow) {
+                var container = document.getElementById(containerId);
+                if (!routes || routes.length === 0) { container.innerHTML = '<div class="route-item"><span class="route-path">No data yet</span></div>'; return; }
+                container.innerHTML = routes.slice(0,5).map(function(r) {
+                    var val = statKey === 'avgTime' ? r.avgTime.toFixed(1) + 'ms' : (statKey === 'errors' ? r.errors : r.count);
+                    var cls = isSlow && r.avgTime > 100 ? 'slow' : (statKey === 'errors' ? 'error' : '');
+                    return '<div class="route-item"><span class="route-path">' + r.method + ' ' + r.path + '</span><span class="route-stat ' + cls + '">' + val + '</span></div>';
+                }).join('');
+            }
+
+            function renderErrors(errors) {
+                var panel = document.getElementById('errorsPanel');
+                if (!errors || errors.length === 0) { panel.innerHTML = '<div style="color:var(--text-muted);font-size:12px;">No errors recorded</div>'; return; }
+                panel.innerHTML = errors.slice(0,5).map(function(e) {
+                    return '<div class="error-item"><div class="error-time">' + new Date(e.timestamp).toLocaleTimeString() + '</div><div class="error-path">' + e.method + ' ' + e.path + ' → ' + e.status + '</div></div>';
+                }).join('');
+            }
+
+            function applyAlertColors(alerts) {
+                document.getElementById('rtVal').style.color = alerts.responseTime ? 'var(--danger)' : '';
+                document.getElementById('errorRate').style.color = alerts.errorRate ? 'var(--danger)' : '';
+            }
+
+            function fetchMetrics() {
+                fetch('./api/metrics')
+                    .then(function(res) { return res.json(); })
+                    .then(function(data) {
+                        var s = data.snapshot, c = data.charts;
+
+                        document.getElementById('rtVal').textContent = s.responseTime.toFixed(1);
+                        document.getElementById('rpsVal').textContent = s.rps.toFixed(1);
+                        document.getElementById('errRateVal').textContent = s.errorRate.toFixed(1);
+
+                        document.getElementById('uptime').textContent = formatUptime(s.processUptime);
+                        document.getElementById('totalReq').textContent = s.totalRequests.toLocaleString();
+                        document.getElementById('activeConn').textContent = s.activeConnections;
+                        document.getElementById('errorRate').textContent = s.errorRate.toFixed(1) + '%';
+
+                        document.getElementById('pAvg').textContent = s.percentiles.avg.toFixed(1) + 'ms';
+                        document.getElementById('p50').textContent = s.percentiles.p50.toFixed(1) + 'ms';
+                        document.getElementById('p95').textContent = s.percentiles.p95.toFixed(1) + 'ms';
+                        document.getElementById('p99').textContent = s.percentiles.p99.toFixed(1) + 'ms';
+
+                        if (c.responseTime) updateChart(charts.rt, c.responseTime);
+                        if (c.rps) updateChart(charts.rps, c.rps);
+                        if (c.errorRate) updateChart(charts.err, c.errorRate);
+
+                        renderRoutes('topRoutes', s.topRoutes, 'count', false);
+                        renderRoutes('slowRoutes', s.slowestRoutes, 'avgTime', true);
+
+                        document.getElementById('s2xx').textContent = sumCodes(s.statusCodes, '2');
+                        document.getElementById('s3xx').textContent = sumCodes(s.statusCodes, '3');
+                        document.getElementById('s4xx').textContent = sumCodes(s.statusCodes, '4');
+                        document.getElementById('s5xx').textContent = sumCodes(s.statusCodes, '5');
+                        document.getElementById('rateLimited').textContent = s.rateLimitStats.blocked;
+
+                        renderErrors(s.recentErrors);
+                        applyAlertColors(s.alerts);
+                    })
+                    .catch(function(err) {
+                        console.error('Failed to fetch metrics:', err);
+                    });
+            }
+
+            // Initial fetch
+            fetchMetrics();
+
+            // Poll every 5 seconds
+            setInterval(fetchMetrics, 5000);
+        })();
+    </script>
+</body>
+</html>`;
+}
 //# sourceMappingURL=dashboard.js.map

package/dist/dashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard.js","sourceRoot":"","sources":["../src/dashboard.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,kCAAkC;AAClC,gDAAgD;AAChD,gFAAgF;AAIhF;;GAEG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAkB;IACrF,OAAO;;;;;aAKE,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAiMI,KAAK;wCACa,QAAQ;;;;;;;;;;;kGAWkD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DA6KzC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA4DjE,CAAC;AACT,CAAC"}
+{"version":3,"file":"dashboard.js","sourceRoot":"","sources":["../src/dashboard.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,kCAAkC;AAClC,gDAAgD;AAChD,gFAAgF;AAIhF;;GAEG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAkB;IACrF,OAAO;;;;;aAKE,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAiMI,KAAK;wCACa,QAAQ;;;;;;;;;;;kGAWkD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DA6KzC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA4DjE,CAAC;AACT,CAAC;AAWD;;;GAGG;AACH,MAAM,UAAU,qBAAqB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAsB;IACjF,OAAO;;;;;aAKE,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBA6LI,KAAK;wCACa,QAAQ;;;;;;;;;;;;;;;;;kGAiBkD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA4KhG,CAAC;AACT,CAAC"}

package/dist/index-edge.d.ts

@@ -0,0 +1,58 @@
+import { Hono } from 'hono';
+import type { StatusMonitorConfig } from './types.js';
+export type { StatusMonitorConfig, MetricsSnapshot, ChartData, RouteStats, ErrorEntry, PercentileData, AlertStatus } from './types.js';
+export { createEdgeMonitor, type EdgeMonitor } from './monitor-edge.js';
+export { generateEdgeDashboard } from './dashboard.js';
+/**
+ * Create a status monitor for Edge/Cloudflare Workers environments
+ *
+ * @example
+ * ```typescript
+ * import { Hono } from 'hono';
+ * import { statusMonitor } from 'hono-status-monitor/edge';
+ *
+ * const app = new Hono();
+ * const monitor = statusMonitor();
+ *
+ * app.use('*', monitor.middleware);
+ * app.route('/status', monitor.routes);
+ *
+ * export default app;
+ * ```
+ */
+export declare function statusMonitor(config?: StatusMonitorConfig): {
+    /** Hono middleware for tracking all requests */
+    middleware: (c: any, next: () => Promise<void>) => Promise<void>;
+    /** Pre-configured Hono routes for dashboard and API */
+    routes: Hono<import("hono/types").BlankEnv, import("hono/types").BlankSchema, "/">;
+    /** Initialize Socket.io - not available in edge, returns null */
+    initSocket: () => any;
+    /** Track rate limit events for the dashboard */
+    trackRateLimit: (blocked: boolean) => void;
+    /** Get current metrics snapshot */
+    getMetrics: () => Promise<import("./types.js").MetricsSnapshot>;
+    /** Get chart data for all metrics */
+    getCharts: () => import("./types.js").ChartData;
+    /** Stop metrics collection */
+    stop: () => void;
+    /** Access to the underlying monitor instance */
+    monitor: {
+        config: Required<StatusMonitorConfig>;
+        trackRequest: (path: string, method: string) => void;
+        trackRequestComplete: (path: string, method: string, durationMs: number, statusCode: number) => void;
+        trackRateLimitEvent: (blocked: boolean) => void;
+        getMetricsSnapshot: () => Promise<import("./types.js").MetricsSnapshot>;
+        getChartData: () => import("./types.js").ChartData;
+        start: () => void;
+        stop: () => void;
+        initSocket: () => null;
+        formatUptime: (seconds: number) => string;
+        isEdgeMode: boolean;
+        readonly io: null;
+    };
+    /** Whether running in edge mode */
+    isEdgeMode: boolean;
+};
+export declare const statusMonitorEdge: typeof statusMonitor;
+export default statusMonitor;
+//# sourceMappingURL=index-edge.d.ts.map

package/dist/index-edge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-edge.d.ts","sourceRoot":"","sources":["../src/index-edge.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAC5B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAKtD,YAAY,EACR,mBAAmB,EACnB,eAAe,EACf,SAAS,EACT,UAAU,EACV,UAAU,EACV,cAAc,EACd,WAAW,EACd,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,iBAAiB,EAAE,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAEvD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,aAAa,CAAC,MAAM,GAAE,mBAAwB;IAiDtD,gDAAgD;oBA5CvB,GAAG,QAAQ,MAAM,OAAO,CAAC,IAAI,CAAC;IA8CvD,uDAAuD;;IAEvD,iEAAiE;sBACvC,GAAG;IAC7B,gDAAgD;8BACtB,OAAO;IACjC,mCAAmC;;IAEnC,qCAAqC;;IAErC,8BAA8B;;IAE9B,gDAAgD;;;;;;;;;;;;;;;IAEhD,mCAAmC;;EAG1C;AAGD,eAAO,MAAM,iBAAiB,sBAAgB,CAAC;AAG/C,eAAe,aAAa,CAAC"}

package/dist/index-edge.js

@@ -0,0 +1,94 @@
+// =============================================================================
+// HONO STATUS MONITOR - EDGE ENTRY POINT
+// For Cloudflare Workers / Edge environments only
+// No Node.js dependencies (os, cluster, socket.io, etc.)
+// =============================================================================
+import { Hono } from 'hono';
+import { createEdgeMonitor } from './monitor-edge.js';
+import { generateEdgeDashboard } from './dashboard.js';
+export { createEdgeMonitor } from './monitor-edge.js';
+export { generateEdgeDashboard } from './dashboard.js';
+/**
+ * Create a status monitor for Edge/Cloudflare Workers environments
+ *
+ * @example
+ * ```typescript
+ * import { Hono } from 'hono';
+ * import { statusMonitor } from 'hono-status-monitor/edge';
+ *
+ * const app = new Hono();
+ * const monitor = statusMonitor();
+ *
+ * app.use('*', monitor.middleware);
+ * app.route('/status', monitor.routes);
+ *
+ * export default app;
+ * ```
+ */
+export function statusMonitor(config = {}) {
+    const monitor = createEdgeMonitor(config);
+    const routes = new Hono();
+    // Create middleware for edge
+    const middleware = async (c, next) => {
+        const path = new URL(c.req.url).pathname;
+        const method = c.req.method;
+        // Skip status route itself
+        if (path.startsWith(config.path || '/status')) {
+            return next();
+        }
+        const start = performance.now();
+        monitor.trackRequest(path, method);
+        try {
+            await next();
+        }
+        finally {
+            const duration = performance.now() - start;
+            const status = c.res?.status || 200;
+            monitor.trackRequestComplete(path, method, duration, status);
+        }
+    };
+    // Dashboard page - uses polling mode
+    routes.get('/', async (c) => {
+        const snapshot = await monitor.getMetricsSnapshot();
+        const html = generateEdgeDashboard({
+            hostname: snapshot.hostname,
+            uptime: monitor.formatUptime(snapshot.uptime),
+            title: monitor.config.title
+        });
+        return c.html(html);
+    });
+    // JSON API endpoint
+    routes.get('/api/metrics', async (c) => {
+        return c.json({
+            snapshot: await monitor.getMetricsSnapshot(),
+            charts: monitor.getChartData()
+        });
+    });
+    // Start (no-op in edge mode)
+    monitor.start();
+    return {
+        /** Hono middleware for tracking all requests */
+        middleware,
+        /** Pre-configured Hono routes for dashboard and API */
+        routes,
+        /** Initialize Socket.io - not available in edge, returns null */
+        initSocket: () => null,
+        /** Track rate limit events for the dashboard */
+        trackRateLimit: (blocked) => monitor.trackRateLimitEvent(blocked),
+        /** Get current metrics snapshot */
+        getMetrics: () => monitor.getMetricsSnapshot(),
+        /** Get chart data for all metrics */
+        getCharts: () => monitor.getChartData(),
+        /** Stop metrics collection */
+        stop: () => monitor.stop(),
+        /** Access to the underlying monitor instance */
+        monitor,
+        /** Whether running in edge mode */
+        isEdgeMode: true
+    };
+}
+// Also export as statusMonitorEdge for clarity
+export const statusMonitorEdge = statusMonitor;
+// Default export
+export default statusMonitor;
+//# sourceMappingURL=index-edge.js.map

package/dist/index-edge.js.map

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