syncflow-react-hooks 0.1.0

package/dist/create-boolean-state.d.mts

@@ -0,0 +1,12 @@
+import { type InitializedObservable } from 'syncflow';
+export declare const createBooleanState: (initialState: boolean) => readonly [useCurrentValue: () => boolean, Readonly<{
+    state: InitializedObservable<boolean>;
+    setTrue: () => void;
+    setFalse: () => void;
+    setState: (next: boolean) => boolean;
+    toggle: () => boolean;
+    updateState: (updateFn: (prev: boolean) => boolean) => boolean;
+    resetState: () => boolean;
+    getSnapshot: () => boolean;
+}>];
+//# sourceMappingURL=create-boolean-state.d.mts.map

package/dist/create-boolean-state.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-boolean-state.d.mts","sourceRoot":"","sources":["../src/create-boolean-state.mts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,qBAAqB,EAE3B,MAAM,UAAU,CAAC;AAGlB,eAAO,MAAM,kBAAkB,GAC7B,cAAc,OAAO,KACpB,SAAS,CACV,eAAe,EAAE,MAAM,OAAO,EAC9B,QAAQ,CAAC;IACP,KAAK,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC;IACtC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC;IACrC,MAAM,EAAE,MAAM,OAAO,CAAC;IACtB,WAAW,EAAE,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,KAAK,OAAO,CAAC;IAC/D,UAAU,EAAE,MAAM,OAAO,CAAC;IAC1B,WAAW,EAAE,MAAM,OAAO,CAAC;CAC5B,CAAC,CA8BH,CAAC"}

package/dist/create-boolean-state.mjs

@@ -0,0 +1,23 @@
+import { createBooleanState as createBooleanState$1 } from 'syncflow';
+import { useObservableValue } from './use-observable-value.mjs';
+
+const createBooleanState = (initialState) => {
+    const [state, { setTrue, setFalse, setState, toggle, updateState, resetState, getSnapshot, },] = createBooleanState$1(initialState);
+    const useCurrentValue = () => useObservableValue(state);
+    return [
+        useCurrentValue,
+        {
+            state,
+            setTrue,
+            setFalse,
+            setState,
+            toggle,
+            updateState,
+            resetState,
+            getSnapshot,
+        },
+    ];
+};
+
+export { createBooleanState };
+//# sourceMappingURL=create-boolean-state.mjs.map

package/dist/create-boolean-state.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-boolean-state.mjs","sources":["../src/create-boolean-state.mts"],"sourcesContent":[null],"names":["createBooleanStateBase"],"mappings":";;;AAMO,MAAM,kBAAkB,GAAG,CAChC,YAAqB,KAanB;IACF,MAAM,CACJ,KAAK,EACL,EACE,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,WAAW,EACX,UAAU,EACV,WAAW,GACZ,EACF,GAAGA,oBAAsB,CAAC,YAAY,CAAC;IAExC,MAAM,eAAe,GAAG,MAAe,kBAAkB,CAAC,KAAK,CAAC;IAEhE,OAAO;QACL,eAAe;AACf,QAAA;YACE,KAAK;YACL,OAAO;YACP,QAAQ;YACR,QAAQ;YACR,MAAM;YACN,WAAW;YACX,UAAU;YACV,WAAW;AACZ,SAAA;KACO;AACZ;;;;"}

package/dist/create-reducer.d.mts

@@ -0,0 +1,6 @@
+import { type InitializedObservable } from 'syncflow';
+export declare const createReducer: <S, A>(reducer: Reducer<S, A>, initialState: S) => readonly [useCurrentValue: () => S, dispatch: (action: A) => S, Readonly<{
+    state: InitializedObservable<S>;
+    getSnapshot: () => S;
+}>];
+//# sourceMappingURL=create-reducer.d.mts.map

package/dist/create-reducer.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-reducer.d.mts","sourceRoot":"","sources":["../src/create-reducer.mts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,UAAU,CAAC;AAGlB,eAAO,MAAM,aAAa,GAAI,CAAC,EAAE,CAAC,EAChC,SAAS,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,EACtB,cAAc,CAAC,KACd,SAAS,CACV,eAAe,EAAE,MAAM,CAAC,EACxB,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,EAC1B,QAAQ,CAAC;IACP,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAChC,WAAW,EAAE,MAAM,CAAC,CAAC;CACtB,CAAC,CAUH,CAAC"}

