exposing clientSide_setProps by utilizing an observer

Author: BSd3v

dash/dash-renderer/src/observers/clientSide_setProps.ts

@@ -0,0 +1,30 @@
+
+import {IStoreState} from '../store';
+import {updateProps, notifyObservers} from '../actions/index'
+
+const observer: IStoreObserverDefinition<IStoreState> = {
+    observer: ({dispatch, getState}) => {
+        const clientSide_setProps = (updates: {}) => {
+            const {paths} = getState()
+            Object.entries(updates).forEach(([componentId, props]) => {
+                const componentPath = paths.strs[componentId];
+                dispatch(
+                    updateProps({
+                        props,
+                        itempath: componentPath
+                    })
+                );
+                dispatch(
+                    notifyObservers({id: componentId, props})
+                );
+            });
+        }
+
+
+        window.dash_clientside = window.dash_clientside || {};
+        window.dash_clientside['clientSide_setProps'] = clientSide_setProps
+    },
+    inputs: ['callbacks.executed']
+};
+
+export default observer;

dash/dash-renderer/src/store.ts

@@ -15,6 +15,7 @@ import loadingMap from './observers/loadingMap';
 import prioritizedCallbacks from './observers/prioritizedCallbacks';
 import requestedCallbacks from './observers/requestedCallbacks';
 import storedCallbacks from './observers/storedCallbacks';
+import clientSide_setProps from './observers/clientSide_setProps';
 
 export interface IStoreState {
     callbacks: ICallbacksState;
@@ -51,6 +52,7 @@ export default class RendererStore {
         observe(executingCallbacks);
         observe(executedCallbacks);
         observe(storedCallbacks);
+        observe(clientSide_setProps);
     });
 
     private createAppStore = (reducer: any, middleware: any) => {