dev: debugging improvements

Author: debater-coder

.vscode/launch.json

@@ -0,0 +1,15 @@
+{
+  // Use IntelliSense to learn about possible attributes.
+  // Hover to view descriptions of existing attributes.
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "msedge",
+      "request": "launch",
+      "name": "Launch Edge against localhost",
+      "url": "http://localhost:3000",
+      "webRoot": "${workspaceFolder}"
+    }
+  ]
+}

.vscode/settings.json

@@ -1,5 +1,6 @@
 {
   "typescript.tsdk": "node_modules/typescript/lib",
   "typescript.tsserver.experimental.enableProjectDiagnostics": true,
-  "indentRainbow.indicatorStyle": "classic"
+  "indentRainbow.indicatorStyle": "classic",
+  "debug.javascript.unmapMissingSources": true
 }

apps/client/src/consumers/sbhsApi/useDtt.ts

@@ -1,5 +1,6 @@
 import OAuth2Actions from "../../services/OAuth2Actions";
 import { useAuthActions } from "../../services/UserInterface";
+import { log } from "../../utils/log";
 import { dttSchema, sbhsKey } from "./schemas";
 import { useQuery } from "@tanstack/react-query";
 
@@ -17,6 +18,7 @@ const queryFn = async (authActions: OAuth2Actions, date?: string) => {
 const getQueryKey = sbhsKey("timetable/daytimetable.json");
 
 export const useDtt = (date?: string) => {
+  log("useDtt hook mounted");
   const authActions = useAuthActions();
 
   return useQuery({

apps/client/src/main.tsx

@@ -88,6 +88,8 @@ const fetchWrapper = new OAuth2Fetch({
   client: oauthClient,
 
   getNewToken: () => {
+    log("getNewToken invoked");
+
     // Set the status to expired
     useAuthStore.setState({ status: AuthStatus.EXPIRED });
 
@@ -133,6 +135,8 @@ const userInterface = new UserInterface(
 // Initialise analytics
 inject();
 
+authActions.resolve();
+
 // Render root
 userInterface.render();
 
@@ -158,7 +162,3 @@ log(
 console.log(
   "SELF-XSS WARNING - PLEASE DON'T DO PASTE ANYTHING INTO HERE FROM PLACES YOU DON'T TRUST!!!"
 );
-// Initialise authentication
-addEventListener("load", () => {
-  authActions.resolve();
-});

apps/client/src/services/OAuth2Actions/OAuth2Actions.ts

@@ -139,9 +139,16 @@ class OAuth2Actions implements AuthActions {
   };
 
   public logout = async () => {
+    const debugMode = localStorage.getItem("debug") === "true";
+
     // Clear localstorage
     localStorage.clear();
 
+    // Persist debug mode
+    if (debugMode) {
+      localStorage.setItem("debug", "true");
+    }
+
     // Reset query cache
     this.queryClient.clear();
 

apps/client/src/utils/log.ts

@@ -1,6 +1,6 @@
 export const log = (...args: unknown[]) => {
   if (localStorage.getItem("debug") === "true") {
     // eslint-disable-next-line no-console
-    return console.log(...args);
+    return console.log("[LOG] ", ...args);
   }
 };