/* global __webpack_dev_server_client__ */ import WebSocketClient from "./clients/WebSocketClient.js"; import { log } from "./utils/log.js"; // this WebsocketClient is here as a default fallback, in case the client is not injected /* eslint-disable camelcase */ var Client = // eslint-disable-next-line no-nested-ternary typeof __webpack_dev_server_client__ !== "undefined" ? typeof __webpack_dev_server_client__.default !== "undefined" ? __webpack_dev_server_client__.default : __webpack_dev_server_client__ : WebSocketClient; /* eslint-enable camelcase */ var retries = 0; var maxRetries = 10; var client = null; /** * @param {string} url * @param {{ [handler: string]: (data?: any, params?: any) => any }} handlers * @param {number} [reconnect] */ var socket = function initSocket(url, handlers, reconnect) { client = new Client(url); client.onOpen(function () { retries = 0; if (typeof reconnect !== "undefined") { maxRetries = reconnect; } }); client.onClose(function () { if (retries === 0) { handlers.close(); } // Try to reconnect. client = null; // After 10 retries stop trying, to prevent logspam. if (retries < maxRetries) { // Exponentially increase timeout to reconnect. // Respectfully copied from the package `got`. // eslint-disable-next-line no-restricted-properties var retryInMs = 1000 * Math.pow(2, retries) + Math.random() * 100; retries += 1; log.info("Trying to reconnect..."); setTimeout(function () { socket(url, handlers, reconnect); }, retryInMs); } }); client.onMessage( /** * @param {any} data */ function (data) { var message = JSON.parse(data); if (handlers[message.type]) { handlers[message.type](message.data, message.params); } }); }; export default socket;