devtools-nestjs 2.0.0

package/dist/views/panels/database-panel.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderDatabasePanel = renderDatabasePanel;
+const layout_1 = require("../layout");
+function renderDatabasePanel(data) {
+    const queries = data.queries || [];
+    const slowQueries = data.slowQueries || [];
+    const queryCounts = data.queryCountByType || {};
+    const typeRows = Object.entries(queryCounts)
+        .map(([type, count]) => `<tr><td>${type}</td><td>${count}</td></tr>`)
+        .join('');
+    const slowRows = slowQueries
+        .map((q, i) => `<tr>
+        <td>${i + 1}</td>
+        <td><pre style="margin:0">${escapeHtml(String(q.query || ''))}</pre></td>
+        <td>${Math.round(q.duration * 100) / 100} ms</td>
+      </tr>`)
+        .join('');
+    const queryRows = queries
+        .slice(-50)
+        .reverse()
+        .map((q, i) => `<tr>
+        <td>${i + 1}</td>
+        <td><pre style="margin:0;max-width:600px;overflow:hidden;text-overflow:ellipsis">${escapeHtml(String(q.query || ''))}</pre></td>
+        <td>${Math.round(q.duration * 100) / 100} ms</td>
+      </tr>`)
+        .join('');
+    const body = `
+    <div class="summary-bar">
+      <div class="summary-item"><div class="label">Total Queries</div><div class="value">${data.totalQueries || 0}</div></div>
+      <div class="summary-item"><div class="label">Total Time</div><div class="value">${data.totalDuration || 0} ms</div></div>
+      <div class="summary-item"><div class="label">Average</div><div class="value">${data.averageDuration || 0} ms</div></div>
+    </div>
+
+    <h3>Query Types</h3>
+    <table>
+      <thead><tr><th>Type</th><th>Count</th></tr></thead>
+      <tbody>${typeRows || '<tr><td colspan="2">No queries</td></tr>'}</tbody>
+    </table>
+
+    ${slowQueries.length ? `
+    <h3>Slow Queries (>100ms)</h3>
+    <table>
+      <thead><tr><th>#</th><th>Query</th><th>Duration</th></tr></thead>
+      <tbody>${slowRows}</tbody>
+    </table>` : ''}
+
+    <h3>Recent Queries</h3>
+    <table>
+      <thead><tr><th>#</th><th>Query</th><th>Duration</th></tr></thead>
+      <tbody>${queryRows || '<tr><td colspan="3">No queries</td></tr>'}</tbody>
+    </table>
+  `;
+    return (0, layout_1.renderPanelContent)('Database', body);
+}
+function escapeHtml(str) {
+    return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+}
+//# sourceMappingURL=database-panel.js.map

package/dist/views/panels/database-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"database-panel.js","sourceRoot":"","sources":["../../../src/views/panels/database-panel.ts"],"names":[],"mappings":";;AAEA,kDA2DC;AA7DD,sCAA+C;AAE/C,SAAgB,mBAAmB,CAAC,IAA6B;IAC/D,MAAM,OAAO,GAAI,IAAI,CAAC,OAA0C,IAAI,EAAE,CAAC;IACvE,MAAM,WAAW,GAAI,IAAI,CAAC,WAA8C,IAAI,EAAE,CAAC;IAC/E,MAAM,WAAW,GAAI,IAAI,CAAC,gBAA2C,IAAI,EAAE,CAAC;IAE5E,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC;SACzC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,WAAW,IAAI,YAAY,KAAK,YAAY,CAAC;SACpE,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,MAAM,QAAQ,GAAG,WAAW;SACzB,GAAG,CACF,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;cACF,CAAC,GAAG,CAAC;oCACiB,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;cACvD,IAAI,CAAC,KAAK,CAAE,CAAC,CAAC,QAAmB,GAAG,GAAG,CAAC,GAAG,GAAG;YAChD,CACP;SACA,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,MAAM,SAAS,GAAG,OAAO;SACtB,KAAK,CAAC,CAAC,EAAE,CAAC;SACV,OAAO,EAAE;SACT,GAAG,CACF,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;cACF,CAAC,GAAG,CAAC;2FACwE,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;cAC9G,IAAI,CAAC,KAAK,CAAE,CAAC,CAAC,QAAmB,GAAG,GAAG,CAAC,GAAG,GAAG;YAChD,CACP;SACA,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,MAAM,IAAI,GAAG;;2FAE4E,IAAI,CAAC,YAAY,IAAI,CAAC;wFACzB,IAAI,CAAC,aAAa,IAAI,CAAC;qFAC1B,IAAI,CAAC,eAAe,IAAI,CAAC;;;;;;eAM/F,QAAQ,IAAI,0CAA0C;;;MAG/D,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;;;;eAIZ,QAAQ;aACV,CAAC,CAAC,CAAC,EAAE;;;;;eAKH,SAAS,IAAI,0CAA0C;;GAEnE,CAAC;IAEF,OAAO,IAAA,2BAAkB,EAAC,UAAU,EAAE,IAAI,CAAC,CAAC;AAC9C,CAAC;AAED,SAAS,UAAU,CAAC,GAAW;IAC7B,OAAO,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAChF,CAAC"}

