☰

WM Debug Console

Creates a debug console that slides up from the bottom right of the screen

This script should not be not be installed directly. It is a library for other scripts to include with the meta directive // @require https://update.greatest.deepsurf.us/scripts/417/1299/WM%20Debug%20Console.js 

  1. // ==UserScript==
  2. // @name                WM Debug Console
  3. // @namespace           MerricksdadDebugConsole
  4. // @description	Creates a debug console that slides up from the bottom right of the screen
  5. // @license		http://creativecommons.org/licenses/by-nc-nd/3.0/us/
  6. // @version		3.0.0.5
  7. // @copyright		Charlie Ewing except where noted
  8. // ==/UserScript== 
  9.  
  10. //this script requires some functions in the WM Common Library
  11. //this script needs access to a pre-defined JSON object
  12.  
  13. (function(){
  14. 	this.debug = {
  15. 		doDebug: true, //always true until told otherwise after gmconfig loads
  16. 		debugLevel: 0, //always max until told otherwise in run function
  17. 		debugMaxComments: 100,
  18. 		useScrollIntoView: false,
  19. 		stackRepeats: false,
  20. 		lastPkg:null,
  21.  
  22. 		initialized: false,
  23. 		windowNode: null, //container for created debug window
  24. 		messageNode: null,
  25.  
  26. 		init: function(params){try{
  27. 			params=params||{};
  28.  
  29. 			if (!($("WM_debugWindow"))) {
  30. 				addGlobalStyle(""+
  31. 					"#WM_debugWindow {height:249px; position:fixed; right: 2px; bottom: 2px; z-index: 9999; width: 50%; transition-property:'bottom'; transition-duration:1s; transition-timing-function:ease-in-out;}\n"+
  32. 					"#WM_debugWindow.tuck {transition-property: 'bottom'; transition-duration:1s; bottom:-220px; transition-timing-function:ease-in-out;}\n"+
  33. 					"#WM_debugWindow a {color:white;}\n"+
  34. 					".errConsoleLine {padding-top: 3px; padding-bottom: 3px; border-bottom:solid #760202 2px;}\n"+
  35. 					".errConsoleScript {}\n"+
  36. 					".errConsoleFunction {}\n"+
  37. 					".errConsoleMessages {height:220px;overflow: scroll;color: #FFCA5E; background-color: #CA0704; background-image: -moz-linear-gradient(top, #CA0704, #9C0505); font-weight: bold; font-size: 12px; border-radius: 0px 5px 5px 5px; border:solid #760202 3px;padding-left: 6px; padding-right: 6px;}\n"+
  38. 					".errConsoleLineNum {}\n"+
  39. 					".errConsoleErrNum {}\n"+
  40. 					".errConsoleMessage {}\n"+
  41. 					".errConsoleComment {}\n"+
  42. 					".errConsoleButtonBorder {border-radius: 5px 5px 0px 0px; border:solid #760202 2px; border-bottom:0px;}\n"+
  43. 					".errConsoleCloseButton {background-color: #9F0A0C; background-image: -moz-linear-gradient(top, #FFDDBA, #9F0A0C);font-size: 12px; font-weight: bold; color: white; border-radius: 5px 5px 0px 0px; border:solid #BE1A11 2px;border-bottom:0px;padding: 6px;display:inline-block;}\n"+
  44. 					""
  45. 				,"styleDebug");
  46. 				document.body.appendChild(
  47. 					debug.windowNode = createElement("div",{id:"WM_debugWindow",className:"tuck"},[ 
  48. 						//createElement("div",{className:"errConsoleButtonBorder"},[]),
  49. 						createElement("a",{href:jsVoid,className:"errConsoleCloseButton",textContent:"Debug",onclick:debug.toggle}),
  50. 						debug.messageNode=createElement("div",{href:jsVoid,className:"errConsoleMessages"})
  51.  
  52. 					])
  53. 				);
  54. 			}
  55. 			debug.initialized = true;
  56. 		}catch(e){log("debug.init: "+e);}},
  57.  
  58. 		print: function(msg, params){try{
  59. 			if (!debug.doDebug) return;
  60. 			params=params||{};
  61.  
  62. 			if (!debug.initialized) debug.init();
  63. 			if (!debug.initialized) return;			
  64.  
  65. 			//confirm(params.level);
  66. 			var level=params["level"]||6; //default to top level status
  67. 			if (level<debug.debugLevel) return; //dont show unwanted level warnings and errors
  68.  
  69. 			var line=params["lineNumber"]||"";
  70. 			var script=params["scriptName"]||"";
  71. 			var func=params["functionName"]||"";
  72. 			var errnum=params["errorNumber"]||"";
  73. 			var comment=params["comment"]||"";
  74. 			var type=params["type"]||"";
  75. 			
  76. 			var pkg={};
  77. 			
  78. 			if (debug.messageNode) {
  79. 				pkg.container=createElement("div",{className:"errConsoleLine "+type},[
  80. 					pkg.scriptName=createElement("span",{className:"errConsoleScript",textContent:script}),
  81. 					pkg.functionName=createElement("span",{className:"errConsoleFunction",textContent:func}),
  82. 					pkg.lineNumber=createElement("span",{className:"errConsoleLineNum",textContent:line}),
  83. 					pkg.errorNumber=createElement("span",{className:"errConsoleErrNum",textContent:errnum}),
  84. 					pkg.msg=createElement("span",{className:"errConsoleMessage",innerHTML:msg}),
  85. 					pkg.comment=createElement("span",{className:"errConsoleComment",textContent:comment}),
  86. 					pkg.counter=createElement("span",{className:"errConsoleCounter",textContent:""}),
  87. 				])
  88. 				if (!debug.stackRepeats || pkg!=(debug.lastPkg||null)) {
  89. 					var node = debug.messageNode.appendChild(pkg.container)
  90. 					if (debug.useScrollIntoView) node.scrollIntoView();
  91. 					debug.lastPkg=pkg;
  92. 				} else {
  93. 					//stack duplicates
  94. 					if (debug.lastPkg||null) {
  95. 						var counterNode=debug.lastPkg.counter;
  96. 						counterNode.textContent = (parseInt(counterNode.textContent)||0)+1;
  97. 					}
  98. 				}
  99. 			}
  100.  
  101. 			debug.cleanComments();
  102. 			return pkg;
  103.  
  104. 			//debug.show();
  105. 		}catch(e){GM_log("debug.print: "+e);}},
  106.  
  107. 		cleanComments: function(){try{
  108. 			if (!debug.messageNode) return;
  109. 			if (debug.debugMaxComments==0) return;
  110. 			var comments = selectNodes(".//div[contains(@class,'errConsoleLine')]",{node:debug.messageNode});
  111. 			if (comments.snapshotItem) {
  112. 				var count = comments.snapshotLength-debug.debugMaxComments;
  113. 				if (count>0) {
  114. 					for (var i=0;i<count;i++){
  115. 						var node=comments.snapshotItem(i);
  116. 						node.parentNode.removeChild(node);
  117. 						node=null;
  118. 					}
  119. 				}
  120. 			}
  121. 			comments=null;
  122. 		}catch(e){log("debug.cleanComments: "+e);}},
  123.  
  124. 		show: function(){try{
  125. 			if (!debug.initialized) debug.init();
  126. 			if (!debug.initialized) return;
  127.  
  128. 			if (debug.windowNode) debug.windowNode.style.display="";
  129. 		}catch(e){log("debug.show: "+e);}},
  130.  
  131. 		hide: function(){try{
  132. 			if (!debug.initialized) debug.init();
  133. 			if (!debug.initialized) return;
  134.  
  135. 			if (debug.windowNode) debug.windowNode.style.display="none";
  136. 		}catch(e){log("debug.hide: "+e);}},
  137.  
  138. 		toggle: function(){try{
  139. 			if (!debug.initialized) debug.init();
  140. 			if (!debug.initialized) return;
  141.  
  142. 			if (debug.windowNode) {
  143. 				//var isClosed = parseInt(debug.windowNode.style.bottom)<0;
  144. 				//slide(debug.windowNode,0,0,0,(isClosed)?220:-220,1);
  145. 				
  146. 				debug.windowNode.className = debug.windowNode.className.toggleWord("tuck");
  147. 			}
  148. 		}catch(e){log("debug.toggle: "+e);}},
  149. 	};
  150. })();