Also include beautifying for client scripts.

consistency++

Author: SpaceK33z

client/index.js

@@ -10,14 +10,14 @@ function getCurrentScriptSource() {
 	// Fall back to getting all scripts in the document.
 	var scriptElements = document.scripts || [];
 	var currentScript = scriptElements[scriptElements.length - 1];
-	if (currentScript)
+	if(currentScript)
 		return currentScript.getAttribute("src");
 	// Fail as there was no script to use.
 	throw new Error("[WDS] Failed to get current script source");
 }
 
 var urlParts;
-if (typeof __resourceQuery === "string" && __resourceQuery) {
+if(typeof __resourceQuery === "string" && __resourceQuery) {
 	// If this bundle is inlined, use the resource query to get the correct url.
 	urlParts = url.parse(__resourceQuery.substr(1));
 } else {

client/live.js

@@ -38,8 +38,11 @@ $(function() {
 	var contentPage = window.location.pathname.substr("/webpack-dev-server".length) + window.location.search;
 
 	status.text("Connecting to sockjs server...");
-	$errors.hide(); iframe.hide();
-	header.css({borderColor: "#96b5b4"});
+	$errors.hide();
+	iframe.hide();
+	header.css({
+		borderColor: "#96b5b4"
+	});
 
 	var onSocketMsg = {
 		hot: function() {
@@ -49,17 +52,23 @@ $(function() {
 		invalid: function() {
 			okness.text("");
 			status.text("App updated. Recompiling...");
-			header.css({borderColor: "#96b5b4"});
-			$errors.hide(); if(!hot) iframe.hide();
+			header.css({
+				borderColor: "#96b5b4"
+			});
+			$errors.hide();
+			if(!hot) iframe.hide();
 		},
 		hash: function(hash) {
 			currentHash = hash;
 		},
 		"still-ok": function() {
 			okness.text("");
 			status.text("App ready.");
-			header.css({borderColor: ""});
-			$errors.hide(); if(!hot) iframe.show();
+			header.css({
+				borderColor: ""
+			});
+			$errors.hide();
+			if(!hot) iframe.show();
 		},
 		ok: function() {
 			okness.text("");
@@ -75,30 +84,41 @@ $(function() {
 			status.text("App updated with errors. No reload!");
 			okness.text("Errors while compiling.");
 			$errors.text("\n" + stripAnsi(errors.join("\n\n\n")) + "\n\n");
-			header.css({borderColor: "#ebcb8b"});
-			$errors.show(); iframe.hide();
+			header.css({
+				borderColor: "#ebcb8b"
+			});
+			$errors.show();
+			iframe.hide();
 		},
 		"proxy-error": function(errors) {
 			status.text("Could not proxy to content base target!");
 			okness.text("Proxy error.");
 			$errors.text("\n" + stripAnsi(errors.join("\n\n\n")) + "\n\n");
-			header.css({borderColor: "#ebcb8b"});
-			$errors.show(); iframe.hide();
+			header.css({
+				borderColor: "#ebcb8b"
+			});
+			$errors.show();
+			iframe.hide();
 		},
 		close: function() {
 			status.text("");
 			okness.text("Disconnected.");
 			$errors.text("\n\n\n  Lost connection to webpack-dev-server.\n  Please restart the server to reestablish connection...\n\n\n\n");
-			header.css({borderColor: "#ebcb8b"});
-			$errors.show(); iframe.hide();
+			header.css({
+				borderColor: "#ebcb8b"
+			});
+			$errors.show();
+			iframe.hide();
 		}
 	};
 
 	newConnection(onSocketMsg);
 
 	iframe.load(function() {
 		status.text("App ready.");
-		header.css({borderColor: ""});
+		header.css({
+			borderColor: ""
+		});
 		iframe.show();
 	});
 
@@ -113,7 +133,9 @@ $(function() {
 			iframe.show();
 		} else {
 			status.text("App updated. Reloading app...");
-			header.css({borderColor: "#96b5b4"});
+			header.css({
+				borderColor: "#96b5b4"
+			});
 			try {
 				var old = iframe[0].contentWindow.location + "";
 				if(old.indexOf("about") == 0) old = null;

client/webpack.config.js

@@ -1,9 +1,12 @@
 module.exports = {
 	module: {
-		loaders: [
-			{ test: /\.css$/, loader: "style!css" },
-			{ test: /\.pug$/, loader: "pug?self" }
-		]
+		loaders: [{
+			test: /\.css$/,
+			loader: "style!css"
+		}, {
+			test: /\.pug$/,
+			loader: "pug?self"
+		}]
 	},
 	node: {
 		fs: "empty"

package.json

@@ -54,8 +54,8 @@
   "scripts": {
     "prepublish": "webpack ./client/live.js client/live.bundle.js --color --config client/webpack.config.js -p && webpack ./client/index.js client/index.bundle.js --color --config client/webpack.config.js -p",
     "lint": "eslint bin lib test client/{index,live,webpack.config}.js",
-    "beautify-lint": "beautify-lint lib/**.js bin/**.js",
-    "beautify": "beautify-rewrite lib/**.js bin/**.js",
+    "beautify-lint": "beautify-lint lib/**.js bin/**.js client/{index,live,webpack.config}.js",
+    "beautify": "beautify-rewrite lib/**.js bin/**.js client/{index,live,webpack.config}.js",
     "travis": "npm run lint && npm run beautify-lint && node lib/Server.js"
   }
 }