package/dist/create-reducer.mjs

@@ -0,0 +1,11 @@
+import { createReducer as createReducer$1 } from 'syncflow';
+import { useObservableValue } from './use-observable-value.mjs';
+
+const createReducer = (reducer, initialState) => {
+    const [state, dispatch, getSnapshot] = createReducer$1(reducer, initialState);
+    const useCurrentValue = () => useObservableValue(state);
+    return [useCurrentValue, dispatch, { state, getSnapshot }];
+};
+
+export { createReducer };
+//# sourceMappingURL=create-reducer.mjs.map

package/dist/create-reducer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-reducer.mjs","sources":["../src/create-reducer.mts"],"sourcesContent":[null],"names":["createReducerBase"],"mappings":";;;MAMa,aAAa,GAAG,CAC3B,OAAsB,EACtB,YAAe,KAQb;AACF,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,WAAW,CAAC,GAAGA,eAAiB,CACtD,OAAO,EACP,YAAY,CACb;IAED,MAAM,eAAe,GAAG,MAAS,kBAAkB,CAAC,KAAK,CAAC;IAE1D,OAAO,CAAC,eAAe,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC;AAC5D;;;;"}

package/dist/create-state.d.mts

@@ -0,0 +1,8 @@
+import { type InitializedObservable } from 'syncflow';
+export declare const createState: <S>(initialState: S) => readonly [useCurrentValue: () => S, setState: (v: S) => S, Readonly<{
+    state: InitializedObservable<S>;
+    updateState: (updateFn: (prev: S) => S) => S;
+    resetState: () => S;
+    getSnapshot: () => S;
+}>];
+//# sourceMappingURL=create-state.d.mts.map

package/dist/create-state.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-state.d.mts","sourceRoot":"","sources":["../src/create-state.mts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,UAAU,CAAC;AAGlB,eAAO,MAAM,WAAW,GAAI,CAAC,EAC3B,cAAc,CAAC,KACd,SAAS,CACV,eAAe,EAAE,MAAM,CAAC,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EACrB,QAAQ,CAAC;IACP,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAChC,WAAW,EAAE,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC7C,UAAU,EAAE,MAAM,CAAC,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC,CAAC;CACtB,CAAC,CAiBH,CAAC"}

package/dist/create-state.mjs

@@ -0,0 +1,20 @@
+import { createState as createState$1 } from 'syncflow';
+import { useObservableValue } from './use-observable-value.mjs';
+
+const createState = (initialState) => {
+    const [state, setState, { updateState, resetState, getSnapshot }] = createState$1(initialState);
+    const useCurrentValue = () => useObservableValue(state);
+    return [
+        useCurrentValue,
+        setState,
+        {
+            state,
+            updateState,
+            resetState,
+            getSnapshot,
+        },
+    ];
+};
+
+export { createState };
+//# sourceMappingURL=create-state.mjs.map

package/dist/create-state.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-state.mjs","sources":["../src/create-state.mts"],"sourcesContent":[null],"names":["createStateBase"],"mappings":";;;AAMO,MAAM,WAAW,GAAG,CACzB,YAAe,KAUb;AACF,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC,GAC/DA,aAAe,CAAC,YAAY,CAAC;IAE/B,MAAM,eAAe,GAAG,MAAS,kBAAkB,CAAC,KAAK,CAAC;IAE1D,OAAO;QACL,eAAe;QACf,QAAQ;AACR,QAAA;YACE,KAAK;YACL,WAAW;YACX,UAAU;YACV,WAAW;AACZ,SAAA;KACO;AACZ;;;;"}

package/dist/globals.d.mts

@@ -0,0 +1 @@
+/// <reference types="ts-type-forge" />

package/dist/index.d.mts

@@ -0,0 +1,8 @@
+export * from './create-boolean-state.mjs';
+export * from './create-reducer.mjs';
+export * from './create-state.mjs';
+export * from './syncflow.mjs';
+export * from './use-observable-effect.mjs';
+export * from './use-observable-value.mjs';
+export * from './use-value-as-observable.mjs';
+//# sourceMappingURL=index.d.mts.map

package/dist/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","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"}

package/dist/index.mjs

