cleaned up config commit

Author: minzo-kim

demo-app/src/client/Components/Buttons.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 import Increment from './Increment';
 
-function Buttons():JSX.Element {
+function Buttons(): JSX.Element {
   const buttons = [];
-  for (let i = 0; i < 1; i++) {
+  for (let i = 0; i < 4; i++) {
     buttons.push(<Increment key={i} />);
   }
 
@@ -20,4 +20,3 @@ function Buttons():JSX.Element {
 }
 
 export default Buttons;
-

src/app/components/SwitchApp.tsx

@@ -24,9 +24,6 @@ const SwitchAppDropdown = () => {
       return { ...provided, outline, margin };
     },
   };
-  console.log('currTab', currTab);
-  console.log('customStyles', customStyles);
-  console.log('tabsArray', tabsArray);
 
   return (
     <Select

src/app/components/Tutorial.tsx

@@ -11,7 +11,6 @@ import { tutorialSaveSeriesToggle, setCurrentTabInApp } from '../actions/actions
 
 //Must be required in. This enables compatibility with TS. If imported in, throws ts error of not rendering steps as a class component correctly.
 const { Steps } = require('intro.js-react');
-// import { Steps } from 'intro.js-react';
 
 interface tutorialProps {
   dispatch: (object) => void;

src/app/containers/ButtonsContainer.tsx

@@ -58,7 +58,7 @@ function ButtonsContainer(): JSX.Element {
     snapshots,
     mode: { paused },
   } = tabs[currentTab];
-  // console.log()
+
   return (
     <div className='buttons-container'>
       <button className='pause-button' type='button' onClick={() => dispatch(toggleMode('paused'))}>

src/app/containers/StateContainer.tsx

@@ -11,7 +11,6 @@ import { StateContainerProps } from '../components/FrontendTypes';
 // eslint-disable-next-line react/prop-types
 const StateContainer = (props: StateContainerProps): JSX.Element => {
   const { snapshot, hierarchy, snapshots, viewIndex, webMetrics, currLocation, snapshots } = props;
-  // console.log('snapshot', snapshot);
 
   return (
     <Router>

src/backend/controllers/createTree.ts

@@ -60,7 +60,6 @@ export default function createTree(currentFiberNode: Fiber): Tree {
       treeBaseDuration,
       // _debugHookTypes, //COMMENT OUT SINCE EXTRACTING CONTEXT IS STILL IN EXPERIMENT
     } = currentFiberNode;
-    // console.log('current fiber node from createTree', currentFiberNode);
 
     // Obtain component name:
     /** Name of the current component */
@@ -156,8 +155,6 @@ export default function createTree(currentFiberNode: Fiber): Tree {
     // // Different from other provider, such as Routes, BrowswerRouter, ReactRedux, ..., Context.Provider does not have a displayName
     // // TODO: need to render this context provider when user use useContext hook.
     //
-    // we want to grab the state that's being changed in this specific use context
-    // "this is using usecontext, here is the context(state)"
     //
     // if (tag === ContextProvider && !elementType._context.displayName) {
     //   let stateData = memoizedProps.value;
@@ -198,8 +195,7 @@ export default function createTree(currentFiberNode: Fiber): Tree {
           const hooksStates = getHooksStateAndUpdateMethod(memoizedState);
           // Obtain variable names by parsing the function definition stored in elementType.
           const hooksNames = getHooksNames(elementType.toString());
-          // console.log(hooksStates);
-          // console.log(hooksNames);
+
           // Intialize state & index:
           componentData.hooksState = {};
           componentData.hooksIndex = [];
@@ -264,7 +260,7 @@ export default function createTree(currentFiberNode: Fiber): Tree {
     }
 
     // ------------RETURN THE TREE OUTPUT & PASS TO FRONTEND FOR RENDERING------
-    // console.log('this is a test for jackie pls');
+
     return tree;
   }
 }

src/backend/routers/linkFiber.ts

@@ -110,7 +110,6 @@ export default function linkFiber(mode: Status): () => Promise<void> {
     // ---------OBTAIN THE INITIAL FIBEROOTNODE FROM REACT DEV TOOL-------------
     // Obtain the FiberRootNode, which is the first value in the FiberRoot Set:
     fiberRoot = devTools.getFiberRoots(1).values().next().value;
-    // console.log('initial fiberRoot from linkFiber', fiberRoot);
 
     // ----------INITIALIZE THE TREE SNAP SHOT ON CHROME EXTENSION--------------
     await throttledUpdateSnapshot(fiberRoot, mode); // only runs on start up
@@ -128,7 +127,7 @@ export default function linkFiber(mode: Status): () => Promise<void> {
       return function (...args: Parameters<typeof onCommitFiberRoot>) {
         // Obtain the updated FiberRootNode, after the target React application re-renders
         const fiberRoot = args[1];
-        // console.log('updated fiberRoot current from linkFiber', fiberRoot.current);
+
         // If the target React application is visible, send a request to update the snapShot tree displayed on Chrome Extension
         if (isVisible) throttledUpdateSnapshot(fiberRoot, mode);
         // After our added work is completed we invoke the original onComitFiberRoot function

tsconfig.json

@@ -19,8 +19,8 @@
     "types": ["chrome", "jest", "node"],
 
     // ---------------------------------TYPE CHECKING---------------------------
-    // "strict": true,                                    /* Enable all strict type-checking options. */
-    // "noImplicitAny": true /* Enable error reporting for expressions and declarations with an implied 'any' type. */,
+    // "strict": true,                                   /* Enable all strict type-checking options. */
+    // "noImplicitAny": true                             /* Enable error reporting for expressions and declarations with an implied 'any' type. */,
     // "strictNullChecks": true,                         /* When type checking, take into account 'null' and 'undefined'. */
     // "strictFunctionTypes": true,                      /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */
     // "strictBindCallApply": true,                      /* Check that the arguments for 'bind', 'call', and 'apply' methods match the original function. */