add HTML+JS file to beatify crash reports. Works only with MacOS crash reports at the moment. Feel free to add support for other formats, too. :-)

2 years ago · 3947f51f6d
--- a/html/crashview.html
+++ b/html/crashview.html
@ -0,0 +1,38 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
 	<meta charset="utf-8" />
 	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 	<title>Crashdump viewer &amp; formatter</title>
 	<style id="stl">
 		table,tr,th,td { border:1px solid gray; border-collapse:collapse; vertical-align:top;}
 		td { padding:2px; }
 		.log { font-family:monospace; white-space:pre; }
 		button { padding:5px;}
 		.enabled { font-weight:900; }
 		.disabled { text-decoration:line-through; text-decoration-color:red; font-style:italic; }
 	</style>
 </head>
 <body>
 <noscript>This HTML page requires JavaScript. Sorry.</noscript>
 <h1>Crashdump viewer &amp; formatter</h1>
 <p id="introtext">
 Please paste a crashdump into the textarea below or select one from file.
 </p>
 <textarea id="dropzone" name=dropzone" cols="80" rows="15" wrap="off" style="white-space:pre;overflow:auto" placeholder="Paste crashdump here…">
 </textarea>
 <br>
 <input type="file" id="crashfile" name="logfile" />
 <p>
 <output id="list"></output>
 <p>
 <table id="tbl" style="border:1px solid gray; border-collapse:collapse;"></table>

 <script src="crashview.js"></script>
 <script>
 	document.getElementById('crashfile').addEventListener('change', handleFileSelect, false);
 	document.getElementById('dropzone').addEventListener('change', handleDropzone, false);
 </script>

 </body>
 </html>
--- a/html/crashview.js
+++ b/html/crashview.js
@ -0,0 +1,90 @@
 var lineRegEx = /(\d+)\s+(\S+)\s+(0x[0-9a-fA-F]+)\s+(.*)/;

 // Beautify the output by replacing overlong C++ symbol names by shorter aliases.
 // NOTA BENE: Order of replacements matter!
 var replaces =
 	[
 		[ /std::__1::allocator/g , "ALLOC" ],
 		[ /std::__1::basic_string<char, std::__1::char_traits<char>, ALLOC<char> >/g, "STRING"],
 		[ /std::__1::vector<json_spirit::Pair_impl<json_spirit::Config_vector<STRING > >, ALLOC<json_spirit::Pair_impl<json_spirit::Config_vector<STRING > > > >/g, "JS::VALUE"],
 		[ /</g , '&lt;' ],
 		[ />/g , '&gt;' ]
 	];

 function replaceAll(s)
 {
 	replaces.forEach(function(elem)
 		{
 			s = s.replace(elem[0], elem[1]);
 		}
 	);
 	
 	return s;
 }

 function addLogLine(nr, module, address, logline)
 {
 	document.getElementById('tbl').innerHTML +=
 		'<tr><td align="right">'
 		+ nr + '</td><td>'
 		+ module + '</td><td>'
 		+ address + '</td><td class="log">'
 		+ replaceAll(logline) + '</td></tr>';
 }


 function parseData(stringData)
 {
 	var lines = stringData.split('\n');
 	
 	for(var i=0; i<lines.length; ++i)
 	{
 		var l = lines[i];
 		var m = l.match(lineRegEx);
 		if(m && m.length==5)
 		{
 			var nr       = m[1];
 			var module   = m[2];
 			var address  = m[3];
 			var logline  = m[4];
 			
 			addLogLine(nr, module, address, logline);
 		}else{
 			document.getElementById('tbl').innerHTML += '<tr class="th0"><td colspan="4">' + replaceAll(l) + '&nbsp;</td></tr>';
 		}
 	}
 }


 function handleFileSelect(evt)
 {
 	var files = evt.target.files; // FileList object
 	var file=files[0];

 	// files is a FileList of File objects. List some properties.
 	var output = [];
 	for (var i = 0, f; f = files[i]; i++)
 	{
 		output.push('<li><strong>', escape(f.name), '</strong> (', f.type || 'n/a', ') - ',
 		f.size, ' bytes. </li>');
 	}
 	
 	document.getElementById('list').innerHTML = '<ul>' + output.join('') + '</ul>';
 	document.getElementById('tbl').innerHTML = '';
 	
 	var reader = new FileReader();
 	reader.onload = function(progressEvent)
 	{
 		var stringData = reader.result;
 		parseData(stringData);
 	}
 	
 	reader.readAsText(file, "UTF-8"); 
 }


 function handleDropzone()
 {
 	document.getElementById('tbl').innerHTML = '';
 	parseData( document.getElementById("dropzone").value );
 }