@inditextech/weave-react 3.4.0-SNAPSHOT.38.1 → 3.4.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 -67
- 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);
|
|
@@ -342,7 +315,6 @@ const WeaveProvider = ({ getContainer, store, renderer, nodes = [], actions = []
|
|
|
342
315
|
setRoomLoaded(false);
|
|
343
316
|
initWeave();
|
|
344
317
|
return () => {
|
|
345
|
-
console.log("unmounting weave provider, let's clean up");
|
|
346
318
|
weaveInstanceRef.current?.removeEventListener("onInstanceStatus", onInstanceStatusHandler);
|
|
347
319
|
weaveInstanceRef.current?.removeEventListener("onStoreConnectionStatusChange", onStoreConnectionStatusChangeHandler);
|
|
348
320
|
weaveInstanceRef.current?.removeEventListener("onRoomLoaded", onRoomLoadedHandler);
|
|
@@ -353,7 +325,6 @@ const WeaveProvider = ({ getContainer, store, renderer, nodes = [], actions = []
|
|
|
353
325
|
weaveInstanceRef.current?.removeEventListener("onAsyncElementsLoaded", onAsyncElementsLoadedHandler);
|
|
354
326
|
setStatus(WEAVE_INSTANCE_STATUS.IDLE);
|
|
355
327
|
setRoomLoaded(false);
|
|
356
|
-
console.log("Destroying weave instance");
|
|
357
328
|
weaveInstanceRef.current?.destroy();
|
|
358
329
|
weaveInstanceRef.current = null;
|
|
359
330
|
};
|
|
@@ -366,8 +337,6 @@ const WeaveProvider = ({ getContainer, store, renderer, nodes = [], actions = []
|
|
|
366
337
|
const useWeaveEvents = () => {
|
|
367
338
|
const instance = useWeave((state) => state.instance);
|
|
368
339
|
const node = useWeave((state) => state.selection.node);
|
|
369
|
-
const setRoomId = useWeave((state) => state.setRoomId);
|
|
370
|
-
const setRoomSwitching = useWeave((state) => state.setRoomSwitching);
|
|
371
340
|
const setZoom = useWeave((state) => state.setZoom);
|
|
372
341
|
const setCanZoomIn = useWeave((state) => state.setCanZoomIn);
|
|
373
342
|
const setCanZoomOut = useWeave((state) => state.setCanZoomOut);
|
|
@@ -376,29 +345,6 @@ const useWeaveEvents = () => {
|
|
|
376
345
|
const setNode = useWeave((state) => state.setNode);
|
|
377
346
|
const setUsers = useWeave((state) => state.setUsers);
|
|
378
347
|
const setUsersLocks = useWeave((state) => state.setUsersLocks);
|
|
379
|
-
const onStoreRoomChangedHandler = React.useCallback(
|
|
380
|
-
({ room }) => {
|
|
381
|
-
setRoomId(room);
|
|
382
|
-
},
|
|
383
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
384
|
-
[]
|
|
385
|
-
);
|
|
386
|
-
const onRoomSwitchingStartHandler = React.useCallback(
|
|
387
|
-
({ room }) => {
|
|
388
|
-
console.log("Room switching started to room:", room);
|
|
389
|
-
setRoomSwitching(true);
|
|
390
|
-
},
|
|
391
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
392
|
-
[]
|
|
393
|
-
);
|
|
394
|
-
const onRoomSwitchingEndHandler = React.useCallback(
|
|
395
|
-
({ room }) => {
|
|
396
|
-
console.log("Room switching ended to room:", room);
|
|
397
|
-
setRoomSwitching(false);
|
|
398
|
-
},
|
|
399
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
400
|
-
[]
|
|
401
|
-
);
|
|
402
348
|
const onSelectionStateHandler = React.useCallback((active) => {
|
|
403
349
|
setSelectionActive(active);
|
|
404
350
|
}, []);
|
|
@@ -443,18 +389,12 @@ const useWeaveEvents = () => {
|
|
|
443
389
|
);
|
|
444
390
|
React.useEffect(() => {
|
|
445
391
|
if (!instance) return;
|
|
446
|
-
instance.addEventListener("onStoreRoomChanged", onStoreRoomChangedHandler);
|
|
447
|
-
instance.addEventListener("onRoomSwitchingStart", onRoomSwitchingStartHandler);
|
|
448
|
-
instance.addEventListener("onRoomSwitchingEnd", onRoomSwitchingEndHandler);
|
|
449
392
|
instance.addEventListener("onSelectionState", onSelectionStateHandler);
|
|
450
393
|
instance.addEventListener("onZoomChange", onZoomChangeHandler);
|
|
451
394
|
instance.addEventListener("onNodesChange", onNodesChangeHandler);
|
|
452
395
|
instance.addEventListener("onConnectedUsersChange", onConnectedUsersChangedHandler);
|
|
453
396
|
instance.addEventListener("onMutexLockChange", onMutexLockChangeHandler);
|
|
454
397
|
return () => {
|
|
455
|
-
instance.removeEventListener("onStoreRoomChanged", onStoreRoomChangedHandler);
|
|
456
|
-
instance.removeEventListener("onRoomSwitchingStart", onRoomSwitchingStartHandler);
|
|
457
|
-
instance.removeEventListener("onRoomSwitchingEnd", onRoomSwitchingEndHandler);
|
|
458
398
|
instance.removeEventListener("onSelectionState", onSelectionStateHandler);
|
|
459
399
|
instance.removeEventListener("onZoomChange", onZoomChangeHandler);
|
|
460
400
|
instance.removeEventListener("onNodesChange", onNodesChangeHandler);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@inditextech/weave-react",
|
|
3
|
-
"version": "3.4.0
|
|
3
|
+
"version": "3.4.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.4.0
|
|
51
|
-
"@inditextech/weave-types": "3.4.0
|
|
50
|
+
"@inditextech/weave-sdk": "3.4.0",
|
|
51
|
+
"@inditextech/weave-types": "3.4.0",
|
|
52
52
|
"@syncedstore/core": "0.6.0"
|
|
53
53
|
},
|
|
54
54
|
"devDependencies": {
|