feat: add Reverb realtime messaging

resources/js/bootstrap.js

@@ -1,9 +1,51 @@
-import axios from 'axios';
-window.axios = axios;
+import axios from 'axios'
+import Echo from 'laravel-echo'
+import Pusher from 'pusher-js'
 
-window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
+window.axios = axios
+window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'
 
-const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content');
+const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content')
 if (csrfToken) {
-	window.axios.defaults.headers.common['X-CSRF-TOKEN'] = csrfToken;
+	window.axios.defaults.headers.common['X-CSRF-TOKEN'] = csrfToken
+}
+
+window.Pusher = Pusher
+
+let echoInstance = null
+
+export function getEcho() {
+	if (echoInstance !== null) {
+		return echoInstance || null
+	}
+
+	const key = import.meta.env.VITE_REVERB_APP_KEY
+	if (!key) {
+		echoInstance = false
+		return null
+	}
+
+	const scheme = import.meta.env.VITE_REVERB_SCHEME || window.location.protocol.replace(':', '') || 'https'
+	const forceTLS = scheme === 'https'
+
+	echoInstance = new Echo({
+		broadcaster: 'reverb',
+		key,
+		wsHost: import.meta.env.VITE_REVERB_HOST || window.location.hostname,
+		wsPort: Number(import.meta.env.VITE_REVERB_PORT || (forceTLS ? 443 : 80)),
+		wssPort: Number(import.meta.env.VITE_REVERB_PORT || 443),
+		forceTLS,
+		enabledTransports: ['ws', 'wss'],
+		authEndpoint: '/broadcasting/auth',
+		auth: {
+			headers: {
+				'X-CSRF-TOKEN': csrfToken || '',
+				Accept: 'application/json',
+			},
+		},
+	})
+
+	window.Echo = echoInstance
+
+	return echoInstance
 }