Committing experimental changes.

Author: RobbyTipton

src/extension/background.js

@@ -1,5 +1,7 @@
 // Import snapshots from "../app/components/snapshots".
 import 'core-js';
+
+console.log('Hello from line 4');
 // Store ports in an array.
 const portsArr = [];
 const reloaded = {};
@@ -123,6 +125,7 @@ function changeCurrLocation(tabObj, rootNode, index, name) {
 
 // Establishing incoming connection with devtools.
 chrome.runtime.onConnect.addListener(port => {
+  console.log('Hello from line 126');
   // port is one end of the connection - an object
   // push every port connected to the ports array
   portsArr.push(port);
@@ -199,6 +202,7 @@ chrome.runtime.onConnect.addListener(port => {
         return true;
       case 'launchContentScript':
         // !!! in Manifest Version 3 this will need to be changed to the commented out code below !!!
+        console.log('Youre here');
         chrome.scripting.executeScript({
           target: { tabId },
           files: ['bundles/content.bundle.js'],
@@ -220,6 +224,7 @@ chrome.runtime.onConnect.addListener(port => {
 
 // background.js listening for a message from contentScript.js
 chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
+  console.log('Hello from line 224');
   // AUTOMATIC MESSAGE SENT BY CHROME WHEN CONTENT SCRIPT IS FIRST LOADED: set Content
   if (request.type === 'SIGN_CONNECT') {
     return true;
@@ -282,19 +287,21 @@ chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
     // This injects a script into the app that you're testing Reactime on,
     // so that Reactime's backend files can communicate with the app's DOM.
     case 'injectScript': {
+      console.log('Hello from line 287');
       chrome.scripting.executeScript({
         target: { tabId },
-        func: () => {
+        func: tab => {
           const injectScript = (file, tag) => {
             const htmlBody = document.getElementsByTagName(tag)[0];
             const script = document.createElement('script');
             script.setAttribute('type', 'text/javascript');
             script.setAttribute('src', file);
-            document.title = tabId + '-' + document.title;
+            document.title = tab + '-' + document.title;
             htmlBody.appendChild(script);
           };
           injectScript(chrome.runtime.getURL('bundles/backend.bundle.js'), 'body');
         },
+        args: [tabId],
       });
       // chrome.tabs.executeScript(tabId, {
       //   code: `

src/extension/contentScript.ts

@@ -13,6 +13,8 @@ let firstMessage = true;
 let isRecording = true;
 
 window.addEventListener('message', msg => {
+  console.log('Hello from line 16');
+  console.log('msg is', msg.data);
   // Event listener runs constantly based on actions
   // recorded on the test application from backend files (linkFiber.ts).
   // Background.js has a listener that includes switch cases, depending on
@@ -82,4 +84,5 @@ getCLS(gatherMetrics);
 
 // Send message to background.js for injecting the initial script
 // into the app's DOM.
+console.log('Hello from line 86');
 chrome.runtime.sendMessage({ action: 'injectScript' });