muya 1.1.0 → 2.0.0-beta.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.
Files changed (85) hide show
  1. package/README.md +201 -138
  2. package/cjs/index.js +1 -1
  3. package/esm/__tests__/create-async.test.js +1 -0
  4. package/esm/__tests__/test-utils.js +1 -0
  5. package/esm/create.js +1 -1
  6. package/esm/index.js +1 -1
  7. package/esm/subscriber.js +1 -0
  8. package/esm/types.js +1 -1
  9. package/esm/use.js +1 -0
  10. package/esm/utils/__tests__/context.test.js +1 -0
  11. package/esm/utils/__tests__/is.test.js +1 -0
  12. package/esm/utils/__tests__/shallow.test.js +1 -0
  13. package/esm/utils/__tests__/sub-memo.test.js +1 -0
  14. package/esm/utils/common.js +1 -0
  15. package/esm/utils/create-context.js +1 -0
  16. package/esm/utils/create-emitter.js +1 -0
  17. package/esm/utils/is.js +1 -0
  18. package/esm/utils/scheduler.js +1 -0
  19. package/esm/utils/shallow.js +1 -0
  20. package/esm/utils/sub-memo.js +1 -0
  21. package/package.json +1 -1
  22. package/packages/core/__tests__/bench.test.tsx +261 -0
  23. package/packages/core/__tests__/create-async.test.ts +88 -0
  24. package/packages/core/__tests__/create.test.tsx +107 -0
  25. package/packages/core/__tests__/test-utils.ts +40 -0
  26. package/packages/core/__tests__/use-async.test.tsx +44 -0
  27. package/packages/core/__tests__/use.test.tsx +76 -0
  28. package/packages/core/create.ts +67 -0
  29. package/packages/core/index.ts +4 -0
  30. package/packages/core/subscriber.ts +121 -0
  31. package/packages/core/types.ts +15 -0
  32. package/packages/core/use.ts +59 -0
  33. package/packages/core/utils/__tests__/context.test.ts +198 -0
  34. package/packages/core/utils/__tests__/is.test.ts +74 -0
  35. package/packages/core/utils/__tests__/shallow.test.ts +418 -0
  36. package/packages/core/utils/__tests__/sub-memo.test.ts +13 -0
  37. package/packages/core/utils/common.ts +48 -0
  38. package/packages/core/utils/create-context.ts +60 -0
  39. package/packages/core/utils/create-emitter.ts +53 -0
  40. package/packages/core/utils/is.ts +43 -0
  41. package/packages/core/utils/scheduler.ts +59 -0
  42. package/{src → packages/core/utils}/shallow.ts +3 -6
  43. package/packages/core/utils/sub-memo.ts +37 -0
  44. package/types/__tests__/test-utils.d.ts +20 -0
  45. package/types/create.d.ts +14 -21
  46. package/types/index.d.ts +2 -4
  47. package/types/subscriber.d.ts +25 -0
  48. package/types/types.d.ts +9 -65
  49. package/types/use.d.ts +2 -0
  50. package/types/utils/common.d.ts +15 -0
  51. package/types/utils/create-context.d.ts +5 -0
  52. package/types/utils/create-emitter.d.ts +20 -0
  53. package/types/utils/is.d.ts +11 -0
  54. package/types/utils/scheduler.d.ts +6 -0
  55. package/types/utils/sub-memo.d.ts +6 -0
  56. package/esm/common.js +0 -1
  57. package/esm/create-base-state.js +0 -1
  58. package/esm/create-emitter.js +0 -1
  59. package/esm/create-getter-state.js +0 -1
  60. package/esm/is.js +0 -1
  61. package/esm/merge.js +0 -1
  62. package/esm/select.js +0 -1
  63. package/esm/shallow.js +0 -1
  64. package/esm/use-state-value.js +0 -1
  65. package/src/common.ts +0 -28
  66. package/src/create-base-state.ts +0 -35
  67. package/src/create-emitter.ts +0 -24
  68. package/src/create-getter-state.ts +0 -19
  69. package/src/create.ts +0 -102
  70. package/src/index.ts +0 -6
  71. package/src/is.ts +0 -36
  72. package/src/merge.ts +0 -41
  73. package/src/select.ts +0 -33
  74. package/src/state.test.tsx +0 -647
  75. package/src/types.ts +0 -94
  76. package/src/use-state-value.ts +0 -29
  77. package/types/common.d.ts +0 -7
  78. package/types/create-base-state.d.ts +0 -10
  79. package/types/create-emitter.d.ts +0 -7
  80. package/types/create-getter-state.d.ts +0 -6
  81. package/types/is.d.ts +0 -10
  82. package/types/merge.d.ts +0 -2
  83. package/types/select.d.ts +0 -2
  84. package/types/use-state-value.d.ts +0 -10
  85. /package/types/{shallow.d.ts → utils/shallow.d.ts} +0 -0
