Add react-helmet for title

calvinl · calvinl · commit 926a0b43dd27 · 2017-08-14T20:56:59.000-04:00
diff --git a/common/layouts/server.html b/common/layouts/server.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html>
 <head>
-  <title><%= title %></title>
+  <%= helmet.title %>
   <meta charset="utf-8" />
   <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width height=device-height" />
   <link rel="shortcut icon" type="image/x-icon" href="<%= favicon %>">
diff --git a/package.json b/package.json
@@ -145,6 +145,7 @@
     "postcss-loader": "^2.0.6",
     "react": "^15.5.4",
     "react-dom": "^15.5.4",
+    "react-helmet": "^5.1.3",
     "react-hot-loader": "next",
     "react-redux": "^5.0.4",
     "react-router-dom": "^4.1.1",
diff --git a/server/render.js b/server/render.js
@@ -1,7 +1,7 @@
 // cache the main layout template with lodash
 import { template } from 'lodash';
 import { renderToString } from 'react-dom/server';
-import config from './config';
+import { Helmet } from 'react-helmet';
 
 const { NODE_ENV } = process.env;
 const compile = template(require('../common/layouts/server.html'));
@@ -13,15 +13,15 @@ export default function render(component, initialState = {}) {
   }
 
   const assets = global.ISOTools.assets();
-  const title = config.name;
   const favicon = assets.assets['./common/images/favicon.png'];
   const vendorJs = assets.javascript.vendor;
   const appJs = assets.javascript.app;
   const html = renderToString(component);
+  const helmet = Helmet.renderStatic();
   const vendorCss = assets.styles.vendor;
   const appCss = assets.styles.app;
 
   return compile(
-    { html, title, favicon, vendorCss, appCss, vendorJs, appJs, initialState }
+    { html, helmet, favicon, vendorCss, appCss, vendorJs, appJs, initialState }
   );
 }
diff --git a/yarn.lock b/yarn.lock
@@ -1607,6 +1607,10 @@ deep-diff@0.3.4:
   version "0.3.4"
   resolved "https://registry.yarnpkg.com/deep-diff/-/deep-diff-0.3.4.tgz#aac5c39952236abe5f037a2349060ba01b00ae48"
 
+deep-equal@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-1.0.1.tgz#f5d260292b660e084eff4cdbc9f08ad3247448b5"
+
 deep-extend@~0.4.0:
   version "0.4.1"
   resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.4.1.tgz#efe4113d08085f4e6f9687759810f807469e2253"
@@ -2020,6 +2024,10 @@ evp_bytestokey@^1.0.0:
   dependencies:
     create-hash "^1.1.1"
 
+exenv@^1.2.1:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/exenv/-/exenv-1.2.2.tgz#2ae78e85d9894158670b03d47bec1f03bd91bb9d"
+
 expand-brackets@^0.1.4:
   version "0.1.5"
   resolved "https://registry.yarnpkg.com/expand-brackets/-/expand-brackets-0.1.5.tgz#df07284e342a807cd733ac5af72411e581d1177b"
@@ -4332,6 +4340,15 @@ react-dom@^15.5.4:
     object-assign "^4.1.0"
     prop-types "~15.5.7"
 
+react-helmet@^5.1.3:
+  version "5.1.3"
+  resolved "https://registry.yarnpkg.com/react-helmet/-/react-helmet-5.1.3.tgz#cd40626593a29eecf684b6d38d711f44c48188af"
+  dependencies:
+    deep-equal "^1.0.1"
+    object-assign "^4.1.1"
+    prop-types "^15.5.4"
+    react-side-effect "^1.1.0"
+
 react-hot-loader@next:
   version "3.0.0-beta.6"
   resolved "https://registry.yarnpkg.com/react-hot-loader/-/react-hot-loader-3.0.0-beta.6.tgz#463fac0bfc8b63a8385258af20c91636abce75f4"
@@ -4390,6 +4407,13 @@ react-router@^4.1.1:
     prop-types "^15.5.4"
     warning "^3.0.0"
 
+react-side-effect@^1.1.0:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/react-side-effect/-/react-side-effect-1.1.3.tgz#512c25abe0dec172834c4001ec5c51e04d41bc5c"
+  dependencies:
+    exenv "^1.2.1"
+    shallowequal "^1.0.1"
+
 react-transform-catch-errors@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/react-transform-catch-errors/-/react-transform-catch-errors-1.0.2.tgz#1b4d4a76e97271896fc16fe3086c793ec88a9eeb"
@@ -4873,6 +4897,10 @@ shallow-clone@^0.1.2:
     lazy-cache "^0.2.3"
     mixin-object "^2.0.1"
 
+shallowequal@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/shallowequal/-/shallowequal-1.0.2.tgz#1561dbdefb8c01408100319085764da3fcf83f8f"
+
 signal-exit@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.1.tgz#5a4c884992b63a7acd9badb7894c3ee9cfccad81"
