fix(chrome.debugger): Error: Debugger is not attached to the tab with id: 1812797494.

Author: juskek

src/background/background.ts

@@ -1,7 +1,7 @@
 import { IBytesRepository } from "../data/bytes/IBytesRepository";
 import { addBytesTransferred } from "./backgroundHelpers";
 
-chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
+chrome.runtime.onMessage.addListener(async (message, sender, sendResponse) => {
     if (message === "getBytesTransferred") {
         sendResponse(IBytesRepository.instance.getBytesTransferred());
     }
@@ -28,7 +28,20 @@ chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
     }
 
     if (message.command === "stopRecordingBytesTransferred") {
-        chrome.debugger.detach({ tabId: tabId });
+        try {
+            await chrome.debugger.detach({ tabId: tabId });
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                if (
+                    e.message ===
+                    `Debugger is not attached to the tab with id: ${tabId}.`
+                ) {
+                    console.warn(
+                        `Tried to detach debugger from tab (tabId: ${tabId}) when there was none attached. This is expected when a calculation starts, but should not be expected when a calculation is stopped.`
+                    );
+                }
+            }
+        }
         sendResponse(true);
     }
     return true;

src/background/backgroundHelpers.ts

@@ -16,7 +16,7 @@ export const addBytesTransferred = async (bytes: number) => {
                 e.message ===
                 "Could not establish connection. Receiving end does not exist."
             ) {
-                console.log(
+                console.warn(
                     `Error Caught: ${e}\nIf popup is open and this error is seen in the console, debugging is required.`
                 );
             }