Dash Clientside Transformations

src/APIController.react.js

@@ -4,7 +4,7 @@ import React, {Component} from 'react';
 import PropTypes from 'prop-types';
 import TreeContainer from './TreeContainer';
 import {
-    computeGraphs,
+    computeDerivedState,
     computePaths,
     hydrateInitialOutputs,
     setLayout,
@@ -52,23 +52,16 @@ class UnconnectedContainer extends Component {
 
         if (isEmpty(dependenciesRequest)) {
             dispatch(getDependencies());
-        } else if (
-            dependenciesRequest.status === STATUS.OK &&
-            isEmpty(graphs)
-        ) {
-            dispatch(computeGraphs(dependenciesRequest.content));
+        } else if (dependenciesRequest.status === STATUS.OK &&
+            layoutRequest.status === STATUS.OK &&
+                !isEmpty(layout) &&
+                isEmpty(graphs)) {
+            computeDerivedState(dispatch, layout, dependenciesRequest);
         }
 
         if (
-            // dependenciesRequest and its computed stores
-            dependenciesRequest.status === STATUS.OK &&
             !isEmpty(graphs) &&
-            // LayoutRequest and its computed stores
-            layoutRequest.status === STATUS.OK &&
-            !isEmpty(layout) &&
-            !isNil(paths) &&
-            // Hasn't already hydrated
-            appLifecycle === getAppState('STARTED')
+            (appLifecycle === getAppState('STARTED'))
         ) {
             dispatch(hydrateInitialOutputs());
         }

src/actions/constants.js

@@ -8,6 +8,7 @@ export const getAction = action => {
         SET_APP_LIFECYCLE: 'SET_APP_LIFECYCLE',
         READ_CONFIG: 'READ_CONFIG',
         SET_HOOKS: 'SET_HOOKS',
+        SET_CLIENTSIDE_MAPPING: 'SET_CLIENTSIDE_MAPPING'
     };
     if (actionList[action]) {
         return actionList[action];