package/dist/views/panels/exception-panel.d.ts

@@ -0,0 +1,2 @@
+export declare function renderExceptionPanel(data: Record<string, unknown>): string;
+//# sourceMappingURL=exception-panel.d.ts.map

package/dist/views/panels/exception-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"exception-panel.d.ts","sourceRoot":"","sources":["../../../src/views/panels/exception-panel.ts"],"names":[],"mappings":"AAEA,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAuB1E"}

package/dist/views/panels/exception-panel.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderExceptionPanel = renderExceptionPanel;
+const layout_1 = require("../layout");
+function renderExceptionPanel(data) {
+    if (!data.hasException) {
+        return (0, layout_1.renderPanelContent)('Exception', '<p>No exceptions were thrown during this request.</p>');
+    }
+    const stack = data.stack || [];
+    const body = `
+    <div class="summary-bar">
+      <div class="summary-item" style="border-color:#f44336">
+        <div class="label">Exception</div>
+        <div class="value" style="color:#f44336">${data.name || 'Error'}</div>
+      </div>
+      <div class="summary-item" style="border-color:#f44336">
+        <div class="label">Message</div>
+        <div class="value" style="color:#f44336">${data.message || ''}</div>
+      </div>
+    </div>
+
+    <h3>Stack Trace</h3>
+    <pre>${stack.map((line) => escapeHtml(line)).join('\n')}</pre>
+  `;
+    return (0, layout_1.renderPanelContent)('Exception', body);
+}
+function escapeHtml(str) {
+    return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+}
+//# sourceMappingURL=exception-panel.js.map

package/dist/views/panels/exception-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"exception-panel.js","sourceRoot":"","sources":["../../../src/views/panels/exception-panel.ts"],"names":[],"mappings":";;AAEA,oDAuBC;AAzBD,sCAA+C;AAE/C,SAAgB,oBAAoB,CAAC,IAA6B;IAChE,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;QACvB,OAAO,IAAA,2BAAkB,EAAC,WAAW,EAAE,uDAAuD,CAAC,CAAC;IAClG,CAAC;IAED,MAAM,KAAK,GAAI,IAAI,CAAC,KAAkB,IAAI,EAAE,CAAC;IAC7C,MAAM,IAAI,GAAG;;;;mDAIoC,IAAI,CAAC,IAAI,IAAI,OAAO;;;;mDAIpB,IAAI,CAAC,OAAO,IAAI,EAAE;;;;;WAK1D,KAAK,CAAC,GAAG,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;GAChE,CAAC;IAEF,OAAO,IAAA,2BAAkB,EAAC,WAAW,EAAE,IAAI,CAAC,CAAC;AAC/C,CAAC;AAED,SAAS,UAAU,CAAC,GAAW;IAC7B,OAAO,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAChF,CAAC"}

package/dist/views/panels/log-panel.d.ts

@@ -0,0 +1,2 @@
+export declare function renderLogPanel(data: Record<string, unknown>): string;
+//# sourceMappingURL=log-panel.d.ts.map

package/dist/views/panels/log-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"log-panel.d.ts","sourceRoot":"","sources":["../../../src/views/panels/log-panel.ts"],"names":[],"mappings":"AAEA,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAiDpE"}

