nestjs-devtools 1.2.3 → 1.3.0

package/dist/devtools.controller.d.ts

@@ -1,9 +1,12 @@
 import { DevtoolsService } from './devtools.service';
 import { AbstractCollector } from './collectors';
+import { ProfilerPageConfig } from './toolbar/profiler';
+import { ToolbarTemplateConfig } from './toolbar/template';
 export declare class DevtoolsController {
     private readonly devtoolsService;
     private readonly collectors;
-    constructor(devtoolsService: DevtoolsService, collectors?: AbstractCollector[]);
+    private readonly devtoolsConfig;
+    constructor(devtoolsService: DevtoolsService, collectors: AbstractCollector[] | undefined, devtoolsConfig: ToolbarTemplateConfig & ProfilerPageConfig);
     getProfiler(res: any): void;
     getToolbarData(): Record<string, unknown>;
     getHistory(): {

package/dist/devtools.controller.js

@@ -18,9 +18,10 @@ 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 = []) {
+    constructor(devtoolsService, collectors = [], devtoolsConfig) {
         this.devtoolsService = devtoolsService;
         this.collectors = collectors;
+        this.devtoolsConfig = devtoolsConfig;
     }
     getProfiler(res) {
         try {
@@ -29,7 +30,7 @@ let DevtoolsController = class DevtoolsController {
         catch {
             res.header('content-type', 'text/html');
         }
-        res.send((0, profiler_1.PROFILER_PAGE)());
+        res.send((0, profiler_1.PROFILER_PAGE)(this.devtoolsConfig));
     }
     getToolbarData() {
         const panels = {};
@@ -73,6 +74,7 @@ __decorate([
 ], DevtoolsController.prototype, "getHistory", null);
 __decorate([
     (0, common_1.Get)('request/:id'),
+    __param(0, (0, common_1.Param)('id')),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", [String]),
     __metadata("design:returntype", void 0)
@@ -81,6 +83,7 @@ exports.DevtoolsController = DevtoolsController = __decorate([
     (0, common_1.Controller)('__devtools'),
     __param(1, (0, common_1.Optional)()),
     __param(1, (0, common_1.Inject)(devtools_module_1.DEVOOLS_COLLECTORS_TOKEN)),
-    __metadata("design:paramtypes", [devtools_service_1.DevtoolsService, Array])
+    __param(2, (0, common_1.Inject)(devtools_module_1.DEVOOLS_CONFIG_TOKEN)),
+    __metadata("design:paramtypes", [devtools_service_1.DevtoolsService, Array, Object])
 ], DevtoolsController);
 //# sourceMappingURL=devtools.controller.js.map

package/dist/devtools.controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"devtools.controller.js","sourceRoot":"","sources":["../devtools.controller.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,2CAAwE;AACxE,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;IAGJ,WAAW,CAAQ,GAAQ;QACzB,IAAI,CAAC;YAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAAC,CAAC;QAAC,MAAM,CAAC;YAAC,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC;QAAC,CAAC;QACjF,GAAG,CAAC,IAAI,CAAC,IAAA,wBAAa,GAAE,CAAC,CAAC;IAC5B,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;AAS7B;IADC,IAAA,YAAG,GAAE;IACO,WAAA,IAAA,YAAG,GAAE,CAAA;;;;qDAGjB;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"}
+{"version":3,"file":"devtools.controller.js","sourceRoot":"","sources":["../devtools.controller.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,2CAA+E;AAC/E,yDAAqD;AAErD,uDAAmF;AACnF,iDAAuE;AAIhE,IAAM,kBAAkB,GAAxB,MAAM,kBAAkB;IAC7B,YACmB,eAAgC,EAGhC,aAAkC,EAAE,EAEpC,cAA0D;QAL1D,oBAAe,GAAf,eAAe,CAAiB;QAGhC,eAAU,GAAV,UAAU,CAA0B;QAEpC,mBAAc,GAAd,cAAc,CAA4C;IAC1E,CAAC;IAGJ,WAAW,CAAQ,GAAQ;QACzB,IAAI,CAAC;YAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAAC,CAAC;QAAC,MAAM,CAAC;YAAC,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC;QAAC,CAAC;QACjF,GAAG,CAAC,IAAI,CAAC,IAAA,wBAAa,EAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;IAC/C,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;QACtC,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;AAvCY,gDAAkB;AAW7B;IADC,IAAA,YAAG,GAAE;IACO,WAAA,IAAA,YAAG,GAAE,CAAA;;;;qDAGjB;AAGD;IADC,IAAA,YAAG,EAAC,MAAM,CAAC;;;;wDAWX;AAGD;IADC,IAAA,YAAG,EAAC,SAAS,CAAC;;;;oDAGd;AAGD;IADC,IAAA,YAAG,EAAC,aAAa,CAAC;IACD,WAAA,IAAA,cAAK,EAAC,IAAI,CAAC,CAAA;;;;0DAG5B;6BAtCU,kBAAkB;IAD9B,IAAA,mBAAU,EAAC,YAAY,CAAC;IAIpB,WAAA,IAAA,iBAAQ,GAAE,CAAA;IACV,WAAA,IAAA,eAAM,EAAC,0CAAwB,CAAC,CAAA;IAEhC,WAAA,IAAA,eAAM,EAAC,sCAAoB,CAAC,CAAA;qCAJK,kCAAe;GAFxC,kBAAkB,CAuC9B"}

package/dist/devtools.filter.d.ts

@@ -1,8 +1,10 @@
 import { NestInterceptor, ExecutionContext, CallHandler } from '@nestjs/common';
 import { Observable } from 'rxjs';
 import { DevtoolsService } from './devtools.service';
+import { ToolbarTemplateConfig } from './toolbar/template';
 export declare class DevtoolsFilter implements NestInterceptor {
     private readonly devtoolsService;
-    constructor(devtoolsService: DevtoolsService);
+    private readonly config;
+    constructor(devtoolsService: DevtoolsService, config: ToolbarTemplateConfig);
     intercept(context: ExecutionContext, next: CallHandler): Observable<unknown>;
 }

package/dist/devtools.filter.js

@@ -8,22 +8,27 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DevtoolsFilter = void 0;
 const common_1 = require("@nestjs/common");
 const rxjs_1 = require("rxjs");
 const devtools_service_1 = require("./devtools.service");
+const devtools_module_1 = require("./devtools.module");
 const template_1 = require("./toolbar/template");
 let DevtoolsFilter = class DevtoolsFilter {
-    constructor(devtoolsService) {
+    constructor(devtoolsService, config) {
         this.devtoolsService = devtoolsService;
+        this.config = config;
     }
     intercept(context, next) {
         return next.handle().pipe((0, rxjs_1.map)((data) => {
             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)() + '</body>');
+                return data.replace('</body>', (0, template_1.TOOLBAR_TEMPLATE)(this.config) + '</body>');
             }
             return data;
         }));
@@ -32,6 +37,7 @@ let DevtoolsFilter = class DevtoolsFilter {
 exports.DevtoolsFilter = DevtoolsFilter;
 exports.DevtoolsFilter = DevtoolsFilter = __decorate([
     (0, common_1.Injectable)(),
-    __metadata("design:paramtypes", [devtools_service_1.DevtoolsService])
+    __param(1, (0, common_1.Inject)(devtools_module_1.DEVOOLS_CONFIG_TOKEN)),
+    __metadata("design:paramtypes", [devtools_service_1.DevtoolsService, Object])
 ], DevtoolsFilter);
 //# sourceMappingURL=devtools.filter.js.map

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,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"}
+{"version":3,"file":"devtools.filter.js","sourceRoot":"","sources":["../devtools.filter.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,2CAMwB;AACxB,+BAAuC;AACvC,yDAAqD;AACrD,uDAAyD;AACzD,iDAA6E;AAGtE,IAAM,cAAc,GAApB,MAAM,cAAc;IACzB,YACmB,eAAgC,EAEhC,MAA6B;QAF7B,oBAAe,GAAf,eAAe,CAAiB;QAEhC,WAAM,GAAN,MAAM,CAAuB;IAC7C,CAAC;IAEJ,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,IAAI,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC,CAAC;YAC5E,CAAC;YAED,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CACH,CAAC;IACJ,CAAC;CACF,CAAA;AArBY,wCAAc;yBAAd,cAAc;IAD1B,IAAA,mBAAU,GAAE;IAIR,WAAA,IAAA,eAAM,EAAC,sCAAoB,CAAC,CAAA;qCADK,kCAAe;GAFxC,cAAc,CAqB1B"}

package/dist/devtools.module.d.ts

@@ -1,6 +1,7 @@
 import { DynamicModule, Type } from '@nestjs/common';
 import { AbstractCollector } from './collectors/abstract.collector';
 export declare const DEVOOLS_COLLECTORS_TOKEN = "DEVOOLS_COLLECTORS_TOKEN";
+export declare const DEVOOLS_CONFIG_TOKEN = "DEVOOLS_CONFIG_TOKEN";
 export interface DevtoolsModuleOptions {
     enabled?: boolean;
     position?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';

package/dist/devtools.module.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 var DevtoolsModule_1;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DevtoolsModule = exports.DEVOOLS_COLLECTORS_TOKEN = void 0;
+exports.DevtoolsModule = exports.DEVOOLS_CONFIG_TOKEN = exports.DEVOOLS_COLLECTORS_TOKEN = void 0;
 const common_1 = require("@nestjs/common");
 const core_1 = require("@nestjs/core");
 const devtools_service_1 = require("./devtools.service");
@@ -16,6 +16,7 @@ const devtools_filter_1 = require("./devtools.filter");
 const devtools_controller_1 = require("./devtools.controller");
 const collectors_1 = require("./collectors");
 exports.DEVOOLS_COLLECTORS_TOKEN = 'DEVOOLS_COLLECTORS_TOKEN';
+exports.DEVOOLS_CONFIG_TOKEN = 'DEVOOLS_CONFIG_TOKEN';
 const DEFAULT_COLLECTORS = [
     collectors_1.RequestCollector,
     collectors_1.PerformanceCollector,
@@ -23,17 +24,22 @@ const DEFAULT_COLLECTORS = [
     collectors_1.RouteCollector,
     collectors_1.LogCollector,
 ];
-const SHARED_PROVIDERS = [
-    devtools_service_1.DevtoolsService,
-    collectors_1.RequestCollector,
-    collectors_1.PerformanceCollector,
-    collectors_1.DatabaseCollector,
-    collectors_1.RouteCollector,
-    collectors_1.LogCollector,
-];
+function createSharedProviders(maxHistory) {
+    return [
+        {
+            provide: devtools_service_1.DevtoolsService,
+            useFactory: () => new devtools_service_1.DevtoolsService(maxHistory),
+        },
+        collectors_1.RequestCollector,
+        collectors_1.PerformanceCollector,
+        collectors_1.DatabaseCollector,
+        collectors_1.RouteCollector,
+        collectors_1.LogCollector,
+    ];
+}
 let DevtoolsModule = DevtoolsModule_1 = class DevtoolsModule {
     static forRoot(options = {}) {
-        const { enabled = process.env.NODE_ENV !== 'production', maxHistory = 50, collectors = DEFAULT_COLLECTORS, injectToolbar = true, } = options;
+        const { enabled = process.env.NODE_ENV !== 'production', maxHistory = 50, collectors = DEFAULT_COLLECTORS, injectToolbar = true, position, theme, } = options;
         if (!enabled) {
             return {
                 module: DevtoolsModule_1,
@@ -52,9 +58,19 @@ let DevtoolsModule = DevtoolsModule_1 = class DevtoolsModule {
             useFactory: (...instances) => instances,
             inject: allCollectors,
         };
+        const resolvedConfig = {
+            position: position ?? 'bottom-left',
+            theme: theme ?? 'dark',
+        };
+        const configProvider = {
+            provide: exports.DEVOOLS_CONFIG_TOKEN,
+            useValue: resolvedConfig,
+        };
+        const sharedProviders = createSharedProviders(maxHistory);
         const providers = [
-            ...SHARED_PROVIDERS,
+            ...sharedProviders,
             collectorProvider,
+            configProvider,
             {
                 provide: core_1.APP_INTERCEPTOR,
                 useClass: devtools_interceptor_1.DevtoolsInterceptor,
@@ -70,7 +86,7 @@ let DevtoolsModule = DevtoolsModule_1 = class DevtoolsModule {
             module: DevtoolsModule_1,
             controllers: [devtools_controller_1.DevtoolsController],
             providers,
-            exports: [devtools_service_1.DevtoolsService, exports.DEVOOLS_COLLECTORS_TOKEN, ...SHARED_PROVIDERS],
+            exports: [devtools_service_1.DevtoolsService, exports.DEVOOLS_COLLECTORS_TOKEN, exports.DEVOOLS_CONFIG_TOKEN, ...sharedProviders],
         };
     }
 };

package/dist/devtools.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"devtools.module.js","sourceRoot":"","sources":["../devtools.module.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,2CAAuE;AACvE,uCAA+C;AAC/C,yDAAqD;AACrD,iEAA6D;AAC7D,uDAAmD;AACnD,+DAA2D;AAE3D,6CAMsB;AAET,QAAA,wBAAwB,GAAG,0BAA0B,CAAC;AAWnE,MAAM,kBAAkB,GAA8B;IACpD,6BAAgB;IAChB,iCAAoB;IACpB,8BAAiB;IACjB,2BAAc;IACd,yBAAY;CACb,CAAC;AAEF,MAAM,gBAAgB,GAAe;IACnC,kCAAe;IACf,6BAAgB;IAChB,iCAAoB;IACpB,8BAAiB;IACjB,2BAAc;IACd,yBAAY;CACb,CAAC;AAGK,IAAM,cAAc,sBAApB,MAAM,cAAc;IACzB,MAAM,CAAC,OAAO,CAAC,UAAiC,EAAE;QAChD,MAAM,EACJ,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAC/C,UAAU,GAAG,EAAE,EACf,UAAU,GAAG,kBAAkB,EAC/B,aAAa,GAAG,IAAI,GACrB,GAAG,OAAO,CAAC;QAEZ,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;gBACL,MAAM,EAAE,gBAAc;gBACtB,SAAS,EAAE;oBACT;wBACE,OAAO,EAAE,kCAAe;wBACxB,QAAQ,EAAE,IAAI;qBACf;iBACF;gBACD,OAAO,EAAE,EAAE;aACZ,CAAC;QACJ,CAAC;QAED,MAAM,aAAa,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,kBAAkB,EAAE,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;QAE3E,MAAM,iBAAiB,GAAa;YAClC,OAAO,EAAE,gCAAwB;YACjC,UAAU,EAAE,CAAC,GAAG,SAA8B,EAAE,EAAE,CAAC,SAAS;YAC5D,MAAM,EAAE,aAAa;SACtB,CAAC;QAEF,MAAM,SAAS,GAAe;YAC5B,GAAG,gBAAgB;YACnB,iBAAiB;YACjB;gBACE,OAAO,EAAE,sBAAe;gBACxB,QAAQ,EAAE,0CAAmB;aAC9B;SACF,CAAC;QAEF,IAAI,aAAa,EAAE,CAAC;YAClB,SAAS,CAAC,IAAI,CAAC;gBACb,OAAO,EAAE,sBAAe;gBACxB,QAAQ,EAAE,gCAAc;aACzB,CAAC,CAAC;QACL,CAAC;QAED,OAAO;YACL,MAAM,EAAE,gBAAc;YACtB,WAAW,EAAE,CAAC,wCAAkB,CAAC;YACjC,SAAS;YACT,OAAO,EAAE,CAAC,kCAAe,EAAE,gCAAwB,EAAE,GAAG,gBAAgB,CAAC;SAC1E,CAAC;IACJ,CAAC;CACF,CAAA;AArDY,wCAAc;yBAAd,cAAc;IAD1B,IAAA,eAAM,EAAC,EAAE,CAAC;GACE,cAAc,CAqD1B"}
+{"version":3,"file":"devtools.module.js","sourceRoot":"","sources":["../devtools.module.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,2CAAuE;AACvE,uCAA+C;AAC/C,yDAAqD;AACrD,iEAA6D;AAC7D,uDAAmD;AACnD,+DAA2D;AAE3D,6CAMsB;AAET,QAAA,wBAAwB,GAAG,0BAA0B,CAAC;AACtD,QAAA,oBAAoB,GAAG,sBAAsB,CAAC;AAgB3D,MAAM,kBAAkB,GAA8B;IACpD,6BAAgB;IAChB,iCAAoB;IACpB,8BAAiB;IACjB,2BAAc;IACd,yBAAY;CACb,CAAC;AAEF,SAAS,qBAAqB,CAAC,UAAkB;IAC/C,OAAO;QACL;YACE,OAAO,EAAE,kCAAe;YACxB,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,kCAAe,CAAC,UAAU,CAAC;SAClD;QACD,6BAAgB;QAChB,iCAAoB;QACpB,8BAAiB;QACjB,2BAAc;QACd,yBAAY;KACb,CAAC;AACJ,CAAC;AAGM,IAAM,cAAc,sBAApB,MAAM,cAAc;IACzB,MAAM,CAAC,OAAO,CAAC,UAAiC,EAAE;QAChD,MAAM,EACJ,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAC/C,UAAU,GAAG,EAAE,EACf,UAAU,GAAG,kBAAkB,EAC/B,aAAa,GAAG,IAAI,EACpB,QAAQ,EACR,KAAK,GACN,GAAG,OAAO,CAAC;QAEZ,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;gBACL,MAAM,EAAE,gBAAc;gBACtB,SAAS,EAAE;oBACT;wBACE,OAAO,EAAE,kCAAe;wBACxB,QAAQ,EAAE,IAAI;qBACf;iBACF;gBACD,OAAO,EAAE,EAAE;aACZ,CAAC;QACJ,CAAC;QAED,MAAM,aAAa,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,kBAAkB,EAAE,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;QAE3E,MAAM,iBAAiB,GAAa;YAClC,OAAO,EAAE,gCAAwB;YACjC,UAAU,EAAE,CAAC,GAAG,SAA8B,EAAE,EAAE,CAAC,SAAS;YAC5D,MAAM,EAAE,aAAa;SACtB,CAAC;QAEF,MAAM,cAAc,GAA2B;YAC7C,QAAQ,EAAE,QAAQ,IAAI,aAAa;YACnC,KAAK,EAAE,KAAK,IAAI,MAAM;SACvB,CAAC;QACF,MAAM,cAAc,GAAa;YAC/B,OAAO,EAAE,4BAAoB;YAC7B,QAAQ,EAAE,cAAc;SACzB,CAAC;QAEF,MAAM,eAAe,GAAG,qBAAqB,CAAC,UAAU,CAAC,CAAC;QAE1D,MAAM,SAAS,GAAe;YAC5B,GAAG,eAAe;YAClB,iBAAiB;YACjB,cAAc;YACd;gBACE,OAAO,EAAE,sBAAe;gBACxB,QAAQ,EAAE,0CAAmB;aAC9B;SACF,CAAC;QAEF,IAAI,aAAa,EAAE,CAAC;YAClB,SAAS,CAAC,IAAI,CAAC;gBACb,OAAO,EAAE,sBAAe;gBACxB,QAAQ,EAAE,gCAAc;aACzB,CAAC,CAAC;QACL,CAAC;QAED,OAAO;YACL,MAAM,EAAE,gBAAc;YACtB,WAAW,EAAE,CAAC,wCAAkB,CAAC;YACjC,SAAS;YACT,OAAO,EAAE,CAAC,kCAAe,EAAE,gCAAwB,EAAE,4BAAoB,EAAE,GAAG,eAAe,CAAC;SAC/F,CAAC;IACJ,CAAC;CACF,CAAA;AAnEY,wCAAc;yBAAd,cAAc;IAD1B,IAAA,eAAM,EAAC,EAAE,CAAC;GACE,cAAc,CAmE1B"}

package/dist/devtools.service.js

@@ -8,9 +8,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-var __param = (this && this.__param) || function (paramIndex, decorator) {
-    return function (target, key) { decorator(target, key, paramIndex); }
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DevtoolsService = void 0;
 const common_1 = require("@nestjs/common");
@@ -80,7 +77,6 @@ let DevtoolsService = class DevtoolsService {
 exports.DevtoolsService = DevtoolsService;
 exports.DevtoolsService = DevtoolsService = __decorate([
     (0, common_1.Injectable)(),
-    __param(0, (0, common_1.Optional)()),
     __metadata("design:paramtypes", [Object])
 ], DevtoolsService);
 //# sourceMappingURL=devtools.service.js.map

package/dist/devtools.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"devtools.service.js","sourceRoot":"","sources":["../devtools.service.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,2CAAsD;AAI/C,IAAM,eAAe,GAArB,MAAM,eAAe;IAI1B,YAAwB,aAAa,EAAE;QAHtB,YAAO,GAAuB,EAAE,CAAC;QAO1C,mBAAc,GAA4B,IAAI,CAAC;QAHrD,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;IAC/B,CAAC;IAID,iBAAiB;QACf,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;IAED,iBAAiB,CAAC,IAAsB;QACtC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;IAC7B,CAAC;IAED,QAAQ,CAAC,GAAW,EAAE,QAAgB;QACpC,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC;QACtD,CAAC;IACH,CAAC;IAED,MAAM,CAAC,OAAe,EAAE,KAAa;QACnC,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC;QAC3E,CAAC;IACH,CAAC;IAED,cAAc;QACZ,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC;QAClC,CAAC;IACH,CAAC;IAED,eAAe;QACb,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,CAAC;QACpC,CAAC;IACH,CAAC;IAED,YAAY,CAAC,SAA6C;QACxD,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,IAAI,CAAC,cAAc,CAAC,SAAS,GAAG,SAAS,CAAC;QAC5C,CAAC;IACH,CAAC;IAED,aAAa;QACX,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YAC1C,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;gBAC1C,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC;YACrB,CAAC;YACD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC7B,CAAC;IACH,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;IACjC,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YAC9B,EAAE,EAAE,CAAC,CAAC,EAAE;YACR,MAAM,EAAE,CAAC,CAAC,MAAM;YAChB,IAAI,EAAE,CAAC,CAAC,IAAI;YACZ,UAAU,EAAE,CAAC,CAAC,UAAU;YACxB,QAAQ,EAAE,CAAC,CAAC,QAAQ;YACpB,SAAS,EAAE,CAAC,CAAC,SAAS;SACvB,CAAC,CAAC,CAAC;IACN,CAAC;CACF,CAAA;AA5EY,0CAAe;0BAAf,eAAe;IAD3B,IAAA,mBAAU,GAAE;IAKE,WAAA,IAAA,iBAAQ,GAAE,CAAA;;GAJZ,eAAe,CA4E3B"}
+{"version":3,"file":"devtools.service.js","sourceRoot":"","sources":["../devtools.service.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAA4C;AAIrC,IAAM,eAAe,GAArB,MAAM,eAAe;IAI1B,YAAY,UAAU,GAAG,EAAE;QAHV,YAAO,GAAuB,EAAE,CAAC;QAO1C,mBAAc,GAA4B,IAAI,CAAC;QAHrD,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;IAC/B,CAAC;IAID,iBAAiB;QACf,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;IAED,iBAAiB,CAAC,IAAsB;QACtC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;IAC7B,CAAC;IAED,QAAQ,CAAC,GAAW,EAAE,QAAgB;QACpC,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC;QACtD,CAAC;IACH,CAAC;IAED,MAAM,CAAC,OAAe,EAAE,KAAa;QACnC,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC;QAC3E,CAAC;IACH,CAAC;IAED,cAAc;QACZ,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC;QAClC,CAAC;IACH,CAAC;IAED,eAAe;QACb,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,CAAC;QACpC,CAAC;IACH,CAAC;IAED,YAAY,CAAC,SAA6C;QACxD,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,IAAI,CAAC,cAAc,CAAC,SAAS,GAAG,SAAS,CAAC;QAC5C,CAAC;IACH,CAAC;IAED,aAAa;QACX,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YAC1C,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;gBAC1C,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC;YACrB,CAAC;YACD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC7B,CAAC;IACH,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;IACjC,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YAC9B,EAAE,EAAE,CAAC,CAAC,EAAE;YACR,MAAM,EAAE,CAAC,CAAC,MAAM;YAChB,IAAI,EAAE,CAAC,CAAC,IAAI;YACZ,UAAU,EAAE,CAAC,CAAC,UAAU;YACxB,QAAQ,EAAE,CAAC,CAAC,QAAQ;YACpB,SAAS,EAAE,CAAC,CAAC,SAAS;SACvB,CAAC,CAAC,CAAC;IACN,CAAC;CACF,CAAA;AA5EY,0CAAe;0BAAf,eAAe;IAD3B,IAAA,mBAAU,GAAE;;GACA,eAAe,CA4E3B"}

package/dist/toolbar/profiler.d.ts

@@ -1 +1,4 @@
-export declare const PROFILER_PAGE: () => string;
+export interface ProfilerPageConfig {
+    theme: 'light' | 'dark';
+}
+export declare const PROFILER_PAGE: (config?: Partial<ProfilerPageConfig>) => string;

package/dist/toolbar/profiler.js

@@ -1,7 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PROFILER_PAGE = void 0;
-const PROFILER_PAGE = () => `<!DOCTYPE html>
+const PROFILER_PAGE = (config) => {
+    const { theme = 'dark' } = config ?? {};
+    const dark = theme === 'dark';
+    const bg = dark ? '#111827' : '#f8fafc';
+    const fg = dark ? '#f3f4f6' : '#1f2937';
+    const cardBg = dark ? '#1f2937' : '#ffffff';
+    const borderClr = dark ? '#374151' : '#e5e7eb';
+    const headerBg = dark ? '#1f2937' : '#ffffff';
+    const dimText = dark ? '#9ca3af' : '#6b7280';
+    const dimmerText = dark ? '#6b7280' : '#9ca3af';
+    const accentText = dark ? '#60a5fa' : '#2563eb';
+    const navBg = dark ? '#1f2937' : '#f1f5f9';
+    const navFg = dark ? '#d1d5db' : '#475569';
+    return `<!DOCTYPE html>
 <html lang="en">
 <head>
 <meta charset="UTF-8">
@@ -10,38 +23,38 @@ const PROFILER_PAGE = () => `<!DOCTYPE html>
 <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;
+    font-family: -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
+    background: ${bg}; color: ${fg}; font-size: 13px; line-height: 1.5;
     min-height: 100vh;
   }
   .header {
-    background: #1f2937; border-bottom: 2px solid #3b82f6;
+    background: ${headerBg}; 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; }
+  .header h1 { font-size: 18px; font-weight: 700; color: ${accentText}; }
+  .header span { color: ${dimText}; 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;
+    background: ${cardBg}; border-radius: 8px; border: 1px solid ${borderClr};
     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;
+    border-bottom: 1px solid ${borderClr};
   }
   .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-header .summary { color: ${dimText}; 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;
+    padding: 6px 8px; border-bottom: 1px solid ${borderClr}; text-align: left;
     vertical-align: top; word-break: break-word;
   }
-  .card-body th { color: #9ca3af; font-weight: 600; width: 120px; }
+  .card-body th { color: ${dimText}; font-weight: 600; width: 120px; }
   .badge {
     display: inline-block; padding: 2px 8px; border-radius: 4px;
     font-size: 11px; font-weight: 600;
@@ -51,22 +64,22 @@ const PROFILER_PAGE = () => `<!DOCTYPE html>
   .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; }
+  .empty { padding: 24px; text-align: center; color: ${dimmerText}; }
   .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; }
+  .history-table th { padding: 8px 12px; text-align: left; color: ${dimText}; font-weight: 600; border-bottom: 2px solid ${borderClr}; }
+  .history-table td { padding: 8px 12px; border-bottom: 1px solid ${borderClr}; }
+  .history-table tr:hover td { background: ${cardBg}; }
   .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;
+    padding: 8px 16px; border-radius: 6px; border: 1px solid ${borderClr};
+    background: ${navBg}; color: ${navFg}; cursor: pointer; font-size: 13px;
   }
-  .nav button.active { border-color: #3b82f6; color: #60a5fa; background: #1e3a5f; }
-  .nav button:hover { background: #374151; }
+  .nav button.active { border-color: #3b82f6; color: ${accentText}; background: ${dark ? '#1e3a5f' : '#dbeafe'}; }
+  .nav button:hover { background: ${dark ? '#374151' : '#e2e8f0'}; }
   .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; }
@@ -222,5 +235,6 @@ const PROFILER_PAGE = () => `<!DOCTYPE html>
 </script>
 </body>
 </html>`;
+};
 exports.PROFILER_PAGE = PROFILER_PAGE;
 //# sourceMappingURL=profiler.js.map

package/dist/toolbar/profiler.js.map

@@ -1 +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"}
+{"version":3,"file":"profiler.js","sourceRoot":"","sources":["../../toolbar/profiler.ts"],"names":[],"mappings":";;;AAIO,MAAM,aAAa,GAAG,CAAC,MAAoC,EAAE,EAAE;IACpE,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IACxC,MAAM,IAAI,GAAG,KAAK,KAAK,MAAM,CAAC;IAC9B,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IACxC,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IACxC,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAC5C,MAAM,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAC/C,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAC9C,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAC7C,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAChD,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAChD,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3C,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAE3C,OAAO;;;;;;;;;;kBAUS,EAAE,YAAY,EAAE;;;;kBAIhB,QAAQ;;;2DAGiC,UAAU;0BAC3C,OAAO;;;;kBAIf,MAAM,2CAA2C,SAAS;;;;;;+BAM7C,SAAS;;;;mCAIL,OAAO;;;;;iDAKO,SAAS;;;2BAG/B,OAAO;;;;;;;;;;uDAUqB,UAAU;;;oEAGG,OAAO,gDAAgD,SAAS;oEAChE,SAAS;6CAChC,MAAM;;;;;;+DAMY,SAAS;kBACtD,KAAK,YAAY,KAAK;;uDAEe,UAAU,iBAAiB,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;oCAC1E,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA2JxD,CAAC;AACT,CAAC,CAAC;AA3OW,QAAA,aAAa,iBA2OxB"}

package/dist/toolbar/template.d.ts

@@ -1 +1,5 @@
-export declare const TOOLBAR_TEMPLATE: () => string;
+export interface ToolbarTemplateConfig {
+    position: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
+    theme: 'light' | 'dark';
+}
+export declare const TOOLBAR_TEMPLATE: (config?: Partial<ToolbarTemplateConfig>) => string;

package/dist/toolbar/template.js

@@ -1,15 +1,38 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TOOLBAR_TEMPLATE = void 0;
-const TOOLBAR_TEMPLATE = () => {
+const TOOLBAR_TEMPLATE = (config) => {
+    const { position = 'bottom-left', theme = 'dark' } = config ?? {};
     const id = '__nestDevtools';
     const uid = Math.random().toString(36).slice(2, 8);
+    const isTop = position.startsWith('top');
+    const isRight = position.endsWith('right');
+    const outerPos = isTop ? 'top:0' : 'bottom:0';
+    const outerSide = isRight ? 'right:0' : 'left:0';
+    const outerBorder = isTop ? 'border-bottom:2px solid #3b82f6' : 'border-top:2px solid #3b82f6';
+    const outerShadow = isTop
+        ? 'box-shadow:0 4px 12px rgba(0,0,0,0.35)'
+        : 'box-shadow:0 -4px 12px rgba(0,0,0,0.35)';
+    const dark = theme === 'dark';
+    const bg = dark ? '#1f2937' : '#ffffff';
+    const fg = dark ? '#f3f4f6' : '#1f2937';
+    const panelBg = dark ? '#111827' : '#f3f4f6';
+    const borderClr = dark ? '#374151' : '#e5e7eb';
+    const btnFg = dark ? '#d1d5db' : '#374151';
+    const btnBg = dark ? '#374151' : '#e5e7eb';
+    const btnHover = dark ? '#4b5563' : '#d1d5db';
+    const dimText = dark ? '#9ca3af' : '#6b7280';
+    const dimmerText = dark ? '#6b7280' : '#9ca3af';
+    const accentText = dark ? '#60a5fa' : '#2563eb';
+    const warnClr = '#f59e0b';
+    const errClr = '#ef4444';
+    const sqlTimeClr = dark ? '#fbbf24' : '#b45309';
     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:system-ui,BlinkMacSystemFont,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>';
+  c.innerHTML='<div style="position:fixed;${outerPos};${outerSide};z-index:99999;font-family:system-ui,BlinkMacSystemFont,sans-serif;font-size:12px;background:${bg};color:${fg};${outerBorder};width:100%;${outerShadow}"><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:${accentText};padding:0 10px 0 4px;letter-spacing:-0.5px">NDev</span><div id="'+C+'-bar"></div><a href="'+p+'" target="_blank" style="color:${dimmerText};text-decoration:none;padding:4px 8px;font-size:11px;margin-left:auto" title="Open profiler">&#x25A3;</a><span id="'+C+'-toggle" style="color:${dimmerText};cursor:pointer;padding:4px 8px;font-size:14px">&#x2039;</span></div><div id="'+C+'-panel" style="display:none;border-top:1px solid ${borderClr};background:${panelBg};font-size:12px;line-height:1.5"></div></div>';
   B.appendChild(c);
 
   var lastActive=null;
@@ -20,39 +43,39 @@ const TOOLBAR_TEMPLATE = () => {
     var h='<div style="padding:12px 16px;max-height:360px;overflow-y:auto">';
     h+='<div style="display:flex;align-items:center;margin-bottom:10px;gap:8px">';
     h+='<span style="font-weight:700;font-size:13px">'+detail.label+'</span>';
-    h+='<span style="color:#9ca3af;font-size:11px">'+detail.summary+'</span>';
-    h+='<span style="margin-left:auto;cursor:pointer;color:#6b7280;font-size:16px" onclick="document.getElementById('+C+'-panel).style.display=\\'none\\';lastActive=null">\u00d7</span>';
+    h+='<span style="color:${dimText};font-size:11px">'+detail.summary+'</span>';
+    h+='<span style="margin-left:auto;cursor:pointer;color:${dimmerText};font-size:16px" onclick="document.getElementById('+C+'-panel).style.display=\\'none\\';lastActive=null">\u00d7</span>';
     h+='</div>';
     h+='<table style="width:100%;border-collapse:collapse">';
     for (var k in detail.details) {
       var v=detail.details[k];
       if (k==='queries' && Array.isArray(v)) {
         for (var i=0;i<v.length;i++) {
-          h+='<tr><td style="padding:4px 8px;color:#9ca3af;border-bottom:1px solid #1f2937;vertical-align:top;width:80px">#'+(i+1)+'</td><td style="padding:4px 8px;border-bottom:1px solid #1f2937;font-family:monospace;font-size:11px;word-break:break-all">'+escapeHtml(v[i].sql||'')+'</td><td style="padding:4px 8px;border-bottom:1px solid #1f2937;text-align:right;color:#fbbf24">'+escapeHtml(v[i].duration||'')+'</td></tr>';
+          h+='<tr><td style="padding:4px 8px;color:${dimText};border-bottom:1px solid ${borderClr};vertical-align:top;width:80px">#'+(i+1)+'</td><td style="padding:4px 8px;border-bottom:1px solid ${borderClr};font-family:monospace;font-size:11px;word-break:break-all">'+escapeHtml(v[i].sql||'')+'</td><td style="padding:4px 8px;border-bottom:1px solid ${borderClr};text-align:right;color:${sqlTimeClr}">'+escapeHtml(v[i].duration||'')+'</td></tr>';
         }
         continue;
       }
       if (k==='entries' && Array.isArray(v)) {
         for (var i=0;i<v.length;i++) {
           var e=v[i];
-          var lc=e.level==='error'?'#ef4444':e.level==='warn'?'#f59e0b':'#9ca3af';
-          h+='<tr><td style="padding:3px 8px;color:'+lc+';border-bottom:1px solid #1f2937;width:60px;text-transform:uppercase;font-weight:600;font-size:10px">'+escapeHtml(e.level||'')+'</td><td style="padding:3px 8px;border-bottom:1px solid #1f2937;word-break:break-all">'+escapeHtml(e.message||'')+'</td></tr>';
+          var lc=e.level==='error'?'${errClr}':e.level==='warn'?'${warnClr}':'${dimText}';
+          h+='<tr><td style="padding:3px 8px;color:'+lc+';border-bottom:1px solid ${borderClr};width:60px;text-transform:uppercase;font-weight:600;font-size:10px">'+escapeHtml(e.level||'')+'</td><td style="padding:3px 8px;border-bottom:1px solid ${borderClr};word-break:break-all">'+escapeHtml(e.message||'')+'</td></tr>';
         }
         continue;
       }
       if (k==='grouped' && Array.isArray(v)) {
         for (var i=0;i<v.length;i++) {
           var g=v[i];
-          h+='<tr><td colspan="3" style="padding:6px 8px;color:#60a5fa;font-weight:600;border-bottom:1px solid #1f2937">'+escapeHtml(g.method||'')+' ('+(g.count||0)+')</td></tr>';
+          h+='<tr><td colspan="3" style="padding:6px 8px;color:${accentText};font-weight:600;border-bottom:1px solid ${borderClr}">'+escapeHtml(g.method||'')+' ('+(g.count||0)+')</td></tr>';
           if (g.routes) {
             for (var j=0;j<g.routes.length;j++) {
-              h+='<tr><td style="padding:2px 8px 2px 24px;border-bottom:1px solid #1f2937;font-family:monospace;font-size:11px" colspan="3">'+escapeHtml(g.routes[j].path||'')+' <span style="color:#6b7280">('+escapeHtml(g.routes[j].controller||'')+')</span></td></tr>';
+              h+='<tr><td style="padding:2px 8px 2px 24px;border-bottom:1px solid ${borderClr};font-family:monospace;font-size:11px" colspan="3">'+escapeHtml(g.routes[j].path||'')+' <span style="color:${dimmerText}">('+escapeHtml(g.routes[j].controller||'')+')</span></td></tr>';
             }
           }
         }
         continue;
       }
-      h+='<tr><td style="padding:4px 8px;color:#9ca3af;border-bottom:1px solid #1f2937;width:120px;vertical-align:top">'+escapeHtml(k)+'</td><td style="padding:4px 8px;border-bottom:1px solid #1f2937;word-break:break-all">'+escapeHtml(String(v))+'</td></tr>';
+      h+='<tr><td style="padding:4px 8px;color:${dimText};border-bottom:1px solid ${borderClr};width:120px;vertical-align:top">'+escapeHtml(k)+'</td><td style="padding:4px 8px;border-bottom:1px solid ${borderClr};word-break:break-all">'+escapeHtml(String(v))+'</td></tr>';
     }
     h+='</table></div>';
     p.innerHTML=h;
@@ -79,10 +102,10 @@ const TOOLBAR_TEMPLATE = () => {
     panels.forEach(function(p,i){
       var ic=icons[p.label.toLowerCase()]||icons['default'];
       var btn=D.createElement('span');
-      btn.style.cssText='display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:4px;cursor:pointer;color:#d1d5db;background:#374151;margin:0 2px;transition:background .15s';
+      btn.style.cssText='display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:4px;cursor:pointer;color:${btnFg};background:${btnBg};margin:0 2px;transition:background .15s';
       btn.innerHTML=ic+' '+escapeHtml(p.summary);
-      btn.onmouseenter=function(){this.style.background='#4b5563'};
-      btn.onmouseleave=function(){this.style.background='#374151'};
+      btn.onmouseenter=function(){this.style.background='${btnHover}'};
+      btn.onmouseleave=function(){this.style.background='${btnBg}'};
       btn.onclick=function(n){return function(){
         var key=Object.keys(d).filter(function(k){return d[k]===d[n]})[0];
         renderPanel(key,d[key]);

package/dist/toolbar/template.js.map

@@ -1 +1 @@
-{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UA0FrC,CAAC;AACX,CAAC,CAAC;AAjGW,QAAA,gBAAgB,oBAiG3B"}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../toolbar/template.ts"],"names":[],"mappings":";;;AAKO,MAAM,gBAAgB,GAAG,CAAC,MAAuC,EAAE,EAAE;IAC1E,MAAM,EAAE,QAAQ,GAAG,aAAa,EAAE,KAAK,GAAG,MAAM,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IAClE,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,MAAM,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IACzC,MAAM,OAAO,GAAG,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAE3C,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC;IAC9C,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;IACjD,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,8BAA8B,CAAC;IAC/F,MAAM,WAAW,GAAG,KAAK;QACvB,CAAC,CAAC,wCAAwC;QAC1C,CAAC,CAAC,yCAAyC,CAAC;IAE9C,MAAM,IAAI,GAAG,KAAK,KAAK,MAAM,CAAC;IAC9B,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IACxC,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IACxC,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAC7C,MAAM,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAC/C,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3C,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3C,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAC9C,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAC7C,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAChD,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAChD,MAAM,OAAO,GAAG,SAAS,CAAC;IAC1B,MAAM,MAAM,GAAG,SAAS,CAAC;IACzB,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAEhD,OAAO,eAAe,EAAE;;4CAEkB,GAAG;;;4CAGH,QAAQ,IAAI,SAAS,gGAAgG,EAAE,UAAU,EAAE,IAAI,WAAW,eAAe,WAAW,8LAA8L,UAAU,kIAAkI,UAAU,iJAAiJ,UAAU,uIAAuI,SAAS,eAAe,OAAO;;;;;;;;;;;6BAWh1B,OAAO;6DACyB,UAAU;;;;;;;qDAOlB,OAAO,4BAA4B,SAAS,qGAAqG,SAAS,mJAAmJ,SAAS,2BAA2B,UAAU;;;;;;;sCAO1W,MAAM,uBAAuB,OAAO,MAAM,OAAO;oFACH,SAAS,2JAA2J,SAAS;;;;;;;iEAOhM,UAAU,4CAA4C,SAAS;;;oFAG5C,SAAS,8GAA8G,UAAU;;;;;;iDAMpK,OAAO,4BAA4B,SAAS,6GAA6G,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;kIA2BjF,KAAK,eAAe,KAAK;;2DAEhG,QAAQ;2DACR,KAAK;;;;;;;;;;;;;;UActD,CAAC;AACX,CAAC,CAAC;AA3HW,QAAA,gBAAgB,oBA2H3B"}

package/package.json

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