no log: Restore socket.io dev command for better development

frontend/src/modules/socketio/index.ts

@@ -1,8 +1,8 @@
 import { debounce, forIn, remove, uniq } from "lodash";
 import { onlineManager } from "react-query";
 import { io, Socket } from "socket.io-client";
-import { Environment } from "../../utilities";
-import { ENSURE, LOG } from "../../utilities/console";
+import { Environment, isDevEnv } from "../../utilities";
+import { ENSURE, GROUP, LOG } from "../../utilities/console";
 import { createDefaultReducer } from "./reducer";
 
 class SocketIOClient {
@@ -31,6 +31,23 @@ class SocketIOClient {
     this.reducers = [];
 
     onlineManager.setOnline(false);
+
+    if (isDevEnv) {
+      window.socketIO = {
+        dump: () => {
+          GROUP("Socket.IO Reducers", (logger) => {
+            this.reducers.forEach((reducer) => {
+              logger(reducer.key);
+            });
+          });
+        },
+        emit: (e) => {
+          if (e) {
+            this.onEvent(e);
+          }
+        },
+      };
+    }
   }
 
   initialize() {

frontend/src/types/window.d.ts

@@ -6,7 +6,7 @@ interface SocketIODebugger {
 declare global {
   interface Window {
     Bazarr: BazarrServer;
-    _socketio: SocketIODebugger;
+    socketIO: SocketIODebugger;
   }
 
   interface WindowEventMap {

frontend/src/utilities/console.ts

@@ -23,4 +23,15 @@ export function ENSURE(condition: boolean, msg: string, ...payload: any[]) {
   }
 }
 
+export function GROUP(
+  header: string,
+  content: (logger: typeof console.log) => void
+) {
+  if (!isProdEnv) {
+    console.group(header);
+    content(console.log);
+    console.groupEnd();
+  }
+}
+
 export const ASSERT = console.assert;