package/dist/views/panels/log-panel.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderLogPanel = renderLogPanel;
+const layout_1 = require("../layout");
+function renderLogPanel(data) {
+    const logCounts = data.logCounts || {};
+    const logs = data.logs || [];
+    const countRows = Object.entries(logCounts)
+        .map(([level, count]) => `<tr><td>${level}</td><td>${count}</td></tr>`)
+        .join('');
+    const logRows = logs
+        .slice(-100)
+        .reverse()
+        .map((log, i) => `<tr>
+        <td style="white-space:nowrap">${log.timestamp || ''}</td>
+        <td><span class="badge" style="background:${levelColor(log.level)}">${log.level || 'info'}</span></td>
+        <td>${escapeHtml(String(log.message || ''))}</td>
+        <td>${log.context || '-'}</td>
+      </tr>`)
+        .join('');
+    const body = `
+    <div class="summary-bar">
+      <div class="summary-item"><div class="label">Total Logs</div><div class="value">${data.totalLogs || 0}</div></div>
+      ${Object.entries(logCounts)
+        .map(([level, count]) => `<div class="summary-item"><div class="label">${level}</div><div class="value">${count}</div></div>`)
+        .join('')}
+    </div>
+
+    <h3>Log Counts</h3>
+    <table>
+      <thead><tr><th>Level</th><th>Count</th></tr></thead>
+      <tbody>${countRows || '<tr><td colspan="2">No logs</td></tr>'}</tbody>
+    </table>
+
+    <h3>Recent Logs</h3>
+    <table>
+      <thead><tr><th>Timestamp</th><th>Level</th><th>Message</th><th>Context</th></tr></thead>
+      <tbody>${logRows || '<tr><td colspan="4">No logs</td></tr>'}</tbody>
+    </table>
+  `;
+    return (0, layout_1.renderPanelContent)('Logs', body);
+}
+function levelColor(level) {
+    switch (level) {
+        case 'error':
+        case 'fatal':
+            return '#f44336';
+        case 'warn':
+        case 'warning':
+            return '#ff9800';
+        case 'debug':
+            return '#4fc3f7';
+        default:
+            return '#4caf50';
+    }
+}
+function escapeHtml(str) {
+    return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+}
+//# sourceMappingURL=log-panel.js.map

package/dist/views/panels/log-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"log-panel.js","sourceRoot":"","sources":["../../../src/views/panels/log-panel.ts"],"names":[],"mappings":";;AAEA,wCAiDC;AAnDD,sCAA+C;AAE/C,SAAgB,cAAc,CAAC,IAA6B;IAC1D,MAAM,SAAS,GAAI,IAAI,CAAC,SAAoC,IAAI,EAAE,CAAC;IACnE,MAAM,IAAI,GAAI,IAAI,CAAC,IAAuC,IAAI,EAAE,CAAC;IAEjE,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC;SACxC,GAAG,CACF,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,CACjB,WAAW,KAAK,YAAY,KAAK,YAAY,CAChD;SACA,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,MAAM,OAAO,GAAG,IAAI;SACjB,KAAK,CAAC,CAAC,GAAG,CAAC;SACX,OAAO,EAAE;SACT,GAAG,CACF,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;yCACuB,GAAG,CAAC,SAAS,IAAI,EAAE;oDACR,UAAU,CAAC,GAAG,CAAC,KAAe,CAAC,KAAK,GAAG,CAAC,KAAK,IAAI,MAAM;cAC7F,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;cACrC,GAAG,CAAC,OAAO,IAAI,GAAG;YACpB,CACP;SACA,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,MAAM,IAAI,GAAG;;wFAEyE,IAAI,CAAC,SAAS,IAAI,CAAC;QACnG,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC;SACxB,GAAG,CACF,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,CACjB,gDAAgD,KAAK,4BAA4B,KAAK,cAAc,CACvG;SACA,IAAI,CAAC,EAAE,CAAC;;;;;;eAMF,SAAS,IAAI,uCAAuC;;;;;;eAMpD,OAAO,IAAI,uCAAuC;;GAE9D,CAAC;IAEF,OAAO,IAAA,2BAAkB,EAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AAC1C,CAAC;AAED,SAAS,UAAU,CAAC,KAAa;IAC/B,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,OAAO,CAAC;QACb,KAAK,OAAO;YACV,OAAO,SAAS,CAAC;QACnB,KAAK,MAAM,CAAC;QACZ,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,OAAO;YACV,OAAO,SAAS,CAAC;QACnB;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,SAAS,UAAU,CAAC,GAAW;IAC7B,OAAO,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAChF,CAAC"}

package/dist/views/panels/request-panel.d.ts

@@ -0,0 +1,2 @@
+export declare function renderRequestPanel(data: Record<string, unknown>): string;
+//# sourceMappingURL=request-panel.d.ts.map

package/dist/views/panels/request-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"request-panel.d.ts","sourceRoot":"","sources":["../../../src/views/panels/request-panel.ts"],"names":[],"mappings":"AAEA,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAsBxE"}

package/dist/views/panels/request-panel.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderRequestPanel = renderRequestPanel;
+const layout_1 = require("../layout");
+function renderRequestPanel(data) {
+    const body = `
+    <div class="summary-bar">
+      <div class="summary-item"><div class="label">Method</div><div class="value">${data.method || 'GET'}</div></div>
+      <div class="summary-item"><div class="label">Status</div><div class="value">${data.statusCode || 200}</div></div>
+      <div class="summary-item"><div class="label">IP</div><div class="value">${data.ip || '-'}</div></div>
+    </div>
+
+    <h3>Request Headers</h3>
+    ${(0, layout_1.renderKeyValueTable)(data.headers || {}, 'Header', 'Value')}
+
+    <h3>Response Headers</h3>
+    ${(0, layout_1.renderKeyValueTable)(data.responseHeaders || {}, 'Header', 'Value')}
+
+    <h3>Query Parameters</h3>
+    ${(0, layout_1.renderKeyValueTable)(data.query || {}, 'Parameter', 'Value')}
+
+    <h3>Route Parameters</h3>
+    ${(0, layout_1.renderKeyValueTable)(data.params || {}, 'Parameter', 'Value')}
+  `;
+    return (0, layout_1.renderPanelContent)('Request', body);
+}
+//# sourceMappingURL=request-panel.js.map

