Stack broadcasts so that not one is lost

frontend/taipy-gui/jest.config.js

@@ -23,6 +23,7 @@ module.exports = {
         "./test-config/Canvas.js",
         "./test-config/mockFileUpload.js",
         "./test-config/intersectionObserver.js",
+        "./test-config/nanoid.js",
     ],
     coverageReporters: ["json", "html", "text"],
     modulePathIgnorePatterns: ["<rootDir>/packaging/"],

frontend/taipy-gui/package.json

@@ -29,8 +29,7 @@
     "react-window": "^1.8.6",
     "react-window-infinite-loader": "^1.0.7",
     "socket.io-client": "^4.3.2",
-    "sprintf-js": "^1.1.2",
-    "uuid": "^10.0.0"
+    "sprintf-js": "^1.1.2"
   },
   "overrides": {
     "react": "$react",
@@ -89,7 +88,6 @@
     "@types/react-window": "^1.8.5",
     "@types/react-window-infinite-loader": "^1.0.5",
     "@types/sprintf-js": "^1.1.2",
-    "@types/uuid": "^10.0.0",
     "@typescript-eslint/eslint-plugin": "^8.5.0",
     "@typescript-eslint/parser": "^8.5.0",
     "add-asset-html-webpack-plugin": "^6.0.0",

frontend/taipy-gui/packaging/taipy-gui.d.ts

@@ -323,6 +323,26 @@ export declare const createRequestUpdateAction: (
     forceRefresh?: boolean,
     stateContext?: Record<string, unknown>
 ) => Action;
+
+/**
+ * Broadcast stack definition.
+ */
+export interface BroadcastDesc {
+    /** Name of the broadcast. */
+    name: string;
+    /** Broadcast stack */
+    stack: Array<unknown>;
+}
+
+/**
+ * Create an *un broadcast* `Action` that will be used to update local state.
+ *
+ * This action will remove a value from a broadcasted stacked variable identified by name.
+ * @param name - The name of the variable identifying the broadcast.
+ * @param values - The values to remove.
+ * @returns The action fed to the reducer.
+ */
+export declare const createUnBroadcastAction: (name: string, ...values: Array<unknown>) => Action;
 /**
  * A column description as received by the backend.
  */

frontend/taipy-gui/src/components/Router.tsx

@@ -30,7 +30,7 @@ import {
     createSetLocationsAction,
     initializeWebSocket,
     INITIAL_STATE,
-    retreiveBlockUi,
+    retrieveBlockUi,
     taipyInitialize,
     taipyReducer,
 } from "../context/taipyReducers";
@@ -79,7 +79,7 @@ const Router = () => {
             .then((result) => {
                 dispatch(createSetLocationsAction(result.data.locations));
                 setRoutes(result.data.locations);
-                result.data.blockUI && dispatch(createBlockAction(retreiveBlockUi()));
+                result.data.blockUI && dispatch(createBlockAction(retrieveBlockUi()));
             })
             .catch((error) => {
                 // Fallback router if there is any error