@inditextech/weave-react 2.18.0 → 2.19.0

package/dist/react.d.ts

@@ -41,6 +41,11 @@ interface WeaveRuntimeState {
   room: {
     loaded: boolean;
   };
+  asyncElements: {
+    loaded: number;
+    total: number;
+    allLoaded: boolean;
+  };
   users: WeaveConnectedUsers;
   undoRedo: {
     canUndo: boolean;
@@ -66,6 +71,8 @@ interface WeaveRuntimeState {
   setAppState: (newAppState: WeaveState) => void;
   setConnectionStatus: (newConnectionStatus: string) => void;
   setRoomLoaded: (newStatus: boolean) => void;
+  setAsyncElements: (loaded: number, total: number) => void;
+  setAsyncElementsAllLoaded: (allLoaded: boolean) => void;
   setUsers: (newUsers: WeaveConnectedUsers) => void;
   setCanUndo: (newCanUndo: boolean) => void;
   setCanRedo: (newCanRedo: boolean) => void;

package/dist/react.js

@@ -54,6 +54,11 @@ const useWeave = create()((set) => ({
 	appState: { weave: {} },
 	status: WEAVE_INSTANCE_STATUS.IDLE,
 	room: { loaded: false },
+	asyncElements: {
+		loaded: 0,
+		total: 0,
+		allLoaded: false
+	},
 	connection: { status: "disconnected" },
 	users: {},
 	undoRedo: {
@@ -109,6 +114,21 @@ const useWeave = create()((set) => ({
 			loaded: newStatus
 		}
 	})),
+	setAsyncElements: (loaded, total) => set((state) => ({
+		...state,
+		asyncElements: {
+			...state.asyncElements,
+			loaded,
+			total
+		}
+	})),
+	setAsyncElementsAllLoaded: (allLoaded) => set((state) => ({
+		...state,
+		asyncElements: {
+			...state.asyncElements,
+			allLoaded
+		}
+	})),
 	setUsers: (newUsers) => set((state) => ({
 		...state,
 		users: newUsers
@@ -196,6 +216,8 @@ const WeaveProvider = ({ getContainer, store, nodes = [], actions = [], plugins
 	const setCanRedo = useWeave((state) => state.setCanRedo);
 	const setActualAction = useWeave((state) => state.setActualAction);
 	const setConnectionStatus = useWeave((state) => state.setConnectionStatus);
+	const setAsyncElements = useWeave((state) => state.setAsyncElements);
+	const setAsyncElementsAllLoaded = useWeave((state) => state.setAsyncElementsAllLoaded);
 	const onInstanceStatusHandler = React.useCallback(
 		(status) => {
 			setStatus(status);
@@ -239,6 +261,20 @@ const WeaveProvider = ({ getContainer, store, nodes = [], actions = [], plugins
 		},
 		// eslint-disable-next-line react-hooks/exhaustive-deps
 		[selectedNodes]
+);
+	const onAsyncElementsLoadingHandler = React.useCallback(
+		({ loaded, total }) => {
+			setAsyncElements(loaded, total);
+		},
+		// eslint-disable-next-line react-hooks/exhaustive-deps
+		[selectedNodes]
+);
+	const onAsyncElementsLoadedHandler = React.useCallback(
+		() => {
+			setAsyncElementsAllLoaded(true);
+		},
+		// eslint-disable-next-line react-hooks/exhaustive-deps
+		[selectedNodes]
 );
 	React.useEffect(() => {
 		async function initWeave() {
@@ -268,6 +304,8 @@ const WeaveProvider = ({ getContainer, store, nodes = [], actions = [], plugins
 				weaveInstanceRef.current.addEventListener("onStateChange", onStateChangeHandler);
 				weaveInstanceRef.current.addEventListener("onUndoManagerStatusChange", onUndoManagerStatusChangeHandler);
 				weaveInstanceRef.current.addEventListener("onActiveActionChange", onActiveActionChangeHandler);
+				weaveInstanceRef.current.addEventListener("onAsyncElementsLoading", onAsyncElementsLoadingHandler);
+				weaveInstanceRef.current.addEventListener("onAsyncElementsLoaded", onAsyncElementsLoadedHandler);
 				setInstance(weaveInstanceRef.current);
 				weaveInstanceRef.current.start();
 			}
@@ -282,6 +320,8 @@ const WeaveProvider = ({ getContainer, store, nodes = [], actions = [], plugins
 			weaveInstanceRef.current?.removeEventListener("onStateChange", onStateChangeHandler);
 			weaveInstanceRef.current?.removeEventListener("onUndoManagerStatusChange", onUndoManagerStatusChangeHandler);
 			weaveInstanceRef.current?.removeEventListener("onActiveActionChange", onActiveActionChangeHandler);
+			weaveInstanceRef.current?.removeEventListener("onAsyncElementsLoading", onAsyncElementsLoadingHandler);
+			weaveInstanceRef.current?.removeEventListener("onAsyncElementsLoaded", onAsyncElementsLoadedHandler);
 			setStatus(WEAVE_INSTANCE_STATUS.IDLE);
 			setRoomLoaded(false);
 			weaveInstanceRef.current?.destroy();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inditextech/weave-react",
-  "version": "2.18.0",
+  "version": "2.19.0",
   "type": "module",
   "license": "Apache-2.0",
   "author": "Jesus Manuel Piñeiro Cid <jesusmpc@inditex.com>",
@@ -47,8 +47,8 @@
     "version:release": "npm version $RELEASE_VERSION -m \"[npm-scripts] prepare release $RELEASE_VERSION\" --tag-version-prefix \"\""
   },
   "dependencies": {
-    "@inditextech/weave-sdk": "2.18.0",
-    "@inditextech/weave-types": "2.18.0",
+    "@inditextech/weave-sdk": "2.19.0",
+    "@inditextech/weave-types": "2.19.0",
     "@syncedstore/core": "0.6.0"
   },
   "devDependencies": {