fix: catch Google Translate DOM errors

Monkey-patch `node.removeChild` and `node.insertBefore` to catch crashing errors generated by Google Translate. This should make projects usable in Chrome, in other languages, until the underlying bug is fixed.

See facebook/react#11538 (comment)

app/main.cjsx

@@ -3,12 +3,14 @@ ReactDOM = require 'react-dom'
 apiClient = require 'panoptes-client/lib/api-client'
 { applyRouterMiddleware, Router, browserHistory } = require 'react-router'
 useScroll = require 'react-router-scroll/lib/useScroll'
+require('./monkeypatchNode')
 { routes } = require './router'
 style = require '../css/main.styl'
 { Provider } = require('react-redux')
 initStore = require('./redux/init-store').default
 initSentry = require('./lib/init-sentry').default
 
+
 # register locales
 `import counterpart from 'counterpart';`
 `import locales from './locales';`

app/monkeypatchNode.js

@@ -0,0 +1,28 @@
+/*
+Monkey-patch node.removeChild and node.insertBefore,
+to work around a crashing bug with Google Translate.
+https://github.com/facebook/react/issues/11538#issuecomment-417504600
+*/
+if (typeof Node === 'function' && Node.prototype) {
+    const originalRemoveChild = Node.prototype.removeChild;
+    Node.prototype.removeChild = function(child) {
+      if (child.parentNode !== this) {
+        if (console) {
+          console.error('Cannot remove a child from a different parent', child, this);
+        }
+        return child;
+      }
+      return originalRemoveChild.apply(this, arguments);
+    }
+
+    const originalInsertBefore = Node.prototype.insertBefore;
+    Node.prototype.insertBefore = function(newNode, referenceNode) {
+      if (referenceNode && referenceNode.parentNode !== this) {
+        if (console) {
+          console.error('Cannot insert before a reference node from a different parent', referenceNode, this);
+        }
+        return newNode;
+      }
+      return originalInsertBefore.apply(this, arguments);
+    }
+  }