synstate 0.1.0 → 0.1.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.
- package/LICENSE +201 -0
- package/README.md +124 -350
- package/assets/synstate-icon.png +0 -0
- package/dist/core/combine/combine.d.mts +32 -2
- package/dist/core/combine/combine.d.mts.map +1 -1
- package/dist/core/combine/combine.mjs +32 -2
- package/dist/core/combine/combine.mjs.map +1 -1
- package/dist/core/combine/merge.d.mts +30 -4
- package/dist/core/combine/merge.d.mts.map +1 -1
- package/dist/core/combine/merge.mjs +30 -4
- package/dist/core/combine/merge.mjs.map +1 -1
- package/dist/core/combine/zip.d.mts +28 -3
- package/dist/core/combine/zip.d.mts.map +1 -1
- package/dist/core/combine/zip.mjs +28 -3
- package/dist/core/combine/zip.mjs.map +1 -1
- package/dist/core/create/from-array.d.mts +21 -3
- package/dist/core/create/from-array.d.mts.map +1 -1
- package/dist/core/create/from-array.mjs +21 -3
- package/dist/core/create/from-array.mjs.map +1 -1
- package/dist/core/create/from-promise.d.mts +29 -7
- package/dist/core/create/from-promise.d.mts.map +1 -1
- package/dist/core/create/from-promise.mjs +29 -7
- package/dist/core/create/from-promise.mjs.map +1 -1
- package/dist/core/create/from-subscribable.d.mts +58 -0
- package/dist/core/create/from-subscribable.d.mts.map +1 -1
- package/dist/core/create/from-subscribable.mjs +58 -0
- package/dist/core/create/from-subscribable.mjs.map +1 -1
- package/dist/core/create/interval.d.mts +29 -4
- package/dist/core/create/interval.d.mts.map +1 -1
- package/dist/core/create/interval.mjs +29 -4
- package/dist/core/create/interval.mjs.map +1 -1
- package/dist/core/create/of.d.mts +22 -3
- package/dist/core/create/of.d.mts.map +1 -1
- package/dist/core/create/of.mjs +22 -3
- package/dist/core/create/of.mjs.map +1 -1
- package/dist/core/create/source.d.mts +20 -1
- package/dist/core/create/source.d.mts.map +1 -1
- package/dist/core/create/source.mjs.map +1 -1
- package/dist/core/create/timer.d.mts +23 -4
- package/dist/core/create/timer.d.mts.map +1 -1
- package/dist/core/create/timer.mjs +23 -4
- package/dist/core/create/timer.mjs.map +1 -1
- package/dist/core/operators/audit-time.d.mts +59 -0
- package/dist/core/operators/audit-time.d.mts.map +1 -1
- package/dist/core/operators/audit-time.mjs +59 -0
- package/dist/core/operators/audit-time.mjs.map +1 -1
- package/dist/core/operators/debounce-time.d.mts +22 -2
- package/dist/core/operators/debounce-time.d.mts.map +1 -1
- package/dist/core/operators/debounce-time.mjs +22 -2
- package/dist/core/operators/debounce-time.mjs.map +1 -1
- package/dist/core/operators/filter.d.mts +26 -1
- package/dist/core/operators/filter.d.mts.map +1 -1
- package/dist/core/operators/filter.mjs.map +1 -1
- package/dist/core/operators/map-with-index.d.mts +19 -4
- package/dist/core/operators/map-with-index.d.mts.map +1 -1
- package/dist/core/operators/map-with-index.mjs +19 -4
- package/dist/core/operators/map-with-index.mjs.map +1 -1
- package/dist/core/operators/merge-map.d.mts +47 -5
- package/dist/core/operators/merge-map.d.mts.map +1 -1
- package/dist/core/operators/merge-map.mjs +47 -5
- package/dist/core/operators/merge-map.mjs.map +1 -1
- package/dist/core/operators/pairwise.d.mts +30 -1
- package/dist/core/operators/pairwise.d.mts.map +1 -1
- package/dist/core/operators/pairwise.mjs +30 -1
- package/dist/core/operators/pairwise.mjs.map +1 -1
- package/dist/core/operators/scan.d.mts +23 -1
- package/dist/core/operators/scan.d.mts.map +1 -1
- package/dist/core/operators/scan.mjs +23 -1
- package/dist/core/operators/scan.mjs.map +1 -1
- package/dist/core/operators/skip-if-no-change.d.mts +25 -1
- package/dist/core/operators/skip-if-no-change.d.mts.map +1 -1
- package/dist/core/operators/skip-if-no-change.mjs +25 -1
- package/dist/core/operators/skip-if-no-change.mjs.map +1 -1
- package/dist/core/operators/skip-until.d.mts +50 -0
- package/dist/core/operators/skip-until.d.mts.map +1 -1
- package/dist/core/operators/skip-until.mjs +50 -0
- package/dist/core/operators/skip-until.mjs.map +1 -1
- package/dist/core/operators/skip-while.d.mts +48 -0
- package/dist/core/operators/skip-while.d.mts.map +1 -1
- package/dist/core/operators/skip-while.mjs +48 -0
- package/dist/core/operators/skip-while.mjs.map +1 -1
- package/dist/core/operators/switch-map.d.mts +39 -5
- package/dist/core/operators/switch-map.d.mts.map +1 -1
- package/dist/core/operators/switch-map.mjs +39 -5
- package/dist/core/operators/switch-map.mjs.map +1 -1
- package/dist/core/operators/take-until.d.mts +20 -1
- package/dist/core/operators/take-until.d.mts.map +1 -1
- package/dist/core/operators/take-until.mjs +20 -1
- package/dist/core/operators/take-until.mjs.map +1 -1
- package/dist/core/operators/take-while.d.mts +47 -0
- package/dist/core/operators/take-while.d.mts.map +1 -1
- package/dist/core/operators/take-while.mjs +47 -0
- package/dist/core/operators/take-while.mjs.map +1 -1
- package/dist/core/operators/throttle-time.d.mts +44 -5
- package/dist/core/operators/throttle-time.d.mts.map +1 -1
- package/dist/core/operators/throttle-time.mjs +44 -5
- package/dist/core/operators/throttle-time.mjs.map +1 -1
- package/dist/core/operators/with-buffered-from.d.mts +53 -0
- package/dist/core/operators/with-buffered-from.d.mts.map +1 -1
- package/dist/core/operators/with-buffered-from.mjs +53 -0
- package/dist/core/operators/with-buffered-from.mjs.map +1 -1
- package/dist/core/operators/with-current-value-from.d.mts +55 -0
- package/dist/core/operators/with-current-value-from.d.mts.map +1 -1
- package/dist/core/operators/with-current-value-from.mjs +55 -0
- package/dist/core/operators/with-current-value-from.mjs.map +1 -1
- package/dist/core/operators/with-initial-value.d.mts +24 -2
- package/dist/core/operators/with-initial-value.d.mts.map +1 -1
- package/dist/core/operators/with-initial-value.mjs +24 -2
- package/dist/core/operators/with-initial-value.mjs.map +1 -1
- package/dist/core/types/observable-family.d.mts +7 -7
- package/dist/utils/create-event-emitter.d.mts +20 -2
- package/dist/utils/create-event-emitter.d.mts.map +1 -1
- package/dist/utils/create-event-emitter.mjs +20 -2
- package/dist/utils/create-event-emitter.mjs.map +1 -1
- package/dist/utils/create-reducer.d.mts +13 -1
- package/dist/utils/create-reducer.d.mts.map +1 -1
- package/dist/utils/create-reducer.mjs +13 -1
- package/dist/utils/create-reducer.mjs.map +1 -1
- package/dist/utils/create-state.d.mts +24 -4
- package/dist/utils/create-state.d.mts.map +1 -1
- package/dist/utils/create-state.mjs +24 -4
- package/dist/utils/create-state.mjs.map +1 -1
- package/package.json +13 -12
- package/src/core/combine/combine.mts +32 -2
- package/src/core/combine/merge.mts +30 -4
- package/src/core/combine/zip.mts +28 -3
- package/src/core/create/from-array.mts +21 -3
- package/src/core/create/from-promise.mts +29 -7
- package/src/core/create/from-subscribable.mts +58 -0
- package/src/core/create/interval.mts +29 -4
- package/src/core/create/of.mts +22 -3
- package/src/core/create/source.mts +20 -1
- package/src/core/create/timer.mts +23 -4
- package/src/core/operators/audit-time.mts +59 -0
- package/src/core/operators/debounce-time.mts +22 -2
- package/src/core/operators/filter.mts +26 -1
- package/src/core/operators/map-with-index.mts +19 -4
- package/src/core/operators/merge-map.mts +47 -5
- package/src/core/operators/pairwise.mts +30 -1
- package/src/core/operators/scan.mts +23 -1
- package/src/core/operators/skip-if-no-change.mts +25 -1
- package/src/core/operators/skip-until.mts +50 -0
- package/src/core/operators/skip-while.mts +48 -0
- package/src/core/operators/switch-map.mts +39 -5
- package/src/core/operators/take-until.mts +20 -1
- package/src/core/operators/take-while.mts +47 -0
- package/src/core/operators/throttle-time.mts +44 -5
- package/src/core/operators/with-buffered-from.mts +53 -0
- package/src/core/operators/with-current-value-from.mts +55 -0
- package/src/core/operators/with-initial-value.mts +24 -2
- package/src/core/types/observable-family.mts +7 -7
- package/src/utils/create-event-emitter.mts +20 -2
- package/src/utils/create-reducer.mts +13 -1
- package/src/utils/create-state.mts +24 -4
|
@@ -20,15 +20,25 @@ const reducer = (state, action) => {
|
|
|
20
20
|
* ```ts
|
|
21
21
|
* const [state, setState, { updateState, resetState }] = createState(0);
|
|
22
22
|
*
|
|
23
|
+
* const mut_history: number[] = [];
|
|
24
|
+
*
|
|
23
25
|
* state.subscribe((value: number) => {
|
|
24
|
-
*
|
|
25
|
-
* });
|
|
26
|
+
* mut_history.push(value);
|
|
27
|
+
* });
|
|
28
|
+
*
|
|
29
|
+
* assert.deepStrictEqual(mut_history, [0]);
|
|
26
30
|
*
|
|
27
31
|
* setState(10); // logs: 10
|
|
28
32
|
*
|
|
33
|
+
* assert.deepStrictEqual(mut_history, [0, 10]);
|
|
34
|
+
*
|
|
29
35
|
* updateState((prev: number) => prev + 1); // logs: 11
|
|
30
36
|
*
|
|
37
|
+
* assert.deepStrictEqual(mut_history, [0, 10, 11]);
|
|
38
|
+
*
|
|
31
39
|
* resetState(); // logs: 0
|
|
40
|
+
*
|
|
41
|
+
* assert.deepStrictEqual(mut_history, [0, 10, 11, 0]);
|
|
32
42
|
* ```
|
|
33
43
|
*/
|
|
34
44
|
const createState = (initialState) => {
|
|
@@ -57,15 +67,25 @@ const createState = (initialState) => {
|
|
|
57
67
|
* ```ts
|
|
58
68
|
* const [state, { setTrue, toggle }] = createBooleanState(false);
|
|
59
69
|
*
|
|
70
|
+
* const mut_history: boolean[] = [];
|
|
71
|
+
*
|
|
60
72
|
* state.subscribe((value: boolean) => {
|
|
61
|
-
*
|
|
62
|
-
* });
|
|
73
|
+
* mut_history.push(value);
|
|
74
|
+
* });
|
|
75
|
+
*
|
|
76
|
+
* assert.deepStrictEqual(mut_history, [false]);
|
|
63
77
|
*
|
|
64
78
|
* setTrue(); // logs: true
|
|
65
79
|
*
|
|
80
|
+
* assert.deepStrictEqual(mut_history, [false, true]);
|
|
81
|
+
*
|
|
66
82
|
* toggle(); // logs: false
|
|
67
83
|
*
|
|
84
|
+
* assert.deepStrictEqual(mut_history, [false, true, false]);
|
|
85
|
+
*
|
|
68
86
|
* toggle(); // logs: true
|
|
87
|
+
*
|
|
88
|
+
* assert.deepStrictEqual(mut_history, [false, true, false, true]);
|
|
69
89
|
* ```
|
|
70
90
|
*/
|
|
71
91
|
const createBooleanState = (initialState) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"create-state.mjs","sources":["../../src/utils/create-state.mts"],"sourcesContent":[null],"names":[],"mappings":";;AAcA,MAAM,OAAO,GAAG,CAAK,KAAQ,EAAE,MAAiB,KAAO;AACrD,IAAA,QAAQ,MAAM,CAAC,IAAI;AACjB,QAAA,KAAK,KAAK;YACR,OAAO,MAAM,CAAC,SAAS;AAEzB,QAAA,KAAK,QAAQ;AACX,YAAA,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;;AAEnC,CAAC;AAED
|
|
1
|
+
{"version":3,"file":"create-state.mjs","sources":["../../src/utils/create-state.mts"],"sourcesContent":[null],"names":[],"mappings":";;AAcA,MAAM,OAAO,GAAG,CAAK,KAAQ,EAAE,MAAiB,KAAO;AACrD,IAAA,QAAQ,MAAM,CAAC,IAAI;AACjB,QAAA,KAAK,KAAK;YACR,OAAO,MAAM,CAAC,SAAS;AAEzB,QAAA,KAAK,QAAQ;AACX,YAAA,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;;AAEnC,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCG;AACI,MAAM,WAAW,GAAG,CACzB,YAAe,KASb;AACF,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,WAAW,CAAC,GAAG,aAAa,CAClD,OAAO,EACP,YAAY,CACb;AAED,IAAA,MAAM,WAAW,GAAG,CAAC,QAAwB,KAC3C,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AAExC,IAAA,MAAM,QAAQ,GAAG,CAAC,SAAY,KAAQ,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;AAE1E,IAAA,MAAM,UAAU,GAAG,MACjB,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;IAEpD,OAAO;QACL,KAAK;QACL,QAAQ;AACR,QAAA;YACE,WAAW;YACX,UAAU;YACV,WAAW;AACZ,SAAA;KACO;AACZ;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BG;AACI,MAAM,kBAAkB,GAAG,CAChC,YAAqB,KAYnB;AACF,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC,GAC/D,WAAW,CAAC,YAAY,CAAC;IAE3B,OAAO;QACL,KAAK;AACL,QAAA;YACE,OAAO,EAAE,MAAK;gBACZ,QAAQ,CAAC,IAAI,CAAC;YAChB,CAAC;YACD,QAAQ,EAAE,MAAK;gBACb,QAAQ,CAAC,KAAK,CAAC;YACjB,CAAC;AACD,YAAA,MAAM,EAAE,MAAM,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;YACpC,QAAQ;YACR,WAAW;YACX,UAAU;YACV,WAAW;AACZ,SAAA;KACO;AACZ;;;;"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "synstate",
|
|
3
|
-
"version": "0.1.
|
|
4
|
-
"description": "
|
|
3
|
+
"version": "0.1.1",
|
|
4
|
+
"description": "Type-safe State Management Library for TypeScript/JavaScript",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "git+https://github.com/noshiro-pf/synstate.git"
|
|
@@ -23,9 +23,19 @@
|
|
|
23
23
|
"files": [
|
|
24
24
|
"src",
|
|
25
25
|
"dist",
|
|
26
|
+
"assets",
|
|
26
27
|
"README.md",
|
|
27
28
|
"LICENSE"
|
|
28
29
|
],
|
|
30
|
+
"dependencies": {
|
|
31
|
+
"ts-data-forge": "^6.5.0"
|
|
32
|
+
},
|
|
33
|
+
"devDependencies": {
|
|
34
|
+
"@types/argparse": "^2.0.17",
|
|
35
|
+
"@types/react": "^19.2.14",
|
|
36
|
+
"argparse": "^2.0.1",
|
|
37
|
+
"react": "^19.2.4"
|
|
38
|
+
},
|
|
29
39
|
"scripts": {
|
|
30
40
|
"build": "tsx ./scripts/cmd/build.mts",
|
|
31
41
|
"build:min": "tsx ./scripts/cmd/build.mts --skip-check",
|
|
@@ -58,14 +68,5 @@
|
|
|
58
68
|
"z:vitest": "vitest --config ./configs/vitest.config.mts",
|
|
59
69
|
"z:vitest:node": "pnpm run z:vitest --project='Node.js'",
|
|
60
70
|
"z:vitest:stream": "vitest --config ./configs/vitest.config.stream.ts"
|
|
61
|
-
},
|
|
62
|
-
"dependencies": {
|
|
63
|
-
"ts-data-forge": "^6.5.0"
|
|
64
|
-
},
|
|
65
|
-
"devDependencies": {
|
|
66
|
-
"@types/argparse": "^2.0.17",
|
|
67
|
-
"@types/react": "^19.2.14",
|
|
68
|
-
"argparse": "^2.0.1",
|
|
69
|
-
"react": "^19.2.4"
|
|
70
71
|
}
|
|
71
|
-
}
|
|
72
|
+
}
|
|
@@ -24,21 +24,51 @@ import {
|
|
|
24
24
|
*
|
|
25
25
|
* @example
|
|
26
26
|
* ```ts
|
|
27
|
+
* // Timeline:
|
|
28
|
+
* //
|
|
29
|
+
* // name$ "Alice" "Bob"
|
|
30
|
+
* // age$ 25 30
|
|
31
|
+
* // user$ ["Alice",25] ["Bob",25] ["Bob",30]
|
|
32
|
+
* //
|
|
33
|
+
* // Explanation:
|
|
34
|
+
* // - combine waits for all sources to emit at least once
|
|
35
|
+
* // - Then emits the latest value from all sources whenever any source emits
|
|
36
|
+
* // - Always emits an array with the latest values from each source
|
|
37
|
+
*
|
|
27
38
|
* const name$ = source<string>();
|
|
28
39
|
*
|
|
29
40
|
* const age$ = source<number>();
|
|
30
41
|
*
|
|
31
42
|
* const user$ = combine([name$, age$]);
|
|
32
43
|
*
|
|
44
|
+
* const mut_history: (readonly [string, number])[] = [];
|
|
45
|
+
*
|
|
33
46
|
* user$.subscribe(([name_, age]) => {
|
|
34
|
-
*
|
|
47
|
+
* mut_history.push([name_, age]);
|
|
35
48
|
* });
|
|
36
49
|
*
|
|
37
|
-
* name$.next('Alice');
|
|
50
|
+
* name$.next('Alice'); // nothing logged (age$ hasn't emitted yet)
|
|
51
|
+
*
|
|
52
|
+
* assert.deepStrictEqual(mut_history, []);
|
|
38
53
|
*
|
|
39
54
|
* age$.next(25); // logs: { name: 'Alice', age: 25 }
|
|
40
55
|
*
|
|
56
|
+
* assert.deepStrictEqual(mut_history, [['Alice', 25]]);
|
|
57
|
+
*
|
|
41
58
|
* name$.next('Bob'); // logs: { name: 'Bob', age: 25 }
|
|
59
|
+
*
|
|
60
|
+
* assert.deepStrictEqual(mut_history, [
|
|
61
|
+
* ['Alice', 25],
|
|
62
|
+
* ['Bob', 25],
|
|
63
|
+
* ]);
|
|
64
|
+
*
|
|
65
|
+
* age$.next(30); // logs: { name: 'Bob', age: 30 }
|
|
66
|
+
*
|
|
67
|
+
* assert.deepStrictEqual(mut_history, [
|
|
68
|
+
* ['Alice', 25],
|
|
69
|
+
* ['Bob', 25],
|
|
70
|
+
* ['Bob', 30],
|
|
71
|
+
* ]);
|
|
42
72
|
* ```
|
|
43
73
|
*/
|
|
44
74
|
export const combine = <const OS extends NonEmptyArray<Observable<unknown>>>(
|
|
@@ -21,16 +21,42 @@ import {
|
|
|
21
21
|
*
|
|
22
22
|
* @example
|
|
23
23
|
* ```ts
|
|
24
|
-
*
|
|
24
|
+
* // Timeline:
|
|
25
|
+
* //
|
|
26
|
+
* // clicks$ c1 c2 c3
|
|
27
|
+
* // keys$ k1 k2 k3
|
|
28
|
+
* // events$ c1 k1 c2 k2 c3 k3
|
|
29
|
+
* //
|
|
30
|
+
* // Explanation:
|
|
31
|
+
* // - merge combines multiple observables into one
|
|
32
|
+
* // - Emits values from any source as they arrive
|
|
33
|
+
* // - Order is preserved based on emission time
|
|
25
34
|
*
|
|
26
|
-
* const
|
|
35
|
+
* const clicks$ = source<string>();
|
|
36
|
+
*
|
|
37
|
+
* const keys$ = source<string>();
|
|
27
38
|
*
|
|
28
39
|
* const events$ = merge([clicks$, keys$]);
|
|
29
40
|
*
|
|
41
|
+
* const mut_history: string[] = [];
|
|
42
|
+
*
|
|
30
43
|
* events$.subscribe((event_) => {
|
|
31
|
-
*
|
|
44
|
+
* mut_history.push(event_);
|
|
32
45
|
* });
|
|
33
|
-
*
|
|
46
|
+
*
|
|
47
|
+
* clicks$.next('c1');
|
|
48
|
+
*
|
|
49
|
+
* assert.deepStrictEqual(mut_history, ['c1']);
|
|
50
|
+
*
|
|
51
|
+
* keys$.next('k1');
|
|
52
|
+
*
|
|
53
|
+
* assert.deepStrictEqual(mut_history, ['c1', 'k1']);
|
|
54
|
+
*
|
|
55
|
+
* clicks$.next('c2');
|
|
56
|
+
*
|
|
57
|
+
* keys$.next('k2');
|
|
58
|
+
*
|
|
59
|
+
* assert.deepStrictEqual(mut_history, ['c1', 'k1', 'c2', 'k2']);
|
|
34
60
|
* ```
|
|
35
61
|
*
|
|
36
62
|
* @note To improve code readability, consider using `createState` instead of `merge`,
|
package/src/core/combine/zip.mts
CHANGED
|
@@ -26,16 +26,41 @@ import {
|
|
|
26
26
|
*
|
|
27
27
|
* @example
|
|
28
28
|
* ```ts
|
|
29
|
+
* // Timeline:
|
|
30
|
+
* //
|
|
31
|
+
* // letters$ 'a' 'b' 'c'
|
|
32
|
+
* // numbers$ 1 2 3
|
|
33
|
+
* // zipped$ ['a',1] ['b',2] ['c',3]
|
|
34
|
+
* //
|
|
35
|
+
* // Explanation:
|
|
36
|
+
* // - zip pairs values by their index from multiple sources
|
|
37
|
+
* // - Waits for all sources to emit at the same index
|
|
38
|
+
* // - Completes when any source completes
|
|
39
|
+
*
|
|
29
40
|
* const letters$ = fromArray(['a', 'b', 'c']);
|
|
30
41
|
*
|
|
31
42
|
* const numbers$ = fromArray([1, 2, 3]);
|
|
32
43
|
*
|
|
33
44
|
* const zipped$ = zip([letters$, numbers$]);
|
|
34
45
|
*
|
|
35
|
-
*
|
|
36
|
-
*
|
|
46
|
+
* const mut_history: (readonly [string, number])[] = [];
|
|
47
|
+
*
|
|
48
|
+
* await new Promise<void>((resolve) => {
|
|
49
|
+
* zipped$.subscribe(
|
|
50
|
+
* ([letter, num]) => {
|
|
51
|
+
* mut_history.push([letter, num]);
|
|
52
|
+
* },
|
|
53
|
+
* () => {
|
|
54
|
+
* resolve();
|
|
55
|
+
* },
|
|
56
|
+
* );
|
|
37
57
|
* });
|
|
38
|
-
*
|
|
58
|
+
*
|
|
59
|
+
* assert.deepStrictEqual(mut_history, [
|
|
60
|
+
* ['a', 1],
|
|
61
|
+
* ['b', 2],
|
|
62
|
+
* ['c', 3],
|
|
63
|
+
* ]);
|
|
39
64
|
* ```
|
|
40
65
|
*/
|
|
41
66
|
export const zip = <const OS extends NonEmptyArray<Observable<unknown>>>(
|
|
@@ -12,12 +12,30 @@ import { type FromArrayObservable } from '../types/index.mjs';
|
|
|
12
12
|
*
|
|
13
13
|
* @example
|
|
14
14
|
* ```ts
|
|
15
|
+
* // Timeline:
|
|
16
|
+
* //
|
|
17
|
+
* // nums$ 1 2 3 | (completes)
|
|
18
|
+
* //
|
|
19
|
+
* // Explanation:
|
|
20
|
+
* // - fromArray creates an observable from an array
|
|
21
|
+
* // - Emits all values synchronously, then completes
|
|
22
|
+
*
|
|
15
23
|
* const nums$ = fromArray([1, 2, 3]);
|
|
16
24
|
*
|
|
17
|
-
*
|
|
18
|
-
*
|
|
25
|
+
* const mut_history: number[] = [];
|
|
26
|
+
*
|
|
27
|
+
* await new Promise<void>((resolve) => {
|
|
28
|
+
* nums$.subscribe(
|
|
29
|
+
* (x) => {
|
|
30
|
+
* mut_history.push(x);
|
|
31
|
+
* },
|
|
32
|
+
* () => {
|
|
33
|
+
* resolve();
|
|
34
|
+
* },
|
|
35
|
+
* );
|
|
19
36
|
* });
|
|
20
|
-
*
|
|
37
|
+
*
|
|
38
|
+
* assert.deepStrictEqual(mut_history, [1, 2, 3]);
|
|
21
39
|
* ```
|
|
22
40
|
*/
|
|
23
41
|
export const fromArray = <A,>(
|
|
@@ -13,15 +13,37 @@ import { type FromPromiseObservable } from '../types/index.mjs';
|
|
|
13
13
|
*
|
|
14
14
|
* @example
|
|
15
15
|
* ```ts
|
|
16
|
-
*
|
|
16
|
+
* // Timeline:
|
|
17
|
+
* //
|
|
18
|
+
* // promise [pending...] -> resolved/rejected
|
|
19
|
+
* // data$ Ok(value) or Err(error)
|
|
20
|
+
* //
|
|
21
|
+
* // Explanation:
|
|
22
|
+
* // - fromPromise converts a Promise into an observable
|
|
23
|
+
* // - Emits a Result type: Ok(value) on success, Err(error) on failure
|
|
24
|
+
* // - Completes after emitting the result
|
|
25
|
+
* // - Useful for integrating async operations into reactive flows
|
|
17
26
|
*
|
|
18
|
-
*
|
|
19
|
-
*
|
|
20
|
-
*
|
|
21
|
-
*
|
|
22
|
-
*
|
|
23
|
-
*
|
|
27
|
+
* const fetchData = async (): Promise<{ value: number }> => ({ value: 42 });
|
|
28
|
+
*
|
|
29
|
+
* const data$ = fromPromise(fetchData());
|
|
30
|
+
*
|
|
31
|
+
* const mut_history: { value: number }[] = [];
|
|
32
|
+
*
|
|
33
|
+
* await new Promise<void>((resolve) => {
|
|
34
|
+
* data$.subscribe(
|
|
35
|
+
* (result) => {
|
|
36
|
+
* if (Result.isOk(result)) {
|
|
37
|
+
* mut_history.push(result.value);
|
|
38
|
+
* }
|
|
39
|
+
* },
|
|
40
|
+
* () => {
|
|
41
|
+
* resolve();
|
|
42
|
+
* },
|
|
43
|
+
* );
|
|
24
44
|
* });
|
|
45
|
+
*
|
|
46
|
+
* assert.deepStrictEqual(mut_history, [{ value: 42 }]);
|
|
25
47
|
* ```
|
|
26
48
|
*/
|
|
27
49
|
export const fromPromise = <A, E = unknown>(
|
|
@@ -5,6 +5,64 @@ import {
|
|
|
5
5
|
type Subscribable,
|
|
6
6
|
} from '../types/index.mjs';
|
|
7
7
|
|
|
8
|
+
/**
|
|
9
|
+
* Converts any subscribable object into a SynState Observable.
|
|
10
|
+
* Works with objects that have a subscribe(onNext, onError, onComplete) method.
|
|
11
|
+
*
|
|
12
|
+
* @template A - The type of values from the subscribable
|
|
13
|
+
* @template E - The type of errors from the subscribable
|
|
14
|
+
* @param subscribable - An object with a subscribe method
|
|
15
|
+
* @returns An observable that wraps values in Result type
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* ```ts
|
|
19
|
+
* // Explanation:
|
|
20
|
+
* // - fromSubscribable converts any subscribable object into a SynState Observable
|
|
21
|
+
* // - Works with objects that have a subscribe(onNext, onError, onComplete) method
|
|
22
|
+
* // - Wraps values in Result type for error handling
|
|
23
|
+
* // - Useful for integrating with other reactive libraries or custom subscribables
|
|
24
|
+
*
|
|
25
|
+
* // Example: Converting a custom subscribable
|
|
26
|
+
* const customSubscribable = {
|
|
27
|
+
* subscribe: (
|
|
28
|
+
* onNext: (value: number) => void,
|
|
29
|
+
* _onError?: (error: unknown) => void,
|
|
30
|
+
* onComplete?: () => void,
|
|
31
|
+
* ) => {
|
|
32
|
+
* setTimeout(() => {
|
|
33
|
+
* onNext(1);
|
|
34
|
+
*
|
|
35
|
+
* onNext(2);
|
|
36
|
+
*
|
|
37
|
+
* onNext(3);
|
|
38
|
+
*
|
|
39
|
+
* onComplete?.();
|
|
40
|
+
* }, 0);
|
|
41
|
+
*
|
|
42
|
+
* return { unsubscribe: () => {} };
|
|
43
|
+
* },
|
|
44
|
+
* };
|
|
45
|
+
*
|
|
46
|
+
* const observable$ = fromSubscribable<number>(customSubscribable);
|
|
47
|
+
*
|
|
48
|
+
* const mut_history: number[] = [];
|
|
49
|
+
*
|
|
50
|
+
* await new Promise<void>((resolve) => {
|
|
51
|
+
* observable$.subscribe(
|
|
52
|
+
* (result) => {
|
|
53
|
+
* if (Result.isOk(result)) {
|
|
54
|
+
* mut_history.push(result.value);
|
|
55
|
+
* }
|
|
56
|
+
* },
|
|
57
|
+
* () => {
|
|
58
|
+
* resolve();
|
|
59
|
+
* },
|
|
60
|
+
* );
|
|
61
|
+
* });
|
|
62
|
+
*
|
|
63
|
+
* assert.deepStrictEqual(mut_history, [1, 2, 3]);
|
|
64
|
+
* ```
|
|
65
|
+
*/
|
|
8
66
|
export const fromSubscribable = <A, E = unknown>(
|
|
9
67
|
subscribable: Subscribable<A>,
|
|
10
68
|
): FromSubscribableObservable<A, E> =>
|
|
@@ -12,12 +12,37 @@ import { type IntervalObservable } from '../types/index.mjs';
|
|
|
12
12
|
*
|
|
13
13
|
* @example
|
|
14
14
|
* ```ts
|
|
15
|
-
*
|
|
15
|
+
* // Timeline:
|
|
16
|
+
* //
|
|
17
|
+
* // Time(s) 0 1 2 3 4 5
|
|
18
|
+
* // tick$ 0 1 2 3 4 5 ...
|
|
19
|
+
* //
|
|
20
|
+
* // Explanation:
|
|
21
|
+
* // - interval emits incrementing numbers at specified intervals
|
|
22
|
+
* // - Starts at 0 and continues indefinitely
|
|
23
|
+
* // - Useful for periodic tasks or animations
|
|
16
24
|
*
|
|
17
|
-
* tick
|
|
18
|
-
*
|
|
25
|
+
* const tick$ = interval(100);
|
|
26
|
+
*
|
|
27
|
+
* const mut_history: number[] = [];
|
|
28
|
+
*
|
|
29
|
+
* const subscription = tick$.subscribe((count) => {
|
|
30
|
+
* mut_history.push(count);
|
|
19
31
|
* });
|
|
20
|
-
*
|
|
32
|
+
*
|
|
33
|
+
* await new Promise((resolve) => {
|
|
34
|
+
* setTimeout(resolve, 350);
|
|
35
|
+
* });
|
|
36
|
+
*
|
|
37
|
+
* subscription.unsubscribe();
|
|
38
|
+
*
|
|
39
|
+
* assert.isTrue(Arr.isArrayAtLeastLength(mut_history, 3));
|
|
40
|
+
*
|
|
41
|
+
* assert.deepStrictEqual(mut_history[0], 0);
|
|
42
|
+
*
|
|
43
|
+
* assert.deepStrictEqual(mut_history[1], 1);
|
|
44
|
+
*
|
|
45
|
+
* assert.deepStrictEqual(mut_history[2], 2);
|
|
21
46
|
* ```
|
|
22
47
|
*/
|
|
23
48
|
export const interval = (
|
package/src/core/create/of.mts
CHANGED
|
@@ -12,11 +12,30 @@ import { type OfObservable } from '../types/index.mjs';
|
|
|
12
12
|
*
|
|
13
13
|
* @example
|
|
14
14
|
* ```ts
|
|
15
|
+
* // Timeline:
|
|
16
|
+
* //
|
|
17
|
+
* // num$ 42 | (completes immediately)
|
|
18
|
+
* //
|
|
19
|
+
* // Explanation:
|
|
20
|
+
* // - of creates an observable that emits a single value, then completes
|
|
21
|
+
* // - Useful for converting a static value into an observable
|
|
22
|
+
*
|
|
15
23
|
* const num$ = of(42);
|
|
16
24
|
*
|
|
17
|
-
*
|
|
18
|
-
*
|
|
19
|
-
*
|
|
25
|
+
* const mut_history: number[] = [];
|
|
26
|
+
*
|
|
27
|
+
* await new Promise<void>((resolve) => {
|
|
28
|
+
* num$.subscribe(
|
|
29
|
+
* (x) => {
|
|
30
|
+
* mut_history.push(x);
|
|
31
|
+
* },
|
|
32
|
+
* () => {
|
|
33
|
+
* resolve();
|
|
34
|
+
* },
|
|
35
|
+
* );
|
|
36
|
+
* });
|
|
37
|
+
*
|
|
38
|
+
* assert.deepStrictEqual(mut_history, [42]);
|
|
20
39
|
* ```
|
|
21
40
|
*/
|
|
22
41
|
export const of = <A,>(
|
|
@@ -14,15 +14,34 @@ import {
|
|
|
14
14
|
*
|
|
15
15
|
* @example
|
|
16
16
|
* ```ts
|
|
17
|
+
* // Timeline:
|
|
18
|
+
* //
|
|
19
|
+
* // count$ 1 2 3 ...
|
|
20
|
+
* //
|
|
21
|
+
* // Explanation:
|
|
22
|
+
* // - source creates a new observable that you can manually emit values to
|
|
23
|
+
* // - Use .next() to emit values
|
|
24
|
+
* // - Foundation for building custom observables
|
|
25
|
+
*
|
|
17
26
|
* const count$ = source<number>();
|
|
18
27
|
*
|
|
28
|
+
* const mut_history: number[] = [];
|
|
29
|
+
*
|
|
19
30
|
* count$.subscribe((value) => {
|
|
20
|
-
*
|
|
31
|
+
* mut_history.push(value);
|
|
21
32
|
* });
|
|
22
33
|
*
|
|
23
34
|
* count$.next(1); // logs: 1
|
|
24
35
|
*
|
|
36
|
+
* assert.deepStrictEqual(mut_history, [1]);
|
|
37
|
+
*
|
|
25
38
|
* count$.next(2); // logs: 2
|
|
39
|
+
*
|
|
40
|
+
* assert.deepStrictEqual(mut_history, [1, 2]);
|
|
41
|
+
*
|
|
42
|
+
* count$.next(3); // logs: 3
|
|
43
|
+
*
|
|
44
|
+
* assert.deepStrictEqual(mut_history, [1, 2, 3]);
|
|
26
45
|
* ```
|
|
27
46
|
*/
|
|
28
47
|
export function source<A>(initialValue: A): InitializedSourceObservable<A>;
|
|
@@ -11,12 +11,31 @@ import { type TimerObservable } from '../types/index.mjs';
|
|
|
11
11
|
*
|
|
12
12
|
* @example
|
|
13
13
|
* ```ts
|
|
14
|
-
*
|
|
14
|
+
* // Timeline:
|
|
15
|
+
* //
|
|
16
|
+
* // Time(ms) 0 ... 1000
|
|
17
|
+
* // delayed$ X (emits and completes)
|
|
18
|
+
* //
|
|
19
|
+
* // Explanation:
|
|
20
|
+
* // - timer emits once after the specified delay, then completes
|
|
21
|
+
* // - Useful for delayed actions or timeouts
|
|
15
22
|
*
|
|
16
|
-
* delayed
|
|
17
|
-
*
|
|
23
|
+
* const delayed$ = timer(100);
|
|
24
|
+
*
|
|
25
|
+
* const mut_history: number[] = [];
|
|
26
|
+
*
|
|
27
|
+
* await new Promise<void>((resolve) => {
|
|
28
|
+
* delayed$.subscribe(
|
|
29
|
+
* () => {
|
|
30
|
+
* mut_history.push(1);
|
|
31
|
+
* },
|
|
32
|
+
* () => {
|
|
33
|
+
* resolve();
|
|
34
|
+
* },
|
|
35
|
+
* );
|
|
18
36
|
* });
|
|
19
|
-
*
|
|
37
|
+
*
|
|
38
|
+
* assert.deepStrictEqual(mut_history, [1]);
|
|
20
39
|
* ```
|
|
21
40
|
*/
|
|
22
41
|
export const timer = (
|
|
@@ -7,6 +7,65 @@ import {
|
|
|
7
7
|
type UpdaterSymbol,
|
|
8
8
|
} from '../types/index.mjs';
|
|
9
9
|
|
|
10
|
+
/**
|
|
11
|
+
* Emits the last value from the source observable after a specified time window has passed.
|
|
12
|
+
* Unlike throttleTime which emits the first value, auditTime emits the last value.
|
|
13
|
+
*
|
|
14
|
+
* @template A - The type of values from the source
|
|
15
|
+
* @param milliSeconds - The audit time window in milliseconds
|
|
16
|
+
* @returns An operator that audits emissions from the observable
|
|
17
|
+
*
|
|
18
|
+
* @example
|
|
19
|
+
* ```ts
|
|
20
|
+
* // Timeline (1000ms audit):
|
|
21
|
+
* //
|
|
22
|
+
* // Time(ms) 0 100 200 300 400 ... 1000 1100
|
|
23
|
+
* // input$ e1 e2 e3 e4 e5
|
|
24
|
+
* // audited$ e5 (emitted at end of window)
|
|
25
|
+
* // |-------1000ms window------> ^
|
|
26
|
+
* //
|
|
27
|
+
* // Explanation:
|
|
28
|
+
* // - auditTime emits the LAST value received during each time window
|
|
29
|
+
* // - Unlike throttleTime (which emits the FIRST value), audit emits the LAST
|
|
30
|
+
* // - At 0-1000ms: e1-e5 are received
|
|
31
|
+
* // - At 1000ms: e5 (the last value in the window) is emitted
|
|
32
|
+
* // - Useful when you want the most recent value after a burst of events
|
|
33
|
+
*
|
|
34
|
+
* const input$ = source<number>();
|
|
35
|
+
*
|
|
36
|
+
* const audited$ = input$.pipe(auditTime(200));
|
|
37
|
+
*
|
|
38
|
+
* const mut_history: number[] = [];
|
|
39
|
+
*
|
|
40
|
+
* audited$.subscribe((value) => {
|
|
41
|
+
* mut_history.push(value);
|
|
42
|
+
* });
|
|
43
|
+
*
|
|
44
|
+
* input$.next(1);
|
|
45
|
+
*
|
|
46
|
+
* input$.next(2);
|
|
47
|
+
*
|
|
48
|
+
* input$.next(3);
|
|
49
|
+
*
|
|
50
|
+
* assert.deepStrictEqual(mut_history, []);
|
|
51
|
+
*
|
|
52
|
+
* await new Promise((resolve) => {
|
|
53
|
+
* setTimeout(resolve, 250);
|
|
54
|
+
* });
|
|
55
|
+
*
|
|
56
|
+
* assert.deepStrictEqual(mut_history, [3]);
|
|
57
|
+
*
|
|
58
|
+
* input$.next(4);
|
|
59
|
+
*
|
|
60
|
+
* input$.next(5);
|
|
61
|
+
*
|
|
62
|
+
* await new Promise((resolve) => {
|
|
63
|
+
* setTimeout(resolve, 250);
|
|
64
|
+
* });
|
|
65
|
+
*
|
|
66
|
+
* assert.deepStrictEqual(mut_history, [3, 5]);
|
|
67
|
+
* ```
|
|
68
|
+
*/
|
|
10
69
|
export const auditTime = <A,>(
|
|
11
70
|
milliSeconds: number,
|
|
12
71
|
): KeepInitialValueOperator<A, A> =>
|
|
@@ -17,12 +17,27 @@ import {
|
|
|
17
17
|
*
|
|
18
18
|
* @example
|
|
19
19
|
* ```ts
|
|
20
|
+
* // Timeline (300ms debounce):
|
|
21
|
+
* //
|
|
22
|
+
* // Time(ms) 0 100 200 300 400 500 600 ... 900 1000
|
|
23
|
+
* // input$ 'h' 'he' 'hel' 'hello'
|
|
24
|
+
* // debounced$ 'hello' (emitted after 300ms silence)
|
|
25
|
+
* //
|
|
26
|
+
* // Explanation:
|
|
27
|
+
* // - At 0ms: 'h' is emitted, timer starts
|
|
28
|
+
* // - At 100ms: 'he' is emitted, timer resets
|
|
29
|
+
* // - At 200ms: 'hel' is emitted, timer resets
|
|
30
|
+
* // - At 300ms: 'hello' is emitted, timer resets
|
|
31
|
+
* // - At 600ms: No new emission for 300ms, 'hello' is finally emitted
|
|
32
|
+
*
|
|
20
33
|
* const input$ = source<string>();
|
|
21
34
|
*
|
|
22
35
|
* const debounced$ = input$.pipe(debounceTime(300));
|
|
23
36
|
*
|
|
37
|
+
* const mut_history: string[] = [];
|
|
38
|
+
*
|
|
24
39
|
* debounced$.subscribe((value) => {
|
|
25
|
-
*
|
|
40
|
+
* mut_history.push(value);
|
|
26
41
|
* });
|
|
27
42
|
*
|
|
28
43
|
* input$.next('h');
|
|
@@ -32,7 +47,12 @@ import {
|
|
|
32
47
|
* input$.next('hel');
|
|
33
48
|
*
|
|
34
49
|
* input$.next('hello');
|
|
35
|
-
*
|
|
50
|
+
*
|
|
51
|
+
* await new Promise((resolve) => {
|
|
52
|
+
* setTimeout(resolve, 400);
|
|
53
|
+
* });
|
|
54
|
+
*
|
|
55
|
+
* assert.deepStrictEqual(mut_history, ['hello']);
|
|
36
56
|
* ```
|
|
37
57
|
*/
|
|
38
58
|
export const debounceTime = <A,>(
|