serve frontend via file:// instead of http://

- puts much less pressure on the renderer processes
- think of this like making nginx serve your static content instead of
the application

Author: imlucas

main.js

@@ -2,10 +2,7 @@ var server = require('scout-server');
 var debug = require('debug')('scout:main');
 
 var STATIC = process.env.WATCH_DIRECTORY || __dirname;
-debug('pointing scout-server static serving at `%s`', STATIC);
-server.start({
-  static: STATIC
-});
+server.start({});
 
 if (process.env.WATCH_DIRECTORY) {
   var watch = require('watch');
@@ -18,14 +15,14 @@ if (process.env.WATCH_DIRECTORY) {
 
   var livereload = tinyLR();
   livereload.listen(opts.port, opts.host);
-  console.log('Watching %s for changes', STATIC);
+  debug('Watching %s for changes', STATIC);
   watch.watchTree(STATIC, {
     filter: function(filename) {
       return !NODE_MODULES_REGEX.test(filename);
     },
     ignoreDotFiles: true
   }, function(files) {
-    console.log('File change detected!  Sending reload message');
+    debug('File change detected!  Sending reload message');
     livereload.changed({
       body: {
         files: files

src/electron/window-manager.js

@@ -4,8 +4,10 @@ var BrowserWindow = require('browser-window');
 var app = require('app');
 var debug = require('debug')('scout-electron:window-manager');
 var attachMenu = require('./menu');
+var path = require('path');
 
-var DEFAULT_URL = 'http://localhost:29017/index.html#connect';
+var RESOURCES = path.resolve(__dirname, '../../');
+var DEFAULT_URL = 'file://' + path.join(RESOURCES, 'index.html#connect');
 
 var DEFAULT_WIDTH = 1024;
 var DEFAULT_HEIGHT = 700;
@@ -41,7 +43,7 @@ module.exports.create = function(opts) {
     debug('got new-window event!', event, url, frameName, disposition);
     event.preventDefault();
     module.exports.create({
-      url: url
+      url: 'file://' + RESOURCES + '/index.html' + url.replace('file://', '')
     });
   });
   return _window;

src/index.jade

@@ -5,7 +5,7 @@ html(lang='en')
     meta(http-equiv="Content-Security-Policy", content="default-src *; script-src 'self' http://localhost:35729; style-src 'self' 'unsafe-inline';")
 
     meta(name='viewport', content='initial-scale=1')
-    link(rel='stylesheet', href='index.css')
+    link(rel='stylesheet', href='index.css', charset='UTF-8')
   body
     #application
-    script(src='index.js')
+    script(src='index.js', charset='UTF-8')