package/src/types.ts DELETED
@@ -1,94 +0,0 @@
1
- import type { Emitter } from './create-emitter'
2
- import { isFunction, isPromise } from './is'
3
-
4
- /**
5
- * Equality check function.
6
- */
7
- export type IsEqual<T = unknown> = (a: T, b: T) => boolean
8
-
9
- export type Setter<T> = (value: T) => T
10
- /**
11
- * Set new state value function.
12
- */
13
- export type SetValue<T> = T | Setter<T>
14
- export type UpdateValue<T> = T extends object ? Partial<T> : T
15
-
16
- /**
17
- * Set new state function
18
- */
19
- export type StateValue<T, S> = undefined extends S ? T : S
20
- export type Set<T> = (value: SetValue<T>) => void
21
- export type Update<T> = (value: UpdateValue<T>) => void
22
-
23
- /**
24
- * Getting state value function.
25
- */
26
- export type GetState<T> = () => T
27
- export interface StateDataInternal<T = unknown> {
28
- value?: T
29
- updateVersion: number
30
- }
31
-
32
- // eslint-disable-next-line no-shadow
33
- export enum StateKeys {
34
- IS_STATE = 'isState',
35
- IS_SLICE = 'isSlice',
36
- }
37
-
38
- export interface BaseState<T> {
39
- /**
40
- * Reset state to default value if it's basic atom - if it's family - it will clear all family members
41
- */
42
- reset: () => void
43
- /**
44
- * Get current state value
45
- */
46
- getState: GetState<T>
47
-
48
- select: <S>(selector: (value: T) => S, isEqual?: IsEqual<S>) => GetterState<S>
49
- merge: <T2, S>(state2: GetterState<T2>, selector: (value1: T, value2: T2) => S, isEqual?: IsEqual<S>) => GetterState<S>
50
-
51
- /**
52
- * Internal state data
53
- */
54
- __internal: {
55
- emitter: Emitter<T>
56
- }
57
-
58
- subscribe: (listener: (value: T) => void) => () => void
59
- }
60
-
61
- export interface GetterState<T> extends BaseState<T> {
62
- // use use as the function call here
63
- <S>(selector?: (state: T) => S, isEqual?: IsEqual<S>): StateValue<T, S>
64
- }
65
- export interface SetterState<T> extends GetterState<T> {
66
- /**
67
- * Set new state value
68
- */
69
- setState: Set<T>
70
-
71
- /**
72
- * Set new state value
73
- */
74
- updateState: Update<T>
75
- }
76
-
77
- export type State<T> = SetterState<T> | GetterState<T>
78
-
79
- export type DefaultValue<T> = T | (() => T)
80
-
81
- export function getDefaultValue<T>(initValue: DefaultValue<T>): T {
82
- if (isPromise(initValue)) {
83
- return initValue
84
- }
85
- if (isFunction(initValue)) {
86
- return (initValue as () => T)()
87
- }
88
- return initValue
89
- }
90
-
91
- export interface Ref<T> {
92
- current: T | undefined
93
- readonly isRef: true
94
- }
@@ -1,29 +0,0 @@
1
- import type { IsEqual, State } from './types'
2
- import { useSyncExternalStore, toType } from './common'
3
- import { isPromise } from './is'
4
-
5
- /**
6
- * useCachedStateValue Hook.
7
- * Hook for use state inside react scope. If the state is async - component need to be wrapped with Suspense.
8
- * @param state - state value
9
- * @param selector - selector function (useStateValue(state, (state) => state.value)) - it return only selected value, selector don't need to be memoized.
10
- * @param isEqual - equality check function for selector
11
- * @returns StateValue from selector if provided, otherwise whole state
12
- */
13
- export function useStateValue<T, S>(
14
- state: State<T>,
15
- selector: (stateValue: T) => S = (stateValue) => toType<S>(stateValue),
16
- isEqual?: IsEqual<S>,
17
- ): undefined extends S ? T : S {
18
- const data = useSyncExternalStore(
19
- state.__internal.emitter,
20
- (stateValue) => {
21
- return selector(stateValue)
22
- },
23
- isEqual,
24
- )
25
- if (isPromise(data)) {
26
- throw data
27
- }
28
- return data
29
- }
package/types/common.d.ts DELETED
@@ -1,7 +0,0 @@
1
- import type { Emitter } from './create-emitter';
2
- import type { IsEqual } from './types';
3
- /**
4
- * Todo need to remove this
5
- */
6
- export declare function toType<T>(object?: unknown): T;
7
- export declare function useSyncExternalStore<T, S>(emitter: Emitter<T>, selector: (stateValue: T) => S, isEqual?: IsEqual<S>): undefined extends S ? T : S;
@@ -1,10 +0,0 @@
1
- import type { Emitter } from './create-emitter';
2
- import type { BaseState, GetterState } from './types';
3
- interface Options<T> {
4
- readonly emitter: Emitter<T>;
5
- readonly reset: () => void;
6
- readonly getState: () => T;
7
- readonly getGetterState: () => GetterState<T>;
8
- }
9
- export declare function createBaseState<T>(options: Options<T>): BaseState<T>;
10
- export {};
@@ -1,7 +0,0 @@
1
- export type EmitterSubscribe<P = undefined> = (listener: (...params: P[]) => void) => () => void;
2
- export interface Emitter<T, R = T, P = undefined> {
3
- subscribe: EmitterSubscribe<P>;
4
- getSnapshot: () => R;
5
- emit: (...params: P[]) => void;
6
- }
7
- export declare function createEmitter<T, R = T, P = undefined>(getSnapshot: () => R): Emitter<T, R, P>;
@@ -1,6 +0,0 @@
1
- import type { BaseState, GetterState } from './types';
2
- interface Options<T> {
3
- readonly baseState: BaseState<T>;
4
- }
5
- export declare function createGetterState<T>(options: Options<T>): GetterState<T>;
6
- export {};
package/types/is.d.ts DELETED
@@ -1,10 +0,0 @@
1
- import type { Ref, Setter, SetValue } from './types';
2
- export declare function isPromise(value: unknown): value is Promise<unknown>;
3
- export declare function isFunction(value: unknown): value is (...args: unknown[]) => unknown;
4
- export declare function isSetValueFunction<T>(value: SetValue<T>): value is Setter<T>;
5
- export declare function isObject(value: unknown): value is Record<string, unknown>;
6
- export declare function isRef<T>(value: unknown): value is Ref<T>;
7
- export declare function isMap(value: unknown): value is Map<unknown, unknown>;
8
- export declare function isSet(value: unknown): value is Set<unknown>;
9
- export declare function isArray(value: unknown): value is Array<unknown>;
10
- export declare function isEqualBase<T>(valueA: T, valueB: T): boolean;
package/types/merge.d.ts DELETED
@@ -1,2 +0,0 @@
1
- import type { IsEqual, GetterState } from './types';
2
- export declare function merge<T1, T2, S>(state1: GetterState<T1>, state2: GetterState<T2>, selector: (value1: T1, value2: T2) => S, isEqual?: IsEqual<S>): GetterState<S>;
package/types/select.d.ts DELETED
@@ -1,2 +0,0 @@
1
- import type { IsEqual, GetterState } from './types';
2
- export declare function select<T, S>(state: GetterState<T>, selector: (value: T) => S, isEqual?: IsEqual<S>): GetterState<S>;
@@ -1,10 +0,0 @@
1
- import type { IsEqual, State } from './types';
2
- /**
3
- * useCachedStateValue Hook.
4
- * Hook for use state inside react scope. If the state is async - component need to be wrapped with Suspense.
5
- * @param state - state value
6
- * @param selector - selector function (useStateValue(state, (state) => state.value)) - it return only selected value, selector don't need to be memoized.
7
- * @param isEqual - equality check function for selector
8
- * @returns StateValue from selector if provided, otherwise whole state
9
- */
10
- export declare function useStateValue<T, S>(state: State<T>, selector?: (stateValue: T) => S, isEqual?: IsEqual<S>): undefined extends S ? T : S;
File without changes