Allow Populating Head Content

app/initializers/fastboot.js

@@ -44,19 +44,19 @@ export default {
         });
 
         return promise.then(function(instance) {
+          var serializer = new SimpleDOM.HTMLSerializer(SimpleDOM.voidMap);
           var view = instance.view;
-          var title = view.renderer._dom.document.title;
-          var element;
+          var dom = view.renderer._dom;
+          var head = dom.document.head;
+          var body;
 
           Ember.run(function() {
-            element = view.renderToElement();
+            body = view.renderToElement();
           });
 
-          var serializer = new SimpleDOM.HTMLSerializer(SimpleDOM.voidMap);
-
           return {
-            body: serializer.serialize(element),
-            title: title
+            body: serializer.serializeChildren(body),
+            head: (head === null) ? null : serializer.serializeChildren(head)
           };
         });
       });

index.js

@@ -15,12 +15,12 @@ module.exports = {
     // do nothing unless running `ember fastboot` command
     if (!process.env.EMBER_CLI_FASTBOOT) { return; }
 
-    if (type === 'body') {
-      return "<!-- EMBER_CLI_FASTBOOT_BODY -->";
+    if (type === 'head') {
+      return "<!-- EMBER_CLI_FASTBOOT_HEAD -->";
     }
 
-    if (type === 'head') {
-      return "<!-- EMBER_CLI_FASTBOOT_TITLE -->";
+    if (type === 'body') {
+      return "<!-- EMBER_CLI_FASTBOOT_BODY -->";
     }
 
     if (type === 'vendor-prefix') {

package.json

@@ -45,11 +45,11 @@
     "chalk": "^0.5.1",
     "contextify": "^0.1.11",
     "debug": "^2.1.0",
-    "ember-fastboot-server": "0.0.2",
+    "ember-fastboot-server": "ronco/ember-fastboot-server#fastboot-head-content",
     "express": "^4.8.5",
     "glob": "^4.0.5",
     "najax": "^0.1.5",
     "rsvp": "^3.0.16",
-    "simple-dom": "^0.2.7"
+    "simple-dom": "ronco/simple-dom#serialize-children"
   }
 }

tests/acceptance/simple-test.js

@@ -29,6 +29,8 @@ describe('simple acceptance', function() {
         expect(response.statusCode).to.equal(200);
         expect(response.headers["content-type"]).to.eq("text/html; charset=utf-8");
         expect(response.body).to.contain('<title>Application Route -- Title</title>');
+        expect(response.body).to.contain('<meta name="description" content="something here">');
+        expect(response.body).to.contain('<meta property="og:image" content="http://placehold.it/500x500">');
         expect(response.body).to.contain("Welcome to Ember.js");
       });
   });
@@ -39,6 +41,8 @@ describe('simple acceptance', function() {
         expect(response.statusCode).to.equal(200);
         expect(response.headers["content-type"]).to.eq("text/html; charset=utf-8");
         expect(response.body).to.contain('<title>Application Route -- Title</title>');
+        expect(response.body).to.contain('<meta name="description" content="something here">');
+        expect(response.body).to.contain('<meta property="og:image" content="http://placehold.it/500x500">');
         expect(response.body).to.contain("Welcome to Ember.js");
         expect(response.body).to.contain("Posts Route!");
       });

tests/dummy/app/index.html

@@ -4,7 +4,6 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <title>Dummy</title>
-    <meta name="description" content="">
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     {{content-for 'head'}}

tests/dummy/app/routes/application.js

@@ -1,10 +1,29 @@
 import Ember from 'ember';
 
+const { get } = Ember;
+
 export default Ember.Route.extend({
   actions: {
     didTransition: function() {
-      var renderer = this.container.lookup('renderer:-dom');
-      Ember.set(renderer, '_dom.document.title', 'Application Route -- Title');
+      let renderer = this.container.lookup('renderer:-dom');
+      if (renderer) {
+        let document = get(renderer, '_dom.document');
+        if (!document) { return; }
+        let element;
+        element = document.createElement('title');
+        element.appendChild(document.createTextNode('Application Route -- Title'));
+        document.head.appendChild(element);
+
+        element = document.createElement('meta');
+        element.setAttribute('name', 'description');
+        element.setAttribute('content', 'something here');
+        document.head.appendChild(element);
+
+        element = document.createElement('meta');
+        element.setAttribute('property', 'og:image');
+        element.setAttribute('content', 'http://placehold.it/500x500');
+        document.head.appendChild(element);
+      }
     }
   }
 });