Updated tsconfig.json so it included backgr

und.ts to fix the type errors where it could not find chrome

Author: austin-cavanagh

extension/background.ts

@@ -1,4 +1,4 @@
-console.log("BACKGROUND.TS: Loaded");
+// console.log("BACKGROUND.TS: Loaded");
 
 let devToolPort: chrome.runtime.Port | null = null;
 let activeContentPort: chrome.runtime.Port | null = null;
@@ -8,11 +8,11 @@ let devToolMessageQueue: any = [];
 let contentMessageQueue: any = [];
 
 // Listen for connection from content.ts and devtools panel
-chrome.runtime.onConnect.addListener((port) => {
-  console.log("BACKGROUND.TS: Connection established: ", port);
-  if (port.name === "content-background") {
+chrome.runtime.onConnect.addListener(port => {
+  console.log('BACKGROUND.TS: Connection established: ', port);
+  if (port.name === 'content-background') {
     handleContentConnection(port);
-  } else if (port.name === "background-devtool") {
+  } else if (port.name === 'background-devtool') {
     handleDevToolsConnection(port);
   }
 });
@@ -37,28 +37,28 @@ function handleContentConnection(port: chrome.runtime.Port) {
   contentMessageQueue = [];
 
   // If devtool is connected send messages otherwise place in queue
-  activeContentPort.onMessage.addListener((message) => {
+  activeContentPort.onMessage.addListener(message => {
     // The background script goes inactive after 30 seconds idle so we log every 25 seconds
-    if (message.type === "heartbeat") {
-      console.log("BACKGROUND.TS: Logging to keep service worker connected");
+    if (message.type === 'heartbeat') {
+      console.log('BACKGROUND.TS: Logging to keep service worker connected');
     }
 
     if (devToolPort) {
-      console.log("BACKGROUND.TS: Message to dev tool", message);
+      console.log('BACKGROUND.TS: Message to dev tool', message);
       devToolPort.postMessage(message);
     } else {
       devToolMessageQueue.push(message);
     }
   });
 
   port.onDisconnect.addListener(() => {
-    console.log("BACKGROUND.TS: Content.ts disconnected");
+    console.log('BACKGROUND.TS: Content.ts disconnected');
     activeContentPort = null;
   });
 }
 
 function handleDevToolsConnection(port: chrome.runtime.Port) {
-  console.log("BACKGROUND.TS: DevTool connected");
+  console.log('BACKGROUND.TS: DevTool connected');
   devToolPort = port;
 
   // Send queued messages from the devtool before connection was established
@@ -68,22 +68,22 @@ function handleDevToolsConnection(port: chrome.runtime.Port) {
   devToolMessageQueue = [];
 
   // If content.ts is connected send messages otherwise place in queue
-  devToolPort.onMessage.addListener((message) => {
-    if (message.type === "profiling-status") {
-      console.log("BACKGROUND.TS: Profiling status", message);
+  devToolPort.onMessage.addListener(message => {
+    if (message.type === 'profiling-status') {
+      console.log('BACKGROUND.TS: Profiling status', message);
     }
     console.log('Injecting content.js into tab with message: ', message);
-    if (message.action === "injectContentScript" && message.tabId) {
+    if (message.action === 'injectContentScript' && message.tabId) {
       console.log(
-        "BACKGROUND.TS: Injecting content script into tab:",
+        'BACKGROUND.TS: Injecting content script into tab:',
         message.tabId
       );
       chrome.scripting.executeScript({
         target: { tabId: message.tabId },
-        files: ["content.js"],
+        files: ['content.js'],
       });
     } else if (activeContentPort) {
-      console.log("BACKGROUND.TS: Message to content.ts", message);
+      console.log('BACKGROUND.TS: Message to content.ts', message);
       activeContentPort.postMessage(message);
     } else {
       // console.log('BACKGROUND.TS: Message added to content.ts queue');
@@ -92,7 +92,7 @@ function handleDevToolsConnection(port: chrome.runtime.Port) {
   });
 
   port.onDisconnect.addListener(() => {
-    console.log("BACKGROUND.TS: DevTool disconnected");
+    console.log('BACKGROUND.TS: DevTool disconnected');
     devToolPort = null;
   });
 }

extension/tsconfig.json

@@ -21,7 +21,9 @@
     "src/**/*.tsx",
     "content_scripts/**/*.ts",
     "content_scripts/types.d.ts",
-    "__test__"
+    "__test__",
+    "background.ts"
   ],
-  "exclude": ["node_modules"]
+  "exclude": ["node_modules"],
+  "types": ["chrome"]
 }