(added) finished adding logic for the highlight onHover feature

Author: SanjayLavingia

src/backend/index.ts

@@ -59,42 +59,36 @@ window.addEventListener('message', ({ data: { action, payload } }: MsgData) => {
       mode.paused = payload;
       break;
     case 'onHover':
-      console.log(payload);
+      // console.log(payload);
 
       if(Array.isArray(payload)){ 
         for (let i=0; i<payload.length;i++){
           let element = document.getElementById(payload[i])
           if (element !== null) {
                 element.style.backgroundColor = '#C0D9D9'; 
-                setTimeout( () => {
-                  element.style.backgroundColor = "";
-                }, 500)
               }
         }
       } else {
         let element = document.getElementById(payload)
         if (element !== null) {
           element.style.backgroundColor = '#C0D9D9'; 
-          setTimeout( () => {
-            element.style.backgroundColor = "";
-          }, 500)
         }
       }
-
-      // if (payload !== null) {
-      //   let element = document.getElementById(payload)
-
-      //   if (element !== null) {
-
-      //     element.style.backgroundColor = '#C0D9D9'; 
-      //     setTimeout( () => {
-      //       element.style.backgroundColor = "";
-      //     }, 500)
-      //   }
-      
-      //   // console.log('WE MADE IT ALL THE WAY FROM THE FRONTEND! HERE\'S THE PAYLOAD:', payload);
-      //   // console.log(element);
-      // }
+      break;
+    case 'onHoverExit': 
+            if(Array.isArray(payload)){ 
+        for (let i=0; i<payload.length;i++){
+          let element = document.getElementById(payload[i])
+          if (element !== null) {
+                element.style.backgroundColor = ''; 
+              }
+        }
+      } else {
+        let element = document.getElementById(payload)
+        if (element !== null) {
+          element.style.backgroundColor = ''; 
+        }
+      }
       break;
     default:
       break;

src/extension/contentScript.ts

@@ -36,6 +36,8 @@ chrome.runtime.onMessage.addListener(request => { // seems to never fire
     case 'onHover': 
       window.postMessage(request, '*'); 
     default:
+    case 'onHoverExit': 
+      window.postMessage(request, '*'); 
       break;
   }
   return true; // attempt to fix port closing console error