From d3350c20b6ed8a321e5a1a52ed34e690c2607198 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Fri, 14 Aug 2020 13:37:11 -0700
Subject: [PATCH] perf: Attempt websocket connection before polling

---
 app/components/SocketProvider.js | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/app/components/SocketProvider.js b/app/components/SocketProvider.js
index 6ffecf0a..a09f702e 100644
--- a/app/components/SocketProvider.js
+++ b/app/components/SocketProvider.js
@@ -36,7 +36,11 @@ class SocketProvider extends React.Component<Props> {
   componentDidMount() {
     this.socket = io(window.location.origin, {
       path: "/realtime",
+      transports: ["websocket"],
+      reconnectionDelay: 1000,
+      reconnectionDelayMax: 10000,
     });
+
     this.socket.authenticated = false;
 
     const {
@@ -73,6 +77,12 @@ class SocketProvider extends React.Component<Props> {
       }
     });
 
+    // on reconnection, reset the transports option, as the Websocket
+    // connection may have failed (caused by proxy, firewall, browser, ...)
+    this.socket.on("reconnect_attempt", () => {
+      this.socket.io.opts.transports = ["polling", "websocket"];
+    });
+
     this.socket.on("authenticated", () => {
       this.socket.authenticated = true;
     });