synstate-react-hooks-compat 2.0.2 → 3.0.1

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,35 +1,21 @@
1
- import { createBooleanState as createBooleanState$1 } from 'synstate';
1
+ import { createBooleanState as createBooleanStateBase, } from 'synstate';
2
2
  import { useObservableValue } from './use-observable-value.mjs';
3
-
4
- const createBooleanState = (initialState) => {
5
- const [
6
- state,
7
- {
8
- setTrue,
9
- setFalse,
10
- setState,
11
- toggle,
12
- updateState,
13
- resetState,
14
- getSnapshot
15
- }
16
- ] = createBooleanState$1(initialState);
17
- const useCurrentValue = () => useObservableValue(state);
18
- return [
19
- useCurrentValue,
20
- {
21
- state,
22
- setTrue,
23
- setFalse,
24
- setState,
25
- toggle,
26
- updateState,
27
- resetState,
28
- getSnapshot,
29
- initialState
30
- }
31
- ];
3
+ export const createBooleanState = (initialState) => {
4
+ const [state, { setTrue, setFalse, setState, toggle, updateState, resetState, getSnapshot, },] = createBooleanStateBase(initialState);
5
+ const useCurrentValue = () => useObservableValue(state);
6
+ return [
7
+ useCurrentValue,
8
+ {
9
+ state,
10
+ setTrue,
11
+ setFalse,
12
+ setState,
13
+ toggle,
14
+ updateState,
15
+ resetState,
16
+ getSnapshot,
17
+ initialState,
18
+ },
19
+ ];
32
20
  };
33
-
34
- export { createBooleanState };
35
- //# sourceMappingURL=create-boolean-state.mjs.map
21
+ //# sourceMappingURL=create-boolean-state.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"create-boolean-state.mjs","sources":["../src/create-boolean-state.mts"],"sourcesContent":["import {\n type InitializedObservable,\n createBooleanState as createBooleanStateBase,\n} from 'synstate';\nimport { useObservableValue } from './use-observable-value.mjs';\n\nexport const createBooleanState = (\n initialState: boolean,\n): readonly [\n useCurrentValue: () => boolean,\n utils: Readonly<{\n state: InitializedObservable<boolean>;\n setTrue: () => void;\n setFalse: () => void;\n setState: (next: boolean) => boolean;\n toggle: () => boolean;\n updateState: (updateFn: (prev: boolean) => boolean) => boolean;\n resetState: () => boolean;\n getSnapshot: () => boolean;\n initialState: boolean;\n }>,\n] => {\n const [\n state,\n {\n setTrue,\n setFalse,\n setState,\n toggle,\n updateState,\n resetState,\n getSnapshot,\n },\n ] = createBooleanStateBase(initialState);\n\n const useCurrentValue = (): boolean => useObservableValue(state);\n\n return [\n useCurrentValue,\n {\n state,\n setTrue,\n setFalse,\n setState,\n toggle,\n updateState,\n resetState,\n getSnapshot,\n initialState,\n },\n ] as const;\n};\n"],"names":["createBooleanStateBase"],"mappings":";;;AAMO,MAAM,kBAAA,GAAqB,CAChC,YAAA,KAcG;AACH,EAAA,MAAM;AAAA,IACJ,KAAA;AAAA,IACA;AAAA,MACE,OAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA;AAAA;AACF,GACF,GAAIA,qBAAuB,YAAY,CAAA;AAEvC,EAAA,MAAM,eAAA,GAAkB,MAAe,kBAAA,CAAmB,KAAK,CAAA;AAE/D,EAAA,OAAO;AAAA,IACL,eAAA;AAAA,IACA;AAAA,MACE,KAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA;AAAA;AACF,GACF;AACF;;;;"}
1
+ {"version":3,"file":"create-boolean-state.mjs","sourceRoot":"","sources":["../src/create-boolean-state.mts"],"names":[],"mappings":"AAAA,OAAO,EAEL,kBAAkB,IAAI,sBAAsB,GAC7C,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,YAAqB,EAcrB,EAAE;IACF,MAAM,CACJ,KAAK,EACL,EACE,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,WAAW,EACX,UAAU,EACV,WAAW,GACZ,EACF,GAAG,sBAAsB,CAAC,YAAY,CAAC,CAAC;IAEzC,MAAM,eAAe,GAAG,GAAY,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAEjE,OAAO;QACL,eAAe;QACf;YACE,KAAK;YACL,OAAO;YACP,QAAQ;YACR,QAAQ;YACR,MAAM;YACN,WAAW;YACX,UAAU;YACV,WAAW;YACX,YAAY;SACb;KACO,CAAC;AACb,CAAC,CAAC"}
@@ -1,14 +1,8 @@
1
- import { createReducer as createReducer$1 } from 'synstate';
1
+ import { createReducer as createReducerBase, } from 'synstate';
2
2
  import { useObservableValue } from './use-observable-value.mjs';
3
-
4
- const createReducer = (reducer, initialState) => {
5
- const [state, dispatch, { getSnapshot }] = createReducer$1(
6
- reducer,
7
- initialState
8
- );
9
- const useCurrentValue = () => useObservableValue(state);
10
- return [useCurrentValue, dispatch, { state, getSnapshot, initialState }];
3
+ export const createReducer = (reducer, initialState) => {
4
+ const [state, dispatch, { getSnapshot }] = createReducerBase(reducer, initialState);
5
+ const useCurrentValue = () => useObservableValue(state);
6
+ return [useCurrentValue, dispatch, { state, getSnapshot, initialState }];
11
7
  };
12
-
13
- export { createReducer };
14
- //# sourceMappingURL=create-reducer.mjs.map
8
+ //# sourceMappingURL=create-reducer.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"create-reducer.mjs","sources":["../src/create-reducer.mts"],"sourcesContent":["import {\n createReducer as createReducerBase,\n type InitializedObservable,\n} from 'synstate';\nimport { type Reducer } from 'ts-type-forge';\nimport { useObservableValue } from './use-observable-value.mjs';\n\nexport const createReducer = <S, A>(\n reducer: Reducer<S, A>,\n initialState: S,\n): readonly [\n useCurrentValue: () => S,\n dispatch: (action: A) => S,\n utils: Readonly<{\n state: InitializedObservable<S>;\n getSnapshot: () => S;\n initialState: S;\n }>,\n] => {\n const [state, dispatch, { getSnapshot }] = createReducerBase(\n reducer,\n initialState,\n );\n\n const useCurrentValue = (): S => useObservableValue(state);\n\n return [useCurrentValue, dispatch, { state, getSnapshot, initialState }];\n};\n"],"names":["createReducerBase"],"mappings":";;;AAOO,MAAM,aAAA,GAAgB,CAC3B,OAAA,EACA,YAAA,KASG;AACH,EAAA,MAAM,CAAC,KAAA,EAAO,QAAA,EAAU,EAAE,WAAA,EAAa,CAAA,GAAIA,eAAA;AAAA,IACzC,OAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,MAAM,eAAA,GAAkB,MAAS,kBAAA,CAAmB,KAAK,CAAA;AAEzD,EAAA,OAAO,CAAC,eAAA,EAAiB,QAAA,EAAU,EAAE,KAAA,EAAO,WAAA,EAAa,cAAc,CAAA;AACzE;;;;"}
1
+ {"version":3,"file":"create-reducer.mjs","sourceRoot":"","sources":["../src/create-reducer.mts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,IAAI,iBAAiB,GAEnC,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,OAAsB,EACtB,YAAe,EASf,EAAE;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,CAAC,GAAG,iBAAiB,CAC1D,OAAO,EACP,YAAY,CACb,CAAC;IAEF,MAAM,eAAe,GAAG,GAAM,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAE3D,OAAO,CAAC,eAAe,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,CAAC,CAAC;AAC3E,CAAC,CAAC"}
@@ -1,21 +1,18 @@
1
- import { createState as createState$1 } from 'synstate';
1
+ import { createState as createStateBase, } from 'synstate';
2
2
  import { useObservableValue } from './use-observable-value.mjs';
3
-
4
- const createState = (initialState) => {
5
- const [state, setState, { updateState, resetState, getSnapshot }] = createState$1(initialState);
6
- const useCurrentValue = () => useObservableValue(state);
7
- return [
8
- useCurrentValue,
9
- setState,
10
- {
11
- state,
12
- updateState,
13
- resetState,
14
- getSnapshot,
15
- initialState
16
- }
17
- ];
3
+ export const createState = (initialState) => {
4
+ const [state, setState, { updateState, resetState, getSnapshot }] = createStateBase(initialState);
5
+ const useCurrentValue = () => useObservableValue(state);
6
+ return [
7
+ useCurrentValue,
8
+ setState,
9
+ {
10
+ state,
11
+ updateState,
12
+ resetState,
13
+ getSnapshot,
14
+ initialState,
15
+ },
16
+ ];
18
17
  };
19
-
20
- export { createState };
21
- //# sourceMappingURL=create-state.mjs.map
18
+ //# sourceMappingURL=create-state.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"create-state.mjs","sources":["../src/create-state.mts"],"sourcesContent":["import {\n createState as createStateBase,\n type InitializedObservable,\n} from 'synstate';\nimport { useObservableValue } from './use-observable-value.mjs';\n\nexport const createState = <S,>(\n initialState: S,\n): readonly [\n useCurrentValue: () => S,\n setState: (v: S) => S,\n utils: Readonly<{\n state: InitializedObservable<S>;\n updateState: (updateFn: (prev: S) => S) => S;\n resetState: () => S;\n getSnapshot: () => S;\n initialState: S;\n }>,\n] => {\n const [state, setState, { updateState, resetState, getSnapshot }] =\n createStateBase(initialState);\n\n const useCurrentValue = (): S => useObservableValue(state);\n\n return [\n useCurrentValue,\n setState,\n {\n state,\n updateState,\n resetState,\n getSnapshot,\n initialState,\n },\n ] as const;\n};\n"],"names":["createStateBase"],"mappings":";;;AAMO,MAAM,WAAA,GAAc,CACzB,YAAA,KAWG;AACH,EAAA,MAAM,CAAC,KAAA,EAAO,QAAA,EAAU,EAAE,WAAA,EAAa,YAAY,WAAA,EAAa,CAAA,GAC9DA,aAAA,CAAgB,YAAY,CAAA;AAE9B,EAAA,MAAM,eAAA,GAAkB,MAAS,kBAAA,CAAmB,KAAK,CAAA;AAEzD,EAAA,OAAO;AAAA,IACL,eAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,MACE,KAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA;AAAA;AACF,GACF;AACF;;;;"}
1
+ {"version":3,"file":"create-state.mjs","sourceRoot":"","sources":["../src/create-state.mts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,IAAI,eAAe,GAE/B,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,YAAe,EAWf,EAAE;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC,GAC/D,eAAe,CAAC,YAAY,CAAC,CAAC;IAEhC,MAAM,eAAe,GAAG,GAAM,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAE3D,OAAO;QACL,eAAe;QACf,QAAQ;QACR;YACE,KAAK;YACL,WAAW;YACX,UAAU;YACV,WAAW;YACX,YAAY;SACb;KACO,CAAC;AACb,CAAC,CAAC"}
package/dist/index.mjs CHANGED
@@ -1,8 +1,8 @@
1
- export { createBooleanState } from './create-boolean-state.mjs';
2
- export { createReducer } from './create-reducer.mjs';
3
- export { createState } from './create-state.mjs';
4
- export { AsyncChildObservableClass, InitializedSyncChildObservableClass, ObservableBaseClass, RootObservableClass, SyncChildObservableClass, attachIndex, audit, collectToArray, combine, combineLatest, counter, createEventEmitter, createValueEmitter, debounce, distinctUntilChanged, filter, flatMap, fromAbortablePromise, fromPromise, fromSubscribable, getKey, isChildObservable, isManagerObservable, isRootObservable, just, map, mapOptional, mapResultErr, mapResultOk, mapTo, merge, mergeMap, pairwise, pluck, scan, skip, skipIfNoChange, skipUntil, skipWhile, source, switchMap, take, takeUntil, takeWhile, throttle, timer, unwrapOptional, unwrapResultErr, unwrapResultOk, withBuffered, withBufferedFrom, withCurrentValueFrom, withIndex, withInitialValue, withLatestFrom, zip } from 'synstate';
5
- export { useObservableEffect } from './use-observable-effect.mjs';
6
- export { useObservableValue } from './use-observable-value.mjs';
7
- export { useValueAsObservable } from './use-value-as-observable.mjs';
8
- //# sourceMappingURL=index.mjs.map
1
+ export * from './create-boolean-state.mjs';
2
+ export * from './create-reducer.mjs';
3
+ export * from './create-state.mjs';
4
+ export * from './synstate.mjs';
5
+ export * from './use-observable-effect.mjs';
6
+ export * from './use-observable-value.mjs';
7
+ export * from './use-value-as-observable.mjs';
8
+ //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
1
+ {"version":3,"file":"index.mjs","sourceRoot":"","sources":["../src/index.mts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC"}
@@ -1,2 +1,2 @@
1
- export { AsyncChildObservableClass, InitializedSyncChildObservableClass, ObservableBaseClass, RootObservableClass, SyncChildObservableClass, attachIndex, audit, collectToArray, combine, combineLatest, counter, createEventEmitter, createValueEmitter, debounce, distinctUntilChanged, filter, flatMap, fromAbortablePromise, fromPromise, fromSubscribable, getKey, isChildObservable, isManagerObservable, isRootObservable, just, map, mapOptional, mapResultErr, mapResultOk, mapTo, merge, mergeMap, pairwise, pluck, scan, skip, skipIfNoChange, skipUntil, skipWhile, source, switchMap, take, takeUntil, takeWhile, throttle, timer, unwrapOptional, unwrapResultErr, unwrapResultOk, withBuffered, withBufferedFrom, withCurrentValueFrom, withIndex, withInitialValue, withLatestFrom, zip, } from 'synstate';
1
+ export { attachIndex, audit, collectToArray, combine, combineLatest, counter, createEventEmitter, createValueEmitter, debounce, distinctUntilChanged, filter, flatMap, fromAbortablePromise, fromPromise, fromSubscribable, getKey, isChildObservable, isManagerObservable, isRootObservable, just, map, mapOptional, mapResultErr, mapResultOk, mapTo, merge, mergeMap, pairwise, pluck, scan, skip, skipIfNoChange, skipUntil, skipWhile, source, switchMap, take, takeUntil, takeWhile, throttle, timer, unwrapOptional, unwrapResultErr, unwrapResultOk, withBuffered, withBufferedFrom, withCurrentValueFrom, withIndex, withInitialValue, withLatestFrom, zip, } from 'synstate';
2
2
  //# sourceMappingURL=synstate.d.mts.map
@@ -1 +1 @@
1
- {"version":3,"file":"synstate.d.mts","sourceRoot":"","sources":["../src/synstate.mts"],"names":[],"mappings":"AAAA,OAAO,EACL,yBAAyB,EACzB,mCAAmC,EACnC,mBAAmB,EACnB,mBAAmB,EACnB,wBAAwB,EACxB,WAAW,EACX,KAAK,EACL,cAAc,EACd,OAAO,EACP,aAAa,EACb,OAAO,EACP,kBAAkB,EAClB,kBAAkB,EAClB,QAAQ,EACR,oBAAoB,EACpB,MAAM,EACN,OAAO,EACP,oBAAoB,EACpB,WAAW,EACX,gBAAgB,EAChB,MAAM,EACN,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,IAAI,EACJ,GAAG,EACH,WAAW,EACX,YAAY,EACZ,WAAW,EACX,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,SAAS,EACT,SAAS,EACT,MAAM,EACN,SAAS,EACT,IAAI,EACJ,SAAS,EACT,SAAS,EACT,QAAQ,EACR,KAAK,EACL,cAAc,EACd,eAAe,EACf,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,oBAAoB,EACpB,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,GAAG,GACJ,MAAM,UAAU,CAAC"}
1
+ {"version":3,"file":"synstate.d.mts","sourceRoot":"","sources":["../src/synstate.mts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,KAAK,EACL,cAAc,EACd,OAAO,EACP,aAAa,EACb,OAAO,EACP,kBAAkB,EAClB,kBAAkB,EAClB,QAAQ,EACR,oBAAoB,EACpB,MAAM,EACN,OAAO,EACP,oBAAoB,EACpB,WAAW,EACX,gBAAgB,EAChB,MAAM,EACN,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,IAAI,EACJ,GAAG,EACH,WAAW,EACX,YAAY,EACZ,WAAW,EACX,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,SAAS,EACT,SAAS,EACT,MAAM,EACN,SAAS,EACT,IAAI,EACJ,SAAS,EACT,SAAS,EACT,QAAQ,EACR,KAAK,EACL,cAAc,EACd,eAAe,EACf,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,oBAAoB,EACpB,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,GAAG,GACJ,MAAM,UAAU,CAAC"}
package/dist/synstate.mjs CHANGED
@@ -1,2 +1,2 @@
1
- export { AsyncChildObservableClass, InitializedSyncChildObservableClass, ObservableBaseClass, RootObservableClass, SyncChildObservableClass, attachIndex, audit, collectToArray, combine, combineLatest, counter, createEventEmitter, createValueEmitter, debounce, distinctUntilChanged, filter, flatMap, fromAbortablePromise, fromPromise, fromSubscribable, getKey, isChildObservable, isManagerObservable, isRootObservable, just, map, mapOptional, mapResultErr, mapResultOk, mapTo, merge, mergeMap, pairwise, pluck, scan, skip, skipIfNoChange, skipUntil, skipWhile, source, switchMap, take, takeUntil, takeWhile, throttle, timer, unwrapOptional, unwrapResultErr, unwrapResultOk, withBuffered, withBufferedFrom, withCurrentValueFrom, withIndex, withInitialValue, withLatestFrom, zip } from 'synstate';
2
- //# sourceMappingURL=synstate.mjs.map
1
+ export { attachIndex, audit, collectToArray, combine, combineLatest, counter, createEventEmitter, createValueEmitter, debounce, distinctUntilChanged, filter, flatMap, fromAbortablePromise, fromPromise, fromSubscribable, getKey, isChildObservable, isManagerObservable, isRootObservable, just, map, mapOptional, mapResultErr, mapResultOk, mapTo, merge, mergeMap, pairwise, pluck, scan, skip, skipIfNoChange, skipUntil, skipWhile, source, switchMap, take, takeUntil, takeWhile, throttle, timer, unwrapOptional, unwrapResultErr, unwrapResultOk, withBuffered, withBufferedFrom, withCurrentValueFrom, withIndex, withInitialValue, withLatestFrom, zip, } from 'synstate';
2
+ //# sourceMappingURL=synstate.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"synstate.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1
+ {"version":3,"file":"synstate.mjs","sourceRoot":"","sources":["../src/synstate.mts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,KAAK,EACL,cAAc,EACd,OAAO,EACP,aAAa,EACb,OAAO,EACP,kBAAkB,EAClB,kBAAkB,EAClB,QAAQ,EACR,oBAAoB,EACpB,MAAM,EACN,OAAO,EACP,oBAAoB,EACpB,WAAW,EACX,gBAAgB,EAChB,MAAM,EACN,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,IAAI,EACJ,GAAG,EACH,WAAW,EACX,YAAY,EACZ,WAAW,EACX,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,SAAS,EACT,SAAS,EACT,MAAM,EACN,SAAS,EACT,IAAI,EACJ,SAAS,EACT,SAAS,EACT,QAAQ,EACR,KAAK,EACL,cAAc,EACd,eAAe,EACf,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,oBAAoB,EACpB,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,GAAG,GACJ,MAAM,UAAU,CAAC"}
@@ -1,13 +1,10 @@
1
1
  import * as React from 'react';
2
-
3
- const useObservableEffect = (observable$, subscriptionFn) => {
4
- React.useEffect(() => {
5
- const s = observable$.subscribe(subscriptionFn);
6
- return () => {
7
- s.unsubscribe();
8
- };
9
- }, []);
2
+ export const useObservableEffect = (observable$, subscriptionFn) => {
3
+ React.useEffect(() => {
4
+ const s = observable$.subscribe(subscriptionFn);
5
+ return () => {
6
+ s.unsubscribe();
7
+ };
8
+ }, []);
10
9
  };
11
-
12
- export { useObservableEffect };
13
- //# sourceMappingURL=use-observable-effect.mjs.map
10
+ //# sourceMappingURL=use-observable-effect.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"use-observable-effect.mjs","sources":["../src/use-observable-effect.mts"],"sourcesContent":["import * as React from 'react';\nimport { type Observable } from 'synstate';\n\nexport const useObservableEffect = <A,>(\n observable$: Observable<A>,\n subscriptionFn: (v: A) => void,\n): void => {\n React.useEffect(() => {\n const s = observable$.subscribe(subscriptionFn);\n\n return () => {\n s.unsubscribe();\n };\n }, []);\n};\n"],"names":[],"mappings":";;AAGO,MAAM,mBAAA,GAAsB,CACjC,WAAA,EACA,cAAA,KACS;AACT,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAA,MAAM,CAAA,GAAI,WAAA,CAAY,SAAA,CAAU,cAAc,CAAA;AAE9C,IAAA,OAAO,MAAM;AACX,MAAA,CAAA,CAAE,WAAA,EAAY;AAAA,IAChB,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AACP;;;;"}
1
+ {"version":3,"file":"use-observable-effect.mjs","sourceRoot":"","sources":["../src/use-observable-effect.mts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,WAA0B,EAC1B,cAA8B,EACxB,EAAE;IACR,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,CAAC,GAAG,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;QAEhD,OAAO,GAAG,EAAE;YACV,CAAC,CAAC,WAAW,EAAE,CAAC;QAClB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC,CAAC"}
@@ -2,5 +2,4 @@ import { type InitializedObservable, type Observable } from 'synstate';
2
2
  export declare function useObservableValue<A, B = A>(observable$: Observable<A>, initialValue: B): A | B;
3
3
  export declare function useObservableValue<A>(observable$: InitializedObservable<A>): A;
4
4
  export declare function useObservableValue<A>(observable$: Observable<A>): A | undefined;
5
- export declare function useObservableValue<A, B = A>(observable$: Observable<A>, initialValue: B): A | B;
6
5
  //# sourceMappingURL=use-observable-value.d.mts.map
@@ -1 +1 @@
1
- {"version":3,"file":"use-observable-value.d.mts","sourceRoot":"","sources":["../src/use-observable-value.mts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,qBAAqB,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAGvE,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EACzC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC,EAC1B,YAAY,EAAE,CAAC,GACd,CAAC,GAAG,CAAC,CAAC;AAET,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,WAAW,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AAEhF,wBAAgB,kBAAkB,CAAC,CAAC,EAClC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC,GACzB,CAAC,GAAG,SAAS,CAAC;AAEjB,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EACzC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC,EAC1B,YAAY,EAAE,CAAC,GACd,CAAC,GAAG,CAAC,CAAC"}
1
+ {"version":3,"file":"use-observable-value.d.mts","sourceRoot":"","sources":["../src/use-observable-value.mts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,qBAAqB,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAGvE,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EACzC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC,EAC1B,YAAY,EAAE,CAAC,GACd,CAAC,GAAG,CAAC,CAAC;AAET,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,WAAW,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AAEhF,wBAAgB,kBAAkB,CAAC,CAAC,EAClC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC,GACzB,CAAC,GAAG,SAAS,CAAC"}
@@ -1,18 +1,13 @@
1
1
  import * as React from 'react';
2
2
  import { Optional } from 'ts-data-forge';
3
-
4
- function useObservableValue(observable$, initialValue) {
5
- const [value, setValue] = React.useState(
6
- () => Optional.unwrapOr(observable$.getSnapshot(), initialValue)
7
- );
8
- React.useEffect(() => {
9
- const { unsubscribe } = observable$.subscribe((v) => {
10
- setValue(v);
11
- });
12
- return unsubscribe;
13
- }, [observable$]);
14
- return value;
3
+ export function useObservableValue(observable$, initialValue) {
4
+ const [value, setValue] = React.useState(() => Optional.unwrapOr(observable$.getSnapshot(), initialValue));
5
+ React.useEffect(() => {
6
+ const { unsubscribe } = observable$.subscribe((v) => {
7
+ setValue(v);
8
+ });
9
+ return unsubscribe;
10
+ }, [observable$]);
11
+ return value;
15
12
  }
16
-
17
- export { useObservableValue };
18
- //# sourceMappingURL=use-observable-value.mjs.map
13
+ //# sourceMappingURL=use-observable-value.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"use-observable-value.mjs","sources":["../src/use-observable-value.mts"],"sourcesContent":["import * as React from 'react';\nimport { type InitializedObservable, type Observable } from 'synstate';\nimport { Optional } from 'ts-data-forge';\n\nexport function useObservableValue<A, B = A>(\n observable$: Observable<A>,\n initialValue: B,\n): A | B;\n\nexport function useObservableValue<A>(observable$: InitializedObservable<A>): A;\n\nexport function useObservableValue<A>(\n observable$: Observable<A>,\n): A | undefined;\n\nexport function useObservableValue<A, B = A>(\n observable$: Observable<A>,\n initialValue: B,\n): A | B;\n\nexport function useObservableValue<A, B = A>(\n observable$: Observable<A>,\n initialValue?: B,\n): A | B | undefined {\n const [value, setValue] = React.useState<A | B | undefined>(() =>\n Optional.unwrapOr(observable$.getSnapshot(), initialValue),\n );\n\n React.useEffect(() => {\n const { unsubscribe } = observable$.subscribe((v) => {\n setValue(v);\n });\n\n return unsubscribe;\n }, [observable$]);\n\n return value;\n}\n"],"names":[],"mappings":";;;AAoBO,SAAS,kBAAA,CACd,aACA,YAAA,EACmB;AACnB,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,KAAA,CAAM,QAAA;AAAA,IAA4B,MAC1D,QAAA,CAAS,QAAA,CAAS,WAAA,CAAY,WAAA,IAAe,YAAY;AAAA,GAC3D;AAEA,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAA,MAAM,EAAE,WAAA,EAAY,GAAI,WAAA,CAAY,SAAA,CAAU,CAAC,CAAA,KAAM;AACnD,MAAA,QAAA,CAAS,CAAC,CAAA;AAAA,IACZ,CAAC,CAAA;AAED,IAAA,OAAO,WAAA;AAAA,EACT,CAAA,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,EAAA,OAAO,KAAA;AACT;;;;"}
1
+ {"version":3,"file":"use-observable-value.mjs","sourceRoot":"","sources":["../src/use-observable-value.mts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAazC,MAAM,UAAU,kBAAkB,CAChC,WAA0B,EAC1B,YAAgB;IAEhB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAoB,GAAG,EAAE,CAC/D,QAAQ,CAAC,QAAQ,CAAC,WAAW,CAAC,WAAW,EAAE,EAAE,YAAY,CAAC,CAC3D,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,EAAE,WAAW,EAAE,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE;YAClD,QAAQ,CAAC,CAAC,CAAC,CAAC;QACd,CAAC,CAAC,CAAC;QAEH,OAAO,WAAW,CAAC;IACrB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,KAAK,CAAC;AACf,CAAC"}
@@ -1,27 +1,18 @@
1
1
  import * as React from 'react';
2
- import { source, withInitialValue } from 'synstate';
3
-
4
- const useValueAsObservable = (input) => {
5
- const sourceObservable = React.useMemo(source, []);
6
- const state = React.useMemo(
7
- () => sourceObservable.pipe(withInitialValue(input)),
8
- []
9
- );
10
- React.useEffect(
11
- () => () => {
12
- state.complete();
13
- },
14
- []
15
- );
16
- const setState = React.useCallback((nextState) => {
17
- sourceObservable.next(nextState);
18
- return nextState;
19
- }, []);
20
- React.useEffect(() => {
21
- setState(input);
22
- }, [input]);
23
- return state;
2
+ import { source, withInitialValue, } from 'synstate';
3
+ export const useValueAsObservable = (input) => {
4
+ const sourceObservable = React.useMemo(source, []);
5
+ const state = React.useMemo(() => sourceObservable.pipe(withInitialValue(input)), []);
6
+ React.useEffect(() => () => {
7
+ state.complete();
8
+ }, []);
9
+ const setState = React.useCallback((nextState) => {
10
+ sourceObservable.next(nextState);
11
+ return nextState;
12
+ }, []);
13
+ React.useEffect(() => {
14
+ setState(input);
15
+ }, [input]);
16
+ return state;
24
17
  };
25
-
26
- export { useValueAsObservable };
27
- //# sourceMappingURL=use-value-as-observable.mjs.map
18
+ //# sourceMappingURL=use-value-as-observable.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"use-value-as-observable.mjs","sources":["../src/use-value-as-observable.mts"],"sourcesContent":["import * as React from 'react';\nimport {\n source,\n withInitialValue,\n type Observable,\n type SourceObservable,\n} from 'synstate';\n\nexport const useValueAsObservable = <A,>(input: A): Observable<A> => {\n const sourceObservable = React.useMemo<SourceObservable<A>>(source, []);\n\n const state = React.useMemo(\n () => sourceObservable.pipe(withInitialValue(input)),\n [],\n );\n\n React.useEffect(\n () => () => {\n state.complete();\n },\n [],\n );\n\n const setState = React.useCallback((nextState: A): A => {\n sourceObservable.next(nextState);\n\n return nextState;\n }, []);\n\n React.useEffect(() => {\n setState(input);\n }, [input]);\n\n return state;\n};\n"],"names":[],"mappings":";;;AAQO,MAAM,oBAAA,GAAuB,CAAK,KAAA,KAA4B;AACnE,EAAA,MAAM,gBAAA,GAAmB,KAAA,CAAM,OAAA,CAA6B,MAAA,EAAQ,EAAE,CAAA;AAEtE,EAAA,MAAM,QAAQ,KAAA,CAAM,OAAA;AAAA,IAClB,MAAM,gBAAA,CAAiB,IAAA,CAAK,gBAAA,CAAiB,KAAK,CAAC,CAAA;AAAA,IACnD;AAAC,GACH;AAEA,EAAA,KAAA,CAAM,SAAA;AAAA,IACJ,MAAM,MAAM;AACV,MAAA,KAAA,CAAM,QAAA,EAAS;AAAA,IACjB,CAAA;AAAA,IACA;AAAC,GACH;AAEA,EAAA,MAAM,QAAA,GAAW,KAAA,CAAM,WAAA,CAAY,CAAC,SAAA,KAAoB;AACtD,IAAA,gBAAA,CAAiB,KAAK,SAAS,CAAA;AAE/B,IAAA,OAAO,SAAA;AAAA,EACT,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAA,QAAA,CAAS,KAAK,CAAA;AAAA,EAChB,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,OAAO,KAAA;AACT;;;;"}
1
+ {"version":3,"file":"use-value-as-observable.mjs","sourceRoot":"","sources":["../src/use-value-as-observable.mts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,MAAM,EACN,gBAAgB,GAGjB,MAAM,UAAU,CAAC;AAElB,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAK,KAAQ,EAAiB,EAAE;IAClE,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAsB,MAAM,EAAE,EAAE,CAAC,CAAC;IAExE,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CACzB,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,EACpD,EAAE,CACH,CAAC;IAEF,KAAK,CAAC,SAAS,CACb,GAAG,EAAE,CAAC,GAAG,EAAE;QACT,KAAK,CAAC,QAAQ,EAAE,CAAC;IACnB,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,SAAY,EAAK,EAAE;QACrD,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAEjC,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,KAAK,CAAC;AACf,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "synstate-react-hooks-compat",
3
- "version": "2.0.2",
3
+ "version": "3.0.1",
4
4
  "description": "SynState React hooks for React 16.8–17 (without useSyncExternalStore)",
5
5
  "repository": {
6
6
  "type": "git",
@@ -28,25 +28,27 @@
28
28
  "LICENSE"
29
29
  ],
30
30
  "dependencies": {
31
- "synstate": "2.0.2",
32
- "ts-data-forge": "^14.2.1",
33
- "ts-type-forge": "^9.2.1"
31
+ "synstate": "3.0.1",
32
+ "ts-data-forge": "^14.6.3",
33
+ "ts-type-forge": "^9.2.2"
34
34
  },
35
35
  "devDependencies": {
36
- "@rollup/plugin-replace": "6.0.3",
37
- "@rollup/plugin-strip": "3.0.4",
36
+ "@testing-library/dom": "10.4.1",
37
+ "@testing-library/react": "16.3.3",
38
38
  "@types/react": "19.2.18",
39
+ "@types/react-dom": "19.2.7",
40
+ "@vitest/browser-playwright": "4.1.11",
41
+ "eslint-config-typed": "5.11.2",
42
+ "eslint-plugin-ts-data-forge": "0.7.0",
43
+ "eslint-plugin-ts-fortress": "1.2.0",
44
+ "eslint-plugin-ts-type-forge": "0.8.1",
45
+ "playwright": "1.62.1",
39
46
  "prettier": "3.9.6",
40
47
  "prettier-plugin-organize-imports": "4.3.0",
41
48
  "prettier-plugin-packagejson": "3.0.2",
42
49
  "react": "19.2.8",
43
- "rollup": "4.62.4",
44
- "rollup-plugin-esbuild": "6.2.1",
45
- "eslint-config-typed": "5.8.5",
46
- "eslint-plugin-ts-data-forge": "0.4.4",
47
- "eslint-plugin-ts-fortress": "1.0.1",
48
- "eslint-plugin-ts-type-forge": "0.6.3",
49
- "ts-repo-utils": "10.2.0"
50
+ "react-dom": "19.2.8",
51
+ "ts-repo-utils": "10.6.0"
50
52
  },
51
53
  "peerDependencies": {
52
54
  "react": ">=16.8.0"
@@ -64,7 +66,7 @@
64
66
  "build:min": "tsx --tsconfig ../../tools/configs/tsconfig.tsx.json ./scripts/cmd/build.mts --skip-check",
65
67
  "check:ext": "tsx --tsconfig ../../tools/configs/tsconfig.tsx.json ./scripts/cmd/check-ext.mts",
66
68
  "check-all": "tsx --tsconfig ../../tools/configs/tsconfig.tsx.json ./scripts/cmd/check-all.mts",
67
- "codemod": "tsx --tsconfig ../../tools/configs/tsconfig.tsx.json ../../libs/ts-codemod-cli/src/cmd/convert-to-readonly.mts '{src,samples,test}/**/*.{mts,tsx}'",
69
+ "codemod": "tsx --tsconfig ../../tools/configs/tsconfig.tsx.json ../../libs/ts-codemod-cli/src/cmd/ts-codemod.mts --transformer convert-to-readonly '{src,samples,test}/**/*.{mts,tsx}'",
68
70
  "doc": "run-s doc:embed doc:embed:jsdoc fmt",
69
71
  "doc:embed": "tsx --tsconfig ../../tools/configs/tsconfig.tsx.json ./scripts/cmd/embed-examples.mts",
70
72
  "doc:embed:jsdoc": "tsx --tsconfig ../../tools/configs/tsconfig.tsx.json ./scripts/cmd/embed-examples-in-jsdoc.mts",
@@ -79,7 +81,7 @@
79
81
  "lint:fix": "eslint . --fix",
80
82
  "test": "pnpm run z:vitest:node run",
81
83
  "test:browser": "pnpm run z:vitest --project='Browser' run",
82
- "test:cov": "pnpm run z:vitest:node run --coverage",
84
+ "test:cov": "pnpm run z:vitest run --coverage",
83
85
  "test:cov:ui": "vite preview --outDir ./coverage",
84
86
  "test:ui": "pnpm run z:vitest:node --ui",
85
87
  "testw": "pnpm run z:vitest:node watch",
package/src/synstate.mts CHANGED
@@ -1,9 +1,4 @@
1
1
  export {
2
- AsyncChildObservableClass,
3
- InitializedSyncChildObservableClass,
4
- ObservableBaseClass,
5
- RootObservableClass,
6
- SyncChildObservableClass,
7
2
  attachIndex,
8
3
  audit,
9
4
  collectToArray,
@@ -13,11 +13,6 @@ export function useObservableValue<A>(
13
13
  observable$: Observable<A>,
14
14
  ): A | undefined;
15
15
 
16
- export function useObservableValue<A, B = A>(
17
- observable$: Observable<A>,
18
- initialValue: B,
19
- ): A | B;
20
-
21
16
  export function useObservableValue<A, B = A>(
22
17
  observable$: Observable<A>,
23
18
  initialValue?: B,