Expose setprops

CHANGELOG.md

@@ -7,12 +7,18 @@ This project adheres to [Semantic Versioning](https://semver.org/).
 ## Fixed
 
 - [#2756](https://github.com/plotly/dash/pull/2756) Prevent false dangerous link warning. Fixes [#2743](https://github.com/plotly/dash/issues/2743)
+- [#2752](https://github.com/plotly/dash/pull/2752) Fixed issue with Windows build, for first time build on Windows, the dev needs to use `npm run first-build`
 
 ## Changed
 
 - [#2734](https://github.com/plotly/dash/pull/2734) Configure CI for Python 3.10 [#1863](https://github.com/plotly/dash/issues/1863)
 - [#2735](https://github.com/plotly/dash/pull/2735) Configure CI for Python 3.8 and 3.12, drop support for Python 3.6 and Python 3.7 [#2736](https://github.com/plotly/dash/issues/2736)
 
+## Added
+
+- [#2758](https://github.com/plotly/dash/pull/2758)
+  - exposing `setProps` to `dash_clientside.clientSide_setProps` to allow for JS code to interact directly with the dash eco-system
+
 ## [2.15.0] - 2024-01-31
 
 ## Added

CONTRIBUTING.md

@@ -23,6 +23,7 @@ $ npm ci
 #
 $ npm run build  # runs `renderer build` and `npm build` in dcc, html, table
 # build and install components used in tests
+# on windows, the developer will need to use `npm run first-build` this performs additional first steps
 #
 # Alternatively one could run part of the build process e.g.
 $ dash-update-components "dash-core-components"

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

@@ -0,0 +1,30 @@
+
+import {IStoreState} from '../store';
+import {updateProps, notifyObservers} from '../actions/index'
+
+const observer: IStoreObserverDefinition<IStoreState> = {
+    observer: ({dispatch, getState}) => {
+        const 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['setProps'] = 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 setProps from './observers/setProps';
 
 export interface IStoreState {
     callbacks: ICallbacksState;
@@ -51,6 +52,7 @@ export default class RendererStore {
         observe(executingCallbacks);
         observe(executedCallbacks);
         observe(storedCallbacks);
+        observe(setProps);
     });
 
     private createAppStore = (reducer: any, middleware: any) => {