@@ -0,0 +1,8 @@
+export { createBooleanState } from './create-boolean-state.mjs';
+export { createReducer } from './create-reducer.mjs';
+export { createState } from './create-state.mjs';
+export { AsyncChildObservableClass, InitializedSyncChildObservableClass, ObservableBaseClass, RootObservableClass, SyncChildObservableClass, attachIndex, auditTime, binarySearch, combine, combineLatest, createEventEmitter, createValueEmitter, debounceTime, distinctUntilChanged, filter, flatMap, fromArray, fromPromise, fromSubscribable, getKey, halfInt, interval, isChildObservable, isManagerObservable, isRootObservable, issueObservableId, issueSubscriberId, issueUpdaterSymbol, map, mapOptional, mapResultErr, mapResultOk, mapTo, mapWithIndex, maxDepth, merge, mergeMap, of, pairwise, pluck, scan, skip, skipIfNoChange, skipUntil, skipWhile, source, subject, switchMap, take, takeUntil, takeWhile, throttleTime, timer, toSubscriber, unwrapOptional, unwrapResultErr, unwrapResultOk, withBuffered, withBufferedFrom, withCurrentValueFrom, withIndex, withInitialValue, withLatestFrom, zip } from 'syncflow';
+export { useObservableEffect } from './use-observable-effect.mjs';
+export { useObservableValue } from './use-observable-value.mjs';
+export { useValueAsObservable } from './use-value-as-observable.mjs';
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/syncflow.d.mts

@@ -0,0 +1,2 @@
+export { AsyncChildObservableClass, InitializedSyncChildObservableClass, ObservableBaseClass, RootObservableClass, SyncChildObservableClass, attachIndex, auditTime, binarySearch, combine, combineLatest, createEventEmitter, createValueEmitter, debounceTime, distinctUntilChanged, filter, flatMap, fromArray, fromPromise, fromSubscribable, getKey, halfInt, interval, isChildObservable, isManagerObservable, isRootObservable, issueObservableId, issueSubscriberId, issueUpdaterSymbol, map, mapOptional, mapResultErr, mapResultOk, mapTo, mapWithIndex, maxDepth, merge, mergeMap, of, pairwise, pluck, scan, skip, skipIfNoChange, skipUntil, skipWhile, source, subject, switchMap, take, takeUntil, takeWhile, throttleTime, timer, toSubscriber, unwrapOptional, unwrapResultErr, unwrapResultOk, withBuffered, withBufferedFrom, withCurrentValueFrom, withIndex, withInitialValue, withLatestFrom, zip, } from 'syncflow';
+//# sourceMappingURL=syncflow.d.mts.map

package/dist/syncflow.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"syncflow.d.mts","sourceRoot":"","sources":["../src/syncflow.mts"],"names":[],"mappings":"AAAA,OAAO,EACL,yBAAyB,EACzB,mCAAmC,EACnC,mBAAmB,EACnB,mBAAmB,EACnB,wBAAwB,EACxB,WAAW,EACX,SAAS,EACT,YAAY,EACZ,OAAO,EACP,aAAa,EACb,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,EACZ,oBAAoB,EACpB,MAAM,EACN,OAAO,EACP,SAAS,EACT,WAAW,EACX,gBAAgB,EAChB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,GAAG,EACH,WAAW,EACX,YAAY,EACZ,WAAW,EACX,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,EAAE,EACF,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,SAAS,EACT,SAAS,EACT,MAAM,EACN,OAAO,EACP,SAAS,EACT,IAAI,EACJ,SAAS,EACT,SAAS,EACT,YAAY,EACZ,KAAK,EACL,YAAY,EACZ,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/syncflow.mjs

@@ -0,0 +1,2 @@
+export { AsyncChildObservableClass, InitializedSyncChildObservableClass, ObservableBaseClass, RootObservableClass, SyncChildObservableClass, attachIndex, auditTime, binarySearch, combine, combineLatest, createEventEmitter, createValueEmitter, debounceTime, distinctUntilChanged, filter, flatMap, fromArray, fromPromise, fromSubscribable, getKey, halfInt, interval, isChildObservable, isManagerObservable, isRootObservable, issueObservableId, issueSubscriberId, issueUpdaterSymbol, map, mapOptional, mapResultErr, mapResultOk, mapTo, mapWithIndex, maxDepth, merge, mergeMap, of, pairwise, pluck, scan, skip, skipIfNoChange, skipUntil, skipWhile, source, subject, switchMap, take, takeUntil, takeWhile, throttleTime, timer, toSubscriber, unwrapOptional, unwrapResultErr, unwrapResultOk, withBuffered, withBufferedFrom, withCurrentValueFrom, withIndex, withInitialValue, withLatestFrom, zip } from 'syncflow';
+//# sourceMappingURL=syncflow.mjs.map

