create website

Author: aquinojardim

dev-reactime/index.ts

@@ -0,0 +1,96 @@
+/**
+ * 'reactime' module has a single export
+ * @function linkFiber
+ */
+import 'core-js';
+import 'regenerator-runtime/runtime';
+import linkFiberStart from './linkFiber';
+import timeJumpStart from './timeJump';
+import { Interface } from 'readline';
+
+interface Snapshot{
+    tree: null;
+    unfilteredTree: null;
+}
+
+interface Mode {
+    jumping: boolean;
+    paused: boolean;
+    locked: boolean;
+}
+interface Node{
+    name: string;
+    state: {
+      location?: any
+    }
+    children: any[]
+}
+interface Data{
+  data: {
+    action: string,
+    payload: any,
+  }
+}
+
+// * State snapshot object initialized here
+const snapShot: Snapshot = { 
+  tree: null,
+  unfilteredTree: null,
+};
+
+const mode: Mode = {
+  jumping: false,
+  paused: false,
+  locked: false,
+};
+
+
+// const linkFiber = require('./linkFiber')(snapShot, mode);
+// const timeJump = require('./timeJump')(snapShot, mode);
+
+
+
+const linkFiber = linkFiberStart(snapShot, mode);
+console.log('linkfiber --> ',linkFiber)
+const timeJump = timeJumpStart(snapShot, mode);
+console.log('timejump --> ' , timeJump )
+
+
+function getRouteURL(node: Node): string {
+  if (node.name === 'Router') {
+    return node.state.location.pathname;
+  }
+  if (node.children && node.children.length >= 1) {
+    const tempNode: any[] = node.children;
+    for (let index = 0; index < tempNode.length; index += 1) {
+      return getRouteURL(tempNode[index]); // Carlos: ???
+    }
+  }
+}
+
+// * Event listener for time-travel actions
+window.addEventListener('message', ({ data: { action, payload } } : Data) => {
+  switch (action) {
+    case 'jumpToSnap':
+      timeJump(payload); // * This sets state with given payload
+      // Get the pathname from payload and add new entry to browser history
+      // MORE: https://developer.mozilla.org/en-US/docs/Web/API/History/pushState
+
+      // try to modify workInProgress tree from here
+      window.history.pushState('', '', getRouteURL(payload));
+      break;
+    case 'setLock':
+      mode.locked = payload;
+      break;
+    case 'setPause':
+      mode.paused = payload;
+      break;
+    default:
+      break;
+  }
+});
+
+linkFiber();
+
+// module.exports = linkFiber;
+// export default linkFiber;

dev-reactime/module.d.ts

@@ -0,0 +1,2 @@
+declare module 'core-js';
+declare module 'regenerator-runtime/runtime';

src/app/__tests__/actionContainer.test.js renamed to src/app/__tests__/ActionContainer.test.tsx

@@ -8,6 +8,7 @@ import { useStoreContext } from '../store';
 import { emptySnapshots } from '../actions/actions';
 import Action from '../components/Action';
 
+
 configure({ adapter: new Adapter() });
 
 const state = {

src/app/__tests__/ButtonsContainer.test.js renamed to src/app/__tests__/ButtonsContainer.test.tsx

@@ -65,7 +65,6 @@ describe('testing the bottom buttons', () => {
     });
   });
 
-
   describe('lock button testing', () => {
     beforeEach(() => {
       wrapper.find('.lock-button').simulate('click');
@@ -106,4 +105,4 @@ describe('testing the bottom buttons', () => {
       expect(wrapper.find('.persist-button').text()).toBe('Unpersist');
     });
   });
-});
+});

src/app/__tests__/Chart.test.jsx renamed to src/app/__tests__/Chart.test.tsx

@@ -5,7 +5,8 @@
 import React from 'react';
 import { configure, mount } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
-import Chart from '../components/Chart';
+const Chart = require('../components/Chart').default;
+
 // Unit test cases for d3 functionality
 configure({ adapter: new Adapter() });
 // Test the life cycle methods in Chart

src/app/__tests__/Diff.test.jsx renamed to src/app/__tests__/Diff.test.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { configure, shallow } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
-import Diff from '../components/Diff.jsx';
+const Diff = require('../components/Diff').default;
 
 import { useStoreContext } from '../store';
 
@@ -19,21 +19,21 @@ describe('Unit testing for Diff.jsx', () => {
       }],
 
     }],
-  }
+  };
 
   const state = {
     currentTab: 100,
     tabs: { 100: { snapshots: [1, 2, 3, 4], viewIndex: 1, sliderIndex: 1 } },
   };
 
-
   useStoreContext.mockImplementation(() => [state]);
 
   const delta = { children: {} }; // expect delta to be an obj
   const html = 'html'; // expect html to be a string
   const previous = { state: 'string', children: {} }; // expect previous to be an obj
 
   beforeEach(() => {
+    // eslint-disable-next-line react/jsx-props-no-spreading
     wrapper = shallow(<Diff {...props} />);
   });
 
@@ -69,5 +69,4 @@ describe('Unit testing for Diff.jsx', () => {
       expect(wrapper.textContent).not.toEqual('No state change detected. Trigger an event to change state');
     });
   });
-
 });

src/app/__tests__/DiffRoute.test.jsx renamed to src/app/__tests__/DiffRoute.test.tsx

@@ -4,8 +4,7 @@ import Adapter from 'enzyme-adapter-react-16';
 import {
   MemoryRouter as Router, Route, NavLink, Switch,
 } from 'react-router-dom';
-
-import DiffRoute from '../components/DiffRoute.jsx';
+const DiffRoute = require('../components/DiffRoute').default;
 
 const props = {
   snapshot: [{}],

src/app/__tests__/MainContainer.test.js renamed to src/app/__tests__/MainContainer.test.tsx

@@ -2,21 +2,24 @@ import React from 'react';
 import Select from 'react-select';
 import { configure, shallow } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
-import SwitchApp from '../components/SwitchApp.jsx';
+import SwitchApp from '../components/SwitchApp';
 
 import { useStoreContext } from '../store';
 
 configure({ adapter: new Adapter() });
 
 jest.mock('../store');
 
-
 describe('Unit testing for SwitchApp.jsx', () => {
   let wrapper;
 
   const state = {
     currentTab: 100,
-    tabs: { 100: { snapshots: [1, 2, 3, 4], viewIndex: 1, sliderIndex: 1, title: 'component'} },
+    tabs: {
+      100: {
+        snapshots: [1, 2, 3, 4], viewIndex: 1, sliderIndex: 1, title: 'component',
+      },
+    },
   };
   const dropdownCurrTabLabel = {
     value: 100,
@@ -45,7 +48,7 @@ describe('Unit testing for SwitchApp.jsx', () => {
     });
     it('OnChange should run dispatch function', () => {
       expect(dispatch.mock.calls.length).toBe(1);
-    })
+    });
     it('options prop should be an array', () => {
       expect(Array.isArray(wrapper.find('.tab-select-container').props().options)).toBeTruthy();
       expect(wrapper.find('.tab-select-container').props().options[0]).toHaveProperty('value');