package/dist/views/panels/request-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"request-panel.js","sourceRoot":"","sources":["../../../src/views/panels/request-panel.ts"],"names":[],"mappings":";;AAEA,gDAsBC;AAxBD,sCAAoE;AAEpE,SAAgB,kBAAkB,CAAC,IAA6B;IAC9D,MAAM,IAAI,GAAG;;oFAEqE,IAAI,CAAC,MAAM,IAAI,KAAK;oFACpB,IAAI,CAAC,UAAU,IAAI,GAAG;gFAC1B,IAAI,CAAC,EAAE,IAAI,GAAG;;;;MAIxF,IAAA,4BAAmB,EAAE,IAAI,CAAC,OAAmC,IAAI,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC;;;MAGvF,IAAA,4BAAmB,EAAE,IAAI,CAAC,eAA2C,IAAI,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC;;;MAG/F,IAAA,4BAAmB,EAAE,IAAI,CAAC,KAAiC,IAAI,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC;;;MAGxF,IAAA,4BAAmB,EAAE,IAAI,CAAC,MAAkC,IAAI,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC;GAC5F,CAAC;IAEF,OAAO,IAAA,2BAAkB,EAAC,SAAS,EAAE,IAAI,CAAC,CAAC;AAC7C,CAAC"}

package/dist/views/panels/route-panel.d.ts

@@ -0,0 +1,2 @@
+export declare function renderRoutePanel(data: Record<string, unknown>): string;
+//# sourceMappingURL=route-panel.d.ts.map

package/dist/views/panels/route-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"route-panel.d.ts","sourceRoot":"","sources":["../../../src/views/panels/route-panel.ts"],"names":[],"mappings":"AAEA,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAgBtE"}

package/dist/views/panels/route-panel.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderRoutePanel = renderRoutePanel;
+const layout_1 = require("../layout");
+function renderRoutePanel(data) {
+    const body = `
+    <div class="summary-bar">
+      <div class="summary-item"><div class="label">Route</div><div class="value">${data.route || '/'}</div></div>
+      <div class="summary-item"><div class="label">Controller</div><div class="value">${data.controller || 'unknown'}</div></div>
+      <div class="summary-item"><div class="label">Method</div><div class="value">${data.method || 'GET'}</div></div>
+    </div>
+
+    <h3>Route Parameters</h3>
+    ${(0, layout_1.renderKeyValueTable)(data.params || {}, 'Parameter', 'Value')}
+
+    <h3>Query Parameters</h3>
+    ${(0, layout_1.renderKeyValueTable)(data.query || {}, 'Parameter', 'Value')}
+  `;
+    return (0, layout_1.renderPanelContent)('Route', body);
+}
+//# sourceMappingURL=route-panel.js.map

package/dist/views/panels/route-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"route-panel.js","sourceRoot":"","sources":["../../../src/views/panels/route-panel.ts"],"names":[],"mappings":";;AAEA,4CAgBC;AAlBD,sCAAoE;AAEpE,SAAgB,gBAAgB,CAAC,IAA6B;IAC5D,MAAM,IAAI,GAAG;;mFAEoE,IAAI,CAAC,KAAK,IAAI,GAAG;wFACZ,IAAI,CAAC,UAAU,IAAI,SAAS;oFAChC,IAAI,CAAC,MAAM,IAAI,KAAK;;;;MAIlG,IAAA,4BAAmB,EAAE,IAAI,CAAC,MAAkC,IAAI,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC;;;MAGzF,IAAA,4BAAmB,EAAE,IAAI,CAAC,KAAiC,IAAI,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC;GAC3F,CAAC;IAEF,OAAO,IAAA,2BAAkB,EAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AAC3C,CAAC"}

package/dist/views/panels/time-panel.d.ts

@@ -0,0 +1,2 @@
+export declare function renderTimePanel(data: Record<string, unknown>): string;
+//# sourceMappingURL=time-panel.d.ts.map

package/dist/views/panels/time-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-panel.d.ts","sourceRoot":"","sources":["../../../src/views/panels/time-panel.ts"],"names":[],"mappings":"AAEA,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CA6BrE"}

