SSR

Author: MacKentoch

package.json

@@ -149,6 +149,7 @@
  "apollo-link-context": "^1.0.3",
  "apollo-link-error": "^1.0.3",
  "apollo-link-http": "^1.3.2",
+ "apollo-link-schema": "^1.1.0",
  "axios": "^0.17.1",
  "babel-polyfill": "^6.26.0",
  "body-parser": "^1.18.2",

src/server/SSR/index.js

@@ -1000,6 +1000,8 @@ module.exports = require("pretty-error");
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__middleware_errors__ = __webpack_require__(72);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__config__ = __webpack_require__(23);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__config___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5__config__);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__asyncWrap__ = __webpack_require__(74);
+
 
 
 
@@ -1021,13 +1023,13 @@ var expressServer = function expressServer() {
 
  app.use(__WEBPACK_IMPORTED_MODULE_0_express___default.a.static(__WEBPACK_IMPORTED_MODULE_1_path___default.a.join(__dirname, __WEBPACK_IMPORTED_MODULE_5__config___default.a.get('server.assetsPath'))));
 
- app.get('/*', __WEBPACK_IMPORTED_MODULE_3__middleware_ssr__["a" /* default */]);
+ app.get('/*', Object(__WEBPACK_IMPORTED_MODULE_6__asyncWrap__["a" /* default */])(__WEBPACK_IMPORTED_MODULE_3__middleware_ssr__["a" /* default */]));
 
  app.use(__WEBPACK_IMPORTED_MODULE_4__middleware_errors__["a" /* error404 */]);
  app.use(__WEBPACK_IMPORTED_MODULE_4__middleware_errors__["b" /* error500 */]);
 
  app.listen(__WEBPACK_IMPORTED_MODULE_5__config___default.a.get('server.port'), __WEBPACK_IMPORTED_MODULE_5__config___default.a.get('server.host'), function () {
- return console.log('\n =====================================================\n -> Server (' + __WEBPACK_IMPORTED_MODULE_2_chalk___default.a.bgBlue('SPA') + ') \uD83C\uDFC3 (running) on ' + __WEBPACK_IMPORTED_MODULE_2_chalk___default.a.green(__WEBPACK_IMPORTED_MODULE_5__config___default.a.get('server.host')) + ':' + __WEBPACK_IMPORTED_MODULE_2_chalk___default.a.green(__WEBPACK_IMPORTED_MODULE_5__config___default.a.get('server.port')) + '\n =====================================================\n ');
+ return console.log('\n =====================================================\n -> Server (' + __WEBPACK_IMPORTED_MODULE_2_chalk___default.a.bgBlue('SSR') + ') \uD83C\uDFC3 (running) on ' + __WEBPACK_IMPORTED_MODULE_2_chalk___default.a.green(__WEBPACK_IMPORTED_MODULE_5__config___default.a.get('server.host')) + ':' + __WEBPACK_IMPORTED_MODULE_2_chalk___default.a.green(__WEBPACK_IMPORTED_MODULE_5__config___default.a.get('server.port')) + '\n =====================================================\n ');
  });
 
 
@@ -3427,5 +3429,24 @@ var error500 = function error500(err, req, res, next) {
 
 module.exports = require("convict");
 
+/***/ }),
+/* 74 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+
+/* harmony default export */ __webpack_exports__["a"] = (function (fn) {
+ if (fn.length <= 3) {
+ return function (req, res, next) {
+ return fn(req, res, next).catch(next);
+ };
+ } else {
+ return function (err, req, res, next) {
+ return fn(err, req, res, next).catch(next);
+ };
+ }
+});
+
 /***/ })
 /******/ ]);

src/server/SSR/src/lib/asyncWrap.js

@@ -0,0 +1,18 @@
+// @flow
+
+/**
+ * Returns a route handler for Express that calls the passed in function
+ * @param {Function} fn The asynchronous the route needs to call
+ * @return {Promise}
+ */
+export default function(fn) {
+ if (fn.length <= 3) {
+ return function(req, res, next) {
+ return fn(req, res, next).catch(next);
+ };
+ } else {
+ return function(err, req, res, next) {
+ return fn(err, req, res, next).catch(next);
+ };
+ }
+}

src/server/SSR/src/lib/createApolloClient.js

@@ -0,0 +1,12 @@
+// @flow
+
+import { ApolloClient } from 'apollo-client';
+import { SchemaLink } from 'apollo-link-schema';
+import { InMemoryCache } from 'apollo-cache-inmemory';
+
+export const createApolloClient = () =>
+ new ApolloClient({
+ ssrMode: true,
+
+ cache: new InMemoryCache(),
+ });

src/server/SSR/src/lib/expressServer.js

