From dbea7787f95056eb0e2d83553ee7553663d0037e Mon Sep 17 00:00:00 2001
From: eff-kay <faizan10114@gmail.com>
Date: Fri, 7 May 2021 13:21:43 -0400
Subject: [PATCH] :construction: WIP callback pruning

---
 dash-renderer/src/TreeContainer.js           |  1 -
 dash-renderer/src/actions/dependencies_ts.ts | 25 ++++++++++----------
 dash-renderer/src/actions/index.js           | 12 ++++------
 3 files changed, 17 insertions(+), 21 deletions(-)

diff --git a/dash-renderer/src/TreeContainer.js b/dash-renderer/src/TreeContainer.js
index 4213b13428..b1e6a42f8b 100644
--- a/dash-renderer/src/TreeContainer.js
+++ b/dash-renderer/src/TreeContainer.js
@@ -127,7 +127,6 @@ class BaseTreeContainer extends Component {
             newProps
         );
 
-        console.log("props", newProps, "old", oldProps);
         if (!isEmpty(changedProps)) {
             // Identify the modified props that are required for callbacks
             const watchedKeys = getWatchedKeys(
diff --git a/dash-renderer/src/actions/dependencies_ts.ts b/dash-renderer/src/actions/dependencies_ts.ts
index 6b8ba44784..0c5519c48a 100644
--- a/dash-renderer/src/actions/dependencies_ts.ts
+++ b/dash-renderer/src/actions/dependencies_ts.ts
@@ -78,18 +78,17 @@ export function callbackPathExists(graphs:any, paths:any, fromCallback:ICallback
         ))
 
     if (!callbacks.length){
-        //we have reached the end of the DAG
+        //we have reached the end of the graph
         return false;
     }
 
+    // not exactly clear why this extra step was required
     const matches: ICallback[] = [];
     callbacks.forEach(
         addAllResolvedFromOutputs(resolveDeps(), paths, matches)
     );
 
-    const exists = matches.some((cb)=>{return callbackPathExists(graphs, paths, cb, toCallback)})
-    console.log('CALLDAG:callbackPathExists callbacks',exists);
-    return exists;
+    return matches.some((cb)=>{return callbackPathExists(graphs, paths, cb, toCallback)})
 }
 
 export function getCallbacksByInput(
@@ -345,15 +344,15 @@ export function includeObservers(
 
     var validCbs = [... flattenedCbs];
 
-    //TODO: not sure if this is optimal
-    // for(let i=0; i<validCbs.length; i++) {
-    //     for (let j=i+1; j<validCbs.length; j++) {
-    //         if (callbackPathExists(graphs, paths, validCbs[i], flattenedCbs[j])) {
-    //             //path exists remove the extra cb
-    //             validCbs.splice(j,1);
-    //         }
-    //     }
-    // }
+    //TODO: not sure if this is optimal, maybe some information already exists in graphs DS
+    for(let i=0; i<validCbs.length; i++) {
+        for (let j=i+1; j<validCbs.length; j++) {
+            if (callbackPathExists(graphs, paths, validCbs[i], validCbs[j])) {
+                //path exists remove the extra cb
+                validCbs.splice(j,1);
+            }
+        }
+    }
 
     console.log('CALLDAG:includeObservers: validCbs', validCbs);
 
diff --git a/dash-renderer/src/actions/index.js b/dash-renderer/src/actions/index.js
index 4459a9cca2..fb3605c3f8 100644
--- a/dash-renderer/src/actions/index.js
+++ b/dash-renderer/src/actions/index.js
@@ -7,7 +7,7 @@ import cookie from 'cookie';
 import {validateCallbacksToLayout} from './dependencies';
 import {includeObservers, getLayoutCallbacks} from './dependencies_ts';
 import {getPath} from './paths';
-import callbacks from '../reducers/callbacks';
+// import callbacks from '../reducers/callbacks';
 
 export const onError = createAction(getAction('ON_ERROR'));
 export const setAppLifecycle = createAction(getAction('SET_APP_LIFECYCLE'));
@@ -66,12 +66,10 @@ function triggerDefaultState(dispatch, getState) {
             })
         );
     }
-    let callbacks = getLayoutCallbacks(graphs, paths, layout, {
+    const callbacks = getLayoutCallbacks(graphs, paths, layout, {
         outputsOnly: true
     })
 
-    console.log('CALLDAG:triggerDefaultState getLayoutCallbacks', callbacks)
-
     dispatch(
         addRequestedCallbacks(
             callbacks
@@ -106,11 +104,11 @@ function moveHistory(changeType) {
 }
 
 export function notifyObservers({id, props}) {
-    console.log(':notifyObservers, updating observers', props);
+    // console.log(':notifyObservers, updating observers', props);
     return async function(dispatch, getState) {
         const {graphs, paths} = getState();
-        let callbacks = includeObservers(id, props, graphs, paths)
-        console.log('CALLDAG: notification', callbacks)
+        const callbacks = includeObservers(id, props, graphs, paths)
+
         dispatch(
             addRequestedCallbacks(callbacks)
         );