package/dist/views/panels/time-panel.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderTimePanel = renderTimePanel;
+const layout_1 = require("../layout");
+function renderTimePanel(data) {
+    const timeline = data.timeline || [];
+    const timelineRows = timeline
+        .map((ev, i) => `<tr>
+        <td>${i + 1}</td>
+        <td>${ev.name}</td>
+        <td>${Math.round(ev.duration * 100) / 100} ms</td>
+        <td>${ev.memory || '-'} MB</td>
+      </tr>`)
+        .join('');
+    const body = `
+    <div class="summary-bar">
+      <div class="summary-item"><div class="label">Total Duration</div><div class="value">${data.totalDuration || 0} ms</div></div>
+      <div class="summary-item"><div class="label">Peak Memory</div><div class="value">${data.peakMemory || 0} MB</div></div>
+      <div class="summary-item"><div class="label">Memory Limit</div><div class="value">${data.memoryLimit || '-'}</div></div>
+    </div>
+
+    <h3>Timeline</h3>
+    <table>
+      <thead><tr><th>#</th><th>Event</th><th>Duration</th><th>Memory</th></tr></thead>
+      <tbody>${timelineRows || '<tr><td colspan="4">No events recorded</td></tr>'}</tbody>
+    </table>
+  `;
+    return (0, layout_1.renderPanelContent)('Performance', body);
+}
+//# sourceMappingURL=time-panel.js.map

package/dist/views/panels/time-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-panel.js","sourceRoot":"","sources":["../../../src/views/panels/time-panel.ts"],"names":[],"mappings":";;AAEA,0CA6BC;AA/BD,sCAAoE;AAEpE,SAAgB,eAAe,CAAC,IAA6B;IAC3D,MAAM,QAAQ,GAAI,IAAI,CAAC,QAA2C,IAAI,EAAE,CAAC;IAEzE,MAAM,YAAY,GAAG,QAAQ;SAC1B,GAAG,CACF,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;cACH,CAAC,GAAG,CAAC;cACL,EAAE,CAAC,IAAI;cACP,IAAI,CAAC,KAAK,CAAE,EAAE,CAAC,QAAmB,GAAG,GAAG,CAAC,GAAG,GAAG;cAC/C,EAAE,CAAC,MAAM,IAAI,GAAG;YAClB,CACP;SACA,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,MAAM,IAAI,GAAG;;4FAE6E,IAAI,CAAC,aAAa,IAAI,CAAC;yFAC1B,IAAI,CAAC,UAAU,IAAI,CAAC;0FACnB,IAAI,CAAC,WAAW,IAAI,GAAG;;;;;;eAMlG,YAAY,IAAI,kDAAkD;;GAE9E,CAAC;IAEF,OAAO,IAAA,2BAAkB,EAAC,aAAa,EAAE,IAAI,CAAC,CAAC;AACjD,CAAC"}

package/dist/views/toolbar.d.ts

@@ -0,0 +1,8 @@
+import { CollectorRegistry } from '../collectors/collector.registry';
+export declare class ToolbarRenderer {
+    render(token: string, toolbarPath: string, registry: CollectorRegistry): string;
+    private renderIcon;
+    private renderTextPieces;
+    private getStatusClass;
+}
+//# sourceMappingURL=toolbar.d.ts.map

package/dist/views/toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../src/views/toolbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAErE,qBAAa,eAAe;IAC1B,MAAM,CACJ,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,iBAAiB,GAC1B,MAAM;IA0GT,OAAO,CAAC,UAAU;IAclB,OAAO,CAAC,gBAAgB;IAoCxB,OAAO,CAAC,cAAc;CAOvB"}

package/dist/views/toolbar.js