package/dist/syncflow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"syncflow.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/tsconfig.json

@@ -0,0 +1 @@
+{"include":["."]}

package/dist/types.d.mts

@@ -0,0 +1,2 @@
+import './globals.d.mts';
+export * from './entry-point.mjs';

package/dist/use-observable-effect.d.mts

@@ -0,0 +1,3 @@
+import { type Observable } from 'syncflow';
+export declare const useObservableEffect: <A>(observable$: Observable<A>, subscriptionFn: (v: A) => void) => void;
+//# sourceMappingURL=use-observable-effect.d.mts.map

package/dist/use-observable-effect.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-observable-effect.d.mts","sourceRoot":"","sources":["../src/use-observable-effect.mts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C,eAAO,MAAM,mBAAmB,GAAI,CAAC,EACnC,aAAa,UAAU,CAAC,CAAC,CAAC,EAC1B,gBAAgB,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,KAC7B,IAQF,CAAC"}

package/dist/use-observable-effect.mjs

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+const useObservableEffect = (observable$, subscriptionFn) => {
+    React.useEffect(() => {
+        const s = observable$.subscribe(subscriptionFn);
+        return () => {
+            s.unsubscribe();
+        };
+    }, []);
+};
+
+export { useObservableEffect };
+//# sourceMappingURL=use-observable-effect.mjs.map

package/dist/use-observable-effect.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-observable-effect.mjs","sources":["../src/use-observable-effect.mts"],"sourcesContent":[null],"names":[],"mappings":";;MAGa,mBAAmB,GAAG,CACjC,WAA0B,EAC1B,cAA8B,KACtB;AACR,IAAA,KAAK,CAAC,SAAS,CAAC,MAAK;QACnB,MAAM,CAAC,GAAG,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC;AAE/C,QAAA,OAAO,MAAK;YACV,CAAC,CAAC,WAAW,EAAE;AACjB,QAAA,CAAC;IACH,CAAC,EAAE,EAAE,CAAC;AACR;;;;"}

package/dist/use-observable-value.d.mts

@@ -0,0 +1,6 @@
+import { type InitializedObservable, type Observable } from 'syncflow';
+export declare function useObservableValue<A, B = A>(observable$: Observable<A>, initialValue: B): A | B;
+export declare function useObservableValue<A>(observable$: InitializedObservable<A>): A;
+export declare function useObservableValue<A>(observable$: Observable<A>): A | undefined;
+export declare function useObservableValue<A, B = A>(observable$: Observable<A>, initialValue: B): A | B;
+//# sourceMappingURL=use-observable-value.d.mts.map

package/dist/use-observable-value.d.mts.map

@@ -0,0 +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"}

package/dist/use-observable-value.mjs

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { Optional } from 'ts-data-forge';
+
+function useObservableValue(observable$, initialValue) {
+    const value = React.useSyncExternalStore((onStoreChange) => {
+        const { unsubscribe } = observable$.subscribe(onStoreChange);
+        return unsubscribe;
+    }, () => observable$.getSnapshot());
+    return Optional.unwrapOr(value, initialValue);
+}
+
+export { useObservableValue };
+//# sourceMappingURL=use-observable-value.mjs.map

package/dist/use-observable-value.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-observable-value.mjs","sources":["../src/use-observable-value.mts"],"sourcesContent":[null],"names":[],"mappings":";;;AAoBM,SAAU,kBAAkB,CAChC,WAA0B,EAC1B,YAAgB,EAAA;IAEhB,MAAM,KAAK,GAAG,KAAK,CAAC,oBAAoB,CACtC,CAAC,aAAyB,KAAI;QAC5B,MAAM,EAAE,WAAW,EAAE,GAAG,WAAW,CAAC,SAAS,CAAC,aAAa,CAAC;AAE5D,QAAA,OAAO,WAAW;IACpB,CAAC,EACD,MAAM,WAAW,CAAC,WAAW,EAAE,CAChC;IAED,OAAO,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC;AAC/C;;;;"}

