adjusting setProps to use a window.dash_stores array which builds a list of stores that the app has

Author: BSd3v

dash/dash-renderer/src/index.js

@@ -1,4 +1,5 @@
 import {DashRenderer} from './DashRenderer';
+import './utils/setProps';
 
 // make DashRenderer globally available
 window.DashRenderer = DashRenderer;

dash/dash-renderer/src/store.ts

@@ -15,7 +15,6 @@ import loadingMap from './observers/loadingMap';
 import prioritizedCallbacks from './observers/prioritizedCallbacks';
 import requestedCallbacks from './observers/requestedCallbacks';
 import storedCallbacks from './observers/storedCallbacks';
-import setProps from './observers/setProps';
 
 export interface IStoreState {
     callbacks: ICallbacksState;
@@ -52,12 +51,13 @@ export default class RendererStore {
         observe(executingCallbacks);
         observe(executedCallbacks);
         observe(storedCallbacks);
-        observe(setProps);
     });
 
     private createAppStore = (reducer: any, middleware: any) => {
         this.__store = createStore(reducer, middleware);
         this.storeObserver.setStore(this.__store);
+        const ds = (window.dash_stores = window.dash_stores || []);
+        ds.push(this.__store);
         this.setObservers();
     };
 

dash/dash-renderer/src/utils/setProps.ts

@@ -1,10 +1,13 @@
 import {updateProps, notifyObservers} from '../actions/index';
+import {getPath} from '../actions/paths';
 
-const makeSetProps = ({dispatch, getState}) => {
-    const setProps = (updates: {}) => {
+const setProps = (updates: {}) => {
+    const ds = (window.dash_stores = window.dash_stores || []);
+    for (let y = 0; y < ds.length; y++) {
+        const {dispatch, getState} = ds[y];
         const {paths} = getState();
         Object.entries(updates).forEach(([componentId, props]) => {
-            const componentPath = paths.strs[componentId];
+            const componentPath = getPath(paths, componentId);
             dispatch(
                 updateProps({
                     props,
@@ -13,10 +16,8 @@ const makeSetProps = ({dispatch, getState}) => {
             );
             dispatch(notifyObservers({id: componentId, props}));
         });
-    };
-
-    window.dash_clientside = window.dash_clientside || {};
-    window.dash_clientside['setProps'] = setProps;
+    }
 };
 
-export default makeSetProps;
+const dc = (window.dash_clientside = window.dash_clientside || {});
+dc['setProps'] = setProps;