frontend: rework logging system

frontend/src/gateway.js

@@ -1,4 +1,4 @@
-import logging from "./logging";
+import logger from "./logging";
 import { getItem } from "./storage";
 
 export const GatewayErrors = {
@@ -35,7 +35,7 @@ export const GatewayEventType = {
     BadAuth: -3,
 }
 
-const log = logging.logger("Gateway", true);
+const log = logger("Gateway");
 
 export default {
     ws: null,

frontend/src/logging.js

@@ -1,21 +1,13 @@
-export default {
+import { getItem } from "./storage";
-    sinks: new Map(),
+
-    logger(sink, enabled=false) {
+export default function logger(sink) {
-        this.sinks.set(sink, enabled);
+    return (...args) => {
-        return (...args) => {
+        if (getItem(`loggingSink:${sink}`)) {
-            if (this.sinks.get(sink)) {
+            console.log(
-                console.log(
+                `%c[${sink}]`,
-                    `%c[${sink}]`,
+                "color: #8f3f71; font-weight: bold;",
-                    "color: #8f3f71; font-weight: bold;",
+                ...args
-                    ...args
+            );
-                );
+        }
-            }
+    };
-        };
+}
-    },
-    enableSink(sink) {
-        this.sinks.set(sink, true);
-    },
-    disableSink(sink) {
-        this.sinks.set(sink, false);
-    }
-};

frontend/src/main.js

@@ -1,12 +1,10 @@
 import Main from './components/Main.svelte';
 import gateway from './gateway';
 import { getItem, init } from './storage';
-import logging from "./logging";
 import { authWithToken, useAuthHandlers } from './auth';
 import { initResponsiveHandlers } from './responsive';
 
 window.__waffle = {
-	logging,
 	gateway
 };
 

frontend/src/storage.js

@@ -2,7 +2,9 @@ const defaults = {
     apiBase: `${window.location.origin}/api/v1`,
     gatewayBase: `${location.protocol === "https:" ? "wss" : "ws"}://${location.host}/gateway`,
     doAnimations: true,
-    token: ""
+    token: "",
+    "loggingSink:Gateway": false,
+    "loggingSink:Store": false
 };
 const store = new Map(Object.entries(defaults));
 const persistentProvider = localStorage;

frontend/src/stores.js

@@ -1,9 +1,9 @@
 import gateway, { GatewayEventType } from "./gateway";
-import logging from "./logging";
+import logger from "./logging";
 import request from "./request";
 import { apiRoute } from "./storage";
 
-const storeLog = logging.logger("Store", true);
+const storeLog = logger("Store");
 
 class Store {
     constructor(value=null, name="[unnamed]") {