@veltdev/react 1.0.140 → 1.0.142
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/cjs/index.js +22 -5
- package/cjs/index.js.map +1 -1
- package/cjs/types/constants.d.ts +1 -1
- package/cjs/types/hooks/LiveStateSyncElement.d.ts +8 -3
- package/cjs/types/hooks/index.d.ts +1 -1
- package/esm/index.js +22 -6
- package/esm/index.js.map +1 -1
- package/esm/types/constants.d.ts +1 -1
- package/esm/types/hooks/LiveStateSyncElement.d.ts +8 -3
- package/esm/types/hooks/index.d.ts +1 -1
- package/index.d.ts +8 -4
- package/package.json +1 -1
package/cjs/index.js
CHANGED
|
@@ -140,7 +140,7 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
|
|
|
140
140
|
}
|
|
141
141
|
};
|
|
142
142
|
|
|
143
|
-
var VELT_SDK_VERSION = '1.0.
|
|
143
|
+
var VELT_SDK_VERSION = '1.0.159';
|
|
144
144
|
var VELT_SDK_INIT_EVENT = 'onVeltInit';
|
|
145
145
|
var VELT_TAB_ID = 'veltTabId';
|
|
146
146
|
|
|
@@ -2344,13 +2344,13 @@ function useLiveStateSyncUtils() {
|
|
|
2344
2344
|
}, [client, setLiveStateSyncElement, liveStateSyncElement]);
|
|
2345
2345
|
return liveStateSyncElement;
|
|
2346
2346
|
}
|
|
2347
|
-
function useLiveStateData(liveStateDataId,
|
|
2347
|
+
function useLiveStateData(liveStateDataId, liveStateDataConfig) {
|
|
2348
2348
|
var liveStateSyncElement = useLiveStateSyncUtils();
|
|
2349
2349
|
var _a = React__default["default"].useState(), data = _a[0], setData = _a[1];
|
|
2350
2350
|
React.useEffect(function () {
|
|
2351
2351
|
if (!(liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.getLiveStateData))
|
|
2352
2352
|
return;
|
|
2353
|
-
var subscription = liveStateSyncElement.getLiveStateData(liveStateDataId,
|
|
2353
|
+
var subscription = liveStateSyncElement.getLiveStateData(liveStateDataId, liveStateDataConfig).subscribe(function (res) {
|
|
2354
2354
|
setData(res);
|
|
2355
2355
|
});
|
|
2356
2356
|
return function () {
|
|
@@ -2427,9 +2427,25 @@ function useEditorAccessRequestHandler() {
|
|
|
2427
2427
|
}, [liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.isEditorAccessRequested]);
|
|
2428
2428
|
return data;
|
|
2429
2429
|
}
|
|
2430
|
+
function useServerConnectionStateChangeHandler() {
|
|
2431
|
+
var liveStateSyncElement = useLiveStateSyncUtils();
|
|
2432
|
+
var _a = React__default["default"].useState(), data = _a[0], setData = _a[1];
|
|
2433
|
+
React.useEffect(function () {
|
|
2434
|
+
if (!(liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.onServerConnectionStateChange))
|
|
2435
|
+
return;
|
|
2436
|
+
var subscription = liveStateSyncElement.onServerConnectionStateChange().subscribe(function (res) {
|
|
2437
|
+
setData(res);
|
|
2438
|
+
});
|
|
2439
|
+
return function () {
|
|
2440
|
+
subscription.unsubscribe();
|
|
2441
|
+
};
|
|
2442
|
+
}, [liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.onServerConnectionStateChange]);
|
|
2443
|
+
return data;
|
|
2444
|
+
}
|
|
2430
2445
|
function useLiveState(liveStateDataId, initialValue, options) {
|
|
2431
2446
|
var liveStateSyncElement = useLiveStateSyncUtils();
|
|
2432
2447
|
var client = useVeltClient().client;
|
|
2448
|
+
var serverConnectionState = useServerConnectionStateChangeHandler();
|
|
2433
2449
|
var _a = React__default["default"].useState(null), documentId = _a[0], setDocumentId = _a[1];
|
|
2434
2450
|
var _b = React__default["default"].useState(null), user = _b[0], setUser = _b[1];
|
|
2435
2451
|
var _c = React__default["default"].useState(initialValue), data = _c[0], setData = _c[1];
|
|
@@ -2459,7 +2475,7 @@ function useLiveState(liveStateDataId, initialValue, options) {
|
|
|
2459
2475
|
}
|
|
2460
2476
|
});
|
|
2461
2477
|
}
|
|
2462
|
-
var subscription = liveStateSyncElement.getLiveStateData(liveStateDataId, options === null || options === void 0 ? void 0 : options.listenToNewChangesOnly).subscribe(function (res) {
|
|
2478
|
+
var subscription = liveStateSyncElement.getLiveStateData(liveStateDataId, { listenToNewChangesOnly: options === null || options === void 0 ? void 0 : options.listenToNewChangesOnly }).subscribe(function (res) {
|
|
2463
2479
|
setData(res);
|
|
2464
2480
|
});
|
|
2465
2481
|
return function () {
|
|
@@ -2493,7 +2509,7 @@ function useLiveState(liveStateDataId, initialValue, options) {
|
|
|
2493
2509
|
liveStateSyncElement.setLiveStateData(liveStateDataId, value);
|
|
2494
2510
|
}
|
|
2495
2511
|
});
|
|
2496
|
-
return [data, setDataFunction];
|
|
2512
|
+
return [data, setDataFunction, serverConnectionState];
|
|
2497
2513
|
}
|
|
2498
2514
|
|
|
2499
2515
|
function usePresenceUtils() {
|
|
@@ -2870,6 +2886,7 @@ exports.usePresenceUsers = usePresenceUsers;
|
|
|
2870
2886
|
exports.usePresenceUtils = usePresenceUtils;
|
|
2871
2887
|
exports.useRecorderAddHandler = useRecorderAddHandler;
|
|
2872
2888
|
exports.useRecorderUtils = useRecorderUtils;
|
|
2889
|
+
exports.useServerConnectionStateChangeHandler = useServerConnectionStateChangeHandler;
|
|
2873
2890
|
exports.useSetDocumentId = useSetDocumentId;
|
|
2874
2891
|
exports.useSetLiveStateData = useSetLiveStateData;
|
|
2875
2892
|
exports.useSetLocation = useSetLocation;
|