nestjs-devtools 1.1.0 → 1.2.1

package/dist/devtools.controller.d.ts

@@ -4,6 +4,7 @@ export declare class DevtoolsController {
     private readonly devtoolsService;
     private readonly collectors;
     constructor(devtoolsService: DevtoolsService, collectors?: AbstractCollector[]);
+    getProfiler(): string;
     getToolbarData(): Record<string, unknown>;
     getHistory(): {
         id: string;

package/dist/devtools.controller.js

@@ -16,11 +16,15 @@ exports.DevtoolsController = void 0;
 const common_1 = require("@nestjs/common");
 const devtools_service_1 = require("./devtools.service");
 const devtools_module_1 = require("./devtools.module");
+const profiler_1 = require("./toolbar/profiler");
 let DevtoolsController = class DevtoolsController {
     constructor(devtoolsService, collectors = []) {
         this.devtoolsService = devtoolsService;
         this.collectors = collectors;
     }
+    getProfiler() {
+        return (0, profiler_1.PROFILER_PAGE)();
+    }
     getToolbarData() {
         const panels = {};
         for (const collector of this.collectors) {
@@ -42,6 +46,13 @@ let DevtoolsController = class DevtoolsController {
     }
 };
 exports.DevtoolsController = DevtoolsController;
+__decorate([
+    (0, common_1.Get)(),
+    (0, common_1.Header)('content-type', 'text/html'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], DevtoolsController.prototype, "getProfiler", null);
 __decorate([
     (0, common_1.Get)('data'),
     __metadata("design:type", Function),

package/dist/devtools.controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"devtools.controller.js","sourceRoot":"","sources":["../devtools.controller.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,2CAAmE;AACnE,yDAAqD;AAErD,uDAA6D;AAGtD,IAAM,kBAAkB,GAAxB,MAAM,kBAAkB;IAC7B,YACmB,eAAgC,EAGhC,aAAkC,EAAE;QAHpC,oBAAe,GAAf,eAAe,CAAiB;QAGhC,eAAU,GAAV,UAAU,CAA0B;IACpD,CAAC;IAGJ,cAAc;QACZ,MAAM,MAAM,GAA4B,EAAE,CAAC;QAC3C,KAAK,MAAM,SAAS,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACxC,IAAI,CAAC;gBACH,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC;YAC/C,CAAC;YAAC,MAAM,CAAC;gBACP,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,uBAAuB,EAAE,CAAC;YACvF,CAAC;QACH,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;IAGD,UAAU;QACR,OAAO,IAAI,CAAC,eAAe,CAAC,iBAAiB,EAAE,CAAC;IAClD,CAAC;IAGD,gBAAgB,CAAC,EAAU;QACzB,MAAM,OAAO,GAAG,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE,CAAC;QAClD,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,IAAI,IAAI,CAAC;IAClD,CAAC;CACF,CAAA;AA/BY,gDAAkB;AAS7B;IADC,IAAA,YAAG,EAAC,MAAM,CAAC;;;;wDAWX;AAGD;IADC,IAAA,YAAG,EAAC,SAAS,CAAC;;;;oDAGd;AAGD;IADC,IAAA,YAAG,EAAC,aAAa,CAAC;;;;0DAIlB;6BA9BU,kBAAkB;IAD9B,IAAA,mBAAU,EAAC,YAAY,CAAC;IAIpB,WAAA,IAAA,iBAAQ,GAAE,CAAA;IACV,WAAA,IAAA,eAAM,EAAC,0CAAwB,CAAC,CAAA;qCAFC,kCAAe;GAFxC,kBAAkB,CA+B9B"}
+{"version":3,"file":"devtools.controller.js","sourceRoot":"","sources":["../devtools.controller.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,2CAA2E;AAC3E,yDAAqD;AAErD,uDAA6D;AAC7D,iDAAmD;AAG5C,IAAM,kBAAkB,GAAxB,MAAM,kBAAkB;IAC7B,YACmB,eAAgC,EAGhC,aAAkC,EAAE;QAHpC,oBAAe,GAAf,eAAe,CAAiB;QAGhC,eAAU,GAAV,UAAU,CAA0B;IACpD,CAAC;IAIJ,WAAW;QACT,OAAO,IAAA,wBAAa,GAAE,CAAC;IACzB,CAAC;IAGD,cAAc;QACZ,MAAM,MAAM,GAA4B,EAAE,CAAC;QAC3C,KAAK,MAAM,SAAS,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACxC,IAAI,CAAC;gBACH,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC;YAC/C,CAAC;YAAC,MAAM,CAAC;gBACP,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,uBAAuB,EAAE,CAAC;YACvF,CAAC;QACH,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;IAGD,UAAU;QACR,OAAO,IAAI,CAAC,eAAe,CAAC,iBAAiB,EAAE,CAAC;IAClD,CAAC;IAGD,gBAAgB,CAAC,EAAU;QACzB,MAAM,OAAO,GAAG,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE,CAAC;QAClD,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,IAAI,IAAI,CAAC;IAClD,CAAC;CACF,CAAA;AArCY,gDAAkB;AAU7B;IAFC,IAAA,YAAG,GAAE;IACL,IAAA,eAAM,EAAC,cAAc,EAAE,WAAW,CAAC;;;;qDAGnC;AAGD;IADC,IAAA,YAAG,EAAC,MAAM,CAAC;;;;wDAWX;AAGD;IADC,IAAA,YAAG,EAAC,SAAS,CAAC;;;;oDAGd;AAGD;IADC,IAAA,YAAG,EAAC,aAAa,CAAC;;;;0DAIlB;6BApCU,kBAAkB;IAD9B,IAAA,mBAAU,EAAC,YAAY,CAAC;IAIpB,WAAA,IAAA,iBAAQ,GAAE,CAAA;IACV,WAAA,IAAA,eAAM,EAAC,0CAAwB,CAAC,CAAA;qCAFC,kCAAe;GAFxC,kBAAkB,CAqC9B"}

package/dist/devtools.filter.js

@@ -23,7 +23,7 @@ let DevtoolsFilter = class DevtoolsFilter {
             const response = context.switchToHttp().getResponse();
             const contentType = response.getHeader('content-type') ?? '';
             if (typeof data === 'string' && contentType.includes('text/html')) {
-                return data.replace('</body>', (0, template_1.TOOLBAR_TEMPLATE)('/__devtools/data') + '</body>');
+                return data.replace('</body>', (0, template_1.TOOLBAR_TEMPLATE)() + '</body>');
             }
             return data;
         }));

package/dist/devtools.filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"devtools.filter.js","sourceRoot":"","sources":["../devtools.filter.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAKwB;AACxB,+BAAuC;AACvC,yDAAqD;AACrD,iDAAsD;AAG/C,IAAM,cAAc,GAApB,MAAM,cAAc;IACzB,YAA6B,eAAgC;QAAhC,oBAAe,GAAf,eAAe,CAAiB;IAAG,CAAC;IAEjE,SAAS,CAAC,OAAyB,EAAE,IAAiB;QACpD,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CACvB,IAAA,UAAG,EAAC,CAAC,IAAI,EAAE,EAAE;YACX,MAAM,QAAQ,GAAG,OAAO,CAAC,YAAY,EAAE,CAAC,WAAW,EAAE,CAAC;YACtD,MAAM,WAAW,GAAG,QAAQ,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC;YAE7D,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,WAAW,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC;gBAClE,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,IAAA,2BAAgB,EAAC,kBAAkB,CAAC,GAAG,SAAS,CAAC,CAAC;YACnF,CAAC;YAED,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CACH,CAAC;IACJ,CAAC;CACF,CAAA;AAjBY,wCAAc;yBAAd,cAAc;IAD1B,IAAA,mBAAU,GAAE;qCAEmC,kCAAe;GADlD,cAAc,CAiB1B"}
+{"version":3,"file":"devtools.filter.js","sourceRoot":"","sources":["../devtools.filter.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAKwB;AACxB,+BAAuC;AACvC,yDAAqD;AACrD,iDAAsD;AAG/C,IAAM,cAAc,GAApB,MAAM,cAAc;IACzB,YAA6B,eAAgC;QAAhC,oBAAe,GAAf,eAAe,CAAiB;IAAG,CAAC;IAEjE,SAAS,CAAC,OAAyB,EAAE,IAAiB;QACpD,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CACvB,IAAA,UAAG,EAAC,CAAC,IAAI,EAAE,EAAE;YACX,MAAM,QAAQ,GAAG,OAAO,CAAC,YAAY,EAAE,CAAC,WAAW,EAAE,CAAC;YACtD,MAAM,WAAW,GAAG,QAAQ,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC;YAE7D,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,WAAW,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC;gBAClE,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,IAAA,2BAAgB,GAAE,GAAG,SAAS,CAAC,CAAC;YACjE,CAAC;YAED,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CACH,CAAC;IACJ,CAAC;CACF,CAAA;AAjBY,wCAAc;yBAAd,cAAc;IAD1B,IAAA,mBAAU,GAAE;qCAEmC,kCAAe;GADlD,cAAc,CAiB1B"}

package/dist/toolbar/profiler.d.ts

@@ -0,0 +1 @@
+export declare const PROFILER_PAGE: () => string;

package/dist/toolbar/profiler.js

@@ -0,0 +1,226 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PROFILER_PAGE = void 0;
+const PROFILER_PAGE = () => `<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>NestJS Devtools Profiler</title>
+<style>
+  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+  body {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    background: #111827; color: #f3f4f6; font-size: 13px; line-height: 1.5;
+    min-height: 100vh;
+  }
+  .header {
+    background: #1f2937; border-bottom: 2px solid #3b82f6;
+    padding: 16px 24px; display: flex; align-items: center; gap: 12px;
+  }
+  .header h1 { font-size: 18px; font-weight: 700; color: #60a5fa; }
+  .header span { color: #9ca3af; font-size: 13px; }
+  .container { max-width: 1200px; margin: 0 auto; padding: 24px; }
+  .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; margin-bottom: 24px; }
+  .card {
+    background: #1f2937; border-radius: 8px; border: 1px solid #374151;
+    overflow: hidden; cursor: pointer; transition: border-color .15s;
+  }
+  .card:hover { border-color: #3b82f6; }
+  .card-header {
+    padding: 12px 16px; display: flex; align-items: center; gap: 10px;
+    border-bottom: 1px solid #374151;
+  }
+  .card-header .icon { font-size: 18px; }
+  .card-header .label { font-weight: 600; font-size: 13px; }
+  .card-header .summary { color: #9ca3af; font-size: 11px; margin-left: auto; }
+  .card-body { padding: 0; max-height: 0; overflow: hidden; transition: max-height .2s, padding .2s; }
+  .card-body.open { max-height: 2000px; padding: 12px 16px; overflow-y: auto; }
+  .card-body table { width: 100%; border-collapse: collapse; font-size: 12px; }
+  .card-body td, .card-body th {
+    padding: 6px 8px; border-bottom: 1px solid #1f2937; text-align: left;
+    vertical-align: top; word-break: break-word;
+  }
+  .card-body th { color: #9ca3af; font-weight: 600; width: 120px; }
+  .badge {
+    display: inline-block; padding: 2px 8px; border-radius: 4px;
+    font-size: 11px; font-weight: 600;
+  }
+  .badge-get { background: #065f46; color: #6ee7b7; }
+  .badge-post { background: #1e3a5f; color: #93c5fd; }
+  .badge-put { background: #713f12; color: #fcd34d; }
+  .badge-delete { background: #7f1d1d; color: #fca5a5; }
+  .badge-patch { background: #581c87; color: #d8b4fe; }
+  .empty { padding: 24px; text-align: center; color: #6b7280; }
+  .mono { font-family: 'SF Mono', 'Fira Code', 'Cascadia Code', monospace; font-size: 11px; }
+  .history-table { width: 100%; border-collapse: collapse; margin-top: 16px; }
+  .history-table th { padding: 8px 12px; text-align: left; color: #9ca3af; font-weight: 600; border-bottom: 2px solid #374151; }
+  .history-table td { padding: 8px 12px; border-bottom: 1px solid #1f2937; }
+  .history-table tr:hover td { background: #1f2937; }
+  .error-text { color: #ef4444; }
+  .warn-text { color: #f59e0b; }
+  .ok-text { color: #10b981; }
+  .nav { display: flex; gap: 8px; margin-bottom: 24px; }
+  .nav button {
+    padding: 8px 16px; border-radius: 6px; border: 1px solid #374151;
+    background: #1f2937; color: #d1d5db; cursor: pointer; font-size: 13px;
+  }
+  .nav button.active { border-color: #3b82f6; color: #60a5fa; background: #1e3a5f; }
+  .nav button:hover { background: #374151; }
+  .section { display: none; }
+  .section.active { display: block; }
+  .qlabel { display: inline-block; padding: 1px 6px; border-radius: 3px; font-size: 10px; font-weight: 700; margin-right: 4px; }
+  .qlabel-1 { background: #3b82f6; color: #fff; }
+  .qlabel-2 { background: #8b5cf6; color: #fff; }
+  .qlabel-3 { background: #10b981; color: #fff; }
+</style>
+</head>
+<body>
+<div class="header">
+  <h1>NDev</h1>
+  <span>NestJS Devtools Profiler</span>
+</div>
+<div class="container">
+  <div class="nav">
+    <button class="active" data-tab="dashboard">Dashboard</button>
+    <button data-tab="history">History</button>
+  </div>
+  <div id="tab-dashboard" class="section active">
+    <div class="grid" id="panel-grid"></div>
+  </div>
+  <div id="tab-history" class="section">
+    <table class="history-table">
+      <thead><tr><th>Time</th><th>Method</th><th>Path</th><th>Status</th><th>Duration</th></tr></thead>
+      <tbody id="history-body"></tbody>
+    </table>
+  </div>
+</div>
+<script>
+(function() {
+  var BASE = window.location.pathname.replace(/\/__devtools\/?$/, '');
+  function escape(s) { return s==null?'':String(s).replace(/[&<>"]/g,function(m){return {'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'}[m]}); }
+
+  document.querySelectorAll('[data-tab]').forEach(function(btn){
+    btn.addEventListener('click', function(){
+      document.querySelectorAll('[data-tab]').forEach(function(b){b.classList.remove('active')});
+      document.querySelectorAll('.section').forEach(function(s){s.classList.remove('active')});
+      btn.classList.add('active');
+      document.getElementById('tab-'+btn.getAttribute('data-tab')).classList.add('active');
+      if (btn.getAttribute('data-tab')==='history') loadHistory();
+    });
+  });
+
+  function renderDetails(detail) {
+    if (!detail || !detail.details) return '<div class="empty">No data</div>';
+    var d = detail.details;
+    var h = '<table>';
+    for (var k in d) {
+      var v = d[k];
+      if (k === 'queries' && Array.isArray(v)) {
+        h += '<tr><th>Queries</th><td>';
+        v.forEach(function(q,i){
+          var cls = 'qlabel-'+((i%3)+1);
+          h += '<div style="padding:4px 0;border-bottom:1px solid #1f2937">';
+          h += '<span class="qlabel '+cls+'">#'+(i+1)+'</span>';
+          h += '<span class="mono">'+escape(q.sql||'')+'</span>';
+          h += '<span style="float:right;color:#fbbf24">'+escape(q.duration||'')+'</span>';
+          h += '</div>';
+        });
+        h += '</td></tr>';
+        continue;
+      }
+      if (k === 'entries' && Array.isArray(v)) {
+        h += '<tr><th>Logs</th><td>';
+        v.forEach(function(e){
+          var lc = e.level==='error' ? 'error-text' : e.level==='warn' ? 'warn-text' : '';
+          h += '<div style="padding:3px 0;border-bottom:1px solid #1f2937">';
+          h += '<span class="badge '+lc+'" style="background:#1f2937;text-transform:uppercase;font-size:10px;margin-right:6px">'+escape(e.level||'')+'</span>';
+          h += '<span>'+escape(e.message||'')+'</span>';
+          h += '</div>';
+        });
+        h += '</td></tr>';
+        continue;
+      }
+      if (k === 'grouped' && Array.isArray(v)) {
+        h += '<tr><th>Routes</th><td>';
+        v.forEach(function(g){
+          h += '<div style="font-weight:600;color:#60a5fa;padding:4px 0">'+escape(g.method||'')+' ('+(g.count||0)+')</div>';
+          if (g.routes) g.routes.forEach(function(r){
+            h += '<div style="padding:2px 0 2px 16px;font-family:monospace;font-size:11px">';
+            h += escape(r.path||'')+' <span style="color:#6b7280">('+escape(r.controller||'')+')</span></div>';
+          });
+        });
+        h += '</td></tr>';
+        continue;
+      }
+      if (k === 'exception' && v && typeof v === 'object') {
+        h += '<tr><th>Exception</th><td>';
+        h += '<div class="error-text" style="font-weight:600">'+escape(v.message||'')+'</div>';
+        h += '<pre class="mono" style="margin-top:6px;color:#9ca3af;white-space:pre-wrap">'+escape(v.stack||'')+'</pre>';
+        h += '</td></tr>';
+        continue;
+      }
+      if (k === 'stack') continue;
+      h += '<tr><th>'+escape(k)+'</th><td>'+escape(typeof v==='object'?JSON.stringify(v):v)+'</td></tr>';
+    }
+    h += '</table>';
+    return h;
+  }
+
+  function loadDashboard() {
+    fetch(BASE + '/__devtools/data').then(function(r){return r.json()}).then(function(d){
+      var grid = document.getElementById('panel-grid');
+      grid.innerHTML = '';
+      var icons = {request:'🌐',performance:'⚡',database:'🗄️',routes:'📋',logs:'📝'};
+      Object.keys(d).forEach(function(key){
+        var p = d[key];
+        if (!p || !p.label) return;
+        var card = document.createElement('div');
+        card.className = 'card';
+        card.innerHTML =
+          '<div class="card-header"><span class="icon">'+(icons[key]||'🔧')+'</span>'+
+          '<span class="label">'+escape(p.label)+'</span>'+
+          '<span class="summary">'+escape(p.summary||'')+'</span></div>'+
+          '<div class="card-body">'+renderDetails(p)+'</div>';
+        card.querySelector('.card-header').addEventListener('click', function(){
+          var body = card.querySelector('.card-body');
+          body.classList.toggle('open');
+        });
+        grid.appendChild(card);
+      });
+    }).catch(function(){
+      document.getElementById('panel-grid').innerHTML = '<div class="empty">Failed to load profiler data. Make sure the server is running.</div>';
+    });
+  }
+
+  function loadHistory() {
+    fetch(BASE + '/__devtools/history').then(function(r){return r.json()}).then(function(rows){
+      var tbody = document.getElementById('history-body');
+      tbody.innerHTML = '';
+      if (!rows || rows.length === 0) {
+        tbody.innerHTML = '<tr><td colspan="5" class="empty">No requests recorded yet</td></tr>';
+        return;
+      }
+      rows.forEach(function(r){
+        var statusClass = r.statusCode >= 400 ? 'error-text' : r.statusCode >= 300 ? 'warn-text' : 'ok-text';
+        var methodBadge = 'badge-'+r.method.toLowerCase();
+        tbody.innerHTML += '<tr>'+
+          '<td>'+escape(new Date(r.timestamp).toLocaleTimeString())+'</td>'+
+          '<td><span class="badge '+methodBadge+'">'+escape(r.method)+'</span></td>'+
+          '<td class="mono">'+escape(r.path)+'</td>'+
+          '<td><span class="'+statusClass+'">'+r.statusCode+'</span></td>'+
+          '<td>'+r.duration.toFixed(1)+' ms</td>'+
+          '</tr>';
+      });
+    }).catch(function(){
+      document.getElementById('history-body').innerHTML = '<tr><td colspan="5" class="empty">Failed to load history</td></tr>';
+    });
+  }
+
+  loadDashboard();
+})();
+</script>
+</body>
+</html>`;
+exports.PROFILER_PAGE = PROFILER_PAGE;
+//# sourceMappingURL=profiler.js.map

package/dist/toolbar/profiler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profiler.js","sourceRoot":"","sources":["../../toolbar/profiler.ts"],"names":[],"mappings":";;;AAAO,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA4N3B,CAAC;AA5NI,QAAA,aAAa,iBA4NjB"}

package/dist/toolbar/template.d.ts

@@ -1 +1 @@
-export declare const TOOLBAR_TEMPLATE: (dataUrl: string) => string;
+export declare const TOOLBAR_TEMPLATE: () => string;

package/dist/toolbar/template.js

@@ -1,14 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TOOLBAR_TEMPLATE = void 0;
-const TOOLBAR_TEMPLATE = (dataUrl) => {
+const TOOLBAR_TEMPLATE = () => {
     const id = '__nestDevtools';
     const uid = Math.random().toString(36).slice(2, 8);
     return `<script id="${id}">
 (function(){
   var D=document, B=D.body, C='__nestDt'+'${uid}';
+  var p = window.location.pathname.replace(/\\/[^\\/]*$/,'') + '/__devtools';
   var c=D.createElement('div'); c.id=C;
-  c.innerHTML='<div style="position:fixed;bottom:0;left:0;z-index:99999;font-family:-apple-system,BlinkMacSystemFont,\'Segoe UI\',Roboto,sans-serif;font-size:12px;background:#1f2937;color:#f3f4f6;border-top:2px solid #3b82f6;width:100%;box-shadow:0 -4px 12px rgba(0,0,0,0.35)"><div style="display:flex;align-items:center;height:34px;padding:0 8px;gap:4px;overflow-x:auto;white-space:nowrap;scrollbar-width:none"><span style="font-weight:800;font-size:13px;color:#60a5fa;padding:0 10px 0 4px;letter-spacing:-0.5px">NDev</span><div id="'+C+'-bar"></div><span id="'+C+'-toggle" style="margin-left:auto;color:#6b7280;cursor:pointer;padding:4px 8px;font-size:14px">&#x2039;</span></div><div id="'+C+'-panel" style="display:none;border-top:1px solid #374151;background:#111827;font-size:12px;line-height:1.5"></div></div>';
+  c.innerHTML='<div style="position:fixed;bottom:0;left:0;z-index:99999;font-family:-apple-system,BlinkMacSystemFont,\'Segoe UI\',Roboto,sans-serif;font-size:12px;background:#1f2937;color:#f3f4f6;border-top:2px solid #3b82f6;width:100%;box-shadow:0 -4px 12px rgba(0,0,0,0.35)"><div style="display:flex;align-items:center;height:34px;padding:0 8px;gap:4px;overflow-x:auto;white-space:nowrap;scrollbar-width:none"><span style="font-weight:800;font-size:13px;color:#60a5fa;padding:0 10px 0 4px;letter-spacing:-0.5px">NDev</span><div id="'+C+'-bar"></div><a href="'+p+'" target="_blank" style="color:#6b7280;text-decoration:none;padding:4px 8px;font-size:11px;margin-left:auto" title="Open profiler">&#x25A3;</a><span id="'+C+'-toggle" style="color:#6b7280;cursor:pointer;padding:4px 8px;font-size:14px">&#x2039;</span></div><div id="'+C+'-panel" style="display:none;border-top:1px solid #374151;background:#111827;font-size:12px;line-height:1.5"></div></div>';
   B.appendChild(c);
 
   var lastActive=null;
@@ -64,7 +65,8 @@ const TOOLBAR_TEMPLATE = (dataUrl) => {
     return String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
   }
 
-  fetch('${dataUrl}').then(function(r){return r.json()}).then(function(d){
+  var furl = p + '/data';
+  fetch(furl).then(function(r){return r.json()}).then(function(d){
     var bar=D.getElementById(C+'-bar');
     var panels=[];
     if(d.request) panels.push(d.request);

package/dist/toolbar/template.js.map

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../toolbar/template.ts"],"names":[],"mappings":";;;AAAO,MAAM,gBAAgB,GAAG,CAAC,OAAe,EAAE,EAAE;IAClD,MAAM,EAAE,GAAG,gBAAgB,CAAC;IAC5B,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAEnD,OAAO,eAAe,EAAE;;4CAEkB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WA0DpC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;UA4BR,CAAC;AACX,CAAC,CAAC;AA7FW,QAAA,gBAAgB,oBA6F3B"}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../toolbar/template.ts"],"names":[],"mappings":";;;AAAO,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,GAAG,gBAAgB,CAAC;IAC5B,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAEnD,OAAO,eAAe,EAAE;;4CAEkB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAwFrC,CAAC;AACX,CAAC,CAAC;AA/FW,QAAA,gBAAgB,oBA+F3B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nestjs-devtools",
-  "version": "1.1.0",
+  "version": "1.2.1",
   "description": "Symfony-style debug toolbar for NestJS applications",
   "keywords": [
     "nestjs",