Cbdebugger vue3

.vscode/settings.json

@@ -15,5 +15,11 @@
 			"directoryPath": "./",
 			"isPhysicalDirectoryPath": false
 		}
-	]
+	],
+	"css.customData": [
+		".vscode/tailwind.json"
+	],
+	"css.lint.unknownAtRules": "ignore",
+	"less.lint.unknownAtRules": "ignore",
+	"scss.lint.unknownAtRules": "ignore"
 }

.vscode/tailwind.json

@@ -0,0 +1,55 @@
+{
+	"version": 1.1,
+	"atDirectives": [
+	  {
+		"name": "@tailwind",
+		"description": "Use the `@tailwind` directive to insert Tailwind's `base`, `components`, `utilities` and `screens` styles into your CSS.",
+		"references": [
+		  {
+			"name": "Tailwind Documentation",
+			"url": "https://tailwindcss.com/docs/functions-and-directives#tailwind"
+		  }
+		]
+	  },
+	  {
+		"name": "@apply",
+		"description": "Use the `@apply` directive to inline any existing utility classes into your own custom CSS. This is useful when you find a common utility pattern in your HTML that you’d like to extract to a new component.",
+		"references": [
+		  {
+			"name": "Tailwind Documentation",
+			"url": "https://tailwindcss.com/docs/functions-and-directives#apply"
+		  }
+		]
+	  },
+	  {
+		"name": "@responsive",
+		"description": "You can generate responsive variants of your own classes by wrapping their definitions in the `@responsive` directive:\n```css\n@responsive {\n  .alert {\n    background-color: #E53E3E;\n  }\n}\n```\n",
+		"references": [
+		  {
+			"name": "Tailwind Documentation",
+			"url": "https://tailwindcss.com/docs/functions-and-directives#responsive"
+		  }
+		]
+	  },
+	  {
+		"name": "@screen",
+		"description": "The `@screen` directive allows you to create media queries that reference your breakpoints by **name** instead of duplicating their values in your own CSS:\n```css\n@screen sm {\n  /* ... */\n}\n```\n…gets transformed into this:\n```css\n@media (min-width: 640px) {\n  /* ... */\n}\n```\n",
+		"references": [
+		  {
+			"name": "Tailwind Documentation",
+			"url": "https://tailwindcss.com/docs/functions-and-directives#screen"
+		  }
+		]
+	  },
+	  {
+		"name": "@variants",
+		"description": "Generate `hover`, `focus`, `active` and other **variants** of your own utilities by wrapping their definitions in the `@variants` directive:\n```css\n@variants hover, focus {\n   .btn-brand {\n    background-color: #3182CE;\n  }\n}\n```\n",
+		"references": [
+		  {
+			"name": "Tailwind Documentation",
+			"url": "https://tailwindcss.com/docs/functions-and-directives#variants"
+		  }
+		]
+	  }
+	]
+  }

ModuleConfig.cfc

