remove comments etc.

Author: ElDuke717

.babelrc

@@ -1,4 +1,3 @@
 {
-  "presets": ["airbnb", "@babel/preset-typescript"],
-  // "plugins": ["@emotion"]
+  "presets": ["airbnb", "@babel/preset-typescript"]
 }

src/app/components/StateRoute/StateRoute.tsx

@@ -22,14 +22,7 @@ const NO_STATE_MSG = 'No state change detected. Trigger an event to change state
 
 
 const StateRoute = (props: StateRouteProps) => {
-  const { snapshot, hierarchy, snapshots, viewIndex, webMetrics, currLocation } = props;
-  // console.log(props);
-  console.log('snapshot props', snapshot);
-  // console.log('hierarchy props', hierarchy);
-  // console.log('snapshots props', snapshots);
-  console.log('viewIndex props', viewIndex);
-  // console.log('webMetrics props', webMetrics);
-  // console.log('currentLocation props', currLocation)
+  const { snapshot, hierarchy, snapshots, viewIndex, webMetrics, currLocation } = props; 
   const [{ tabs, currentTab }, dispatch] = useStoreContext();
   const { hierarchy, sliderIndex, viewIndex } = tabs[currentTab];
   console.log()

src/backend/controllers/createTree.ts

@@ -152,42 +152,7 @@ export default function createTree(currentFiberNode: Fiber): Tree {
       }
     }
 
-    // COMMENT OUT SINCE EXTRACTING CONTEXT IS STILL IN EXPERIMENT
-    // // ------------APPEND CONTEXT DATA FROM REACT DEV TOOL----------------
-    // // memoizedState
-    // // Note: if user use ReactHook, memoizedState.memoizedState can be a falsy value such as null, false, ... => need to specify this data is not undefined
-    // if (
-    //   (tag === FunctionComponent || tag === ClassComponent || tag === IndeterminateComponent) &&
-    //   memoizedState?.memoizedState !== undefined
-    // ) {
-    //   // If user uses Redux, context data will be stored in memoizedState of the Provider component => grab context object stored in the memoizedState
-    //   if (elementType.name === 'Provider') {
-    //     Object.assign(
-    //       componentData.context,
-    //       getStateAndContextData(memoizedState, elementType.name, _debugHookTypes),
-    //     );
-    //   }
-    //   // Else if user use ReactHook to define state => all states will be stored in memoizedState => grab all states stored in the memoizedState
-    //   // else {
-    //   //   Object.assign(
-    //   //     componentData.state,
-    //   //     getStateAndContextData(memoizedState, elementType.name, _debugHookTypes),
-    //   //   );
-    //   // }
-    // }
-    // // if user uses useContext hook, context data will be stored in memoizedProps.value of the Context.Provider component => grab context object stored in memoizedprops
-    // // Different from other provider, such as Routes, BrowserRouter, ReactRedux, ..., Context.Provider does not have a displayName
-    // // TODO: need to render this context provider when user use useContext hook.
-    //
-    //
-    // if (tag === ContextProvider && !elementType._context.displayName) {
-    //   let stateData = memoizedProps.value;
-    //   if (stateData === null || typeof stateData !== 'object') {
-    //     stateData = { CONTEXT: stateData };
-    //   }
-    //   componentData.context = filterAndFormatData(stateData);
-    //   componentName = 'Context';
-    // }
+    
 
     // ---------OBTAIN STATE & SET STATE METHODS FROM CLASS COMPONENT-----------
     // Check if currentFiberNode is a stateful class component when user use setState.