undo prettier

Author: anbraten

web_src/js/htmx.js

@@ -1,39 +1,42 @@
-import * as htmx from "htmx.org";
-import { showErrorToast } from "./modules/toast.js";
-import "htmx.org/dist/ext/ws.js";
+import * as htmx from 'htmx.org';
+import { showErrorToast } from './modules/toast.js';
+import 'htmx.org/dist/ext/ws.js';
 
 // https://github.com/bigskysoftware/idiomorph#htmx
-import "idiomorph/dist/idiomorph-ext.js";
+import 'idiomorph/dist/idiomorph-ext.js';
 
 // https://htmx.org/reference/#config
-htmx.config.requestClass = "is-loading";
+htmx.config.requestClass = 'is-loading';
 htmx.config.scrollIntoViewOnBoost = false;
 
 // https://htmx.org/events/#htmx:sendError
-document.body.addEventListener("htmx:sendError", (e) => {
+document.body.addEventListener('htmx:sendError', (e) => {
   // TODO: add translations
   showErrorToast(`Network error when calling ${e.detail.requestConfig.path}`);
 });
 
 // https://htmx.org/events/#htmx:responseError
-document.body.addEventListener("htmx:responseError", (e) => {
+document.body.addEventListener('htmx:responseError', (e) => {
   // TODO: add translations
   showErrorToast(
     `Error ${e.detail.xhr.status} when calling ${e.detail.requestConfig.path}`
   );
 });
 
-// eslint-disable-next-line no-import-assign
+let webSocket;
+
+// TODO: move websocket creation to shared webworker
 htmx.createWebSocket = (url) => {
-  // TODO: reuse websocket from shared webworker
-  const sock = new WebSocket(url, []);
-  sock.binaryType = htmx.config.wsBinaryType;
-  g;
-  return sock;
+  if (![0, 1].includes(webSocket?.readyState)) return webSocket;
+  const ws = new WebSocket(url, []);
+  ws.binaryType = htmx.config.wsBinaryType;
+  webSocket = ws;
+  return ws;
 };
-document.body.addEventListener("htmx:wsOpen", (e) => {
+
+document.body.addEventListener('htmx:wsOpen', (e) => {
   const socket = e.detail.socketWrapper;
   socket.send(
-    JSON.stringify({ action: "subscribe", data: { url: window.location.href } })
+    JSON.stringify({ action: 'subscribe', data: { url: window.location.href } })
   );
 });