coding out helper function to build hierarchy

Author: nusanam

src/app/components/Chart.jsx

@@ -36,7 +36,7 @@ class Chart extends Component {
 
   maked3Tree() {
     // this.removed3Tree();
-    const dataset = {
+    const snapshotHierarchy = {
       name: "rootNode",
       diffState: {},
       children: [
@@ -132,7 +132,7 @@ class Chart extends Component {
     let radius = width / 2;
 
     // d3.hierarchy constructs a root node from the specified hierarchical data (our object titled dataset), which must be an object representing the root node
-    let hierarchy = d3.hierarchy(dataset);
+    let hierarchy = d3.hierarchy(snapshotHierarchy);
 
     let tree = d3.tree()
       // this assigns width of tree to be 2pi

src/extension/background.js

@@ -8,6 +8,8 @@ function createTabObj(title) {
   return {
     title,
     snapshots: [],
+    //* inserting a new property
+    snapshotHierarchy: {},
     mode: {
       persist: false,
       locked: false,
@@ -16,6 +18,13 @@ function createTabObj(title) {
   };
 }
 
+function buildHierarchy() {
+  // if empty is clicked hierarchy needs to be reset to an object
+
+  // once state is modified (when user does something with app), a step appears in actionContainer.jsx column
+  // that current state snapshot is added to our hierarchy object
+
+}
 // create a helper function that groups all the snapshots underneath each other
   // current state snapshot
     // needs to be supplied by the UI
@@ -81,7 +90,7 @@ chrome.runtime.onConnect.addListener(port => {
 
 // background.js recieves message from contentScript.js
 chrome.runtime.onMessage.addListener((request, sender) => {
-  // IGNORE THE AUTOMTAIC MESSAGE SENT BY CHROME WHEN CONTENT SCRIPT IS FIRST LOADED
+  // IGNORE THE AUTOMATIC MESSAGE SENT BY CHROME WHEN CONTENT SCRIPT IS FIRST LOADED
   if (request.type === 'SIGN_CONNECT') return;
   const tabTitle = sender.tab.title;
   const tabId = sender.tab.id;