Load socket io library appending script. Add ability event socket lis…

…tener
domapic · Feb 28, 2019 · d6e52aa · d6e52aa
1 parent d4d3bcd
commit d6e52aa
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 8 deletions.
diff --git a/public/index.html b/public/index.html
@@ -12,7 +12,6 @@
 
 <body>
   <div id="root"></div>
-  <script src="http://localhost:3100/socket.io/socket.io.js"></script>
   <noscript>
     You need to enable JavaScript to run this app.
   </noscript>

diff --git a/src/data-layer/services/ability/origins.js b/src/data-layer/services/ability/origins.js
@@ -1,6 +1,7 @@
 import { origins } from "reactive-data-source";
 
 import { authConfig } from "../../setup";
+import { socket } from "../../socket";
 
 import { byIdFilter } from "../../helpers";
 
@@ -46,3 +47,7 @@ export const abilityActions = new origins.Api(
 abilityActions.addCustomFilter({
   byId: byIdFilter
 });
+
+socket.addListener("ability:event", eventData => {
+  abilityStates.byId(eventData._id).clean();
+});
diff --git a/src/data-layer/socket.js b/src/data-layer/socket.js
@@ -95,14 +95,20 @@ class Socket {
   }
 
   setup(url) {
-    this._socket = window && window.io && window.io(url);
-    if (this._socket) {
-      this._handleDataSources();
-      this._addAuthListeners();
-      this._getCurrentAuth();
-    } else {
-      console.error("Sockets are not available");
+    const script = document.createElement("script");
+    script.type = "text/javascript"
+    script.onload = () => {
+      this._socket = window && window.io && window.io(url);
+      if (this._socket) {
+        this._handleDataSources();
+        this._addAuthListeners();
+        this._getCurrentAuth();
+      } else {
+        console.error("Sockets are not available");
+      }
     }
+    script.src = `${url}/socket.io/socket.io.js`;
+    document.head.appendChild(script);
   }
 }