window and global type fixing

Author: joetannenbaum

packages/laravel-echo/package.json

@@ -37,9 +37,11 @@
         "@babel/plugin-transform-numeric-separator": "^7.25.9",
         "@babel/plugin-transform-object-assign": "^7.25.9",
         "@babel/preset-env": "^7.26.7",
+        "@types/jquery": "^3.5.32",
         "@types/node": "^20.0.0",
         "@typescript-eslint/eslint-plugin": "^8.21.0",
         "@typescript-eslint/parser": "^8.21.0",
+        "axios": "^1.9.0",
         "eslint": "^9.0.0",
         "prettier": "^3.5.3",
         "pusher-js": "^8.0",
@@ -48,7 +50,8 @@
         "typescript": "^5.7.0",
         "vite": "^5.0.0",
         "vite-plugin-dts": "^3.0.0",
-        "vitest": "^3.1.2"
+        "vitest": "^3.1.2",
+        "vue": "^3.5.13"
     },
     "peerDependencies": {
         "pusher-js": "*",

packages/laravel-echo/src/connector/pusher-connector.ts

@@ -42,7 +42,7 @@ export class PusherConnector<
      */
     channels: Record<string, AnyPusherChannel> = {};
 
-    options: PusherOptions<TBroadcastDriver>;
+    declare options: PusherOptions<TBroadcastDriver>;
 
     /**
      * Create a fresh Pusher connection.

packages/laravel-echo/typings/window.d.ts

@@ -1,5 +1,8 @@
+import type { JQueryStatic } from "@types/jquery";
+import type { AxiosStatic } from "axios";
 import type Pusher from "pusher-js";
 import type { io } from "socket.io-client";
+import type { VueElementConstructor } from "vue";
 
 declare global {
     interface Window {
@@ -8,7 +11,16 @@ declare global {
         };
 
         io?: typeof io;
-
         Pusher?: typeof Pusher;
+
+        Vue?: VueElementConstructor;
+        axios?: AxiosStatic;
+        jQuery?: JQueryStatic;
+        Turbo?: object;
     }
+
+    const Vue: VueElementConstructor | undefined;
+    const axios: AxiosStatic | undefined;
+    const jQuery: JQueryStatic | undefined;
+    const Turbo: object | undefined;
 }