(added) added new action onHover which takes data from the frontend all the way to the backend

Author: SanjayLavingia

src/app/reducers/mainReducer.js

@@ -39,6 +39,17 @@ export default (state, action) => produce(state, draft => {
   };
 
   switch (action.type) {
+    case types.ON_HOVER: {
+      console.log(currentTab);
+      console.log('onHover Firedin side of the reducer');
+      port.postMessage({
+        action: 'onHover',
+        payload: 'payload from Reducer ON_HOVER',
+        tabId: currentTab,
+      })
+      break; 
+    }
+
     case types.MOVE_BACKWARD: {
       if (snapshots.length > 0 && sliderIndex > 0) {
         const newIndex = sliderIndex - 1;

src/backend/index.ts

@@ -45,11 +45,9 @@ function getRouteURL(node: SnapshotNode): string {
 // * Event listener for time-travel actions
 window.addEventListener('message', ({ data: { action, payload } }: MsgData) => {
   switch (action) {
-    
-
     case 'jumpToSnap':
       // console.log('action:', action); 
-      // console.log('payload', payload); 
+      console.log('payload', payload); 
       // console.log('payload.name:', payload.name)
       // console.log(test)
       timeJump(payload, true); // * This sets state with given payload
@@ -66,7 +64,7 @@ window.addEventListener('message', ({ data: { action, payload } }: MsgData) => {
       mode.paused = payload;
       break;
     case 'onHover':
-      console.log('WE MADE IT ALL THE WAY FROM THE FRONTEND! HERE\'S THE PAYLOAD:');
+      console.log('WE MADE IT ALL THE WAY FROM THE FRONTEND! HERE\'S THE PAYLOAD:', payload);
       break;
     default:
       break;

src/extension/contentScript.ts

@@ -38,6 +38,7 @@ chrome.runtime.onMessage.addListener(request => { // seems to never fire
       break;
     case 'onHover': 
       //wtf does this do??
+      console.log('onHover fired inside of ContentScripts'); 
       window.postMessage(request, '*'); 
     default:
       break;