package/dist/use-value-as-observable.d.mts

@@ -0,0 +1,3 @@
+import { type Observable } from 'syncflow';
+export declare const useValueAsObservable: <A>(input: A) => Observable<A>;
+//# sourceMappingURL=use-value-as-observable.d.mts.map

package/dist/use-value-as-observable.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-value-as-observable.d.mts","sourceRoot":"","sources":["../src/use-value-as-observable.mts"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,UAAU,EAEhB,MAAM,UAAU,CAAC;AAElB,eAAO,MAAM,oBAAoB,GAAI,CAAC,EAAG,OAAO,CAAC,KAAG,UAAU,CAAC,CAAC,CA0B/D,CAAC"}

package/dist/use-value-as-observable.mjs

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { source, withInitialValue } from 'syncflow';
+
+const useValueAsObservable = (input) => {
+    const sourceObservable = React.useMemo(source, []);
+    const state = React.useMemo(() => sourceObservable.pipe(withInitialValue(input)), []);
+    React.useEffect(() => () => {
+        state.complete();
+    }, []);
+    const setState = React.useCallback((nextState) => {
+        sourceObservable.next(nextState);
+        return nextState;
+    }, []);
+    React.useEffect(() => {
+        setState(input);
+    }, [input]);
+    return state;
+};
+
+export { useValueAsObservable };
+//# sourceMappingURL=use-value-as-observable.mjs.map

package/dist/use-value-as-observable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-value-as-observable.mjs","sources":["../src/use-value-as-observable.mts"],"sourcesContent":[null],"names":[],"mappings":";;;AAQO,MAAM,oBAAoB,GAAG,CAAK,KAAQ,KAAmB;IAClE,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAsB,MAAM,EAAE,EAAE,CAAC;IAEvE,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CACzB,MAAM,gBAAgB,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,EACpD,EAAE,CACH;AAED,IAAA,KAAK,CAAC,SAAS,CACb,MAAM,MAAK;QACT,KAAK,CAAC,QAAQ,EAAE;IAClB,CAAC,EACD,EAAE,CACH;IAED,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,SAAY,KAAO;AACrD,QAAA,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC;AAEhC,QAAA,OAAO,SAAS;IAClB,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,KAAK,CAAC,SAAS,CAAC,MAAK;QACnB,QAAQ,CAAC,KAAK,CAAC;AACjB,IAAA,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;AAEX,IAAA,OAAO,KAAK;AACd;;;;"}

package/package.json

@@ -0,0 +1,75 @@
+{
+  "name": "syncflow-react-hooks",
+  "version": "0.1.0",
+  "description": "Reactive Programming Library for TypeScript/JavaScript",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/noshiro-pf/syncflow.git"
+  },
+  "license": "Apache-2.0",
+  "author": "noshiro-pf <noshiro.pf@gmail.com>",
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      }
+    }
+  },
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "src",
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "tsx ./scripts/cmd/build.mts",
+    "build:min": "tsx ./scripts/cmd/build.mts --skip-check",
+    "check:ext": "tsx ./scripts/cmd/check-ext.mts",
+    "check-all": "tsx ./scripts/cmd/check-all.mts",
+    "codemod": "convert-to-readonly '{src,samples,test}/**/*.{mts,tsx}'",
+    "doc": "tsx ./scripts/cmd/gen-docs.mts",
+    "doc:embed": "tsx ./scripts/cmd/embed-examples.mts",
+    "doc:embed:jsdoc": "tsx ./scripts/cmd/embed-examples-in-jsdoc.mts",
+    "doc:preview": "vite preview --config ./configs/vite.doc.config.ts",
+    "doc:watch": "typedoc --options ./configs/typedoc.config.mjs --watch",
+    "fmt": "pnpm run z:prettier .",
+    "gen:re-export": "run-s gen:re-export:script fmt",
+    "gen:re-export:script": "tsx ./scripts/cmd/generate-re-export-script.mts",
+    "gi": "run-s gi:src fmt",
+    "gi:src": "gen-index-ts ./src --index-ext .mts --export-ext .mjs --target-ext .mts --target-ext .tsx --exclude entry-point.mts",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "test": "pnpm run z:vitest:node run",
+    "test:all": "run-p test",
+    "test:browser": "pnpm run z:vitest --project='Browser' run",
+    "test:cov": "pnpm run z:vitest:node run --coverage",
+    "test:cov:ui": "vite preview --outDir ./coverage",
+    "test:ui": "pnpm run z:vitest:node --ui",
+    "testw": "pnpm run z:vitest:node watch",
+    "tsc": "tsc --noEmit",
+    "tscw": "tsc --noEmit --watch",
+    "type-check": "tsc --noEmit",
+    "update-packages": "pnpm update --latest",
+    "z:prettier": "prettier --config ../../.prettierrc --ignore-path ../../.prettierignore --ignore-path ../../.gitignore --ignore-unknown --no-error-on-unmatched-pattern --write",
+    "z:vitest": "vitest --config ./configs/vitest.config.mts",
+    "z:vitest:node": "pnpm run z:vitest --project='Node.js'"
+  },
+  "dependencies": {
+    "syncflow": "workspace:*",
+    "ts-data-forge": "^6.5.0"
+  },
+  "devDependencies": {
+    "@types/argparse": "^2.0.17",
+    "@types/react": "^19.2.14",
+    "argparse": "^2.0.1",
+    "react": "^19.2.4"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0"
+  }
+}

