Merge pull request #8 from solidusjs/add-server-logs

localjo · localjo · commit 0375c13a804f · 2014-07-02T16:15:22.000-04:00
Add server logs
diff --git a/README.md b/README.md
@@ -2,6 +2,11 @@ A Google Chrome developer tools extension for use by [Solidus](https://github.co
 
 **Note:** This is still a work in progress, use at your own risk.
 
+#Build
+* Clone the repo with `git clone https://github.com/solidusjs/devtools-solidus.git devtools-solidus`
+* Run `npm install` to install dependencies
+* (Optional) Chrome will complain about `.pem` files in some of the dependencies, so you can manually delete `node_modules/socket.io-client/node_modules/engine.io-client/node_modules/ws/test/` to prevent Chrome from warning you when you install the extension.
+
 #Installation
 * Open chrome://extensions
 * Enable 'Developer Mode' checkbox
diff --git a/package.json b/package.json
@@ -29,6 +29,7 @@
     "grunt-contrib-uglify": "~0.4.0"
   },
   "dependencies": {
-    "Inspector-JSON": "SparkartGroupInc/Inspector-JSON"
+    "Inspector-JSON": "SparkartGroupInc/Inspector-JSON",
+    "socket.io-client": "^1.0.6"
   }
 }
diff --git a/views/devpanel.html b/views/devpanel.html
@@ -1,12 +1,14 @@
 <!doctype html>
 <html>
 <head>
+  <script src="../node_modules/socket.io-client/socket.io.js"></script>
   <script src="devpanel.js"></script>
   <script src="../node_modules/inspector-json/inspector-json.js"></script>
   <link href="../node_modules/inspector-json/inspector-json.css" media="all" rel="stylesheet" type="text/css">
 </head>
 <body>
   <div id="messageholder"></div>
   <div id="pagecontext"></div>
+  <pre id="serverlogs"></pre>
 </body>
 </html>
diff --git a/views/devpanel.js b/views/devpanel.js
@@ -5,6 +5,8 @@
 
 // Tell JSHint that processMainIncomingMessage is definedhere but used elsewhere
 /* exported processMainIncomingMessage */
+// Tell JSHint about the socket.io global
+/* global io */
 
 var inspector;
 
@@ -35,3 +37,13 @@ function displayMessage(msg) {
   document.querySelector('#messageholder').innerHTML = msg;
   console.log('Updated Panel With Message', msg);
 }
+
+var socket = io('http://localhost:8081');
+socket.on('connect', function(){
+  socket.on('log', function(data){
+    document.querySelector('#serverlogs').innerHTML += data.message + '\n';
+    });
+  socket.on('disconnect', function(){
+    document.querySelector('#serverlogs').innerHTML = 'Socket Disconnected';
+    });
+});

Original file line number	Diff line number	Diff line change
`@@ -29,6 +29,7 @@`
`29`	`29`	`"grunt-contrib-uglify": "~0.4.0"`
`30`	`30`	`},`
`31`	`31`	`"dependencies": {`
`32`		`- "Inspector-JSON": "SparkartGroupInc/Inspector-JSON"`
	`32`	`+ "Inspector-JSON": "SparkartGroupInc/Inspector-JSON",`
	`33`	`+ "socket.io-client": "^1.0.6"`
`33`	`34`	`}`
`34`	`35`	`}`