@inditextech/weave-react 3.4.0-SNAPSHOT.85.1 → 3.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/react.d.ts +2 -6
- package/dist/react.js +7 -63
- package/package.json +3 -3
package/dist/react.d.ts
CHANGED
|
@@ -41,14 +41,12 @@ interface WeaveRuntimeState {
|
|
|
41
41
|
status: string;
|
|
42
42
|
};
|
|
43
43
|
room: {
|
|
44
|
-
id: string | null;
|
|
45
|
-
switching: boolean;
|
|
46
44
|
loaded: boolean;
|
|
47
45
|
};
|
|
48
46
|
asyncElements: {
|
|
49
|
-
state: "idle" | "loading" | "loaded";
|
|
50
47
|
loaded: number;
|
|
51
48
|
total: number;
|
|
49
|
+
allLoaded: boolean;
|
|
52
50
|
};
|
|
53
51
|
users: WeaveConnectedUsers;
|
|
54
52
|
undoRedo: {
|
|
@@ -74,11 +72,9 @@ interface WeaveRuntimeState {
|
|
|
74
72
|
setStatus: (newStatus: WeaveStatus) => void;
|
|
75
73
|
setAppState: (newAppState: WeaveState) => void;
|
|
76
74
|
setConnectionStatus: (newConnectionStatus: string) => void;
|
|
77
|
-
setRoomId: (newRoomId: string | null) => void;
|
|
78
|
-
setRoomSwitching: (newRoomSwitching: boolean) => void;
|
|
79
75
|
setRoomLoaded: (newStatus: boolean) => void;
|
|
80
76
|
setAsyncElements: (loaded: number, total: number) => void;
|
|
81
|
-
|
|
77
|
+
setAsyncElementsAllLoaded: (allLoaded: boolean) => void;
|
|
82
78
|
setUsers: (newUsers: WeaveConnectedUsers) => void;
|
|
83
79
|
setCanUndo: (newCanUndo: boolean) => void;
|
|
84
80
|
setCanRedo: (newCanRedo: boolean) => void;
|
package/dist/react.js
CHANGED
|
@@ -53,15 +53,11 @@ const useWeave = create()((set) => ({
|
|
|
53
53
|
instance: null,
|
|
54
54
|
appState: { weave: {} },
|
|
55
55
|
status: WEAVE_INSTANCE_STATUS.IDLE,
|
|
56
|
-
room: {
|
|
57
|
-
id: null,
|
|
58
|
-
switching: false,
|
|
59
|
-
loaded: false
|
|
60
|
-
},
|
|
56
|
+
room: { loaded: false },
|
|
61
57
|
asyncElements: {
|
|
62
|
-
state: "idle",
|
|
63
58
|
loaded: 0,
|
|
64
|
-
total: 0
|
|
59
|
+
total: 0,
|
|
60
|
+
allLoaded: false
|
|
65
61
|
},
|
|
66
62
|
connection: { status: "disconnected" },
|
|
67
63
|
users: {},
|
|
@@ -111,20 +107,6 @@ const useWeave = create()((set) => ({
|
|
|
111
107
|
status: newConnectionStatus
|
|
112
108
|
}
|
|
113
109
|
})),
|
|
114
|
-
setRoomId: (newRoomId) => set((state) => ({
|
|
115
|
-
...state,
|
|
116
|
-
room: {
|
|
117
|
-
...state.room,
|
|
118
|
-
id: newRoomId
|
|
119
|
-
}
|
|
120
|
-
})),
|
|
121
|
-
setRoomSwitching: (newRoomSwitching) => set((state) => ({
|
|
122
|
-
...state,
|
|
123
|
-
room: {
|
|
124
|
-
...state.room,
|
|
125
|
-
switching: newRoomSwitching
|
|
126
|
-
}
|
|
127
|
-
})),
|
|
128
110
|
setRoomLoaded: (newStatus) => set((state) => ({
|
|
129
111
|
...state,
|
|
130
112
|
room: {
|
|
@@ -140,11 +122,11 @@ const useWeave = create()((set) => ({
|
|
|
140
122
|
total
|
|
141
123
|
}
|
|
142
124
|
})),
|
|
143
|
-
|
|
125
|
+
setAsyncElementsAllLoaded: (allLoaded) => set((state) => ({
|
|
144
126
|
...state,
|
|
145
127
|
asyncElements: {
|
|
146
128
|
...state.asyncElements,
|
|
147
|
-
|
|
129
|
+
allLoaded
|
|
148
130
|
}
|
|
149
131
|
})),
|
|
150
132
|
setUsers: (newUsers) => set((state) => ({
|
|
@@ -235,7 +217,7 @@ const WeaveProvider = ({ getContainer, store, renderer, nodes = [], actions = []
|
|
|
235
217
|
const setActualAction = useWeave((state) => state.setActualAction);
|
|
236
218
|
const setConnectionStatus = useWeave((state) => state.setConnectionStatus);
|
|
237
219
|
const setAsyncElements = useWeave((state) => state.setAsyncElements);
|
|
238
|
-
const
|
|
220
|
+
const setAsyncElementsAllLoaded = useWeave((state) => state.setAsyncElementsAllLoaded);
|
|
239
221
|
const onInstanceStatusHandler = React.useCallback(
|
|
240
222
|
(status) => {
|
|
241
223
|
setStatus(status);
|
|
@@ -279,17 +261,9 @@ const WeaveProvider = ({ getContainer, store, renderer, nodes = [], actions = []
|
|
|
279
261
|
},
|
|
280
262
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
281
263
|
[selectedNodes]
|
|
282
|
-
);
|
|
283
|
-
const onAsyncElementsIdleHandler = React.useCallback(
|
|
284
|
-
() => {
|
|
285
|
-
setAsyncElementsState("idle");
|
|
286
|
-
},
|
|
287
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
288
|
-
[selectedNodes]
|
|
289
264
|
);
|
|
290
265
|
const onAsyncElementsLoadingHandler = React.useCallback(
|
|
291
266
|
({ loaded, total }) => {
|
|
292
|
-
setAsyncElementsState("loading");
|
|
293
267
|
setAsyncElements(loaded, total);
|
|
294
268
|
},
|
|
295
269
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
@@ -297,7 +271,7 @@ const WeaveProvider = ({ getContainer, store, renderer, nodes = [], actions = []
|
|
|
297
271
|
);
|
|
298
272
|
const onAsyncElementsLoadedHandler = React.useCallback(
|
|
299
273
|
() => {
|
|
300
|
-
|
|
274
|
+
setAsyncElementsAllLoaded(true);
|
|
301
275
|
},
|
|
302
276
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
303
277
|
[selectedNodes]
|
|
@@ -331,7 +305,6 @@ const WeaveProvider = ({ getContainer, store, renderer, nodes = [], actions = []
|
|
|
331
305
|
weaveInstanceRef.current.addEventListener("onStateChange", onStateChangeHandler);
|
|
332
306
|
weaveInstanceRef.current.addEventListener("onUndoManagerStatusChange", onUndoManagerStatusChangeHandler);
|
|
333
307
|
weaveInstanceRef.current.addEventListener("onActiveActionChange", onActiveActionChangeHandler);
|
|
334
|
-
weaveInstanceRef.current.addEventListener("onAsyncElementsIdle", onAsyncElementsIdleHandler);
|
|
335
308
|
weaveInstanceRef.current.addEventListener("onAsyncElementsLoading", onAsyncElementsLoadingHandler);
|
|
336
309
|
weaveInstanceRef.current.addEventListener("onAsyncElementsLoaded", onAsyncElementsLoadedHandler);
|
|
337
310
|
setInstance(weaveInstanceRef.current);
|
|
@@ -364,8 +337,6 @@ const WeaveProvider = ({ getContainer, store, renderer, nodes = [], actions = []
|
|
|
364
337
|
const useWeaveEvents = () => {
|
|
365
338
|
const instance = useWeave((state) => state.instance);
|
|
366
339
|
const node = useWeave((state) => state.selection.node);
|
|
367
|
-
const setRoomId = useWeave((state) => state.setRoomId);
|
|
368
|
-
const setRoomSwitching = useWeave((state) => state.setRoomSwitching);
|
|
369
340
|
const setZoom = useWeave((state) => state.setZoom);
|
|
370
341
|
const setCanZoomIn = useWeave((state) => state.setCanZoomIn);
|
|
371
342
|
const setCanZoomOut = useWeave((state) => state.setCanZoomOut);
|
|
@@ -374,27 +345,6 @@ const useWeaveEvents = () => {
|
|
|
374
345
|
const setNode = useWeave((state) => state.setNode);
|
|
375
346
|
const setUsers = useWeave((state) => state.setUsers);
|
|
376
347
|
const setUsersLocks = useWeave((state) => state.setUsersLocks);
|
|
377
|
-
const onStoreRoomChangedHandler = React.useCallback(
|
|
378
|
-
({ room }) => {
|
|
379
|
-
setRoomId(room);
|
|
380
|
-
},
|
|
381
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
382
|
-
[]
|
|
383
|
-
);
|
|
384
|
-
const onRoomSwitchingStartHandler = React.useCallback(
|
|
385
|
-
() => {
|
|
386
|
-
setRoomSwitching(true);
|
|
387
|
-
},
|
|
388
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
389
|
-
[]
|
|
390
|
-
);
|
|
391
|
-
const onRoomSwitchingEndHandler = React.useCallback(
|
|
392
|
-
() => {
|
|
393
|
-
setRoomSwitching(false);
|
|
394
|
-
},
|
|
395
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
396
|
-
[]
|
|
397
|
-
);
|
|
398
348
|
const onSelectionStateHandler = React.useCallback((active) => {
|
|
399
349
|
setSelectionActive(active);
|
|
400
350
|
}, []);
|
|
@@ -439,18 +389,12 @@ const useWeaveEvents = () => {
|
|
|
439
389
|
);
|
|
440
390
|
React.useEffect(() => {
|
|
441
391
|
if (!instance) return;
|
|
442
|
-
instance.addEventListener("onStoreRoomChanged", onStoreRoomChangedHandler);
|
|
443
|
-
instance.addEventListener("onRoomSwitchingStart", onRoomSwitchingStartHandler);
|
|
444
|
-
instance.addEventListener("onRoomSwitchingEnd", onRoomSwitchingEndHandler);
|
|
445
392
|
instance.addEventListener("onSelectionState", onSelectionStateHandler);
|
|
446
393
|
instance.addEventListener("onZoomChange", onZoomChangeHandler);
|
|
447
394
|
instance.addEventListener("onNodesChange", onNodesChangeHandler);
|
|
448
395
|
instance.addEventListener("onConnectedUsersChange", onConnectedUsersChangedHandler);
|
|
449
396
|
instance.addEventListener("onMutexLockChange", onMutexLockChangeHandler);
|
|
450
397
|
return () => {
|
|
451
|
-
instance.removeEventListener("onStoreRoomChanged", onStoreRoomChangedHandler);
|
|
452
|
-
instance.removeEventListener("onRoomSwitchingStart", onRoomSwitchingStartHandler);
|
|
453
|
-
instance.removeEventListener("onRoomSwitchingEnd", onRoomSwitchingEndHandler);
|
|
454
398
|
instance.removeEventListener("onSelectionState", onSelectionStateHandler);
|
|
455
399
|
instance.removeEventListener("onZoomChange", onZoomChangeHandler);
|
|
456
400
|
instance.removeEventListener("onNodesChange", onNodesChangeHandler);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@inditextech/weave-react",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.5.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Jesus Manuel Piñeiro Cid <jesusmpc@inditex.com>",
|
|
@@ -47,8 +47,8 @@
|
|
|
47
47
|
"version:release": "npm version $RELEASE_VERSION -m \"[npm-scripts] prepare release $RELEASE_VERSION\" --tag-version-prefix \"\""
|
|
48
48
|
},
|
|
49
49
|
"dependencies": {
|
|
50
|
-
"@inditextech/weave-sdk": "3.
|
|
51
|
-
"@inditextech/weave-types": "3.
|
|
50
|
+
"@inditextech/weave-sdk": "3.5.0",
|
|
51
|
+
"@inditextech/weave-types": "3.5.0",
|
|
52
52
|
"@syncedstore/core": "0.6.0"
|
|
53
53
|
},
|
|
54
54
|
"devDependencies": {
|