package/src/create-boolean-state.mts

@@ -0,0 +1,50 @@
+import {
+  type InitializedObservable,
+  createBooleanState as createBooleanStateBase,
+} from 'syncflow';
+import { useObservableValue } from './use-observable-value.mjs';
+
+export const createBooleanState = (
+  initialState: boolean,
+): readonly [
+  useCurrentValue: () => boolean,
+  Readonly<{
+    state: InitializedObservable<boolean>;
+    setTrue: () => void;
+    setFalse: () => void;
+    setState: (next: boolean) => boolean;
+    toggle: () => boolean;
+    updateState: (updateFn: (prev: boolean) => boolean) => boolean;
+    resetState: () => boolean;
+    getSnapshot: () => boolean;
+  }>,
+] => {
+  const [
+    state,
+    {
+      setTrue,
+      setFalse,
+      setState,
+      toggle,
+      updateState,
+      resetState,
+      getSnapshot,
+    },
+  ] = createBooleanStateBase(initialState);
+
+  const useCurrentValue = (): boolean => useObservableValue(state);
+
+  return [
+    useCurrentValue,
+    {
+      state,
+      setTrue,
+      setFalse,
+      setState,
+      toggle,
+      updateState,
+      resetState,
+      getSnapshot,
+    },
+  ] as const;
+};

package/src/create-reducer.mts

@@ -0,0 +1,26 @@
+import {
+  createReducer as createReducerBase,
+  type InitializedObservable,
+} from 'syncflow';
+import { useObservableValue } from './use-observable-value.mjs';
+
+export const createReducer = <S, A>(
+  reducer: Reducer<S, A>,
+  initialState: S,
+): readonly [
+  useCurrentValue: () => S,
+  dispatch: (action: A) => S,
+  Readonly<{
+    state: InitializedObservable<S>;
+    getSnapshot: () => S;
+  }>,
+] => {
+  const [state, dispatch, getSnapshot] = createReducerBase(
+    reducer,
+    initialState,
+  );
+
+  const useCurrentValue = (): S => useObservableValue(state);
+
+  return [useCurrentValue, dispatch, { state, getSnapshot }];
+};

package/src/create-state.mts

@@ -0,0 +1,34 @@
+import {
+  createState as createStateBase,
+  type InitializedObservable,
+} from 'syncflow';
+import { useObservableValue } from './use-observable-value.mjs';
+
+export const createState = <S,>(
+  initialState: S,
+): readonly [
+  useCurrentValue: () => S,
+  setState: (v: S) => S,
+  Readonly<{
+    state: InitializedObservable<S>;
+    updateState: (updateFn: (prev: S) => S) => S;
+    resetState: () => S;
+    getSnapshot: () => S;
+  }>,
+] => {
+  const [state, setState, { updateState, resetState, getSnapshot }] =
+    createStateBase(initialState);
+
+  const useCurrentValue = (): S => useObservableValue(state);
+
+  return [
+    useCurrentValue,
+    setState,
+    {
+      state,
+      updateState,
+      resetState,
+      getSnapshot,
+    },
+  ] as const;
+};

package/src/globals.d.mts