@@ -34,95 +34,95 @@ component {
 		variables.settings = {
 			// This flag enables/disables the tracking of request data to our storage facilities
 			// To disable all tracking, turn this master key off
-			enabled          : true,
+			"enabled"          : true,
 			// This setting controls if you will activate the debugger for visualizations ONLY
 			// The debugger will still track requests even in non debug mode.
-			debugMode        : controller.getSetting( name = "environment", defaultValue = "production" ) == "development",
+			"debugMode"        : controller.getSetting( name = "environment", defaultValue = "production" ) == "development",
 			// The URL password to use to activate it on demand
-			debugPassword    : "cb:null",
+			"debugPassword"    : "cb:null",
 			// This flag enables/disables the end of request debugger panel docked to the bottem of the page.
 			// If you disable i, then the only way to visualize the debugger is via the `/cbdebugger` endpoint
-			requestPanelDock : true,
+			"requestPanelDock" : true,
 			// Request Tracker Options
-			requestTracker   : {
+			"requestTracker"   : {
 				// Store the request profilers in heap memory or in cachebox, default is memory
-				storage                      : "memory",
+				"storage"                      : "memory",
 				// Which cache region to store the profilers in
-				cacheName                    : "template",
-				// Track all cbdebugger events, by default this is off, turn on, when actually profiling yourself :) How Meta!
-				trackDebuggerEvents          : false,
+				"cacheName"                    : "template",
+				// Track all cbdebugger events, by default this is off, turn on, when actually profiling yourself" :) How Meta!
+				"trackDebuggerEvents"          : false,
 				// Slow request threshold in milliseconds, if execution time is above it, we mark those transactions as red
-				slowExecutionThreshold       : 1000,
+				"slowExecutionThreshold"       : 1000,
 				// How many tracking profilers to keep in stack
-				maxProfilers                 : 50,
+				"maxProfilers"                 : 50,
 				// If enabled, the debugger will monitor the creation time of CFC objects via WireBox
-				profileWireBoxObjectCreation : false,
+				"profileWireBoxObjectCreation" : false,
 				// Profile model objects annotated with the `profile` annotation
-				profileObjects               : false,
+				"profileObjects"               : false,
 				// If enabled, will trace the results of any methods that are being profiled
-				traceObjectResults           : false,
+				"traceObjectResults"           : false,
 				// Profile Custom or Core interception points
-				profileInterceptions         : false,
+				"profileInterceptions"         : false,
 				// By default all interception events are excluded, you must include what you want to profile
-				includedInterceptions        : [],
+				"includedInterceptions"        : [],
 				// Control the execution timers
-				executionTimers              : {
-					expanded           : true,
+				"executionTimers"              : {
+					"expanded"           : true,
 					// Slow transaction timers in milliseconds, if execution time of the timer is above it, we mark it
-					slowTimerThreshold : 250
+					"slowTimerThreshold" : 250
 				},
 				// Control the coldbox info reporting
-				coldboxInfo : { expanded : false },
+				"coldboxInfo" : { "expanded" : false },
 				// Control the http request reporting
-				httpRequest : {
-					expanded        : false,
+				"httpRequest" : {
+					"expanded"        : false,
 					// If enabled, we will profile HTTP Body content, disabled by default as it contains lots of data
-					profileHTTPBody : false
+					"profileHTTPBody" : false
 				}
 			},
 			// ColdBox Tracer Appender Messages
-			tracers     : { enabled : true, expanded : false },
+			"tracers"     : { "enabled" : false, "expanded" : false },
 			// Request Collections Reporting
-			collections : {
+			"collections" : {
 				// Enable tracking
-				enabled      : false,
+				"enabled"      : false,
 				// Expanded panel or not
-				expanded     : false,
+				"expanded"     : false,
 				// How many rows to dump for object collections
-				maxQueryRows : 50,
+				"maxQueryRows" : 50,
 				// How many levels to output on dumps for objects
-				maxDumpTop   : 5
+				"maxDumpTop"   : 5
 			},
 			// CacheBox Reporting
-			cachebox : { enabled : false, expanded : false },
+			"cachebox" : { "enabled" : false, "expanded" : false },
 			// Modules Reporting
-			modules  : { enabled : false, expanded : false },
+			"modules"  : { "enabled" : false, "expanded" : false },
 			// Quick and QB Reporting
-			qb       : {
-				enabled   : false,
-				expanded  : false,
+			"qb"       : {
+				"enabled"   : false,
+				"expanded"  : false,
 				// Log the binding parameters
-				logParams : true
+				"logParams" : true
 			},
 			// cborm Reporting
-			cborm : {
-				enabled   : false,
-				expanded  : false,
+			"cborm" : {
+				"enabled"   : false,
+				"expanded"  : false,
 				// Log the binding parameters
-				logParams : true
+				"logParams" : true
 			},
 			// Adobe ColdFusion SQL Collector
-			acfSql   : { enabled : false, expanded : false, logParams : true },
+			"acfSql"   : { "enabled" : false, "expanded" : false, "logParams" : true },
 			// Lucee SQL Collector
-			luceeSQL : { enabled : false, expanded : false, logParams : true },
+			"luceeSQL" : { "enabled" : false, "expanded" : false, "logParams" : true },
 			// Async Manager Collector
-			async    : { enabled : true, expanded : false },
+			"async"    : { "enabled" : true, "expanded" : false },
 			// Hyper Collector
-			hyper    : {
-				enabled         : false,
-				expanded        : false,
-				logResponseData : false,
-				logRequestBody  : false
+			"hyper"    : {
+				"enabled"         : false,
+				"expanded"        : false,
+				"logResponseData" : false,
+				"logRequestBody"  : false
 			}
 		};
 
@@ -139,7 +139,7 @@ component {
 		 * Custom Interception Points
 		 */
 		variables.interceptorSettings = {
-			customInterceptionPoints : [
+			"customInterceptionPoints" : [
 				// Before the debugger panel is rendered
 				"beforeDebuggerPanel",
 				// After the last debugger panel is rendered
@@ -171,6 +171,13 @@ component {
 	 * Load the module
 	 */
 	function onLoad(){
+		variables.settings.menu = [
+			{"name": 'Request', "enabled": true, 'key':'request'},
+			{"name": 'Timers', "enabled": true, 'key':'timer'},
+			{"name": 'Exceptions',  "enabled": true, 'key':'exception'},
+			{"name": 'HTTP', "enabled": true, 'key':'http'},
+			{"name": 'Tracer', "enabled": true, 'key':'tracer'},
+		];
 		// Only activate interceptions and collectors if master switch is on or in test mode disable it
 		// And you must not be in testing mode
 		if ( !structKeyExists( controller, "mockController" ) && variables.settings.enabled ) {
@@ -207,6 +214,7 @@ component {
 
 			/******************** WIREBOX COLLECTOR ************************************/
 
+
 			if ( variables.settings.requestTracker.profileWireBoxObjectCreation ) {
 				interceptorService.registerInterceptor(
 					interceptorClass = "#moduleMapping#.interceptors.WireBoxCollector",
@@ -243,69 +251,88 @@ component {
 			}
 
 			/******************** QB COLLECTOR ************************************/
-
 			if ( variables.settings.qb.enabled && controller.getModuleService().isModuleRegistered( "qb" ) ) {
 				interceptorService.registerInterceptor(
 					interceptorClass = "#moduleMapping#.interceptors.QBCollector",
 					interceptorName  = "QBCollector@cbdebugger"
 				);
 			}
 
-			/******************** QUICK COLLECTOR ************************************/
-
-			if ( variables.settings.qb.enabled && controller.getModuleService().isModuleRegistered( "quick" ) ) {
-				interceptorService.registerInterceptor(
-					interceptorClass = "#moduleMapping#.interceptors.QuickCollector",
-					interceptorName  = "QuickCollector@cbdebugger"
-				);
-			}
-
-			/******************** CBORM COLLECTOR ************************************/
-
-			if ( variables.settings.cborm.enabled && controller.getModuleService().isModuleRegistered( "cborm" ) ) {
-				interceptorService.registerInterceptor(
-					interceptorClass = "#moduleMapping#.interceptors.CBOrmCollector",
-					interceptorName  = "CBOrmCollector@cbdebugger"
-				);
-			}
-
 			/******************** ACFSQL COLLECTOR ************************************/
 
+			var SqlMenu = {"name": 'Database',  "enabled": false, 'key':'cfquery'};
 			if ( variables.settings.acfSql.enabled && !server.keyExists( "lucee" ) ) {
 				interceptorService.registerInterceptor(
 					interceptorClass = "#moduleMapping#.interceptors.ACFSqlCollector",
 					interceptorName  = "ACFSqlCollector@cbdebugger"
 				);
+				SqlMenu.enabled = true;
 			} else {
 				variables.settings.acfSql.enabled = false;
 			}
 
 			/******************** Lucee SQL COLLECTOR ************************************/
 
 			if ( variables.settings.luceeSQL.enabled && server.keyExists( "lucee" ) ) {
+				SqlMenu.enabled = true;
 				interceptorService.registerInterceptor(
 					interceptorClass = "#moduleMapping#.interceptors.LuceeSqlCollector",
 					interceptorName  = "LuceeSqlCollector@cbdebugger"
 				);
 			} else {
 				variables.settings.luceeSQL.enabled = false;
 			}
+			variables.settings.menu.append(SqlMenu);
 
 			/******************** Hyper COLLECTOR ************************************/
 
+			var hyperMenu = {"name": 'Hyper',  "enabled": false, 'key':'hyper'};
 			if ( variables.settings.hyper.enabled ) {
 				param variables.settings.hyper.logResponseData = false;
 				param variables.settings.hyper.logRequestBody  = false;
 				interceptorService.registerInterceptor(
 					interceptorClass = "#moduleMapping#.interceptors.HyperCollector",
 					interceptorName  = "HyperCollector@cbdebugger"
 				);
+				luceeSQLMenu.enabled = true;
 			}
+			variables.settings.menu.append(hyperMenu);
+
+
+
+			/******************** QUICK COLLECTOR ************************************/
+
+			var quickMenu = {"name": 'Quick',  "enabled": false, 'key':'quick'};
+			if ( variables.settings.qb.enabled && controller.getModuleService().isModuleRegistered( "quick" ) ) {
+				interceptorService.registerInterceptor(
+					interceptorClass = "#moduleMapping#.interceptors.QuickCollector",
+					interceptorName  = "QuickCollector@cbdebugger"
+				);
+
+				quickMenu.enabled = true;
+			}
+			variables.settings.menu.append(quickMenu);
+
+			/******************** CBORM COLLECTOR ************************************/
+
+
+			var cbormMenu = {"name": 'CBORM', "enabled": false, 'key':'cborm'};
+			if ( variables.settings.cborm.enabled && controller.getModuleService().isModuleRegistered( "cborm" ) ) {
+				interceptorService.registerInterceptor(
+					interceptorClass = "#moduleMapping#.interceptors.CBOrmCollector",
+					interceptorName  = "CBOrmCollector@cbdebugger"
+				);
+				cbormMenu.enabled = true;
+			}
+			variables.settings.menu.append(cbormMenu);
 
 			// Announce debugger loaded
 			interceptorService.announce( "onDebuggerLoad" );
 		}
-		// end master switch
+
+		variables.settings.menu.append({"name": 'Cache', "enabled": false, 'key':'cache'});
+		variables.settings.menu.append({"name": 'Modules', "enabled": false, 'key':'modules'});
+		variables.settings.menu.append({"name": 'Async', "enabled": false, 'key':'async'});
 	}
 
 	/**