Add guards for skipping socket use when using Prerender

Author: pixelhandler

client/app/adapters/socket-source.js

@@ -1,7 +1,7 @@
 import Ember from 'ember';
 import Orbit from 'orbit';
 import OC from 'orbit-common';
-import SocketService from '../services/socket';
+import { SocketService } from '../services/socket';
 import JSONAPISource from 'orbit-common/jsonapi-source';
 
 Orbit.Promise = Orbit.Promise || Ember.RSVP.Promise;

client/app/initializers/socket.js

@@ -1,10 +1,11 @@
 import EO from 'ember-orbit';
-import SocketService from '../services/socket';
+import { SocketService, canUseSocket } from '../services/socket';
 
 export default {
   name: 'socket',
 
   initialize: function (container, app) {
+    if (!canUseSocket()) { return; }
     container.register('socket:main', SocketService, { singleton: false });
     app.inject('controller', 'socket', 'socket:main');
     app.inject('route', 'socket', 'socket:main');

client/app/mixins/push-support.js

@@ -2,20 +2,19 @@ import Ember from 'ember';
 
 export default Ember.Mixin.create({
 
-  beforeModel: function () {
-    this.socketSanityCheck();
-    return this._super();
-  },
-
   socketSanityCheck: function () {
-    // Sanity check, is socket working? check output browser console.
-    var socket = this.socket;
-    socket.on('hello', function (data) {
-      console.log(data);
-      socket.emit('talk-to-me', 'I like talking.', function (msg) {
-        console.log('back talk', msg);
+    try {
+      // Sanity check, is socket working? check output browser console.
+      var socket = this.socket;
+      socket.on('hello', function (data) {
+        console.log(data);
+        socket.emit('talk-to-me', 'I like talking.', function (msg) {
+          console.log('back talk', msg);
+        });
       });
-    });
+    } catch (e) {
+      console.warn('Push support socket sanity check failed.');
+    }
   },
 
   // Template methods...

client/app/routes/application.js

@@ -15,6 +15,7 @@ var ApplicationRoute = Ember.Route.extend(PushSupport, {
           this._pingOk = true;
         }.bind(this));
     }
+    this.socketSanityCheck();
     return this._super();
   },
 
@@ -55,7 +56,11 @@ var ApplicationRoute = Ember.Route.extend(PushSupport, {
   // Push support...
 
   onDidPatch: function () {
-    this.socket.on('didPatch', this.patchRecord.bind(this));
+    try {
+      this.socket.on('didPatch', this.patchRecord.bind(this));
+    } catch (e) {
+      console.warn('Push support not enabled for application route.');
+    }
   }.on('init'),
 
   addLink: function (operation) {

client/app/routes/index.js

@@ -36,7 +36,11 @@ export default Ember.Route.extend(ResetScroll, RecordChunksMixin, PushSupport, {
   // Push support...
 
   onDidPatch: function () {
-    this.socket.on('didPatch', this.patchRecord.bind(this));
+    try {
+      this.socket.on('didPatch', this.patchRecord.bind(this));
+    } catch (e) {
+      console.warn('Push support not enabled for index route.');
+    }
   }.on('init'),
 
   addRecord: function (operation) {

client/app/routes/posts/index.js

@@ -14,7 +14,11 @@ export default Ember.Route.extend(ResetScroll, RecordChunksMixin, PushSupport, {
   // Push support...
 
   onDidPatch: function () {
-    this.socket.on('didPatch', this.patchRecord.bind(this));
+    try {
+      this.socket.on('didPatch', this.patchRecord.bind(this));
+    } catch (e) {
+      console.warn('Push support not enabled for index route.');
+    }
   }.on('init'),
 
   addRecord: function (operation) {

client/app/services/socket.js

@@ -1,6 +1,6 @@
 import config from '../config/environment';
 
-function SocketService() {
+export function SocketService() {
   return this;
 }
 
@@ -13,7 +13,7 @@ SocketService.create = function () {
   }
   var socket;
   try {
-    if (navigator.onLine) {
+    if (navigator.onLine && canUseSocket()) {
       socket = window.io(config.APP.SOCKET_URL);
       socket.on('connect_failed', function () {
         socket = undefined;
@@ -25,7 +25,7 @@ SocketService.create = function () {
         console.error('Socket Error!', e);
       });
     } else {
-      window.alert('Your network is offline');
+      console.warn('Your network is offline');
     }
   } catch (e) {
     if (typeof window.io === 'undefined') {
@@ -37,4 +37,10 @@ SocketService.create = function () {
   return instance;
 };
 
-export default SocketService;
+export function canUseSocket() {
+  return window.WebSocket && notPrerenderService();
+}
+
+function notPrerenderService() {
+  return window.navigator.userAgent.match(/Prerender/) === null;
+}

client/app/views/post.js

@@ -3,9 +3,10 @@ import Ember from 'ember';
 export default  Ember.View.extend({
   didInsertElement: function () {
     var notTesting = !Ember.testing;
-    var notPrerendering = window.location.search.match(/_escaped_fragment_/) === null;
+    var notCrawler = window.location.search.match(/_escaped_fragment_/) === null;
+    var notPrerender = window.navigator.userAgent.match(/Prerender/) === null;
     var notLocal = window.location.hostname.match(/localhost/) === null;
-    if (notTesting && notPrerendering && notLocal) {
+    if (notTesting && notCrawler && notPrerender && notLocal) {
       this.configureDisqus();
       this.setupDisqus();
     }

client/public/sitemap.xml

@@ -253,23 +253,27 @@
         <lastmod>2014-03-13T07:00:00.000Z</lastmod>
     </url>
     <url>
-        <loc>http://pixelhandler.com/posts/real-time-data-for-an-emberjs-application-using-websockets</loc>
-        <lastmod>2014-08-20T07:00:00.000Z</lastmod>
+        <loc>http://pixelhandler.com/posts/real-time-data-in-an-emberjs-application-with-websockets</loc>
+        <lastmod>2014-11-16T07:00:00.000Z</lastmod>
     </url>
     <url>
         <loc>http://pixelhandler.com/posts/how-to-use-404-page-in-your-emberjs-application</loc>
         <lastmod>2014-08-29T07:00:00.000Z</lastmod>
     </url>
+    <url>
+        <loc>http://pixelhandler.com/posts/develop-embercomponents-for-sharing-as-ember-cli-addons-a-practical-example</loc>
+        <lastmod>2014-11-25T07:00:00.000Z</lastmod>
+    </url>
     <url>
         <loc>http://pixelhandler.com</loc>
-        <lastmod>2014-08-29T07:00:00.000Z</lastmod>
+        <lastmod>2014-11-25T07:00:00.000Z</lastmod>
     </url>
     <url>
         <loc>http://pixelhandler.com/about</loc>
         <lastmod>2014-03-02T08:00:00.000Z</lastmod>
     </url>
     <url>
         <loc>http://pixelhandler.com/posts</loc>
-        <lastmod>2014-08-29T07:00:00.000Z</lastmod>
+        <lastmod>2014-11-25T07:00:00.000Z</lastmod>
     </url>
 </urlset>

server/seeds/authors.js

@@ -3,9 +3,6 @@ var testData = [{
   "id": "5c9b62ec-1569-448b-912a-97e6d62f493e",
   "links": {
     "posts": [
-      "2e941340-2a35-4cbb-9202-4fb45862891d",
-      "c5d13fd7-5614-4531-a1da-4fa0855fdcc8",
-      "341207e0-cfd9-4d3a-a5ab-d2268ab2e472",
       "7e163fe2-21fb-4cf9-9764-d3df2001fff5",
       "327fc99b-f471-497c-9bfd-50c43110d309",
       "65d42214-3a7b-4f26-95de-528bb593ea5b",
@@ -29,15 +26,15 @@ var testData = [{
       "2c2260b2-6130-4ee9-b836-1b1efc47bc80",
       "79a0e9af-9c91-4f2e-8a9a-46acf1906f93",
       "246426bb-f296-4231-86f4-14b133c9d46f",
-      "c3a30eac-991a-4015-af97-30f4b728db4f",
-      "f18ad48e-e87f-47df-bc35-82470daa8812",
       "06e1cbf1-f291-4b33-b395-42c62b01de85",
       "ecbcb94d-cc7a-4b19-8852-b3a76a0367d7",
+      "0ada0c67-1736-46f3-b341-a0929174dff5",
+      "7fbfba42-d265-4993-8dc2-2ed83124faa8",
+      "c3a30eac-991a-4015-af97-30f4b728db4f",
+      "f18ad48e-e87f-47df-bc35-82470daa8812",
       "48f07f58-beb5-4203-8629-45619fabfd89",
       "82e0ea4d-9a72-4013-bd8b-d70b64fca9aa",
       "8b9618cb-06a8-4b9f-897b-15cff2f3e318",
-      "0ada0c67-1736-46f3-b341-a0929174dff5",
-      "7fbfba42-d265-4993-8dc2-2ed83124faa8",
       "75931c66-f57f-4be8-8e20-9089dc2534d0",
       "7c2feec5-8b6b-41b8-a16f-d71f4e2154b9",
       "a2f03da1-21cc-42bc-9700-e20c138c824f",
@@ -68,7 +65,9 @@ var testData = [{
       "e4c13305-9b0b-4f08-ab36-acc82e9a7d61",
       "3c1c2baa-2639-44c7-a39c-b2d868679ad3",
       "7bba292d-d381-4c5b-a18a-2d63b9d55db1",
-      "6f9dbb3c-a1a2-4031-a57a-ae1561f18d84"
+      "6f9dbb3c-a1a2-4031-a57a-ae1561f18d84",
+      "341207e0-cfd9-4d3a-a5ab-d2268ab2e472",
+      "b4eef92a-b5ed-4ec4-9075-3f88c2add997"
     ]
   },
   "name": "pixelhandler"