@@ -7,6 +7,7 @@ import chalk from 'chalk';
 import ssr from '../middleware/ssr';
 import { error404, error500 } from '../middleware/errors';
 import config from '../../../config';
+import asyncWrap from './asyncWrap';
 // #endregion
 
 // $FlowIgnore
@@ -22,7 +23,7 @@ const expressServer = (app = null, isDev = false) => {
  express.static(path.join(__dirname, config.get('server.assetsPath'))),
  );
 
- app.get('/*', ssr);
+ app.get('/*', asyncWrap(ssr));
 
  app.use(error404);
  app.use(error500);
@@ -31,7 +32,7 @@ const expressServer = (app = null, isDev = false) => {
  app.listen(config.get('server.port'), config.get('server.host'), () =>
  console.log(`
  =====================================================
- -> Server (${chalk.bgBlue('SPA')}) 🏃 (running) on ${chalk.green(
+ -> Server (${chalk.bgBlue('SSR')}) 🏃 (running) on ${chalk.green(
  config.get('server.host'),
  )}:${chalk.green(config.get('server.port'))}
  =====================================================

yarn.lock

@@ -151,6 +151,10 @@
  "@types/express-serve-static-core" "*"
  "@types/serve-static" "*"
 
+"@types/graphql@0.12.6":
+ version "0.12.6"
+ resolved "https://registry.yarnpkg.com/@types/graphql/-/graphql-0.12.6.tgz#3d619198585fcabe5f4e1adfb5cf5f3388c66c13"
+
 "@types/helmet@^0.0.36":
  version "0.0.36"
  resolved "https://registry.yarnpkg.com/@types/helmet/-/helmet-0.0.36.tgz#1eb9a85f89ba638013171a3b24b6725b1809e60d"
@@ -559,6 +563,12 @@ apollo-link-http@^1.3.2:
  dependencies:
  apollo-link "^1.0.7"
 
+apollo-link-schema@^1.1.0:
+ version "1.1.0"
+ resolved "https://registry.yarnpkg.com/apollo-link-schema/-/apollo-link-schema-1.1.0.tgz#033fda26ffdbfc809d04892de554867f50e2af8e"
+ dependencies:
+ apollo-link "^1.2.2"
+
 apollo-link@^1.0.0, apollo-link@^1.0.6, apollo-link@^1.0.7:
  version "1.0.7"
  resolved "https://registry.yarnpkg.com/apollo-link/-/apollo-link-1.0.7.tgz#42cd38a7378332fc3e41a214ff6a6e5e703a556f"
@@ -567,6 +577,14 @@ apollo-link@^1.0.0, apollo-link@^1.0.6, apollo-link@^1.0.7:
  apollo-utilities "^1.0.0"
  zen-observable "^0.6.0"
 
+apollo-link@^1.2.2:
+ version "1.2.2"
+ resolved "https://registry.yarnpkg.com/apollo-link/-/apollo-link-1.2.2.tgz#54c84199b18ac1af8d63553a68ca389c05217a03"
+ dependencies:
+ "@types/graphql" "0.12.6"
+ apollo-utilities "^1.0.0"
+ zen-observable-ts "^0.8.9"
+
 apollo-utilities@^1.0.0, apollo-utilities@^1.0.6:
  version "1.0.6"
  resolved "https://registry.yarnpkg.com/apollo-utilities/-/apollo-utilities-1.0.6.tgz#7bfd7a702b5225c9a4591fe28c5899d9b5f08889"
@@ -10497,10 +10515,20 @@ yargs@~3.10.0:
  decamelize "^1.0.0"
  window-size "0.1.0"
 
+zen-observable-ts@^0.8.9:
+ version "0.8.9"
+ resolved "https://registry.yarnpkg.com/zen-observable-ts/-/zen-observable-ts-0.8.9.tgz#d3c97af08c0afdca37ebcadf7cc3ee96bda9bab1"
+ dependencies:
+ zen-observable "^0.8.0"
+
 zen-observable@^0.6.0:
  version "0.6.1"
  resolved "https://registry.yarnpkg.com/zen-observable/-/zen-observable-0.6.1.tgz#01dbed3bc8d02cbe9ee1112c83e04c807f647244"
 
 zen-observable@^0.7.0:
  version "0.7.1"
  resolved "https://registry.yarnpkg.com/zen-observable/-/zen-observable-0.7.1.tgz#f84075c0ee085594d3566e1d6454207f126411b3"
+
+zen-observable@^0.8.0:
+ version "0.8.8"
+ resolved "https://registry.yarnpkg.com/zen-observable/-/zen-observable-0.8.8.tgz#1ea93995bf098754a58215a1e0a7309e5749ec42"