Merge pull request #188 from kitematic/fix-reload

Use jQuery to test reload

src/ContainerHomePreview.react.js

@@ -4,6 +4,8 @@ var exec = require('exec');
 var ContainerStore = require('./ContainerStore');
 var ContainerUtil = require('./ContainerUtil');
 var Router = require('react-router');
+var Promise = require('bluebird');
+var $ = require('jquery');
 
 var ContainerHomePreview = React.createClass({
   mixins: [Router.State, Router.Navigation],
@@ -19,22 +21,28 @@ var ContainerHomePreview = React.createClass({
   componentDidMount: function() {
     this.init();
   },
-  componentDidUpdate: function () {
+  reload: function () {
     var webview = document.getElementById('webview');
     if (webview) {
-      webview.addEventListener('did-finish-load', () => {
-        //HACK: if the title is the host:port the page probably hasn't loaded yet
-        if (this.state.ports[this.state.defaultPort].url.replace('http://', '') === webview.getTitle()) {
-          setTimeout(function () {
-            try {
-              webview.reload();
-            } catch (err) {
-            }
-          }, 1000);
-        }
-      });
+      try {
+        var url = webview.src;
+        Promise.resolve($.get(url)).then(() => {
+          webview.reload();
+        }).catch(err => {
+          if (err.status === 0) {
+            setTimeout(this.reload, 2000);
+          } else {
+            webview.reload();
+          }
+        });
+      } catch (err) {
+
+      }
     }
   },
+  componentDidUpdate: function () {
+    this.reload();
+  },
   componentWillUnmount: function() {
     clearInterval(this.timer);
   },