@@ -0,0 +1 @@
+/// <reference types="ts-type-forge" />

package/src/index.mts

@@ -0,0 +1,7 @@
+export * from './create-boolean-state.mjs';
+export * from './create-reducer.mjs';
+export * from './create-state.mjs';
+export * from './syncflow.mjs';
+export * from './use-observable-effect.mjs';
+export * from './use-observable-value.mjs';
+export * from './use-value-as-observable.mjs';

package/src/syncflow.mts

@@ -0,0 +1,66 @@
+export {
+  AsyncChildObservableClass,
+  InitializedSyncChildObservableClass,
+  ObservableBaseClass,
+  RootObservableClass,
+  SyncChildObservableClass,
+  attachIndex,
+  auditTime,
+  binarySearch,
+  combine,
+  combineLatest,
+  createEventEmitter,
+  createValueEmitter,
+  debounceTime,
+  distinctUntilChanged,
+  filter,
+  flatMap,
+  fromArray,
+  fromPromise,
+  fromSubscribable,
+  getKey,
+  halfInt,
+  interval,
+  isChildObservable,
+  isManagerObservable,
+  isRootObservable,
+  issueObservableId,
+  issueSubscriberId,
+  issueUpdaterSymbol,
+  map,
+  mapOptional,
+  mapResultErr,
+  mapResultOk,
+  mapTo,
+  mapWithIndex,
+  maxDepth,
+  merge,
+  mergeMap,
+  of,
+  pairwise,
+  pluck,
+  scan,
+  skip,
+  skipIfNoChange,
+  skipUntil,
+  skipWhile,
+  source,
+  subject,
+  switchMap,
+  take,
+  takeUntil,
+  takeWhile,
+  throttleTime,
+  timer,
+  toSubscriber,
+  unwrapOptional,
+  unwrapResultErr,
+  unwrapResultOk,
+  withBuffered,
+  withBufferedFrom,
+  withCurrentValueFrom,
+  withIndex,
+  withInitialValue,
+  withLatestFrom,
+  zip,
+} from 'syncflow';

package/src/use-observable-effect.mts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { type Observable } from 'syncflow';
+
+export const useObservableEffect = <A,>(
+  observable$: Observable<A>,
+  subscriptionFn: (v: A) => void,
+): void => {
+  React.useEffect(() => {
+    const s = observable$.subscribe(subscriptionFn);
+
+    return () => {
+      s.unsubscribe();
+    };
+  }, []);
+};

package/src/use-observable-value.mts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { type InitializedObservable, type Observable } from 'syncflow';
+import { Optional } from 'ts-data-forge';
+
+export function useObservableValue<A, B = A>(
+  observable$: Observable<A>,
+  initialValue: B,
+): A | B;
+
+export function useObservableValue<A>(observable$: InitializedObservable<A>): A;
+
+export function useObservableValue<A>(
+  observable$: Observable<A>,
+): A | undefined;
+
+export function useObservableValue<A, B = A>(
+  observable$: Observable<A>,
+  initialValue: B,
+): A | B;
+
+export function useObservableValue<A, B = A>(
+  observable$: Observable<A>,
+  initialValue?: B,
+): A | B | undefined {
+  const value = React.useSyncExternalStore(
+    (onStoreChange: () => void) => {
+      const { unsubscribe } = observable$.subscribe(onStoreChange);
+
+      return unsubscribe;
+    },
+    () => observable$.getSnapshot(),
+  );
+
+  return Optional.unwrapOr(value, initialValue);
+}

package/src/use-value-as-observable.mts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import {
+  source,
+  withInitialValue,
+  type Observable,
+  type SourceObservable,
+} from 'syncflow';
+
+export const useValueAsObservable = <A,>(input: A): Observable<A> => {
+  const sourceObservable = React.useMemo<SourceObservable<A>>(source, []);
+
+  const state = React.useMemo(
+    () => sourceObservable.pipe(withInitialValue(input)),
+    [],
+  );
+
+  React.useEffect(
+    () => () => {
+      state.complete();
+    },
+    [],
+  );
+
+  const setState = React.useCallback((nextState: A): A => {
+    sourceObservable.next(nextState);
+
+    return nextState;
+  }, []);
+
+  React.useEffect(() => {
+    setState(input);
+  }, [input]);
+
+  return state;
+};