ProxyPanel/resources/js/bootstrap.js

/**
 * We'll load the axios HTTP library which allows us to easily issue requests
 * to our Laravel back-end. This library automatically handles sending the
 * CSRF token as a header based on the value of the "XSRF" token cookie.
 */

import Echo from "laravel-echo";
import axios from "axios";
/**
 * Echo exposes an expressive API for subscribing to channels and listening
 * for events that are broadcast by Laravel. Echo and event broadcasting
 * allows your team to easily build robust real-time web applications.
 */
import Pusher from "pusher-js";

window.axios = axios;

window.axios.defaults.headers.common["X-Requested-With"] = "XMLHttpRequest";

window.Pusher = Pusher;

let forceTLS = window.location.protocol === "https:";
let options = {
    broadcaster: "reverb",
    key: import.meta.env.VITE_REVERB_APP_KEY,
    wsHost: import.meta.env.VITE_REVERB_HOST ?? window.location.hostname,
    forceTLS: forceTLS,
    enabledTransports: forceTLS ? ["wss"] : ["ws"],
};

let port = import.meta.env.VITE_REVERB_PORT;
if (forceTLS) {
    options.wssPort = port ?? 443;
} else {
    options.wsPort = port ?? 80;
}

window.Echo = new Echo(options);