@@ -0,0 +1,165 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolbarRenderer = void 0;
+class ToolbarRenderer {
+    render(token, toolbarPath, registry) {
+        const collectors = registry.getAll();
+        const blocks = collectors
+            .map(c => {
+            const icon = this.renderIcon(c.getIcon());
+            const name = c.name;
+            const data = c.getData();
+            const textPieces = this.renderTextPieces(name, data);
+            const statusClass = this.getStatusClass(data);
+            return `
+          <div class="sf-toolbar-block sf-toolbar-block-${name} sf-toolbar-status-${statusClass}">
+            <a href="${toolbarPath}/${token}?panel=${name}" target="_profiler">
+              <div class="sf-toolbar-icon">${icon}</div>
+            </a>
+            <div class="sf-toolbar-info">${textPieces}</div>
+          </div>`;
+        })
+            .join('');
+        return `
+<style>
+.sf-toolbar { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; position: fixed; bottom: 0; left: 0; right: 0; z-index: 99999; background: #1a1a2e; color: #e0e0e0; font-size: 13px; display: flex; align-items: stretch; box-shadow: 0 -2px 10px rgba(0,0,0,0.3); min-height: 36px; }
+.sf-toolbar-block { display: flex; align-items: stretch; border-right: 1px solid #2a2a3e; position: relative; cursor: pointer; }
+.sf-toolbar-block:hover { background: #252540; }
+.sf-toolbar-block a { display: flex; align-items: center; text-decoration: none; color: #e0e0e0; padding: 4px 10px; }
+.sf-toolbar-icon { display: flex; align-items: center; gap: 5px; white-space: nowrap; }
+.sf-toolbar-icon svg { width: 18px; height: 18px; fill: currentColor; }
+.sf-toolbar-info { display: none; position: absolute; bottom: 100%; left: 0; background: #1a1a2e; border: 1px solid #2a2a3e; padding: 8px; min-width: 200px; white-space: nowrap; box-shadow: 0 -2px 10px rgba(0,0,0,0.3); }
+.sf-toolbar-block:hover .sf-toolbar-info { display: block; }
+.sf-toolbar-info-piece { padding: 4px 8px; display: flex; gap: 8px; }
+.sf-toolbar-info-piece b { min-width: 80px; color: #888; }
+.sf-toolbar-status-green { color: #4caf50; }
+.sf-toolbar-status-yellow { color: #ff9800; }
+.sf-toolbar-status-red { color: #f44336; }
+.sf-toolbar-status-default { color: #e0e0e0; }
+.sf-toolbar-token { padding: 4px 10px; display: flex; align-items: center; margin-left: auto; font-size: 11px; color: #666; }
+.sf-toolbar-token strong { color: #999; margin: 0 4px; }
+.sf-toolbar-value { font-weight: 600; }
+.sf-toolbar-label { color: #888; font-size: 11px; }
+</style>
+<div class="sf-toolbar" id="sfwdt${token}">
+  ${blocks}
+  <div class="sf-toolbar-token">TOKEN: <strong>${token}</strong></div>
+</div>
+<script>
+(function() {
+  var token = '${token}';
+  var toolbarUrl = '${toolbarPath}';
+  var toolbar = document.getElementById('sfwdt' + token);
+
+  var xhr = new XMLHttpRequest();
+  xhr.open('GET', toolbarUrl + '/' + token, true);
+  xhr.onload = function() {
+    if (xhr.status === 200) {
+      // toolbar loaded
+    }
+  };
+  xhr.send();
+
+  var originalFetch = window.fetch;
+  window.fetch = function(url, opts) {
+    return originalFetch.apply(this, arguments).then(function(response) {
+      var dt = response.headers.get('X-Debug-Token');
+      if (dt && dt !== token) {
+        token = dt;
+        var wdt = document.getElementById('sfwdt' + dt);
+        if (!wdt) {
+          var div = document.querySelector('.sf-toolbar');
+          if (div) div.parentNode.removeChild(div);
+          setTimeout(function() {
+            var xhr2 = new XMLHttpRequest();
+            xhr2.open('GET', toolbarUrl + '/' + dt, true);
+            xhr2.send();
+          }, 100);
+        }
+      }
+      return response;
+    });
+  };
+
+  var origSend = XMLHttpRequest.prototype.send;
+  XMLHttpRequest.prototype.send = function(body) {
+    this.addEventListener('load', function() {
+      var dt = this.getResponseHeader('X-Debug-Token');
+      if (dt && dt !== token) {
+        token = dt;
+        var wdt = document.getElementById('sfwdt' + dt);
+        if (!wdt) {
+          var div = document.querySelector('.sf-toolbar');
+          if (div) div.parentNode.removeChild(div);
+          setTimeout(function() {
+            var xhr2 = new XMLHttpRequest();
+            xhr2.open('GET', toolbarUrl + '/' + dt, true);
+            xhr2.send();
+          }, 100);
+        }
+      }
+    });
+    return origSend.call(this, body);
+  };
+})();
+</script>`;
+    }
+    renderIcon(iconName) {
+        const icons = {
+            request: `<svg viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V6h16v12zM6 10h2v2H6v-2zm0 4h8v2H6v-2zm10 0h2v2h-2v-2zm-6-4h8v2h-8v-2z"/></svg>`,
+            time: `<svg viewBox="0 0 24 24"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z"/></svg>`,
+            exception: `<svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>`,
+            route: `<svg viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg>`,
+            log: `<svg viewBox="0 0 24 24"><path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H5.17L4 17.17V4h16v12zM7 9h10v2H7V9zm0 3h7v2H7v-2z"/></svg>`,
+            database: `<svg viewBox="0 0 24 24"><path d="M12 3C7.58 3 4 4.79 4 7v10c0 2.21 3.58 4 8 4s8-1.79 8-4V7c0-2.21-3.58-4-8-4zm6 14c0 1.1-2.69 2-6 2s-6-.9-6-2v-2.23c1.43.83 3.58 1.23 6 1.23s4.57-.4 6-1.23V17zm0-4c0 1.1-2.69 2-6 2s-6-.9-6-2v-2.23c1.43.83 3.58 1.23 6 1.23s4.57-.4 6-1.23V13zm0-4c0 1.1-2.69 2-6 2s-6-.9-6-2V7c0-1.1 2.69-2 6-2s6 .9 6 2v2z"/></svg>`,
+            cache: `<svg viewBox="0 0 24 24"><path d="M19 10V8c0-1.1-.9-2-2-2h-2V4c0-1.1-.9-2-2-2h-2c-1.1 0-2 .9-2 2v2H7c-1.1 0-2 .9-2 2v2c-1.1 0-2 .9-2 2v2c0 1.1.9 2 2 2v2c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2v-2c1.1 0 2-.9 2-2v-2c0-1.1-.9-2-2-2zm-6-6h2v2h-2V4zm0 4h2v2h-2V8zM7 8h2v2H7V8zm0 4h2v2H7v-2zm10 8H7v-2h10v2zm0-4H7v-2h10v2zm0-4H7v-2h10v2z"/></svg>`,
+        };
+        return icons[iconName] || icons.request;
+    }
+    renderTextPieces(name, data) {
+        switch (name) {
+            case 'request':
+                return `
+          <div class="sf-toolbar-info-piece"><b>Method</b><span>${data.method || 'GET'}</span></div>
+          <div class="sf-toolbar-info-piece"><b>Status</b><span>${data.statusCode || 200}</span></div>
+          <div class="sf-toolbar-info-piece"><b>URL</b><span style="max-width:300px;overflow:hidden;text-overflow:ellipsis">${data.path || '/'}</span></div>
+          <div class="sf-toolbar-info-piece"><b>IP</b><span>${data.ip || '-'}</span></div>`;
+            case 'time':
+                return `
+          <div class="sf-toolbar-info-piece"><b>Duration</b><span>${data.totalDuration || 0} ms</span></div>
+          <div class="sf-toolbar-info-piece"><b>Memory</b><span>${data.peakMemory || 0} MB</span></div>`;
+            case 'exception':
+                if (data.hasException) {
+                    return `<div class="sf-toolbar-info-piece"><b>Error</b><span style="color:#f44336">${data.message || 'Unknown'}</span></div>`;
+                }
+                return `<div class="sf-toolbar-info-piece"><b>Errors</b><span>0</span></div>`;
+            case 'route':
+                return `
+          <div class="sf-toolbar-info-piece"><b>Route</b><span>${data.route || '/'}</span></div>
+          <div class="sf-toolbar-info-piece"><b>Controller</b><span>${data.controller || 'unknown'}</span></div>`;
+            case 'log':
+                return `<div class="sf-toolbar-info-piece"><b>Logs</b><span>${data.totalLogs || 0} total</span></div>`;
+            case 'database':
+                return `
+          <div class="sf-toolbar-info-piece"><b>Queries</b><span>${data.totalQueries || 0}</span></div>
+          <div class="sf-toolbar-info-piece"><b>Duration</b><span>${data.totalDuration || 0} ms</span></div>`;
+            case 'cache':
+                return `
+          <div class="sf-toolbar-info-piece"><b>Operations</b><span>${data.totalOperations || 0}</span></div>
+          <div class="sf-toolbar-info-piece"><b>Hit rate</b><span>${data.hitRate || 0}%</span></div>`;
+            default:
+                return `<div class="sf-toolbar-info-piece"><b>Data</b><span>collected</span></div>`;
+        }
+    }
+    getStatusClass(data) {
+        const exception = data.hasException;
+        const statusCode = data.statusCode;
+        if (exception)
+            return 'red';
+        if (statusCode && statusCode >= 400)
+            return 'yellow';
+        return 'green';
+    }
+}
+exports.ToolbarRenderer = ToolbarRenderer;
+//# sourceMappingURL=toolbar.js.map

