@towns-protocol/react-sdk 0.0.196 → 0.0.198
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.
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { useEffect, useMemo, useSyncExternalStore } from 'react';
|
|
2
|
+
import { useCallback, useEffect, useMemo, useSyncExternalStore } from 'react';
|
|
3
3
|
import { isPersistedModel } from './internals/utils';
|
|
4
4
|
/**
|
|
5
5
|
* This hook subscribes to an observable and returns the value of the observable.
|
|
@@ -9,7 +9,12 @@ import { isPersistedModel } from './internals/utils';
|
|
|
9
9
|
*/
|
|
10
10
|
export function useObservable(observable, config) {
|
|
11
11
|
const opts = useMemo(() => ({ fireImmediately: true, ...config }), [config]);
|
|
12
|
-
const
|
|
12
|
+
const subscribeFn = useCallback((subFn) => {
|
|
13
|
+
return observable.subscribe(subFn, {
|
|
14
|
+
fireImediately: opts?.fireImmediately,
|
|
15
|
+
});
|
|
16
|
+
}, [observable, opts?.fireImmediately]);
|
|
17
|
+
const value = useSyncExternalStore(subscribeFn, () => observable.value);
|
|
13
18
|
useEffect(() => {
|
|
14
19
|
if (isPersistedModel(value)) {
|
|
15
20
|
if (value.status === 'loaded') {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useObservable.js","sourceRoot":"","sources":["../../src/useObservable.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"useObservable.js","sourceRoot":"","sources":["../../src/useObservable.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAE7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAiEpD;;;;;GAKG;AACH,MAAM,UAAU,aAAa,CAG3B,UAA6B,EAAE,MAAyC;IACtE,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,eAAe,EAAE,IAAI,EAAE,GAAG,MAAM,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAE5E,MAAM,WAAW,GAAG,WAAW,CAC3B,CAAC,KAAiB,EAAE,EAAE;QAClB,OAAO,UAAU,CAAC,SAAS,CAAC,KAAK,EAAE;YAC/B,cAAc,EAAE,IAAI,EAAE,eAAe;SACxC,CAAC,CAAA;IACN,CAAC,EACD,CAAC,UAAU,EAAE,IAAI,EAAE,eAAe,CAAC,CACtC,CAAA;IAED,MAAM,KAAK,GAAG,oBAAoB,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;IAEvE,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC;YAC1B,IAAI,KAAK,CAAC,MAAM,KAAK,QAAQ,EAAE,CAAC;gBAC5B,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;YAC/B,CAAC;YACD,IAAI,KAAK,CAAC,MAAM,KAAK,OAAO,EAAE,CAAC;gBAC3B,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;YAC/B,CAAC;QACL,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAA;QAC1B,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;IAEjB,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE;QACtB,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC;YAC1B,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;YAC9B,OAAO;gBACH,IAAI,EAAE,IAAuB;gBAC7B,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;gBACnD,MAAM;gBACN,SAAS,EAAE,MAAM,KAAK,SAAS;gBAC/B,OAAO,EAAE,MAAM,KAAK,OAAO;gBAC3B,QAAQ,EAAE,MAAM,KAAK,QAAQ;aAChC,CAAA;QACL,CAAC;aAAM,CAAC;YACJ,OAAO;gBACH,IAAI,EAAE,KAAwB;gBAC9B,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,QAAiB;gBACzB,SAAS,EAAE,KAAK;gBAChB,OAAO,EAAE,KAAK;gBACd,QAAQ,EAAE,IAAI;aACjB,CAAA;QACL,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,CAAiC,CAAA;IAE3C,OAAO,IAAI,CAAA;AACf,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useObservable.d.ts","sourceRoot":"","sources":["../../src/useObservable.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAI1E,yBAAiB,gBAAgB,CAAC;IAC9B;;;OAGG;IACH,KAAY,cAAc,CAAC,WAAW,IAAI,WAAW,SAAS,UAAU,CAAC,MAAM,IAAI,CAAC,GAC9E,QAAQ,CAAC,IAAI,CAAC,GACd,KAAK,CAAA;IAKX;;;OAGG;IACH,KAAY,QAAQ,CAAC,IAAI,IAAI,IAAI,SAAS,cAAc,CAAC,MAAM,aAAa,CAAC,GACvE;QACI;;;WAGG;QACH,eAAe,CAAC,EAAE,OAAO,CAAA;QACzB,+DAA+D;QAC/D,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAA;QAExC,2DAA2D;QAC3D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;KACnC,GACD;QACI;;;WAGG;QACH,eAAe,CAAC,EAAE,OAAO,CAAA;QACzB,+DAA+D;QAC/D,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;QAE/B,2DAA2D;QAC3D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;KACnC,CAAA;CACV;AAED;;;GAGG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI;IAC7B,6BAA6B;IAC7B,IAAI,EAAE,CAAC,CAAA;IACP,iEAAiE;IACjE,KAAK,EAAE,KAAK,GAAG,SAAS,CAAA;IACxB,+BAA+B;IAC/B,MAAM,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;IACtC,+CAA+C;IAC/C,SAAS,EAAE,OAAO,CAAA;IAClB,8CAA8C;IAC9C,OAAO,EAAE,OAAO,CAAA;IAChB,kCAAkC;IAClC,QAAQ,EAAE,OAAO,CAAA;CACpB,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CACzB,KAAK,EACL,IAAI,GAAG,KAAK,SAAS,cAAc,CAAC,MAAM,aAAa,CAAC,GAAG,aAAa,GAAG,KAAK,EAClF,UAAU,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"useObservable.d.ts","sourceRoot":"","sources":["../../src/useObservable.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAI1E,yBAAiB,gBAAgB,CAAC;IAC9B;;;OAGG;IACH,KAAY,cAAc,CAAC,WAAW,IAAI,WAAW,SAAS,UAAU,CAAC,MAAM,IAAI,CAAC,GAC9E,QAAQ,CAAC,IAAI,CAAC,GACd,KAAK,CAAA;IAKX;;;OAGG;IACH,KAAY,QAAQ,CAAC,IAAI,IAAI,IAAI,SAAS,cAAc,CAAC,MAAM,aAAa,CAAC,GACvE;QACI;;;WAGG;QACH,eAAe,CAAC,EAAE,OAAO,CAAA;QACzB,+DAA+D;QAC/D,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAA;QAExC,2DAA2D;QAC3D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;KACnC,GACD;QACI;;;WAGG;QACH,eAAe,CAAC,EAAE,OAAO,CAAA;QACzB,+DAA+D;QAC/D,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;QAE/B,2DAA2D;QAC3D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;KACnC,CAAA;CACV;AAED;;;GAGG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI;IAC7B,6BAA6B;IAC7B,IAAI,EAAE,CAAC,CAAA;IACP,iEAAiE;IACjE,KAAK,EAAE,KAAK,GAAG,SAAS,CAAA;IACxB,+BAA+B;IAC/B,MAAM,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;IACtC,+CAA+C;IAC/C,SAAS,EAAE,OAAO,CAAA;IAClB,8CAA8C;IAC9C,OAAO,EAAE,OAAO,CAAA;IAChB,kCAAkC;IAClC,QAAQ,EAAE,OAAO,CAAA;CACpB,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CACzB,KAAK,EACL,IAAI,GAAG,KAAK,SAAS,cAAc,CAAC,MAAM,aAAa,CAAC,GAAG,aAAa,GAAG,KAAK,EAClF,UAAU,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC,IAAI,CAAC,CAmDjG"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@towns-protocol/react-sdk",
|
|
3
3
|
"description": "React Hooks for Towns Protocol SDK",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.198",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/esm/index.js",
|
|
7
7
|
"types": "./dist/types/index.d.ts",
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"watch": "yarn build -w"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@towns-protocol/sdk": "^0.0.
|
|
24
|
+
"@towns-protocol/sdk": "^0.0.198",
|
|
25
25
|
"ethers": "^5.7.2"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
@@ -70,5 +70,5 @@
|
|
|
70
70
|
},
|
|
71
71
|
"sideEffects": false,
|
|
72
72
|
"typings": "./dist/types/index.d.ts",
|
|
73
|
-
"gitHead": "
|
|
73
|
+
"gitHead": "2b420579c6e8172a4bdfc89c68e5eef296ba7c22"
|
|
74
74
|
}
|
package/src/useObservable.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
import { useEffect, useMemo, useSyncExternalStore } from 'react'
|
|
2
|
+
import { useCallback, useEffect, useMemo, useSyncExternalStore } from 'react'
|
|
3
3
|
import { type Observable, type PersistedModel } from '@towns-protocol/sdk'
|
|
4
4
|
import { isPersistedModel } from './internals/utils'
|
|
5
5
|
|
|
@@ -78,11 +78,17 @@ export function useObservable<
|
|
|
78
78
|
>(observable: Observable<Model>, config?: ObservableConfig.FromData<Model>): ObservableValue<Data> {
|
|
79
79
|
const opts = useMemo(() => ({ fireImmediately: true, ...config }), [config])
|
|
80
80
|
|
|
81
|
-
const
|
|
82
|
-
(
|
|
83
|
-
|
|
81
|
+
const subscribeFn = useCallback(
|
|
82
|
+
(subFn: () => void) => {
|
|
83
|
+
return observable.subscribe(subFn, {
|
|
84
|
+
fireImediately: opts?.fireImmediately,
|
|
85
|
+
})
|
|
86
|
+
},
|
|
87
|
+
[observable, opts?.fireImmediately],
|
|
84
88
|
)
|
|
85
89
|
|
|
90
|
+
const value = useSyncExternalStore(subscribeFn, () => observable.value)
|
|
91
|
+
|
|
86
92
|
useEffect(() => {
|
|
87
93
|
if (isPersistedModel(value)) {
|
|
88
94
|
if (value.status === 'loaded') {
|