Adds Turbo Interceptor to add X-Socket-Id header on Turbo requests (#348)

Author: tonysm

src/echo.ts

@@ -121,6 +121,10 @@ export default class Echo {
         if (typeof jQuery === 'function') {
             this.registerjQueryAjaxSetup();
         }
+
+        if (typeof Turbo === 'object') {
+            this.registerTurboRequestInterceptor();
+        }
     }
 
     /**
@@ -161,6 +165,15 @@ export default class Echo {
             });
         }
     }
+
+    /**
+     * Register the Turbo Request interceptor to add the X-Socket-ID header.
+     */
+    registerTurboRequestInterceptor(): void {
+        document.addEventListener('turbo:before-fetch-request', (event: any) => {
+            event.detail.fetchOptions.headers['X-Socket-Id'] = this.socketId();
+        });
+    }
 }
 
 /**

typings/index.d.ts

@@ -3,3 +3,4 @@ declare let io: any;
 declare let Vue: any;
 declare let axios: any;
 declare let jQuery: any;
+declare let Turbo: any;