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

)
laravel · Jul 25, 2022 · d7706e0 · d7706e0
1 parent d41094a
commit d7706e0
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/src/echo.ts b/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();
+        });
+    }
 }
 
 /**

diff --git a/typings/index.d.ts b/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;