Compile and minimize code #82

app/Bootstrap/HttpServer.js

@@ -47,6 +47,10 @@ function (http, nodeStatic, Api) {
                             fileServer.serveFile('./client.js', 200, {}, req, res);
                             break;
 
+                        case req.url == '/client.min.js':
+                            fileServer.serveFile('./client.min.js', 200, {}, req, res);
+                            break;
+
                         case req.url == '/require.js':
                             fileServer.serveFile('./node_modules/requirejs/require.js', 200, {}, req, res);
                             break;

app/Lib/Vendor/Screenfull.js

@@ -1,3 +1,3 @@
-define(["/screenfull.js"], function() {
+define(["screenfull"], function() {
     return screenfull;
 });

app/Lib/Vendor/SocketIO.js

@@ -1,3 +1,3 @@
-define(["/socket.io/socket.io.js"], function() {
+define(["socketio"], function() {
     return io;
 });

build.js

@@ -0,0 +1,13 @@
+({
+    baseUrl: "app",
+    paths: {
+    	"screenfull": "../node_modules/screenfull/dist/screenfull",
+    	"socketio": "../node_modules/socket.io/node_modules/socket.io-client/dist/socket.io"
+    },
+    name: "../client",
+    out: "client.min.js",
+    onBuildRead: function (moduleName, path, contents) {
+        var contents = contents.replace(/\" \+ GLOBALS.context \+ \"/g, "Client");
+        return contents;
+    }
+})

client.js

@@ -3,7 +3,11 @@ GLOBALS = { context: "Client" };
 requirejs.config({
     baseUrl: 'app',
     deps: ['Lib/Utilities/Extensions'],
-    waitSeconds: 0
+    waitSeconds: 0,
+    paths: {
+        screenfull: "/screenfull",
+        socketio: "/socket.io/socket.io"
+    },
 });
 
 if(!Chuck) var Chuck = {};

package.json

@@ -25,5 +25,8 @@
   "optionalDependencies": {},
   "engine": "node >= 0.8.4",
   "config": { "port": "1234" },
-  "private": true
+  "private": true,
+  "scripts": {
+    "prestart": "node_modules/requirejs/bin/r.js -o build.js optimize=none > /dev/null && echo '\\033[1;32mcompiled.\\033[0m'"
+  }
 }

static/html/index.html

@@ -78,6 +78,6 @@
         <canvas id="canvas"></canvas>
     </div>
 </article>
-<script data-main="client" src="require.js"></script>
+<script data-main="client.min" src="require.js"></script>
 </body>
 </html>