Enable FastBoot (again)

Procfile

@@ -1,3 +1,3 @@
 release: bin/diesel migration run
-web: bin/start-nginx ./target/release/server
+web: node --optimize_for_size --max_old_space_size=200 fastboot.js & bin/start-nginx target/release/server & wait -n
 background_worker: ./target/release/background-worker

app/styles/app.scss

@@ -33,7 +33,9 @@ body {
   @include align-items(center);
 }
 
-.ember-application > div {
+/* .ember-application is added by Ember after initial rendering */
+.ember-application > div,
+body > div {
     width: 960px;
     @media only screen and (max-width: 960px) {
         width: 100%;

config/environment.js

@@ -22,6 +22,10 @@ module.exports = function(environment) {
       // Here you can pass flags/options to your application instance
       // when it is created
     },
+
+    fastboot: {
+      hostWhitelist: ['crates.io', /^localhost:\d+$/, /\.herokuapp\.com$/],
+    },
   };
 
   if (environment === 'development') {

config/nginx.conf.erb

@@ -64,6 +64,11 @@ http {
 			proxy_pass http://app_server;
 		}
 
+		# Just in case, only forward "/policies" to Ember for a moment
+		location = /policies {
+			proxy_pass http://localhost:9000;
+		}
+
 		location ~ ^/api/v./crates/new$ {
 			proxy_pass http://app_server;
 

fastboot.js

@@ -0,0 +1,63 @@
+/* eslint-disable no-console */
+/* eslint-env node */
+
+'use strict';
+
+const fs = require('fs');
+const os = require('os');
+const FastBootAppServer = require('fastboot-app-server');
+
+// because fastboot-app-server uses cluster, but it might change in future
+const cluster = require('cluster');
+
+class LoggerWithoutTimestamp {
+  constructor() {
+    this.prefix = cluster.isMaster ? 'master' : 'worker';
+  }
+  writeLine() {
+    this._write('info', Array.prototype.slice.apply(arguments));
+  }
+
+  writeError() {
+    this._write('error', Array.prototype.slice.apply(arguments));
+  }
+
+  _write(level, args) {
+    args[0] = `[${level}][${this.prefix}] ${args[0]}`;
+    console.log.apply(console, args);
+  }
+}
+
+function writeAppInitializedWhenReady(logger) {
+  let timeout;
+
+  timeout = setInterval(function() {
+    logger.writeLine('waiting backend');
+    if (fs.existsSync('/tmp/backend-initialized')) {
+      logger.writeLine('backend is up. let heroku know the app is ready');
+      fs.writeFileSync('/tmp/app-initialized', 'hello');
+      clearInterval(timeout);
+    } else {
+      logger.writeLine('backend is still not up');
+    }
+  }, 1000);
+}
+
+var logger = new LoggerWithoutTimestamp();
+
+logger.writeLine(`${os.cpus().length} cores available`);
+
+let workerCount = process.env.WEB_CONCURRENCY || 1;
+
+let server = new FastBootAppServer({
+  distPath: 'dist',
+  port: 9000,
+  ui: logger,
+  workerCount: workerCount,
+});
+
+if (!cluster.isWorker) {
+  writeAppInitializedWhenReady(logger);
+}
+
+server.start();

fastboot/initializers/ajax.js

@@ -0,0 +1,8 @@
+export default {
+  name: 'ajax-service',
+  initialize() {
+    // This is to override Fastboot's initializer which prevents ember-fetch from working
+    // https://github.com/ember-fastboot/ember-cli-fastboot/blob/master/fastboot/initializers/ajax.js
+    // https://github.com/ember-cli/ember-fetch#ajax-service
+  },
+};