package/dist/views/toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.js","sourceRoot":"","sources":["../../src/views/toolbar.ts"],"names":[],"mappings":";;;AAEA,MAAa,eAAe;IAC1B,MAAM,CACJ,KAAa,EACb,WAAmB,EACnB,QAA2B;QAE3B,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC;QAErC,MAAM,MAAM,GAAG,UAAU;aACtB,GAAG,CAAC,CAAC,CAAC,EAAE;YACP,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;YAC1C,MAAM,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC;YACpB,MAAM,IAAI,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;YACzB,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YACrD,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;YAE9C,OAAO;0DAC2C,IAAI,sBAAsB,WAAW;uBACxE,WAAW,IAAI,KAAK,UAAU,IAAI;6CACZ,IAAI;;2CAEN,UAAU;iBACpC,CAAC;QACZ,CAAC,CAAC;aACD,IAAI,CAAC,EAAE,CAAC,CAAC;QAEZ,OAAO;;;;;;;;;;;;;;;;;;;;;mCAqBwB,KAAK;IACpC,MAAM;iDACuC,KAAK;;;;iBAIrC,KAAK;sBACA,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAsDvB,CAAC;IACT,CAAC;IAEO,UAAU,CAAC,QAAgB;QACjC,MAAM,KAAK,GAA2B;YACpC,OAAO,EAAE,sMAAsM;YAC/M,IAAI,EAAE,mOAAmO;YACzO,SAAS,EAAE,kKAAkK;YAC7K,KAAK,EAAE,uMAAuM;YAC9M,GAAG,EAAE,sKAAsK;YAC3K,QAAQ,EAAE,0VAA0V;YACpW,KAAK,EAAE,8UAA8U;SACtV,CAAC;QAEF,OAAO,KAAK,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC;IAC1C,CAAC;IAEO,gBAAgB,CAAC,IAAY,EAAE,IAA6B;QAClE,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,SAAS;gBACZ,OAAO;kEACmD,IAAI,CAAC,MAAM,IAAI,KAAK;kEACpB,IAAI,CAAC,UAAU,IAAI,GAAG;8HACsC,IAAI,CAAC,IAAI,IAAI,GAAG;8DAChF,IAAI,CAAC,EAAE,IAAI,GAAG,eAAe,CAAC;YACtF,KAAK,MAAM;gBACT,OAAO;oEACqD,IAAI,CAAC,aAAa,IAAI,CAAC;kEACzB,IAAI,CAAC,UAAU,IAAI,CAAC,kBAAkB,CAAC;YACnG,KAAK,WAAW;gBACd,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;oBACtB,OAAO,8EAA8E,IAAI,CAAC,OAAO,IAAI,SAAS,eAAe,CAAC;gBAChI,CAAC;gBACD,OAAO,sEAAsE,CAAC;YAChF,KAAK,OAAO;gBACV,OAAO;iEACkD,IAAI,CAAC,KAAK,IAAI,GAAG;sEACZ,IAAI,CAAC,UAAU,IAAI,SAAS,eAAe,CAAC;YAC5G,KAAK,KAAK;gBACR,OAAO,uDAAuD,IAAI,CAAC,SAAS,IAAI,CAAC,qBAAqB,CAAC;YACzG,KAAK,UAAU;gBACb,OAAO;mEACoD,IAAI,CAAC,YAAY,IAAI,CAAC;oEACrB,IAAI,CAAC,aAAa,IAAI,CAAC,kBAAkB,CAAC;YACxG,KAAK,OAAO;gBACV,OAAO;sEACuD,IAAI,CAAC,eAAe,IAAI,CAAC;oEAC3B,IAAI,CAAC,OAAO,IAAI,CAAC,gBAAgB,CAAC;YAChG;gBACE,OAAO,4EAA4E,CAAC;QACxF,CAAC;IACH,CAAC;IAEO,cAAc,CAAC,IAA6B;QAClD,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC;QACpC,MAAM,UAAU,GAAG,IAAI,CAAC,UAAoB,CAAC;QAC7C,IAAI,SAAS;YAAE,OAAO,KAAK,CAAC;QAC5B,IAAI,UAAU,IAAI,UAAU,IAAI,GAAG;YAAE,OAAO,QAAQ,CAAC;QACrD,OAAO,OAAO,CAAC;IACjB,CAAC;CACF;AAxKD,0CAwKC"}

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "devtools-nestjs",
+  "version": "2.0.0",
+  "description": "A development tool for NestJS that gives detailed profiling information about request execution — inspired by Symfony's WebProfilerBundle",
+  "keywords": ["nestjs", "devtools", "profiler", "debug", "toolbar", "symfony"],
+  "license": "MIT",
+  "author": "",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": ["dist/**/*"],
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "prepublishOnly": "npm run build",
+    "test": "jest"
+  },
+  "peerDependencies": {
+    "@nestjs/common": "^10.0.0 || ^11.0.0",
+    "@nestjs/core": "^10.0.0 || ^11.0.0",
+    "rxjs": "^7.0.0"
+  },
+  "devDependencies": {
+    "@nestjs/common": "^11.0.0",
+    "@nestjs/core": "^11.0.0",
+    "@types/node": "^22.0.0",
+    "rxjs": "^7.8.0",
+    "typescript": "^5.5.0"
+  }
+}