@legendapp/state 0.13.1 → 0.14.0-next.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/index.js +47 -39
- package/index.js.map +1 -1
- package/index.mjs +47 -39
- package/index.mjs.map +1 -1
- package/package.json +1 -1
- package/persist.js.map +1 -1
- package/persist.mjs.map +1 -1
- package/react-native.js +37 -28
- package/react-native.js.map +1 -1
- package/react-native.mjs +38 -29
- package/react-native.mjs.map +1 -1
- package/react.d.ts +1 -1
- package/react.js +63 -35
- package/react.js.map +1 -1
- package/react.mjs +63 -36
- package/react.mjs.map +1 -1
- package/src/helpers.d.ts +3 -3
- package/src/observableInterfaces.d.ts +9 -10
- package/src/persist/persistObservable.d.ts +2 -2
- package/src/react/components.d.ts +6 -6
- package/src/react/{Isolate.d.ts → controlFlow.d.ts} +14 -0
- package/src/react-native/components.d.ts +2 -2
package/react.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react.js","sources":["../../src/react/useForceRender.ts","../../src/react/useObserver.ts","../../src/react/observer.ts","../../src/react/components.tsx","../../src/
|
|
1
|
+
{"version":3,"file":"react.js","sources":["../../src/react/useForceRender.ts","../../src/react/useObserver.ts","../../src/react/observer.ts","../../src/react/components.tsx","../../src/react/controlFlow.tsx","../../src/react/useComputed.ts","../../src/react/useObservable.ts"],"sourcesContent":[null,null,null,null,null,null,null],"names":["useReducer","useCallback","useRef","tracking","onChange","useEffect","forwardRef","memo","isFunction","createElement","LS","isObservable","useMemo","shallow","useState","observable"],"mappings":"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"}
|
package/react.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { tracking,
|
|
1
|
+
import { tracking, onChange, isFunction, isObservable, shallow, observable } from '@legendapp/state';
|
|
2
2
|
import { useReducer, useCallback, useRef, useEffect, forwardRef, memo, createElement, useMemo, useState } from 'react';
|
|
3
3
|
|
|
4
4
|
function useForceRender() {
|
|
@@ -8,40 +8,23 @@ function useForceRender() {
|
|
|
8
8
|
|
|
9
9
|
function useObserver(fn, updateFn) {
|
|
10
10
|
var _a;
|
|
11
|
-
const
|
|
11
|
+
const refListeners = useRef([]);
|
|
12
|
+
const listeners = refListeners.current;
|
|
13
|
+
// Cleanup old listeners before tracking
|
|
14
|
+
if (listeners.length > 0) {
|
|
15
|
+
cleanup(listeners);
|
|
16
|
+
}
|
|
12
17
|
// Cache previous tracking nodes since this might be nested from another observing component
|
|
13
18
|
const trackingPrev = tracking.nodes;
|
|
14
19
|
// Reset tracking nodes
|
|
15
20
|
tracking.nodes = new Map();
|
|
16
|
-
let nodes;
|
|
17
|
-
// Create the listener effect before calling fn so that it gets called before
|
|
18
|
-
// effects in the component
|
|
19
|
-
const effect = () => {
|
|
20
|
-
// If we have pre-mount listeners, clear them off
|
|
21
|
-
if (refFirstListeners.current) {
|
|
22
|
-
refFirstListeners.current();
|
|
23
|
-
refFirstListeners.current = undefined;
|
|
24
|
-
}
|
|
25
|
-
const listeners = [];
|
|
26
|
-
// Listen to tracked nodes
|
|
27
|
-
for (let tracked of nodes) {
|
|
28
|
-
const { node, shallow } = tracked[1];
|
|
29
|
-
listeners.push(shallow ? onChangeShallow(node, updateFn) : onChange(node, updateFn));
|
|
30
|
-
}
|
|
31
|
-
// Cleanup listeners
|
|
32
|
-
return () => {
|
|
33
|
-
for (let i = 0; i < listeners.length; i++) {
|
|
34
|
-
listeners[i]();
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
};
|
|
38
|
-
useEffect(effect);
|
|
39
21
|
// Calling the function fills up the tracking nodes
|
|
40
22
|
const ret = fn();
|
|
41
|
-
nodes = tracking.nodes;
|
|
42
|
-
//
|
|
43
|
-
|
|
44
|
-
|
|
23
|
+
const nodes = tracking.nodes;
|
|
24
|
+
// Listen to tracked nodes
|
|
25
|
+
for (let tracked of nodes) {
|
|
26
|
+
const { node, shallow } = tracked[1];
|
|
27
|
+
listeners.push(onChange(node, updateFn, false, shallow));
|
|
45
28
|
}
|
|
46
29
|
// Do tracing if it was requested
|
|
47
30
|
if (process.env.NODE_ENV === 'development') {
|
|
@@ -52,8 +35,34 @@ function useObserver(fn, updateFn) {
|
|
|
52
35
|
}
|
|
53
36
|
// Restore previous tracking nodes
|
|
54
37
|
tracking.nodes = trackingPrev;
|
|
38
|
+
// Cleanup listeners on unmounts
|
|
39
|
+
useEffect(() => {
|
|
40
|
+
let listeners = refListeners.current;
|
|
41
|
+
// Workaround for React 18's double calling useEffect. If this is the
|
|
42
|
+
// second useEffect, set up listeners again.
|
|
43
|
+
if (process.env.NODE_ENV === 'development' && refListeners.current === undefined) {
|
|
44
|
+
listeners = refListeners.current = [];
|
|
45
|
+
// Re-listen to tracked nodes
|
|
46
|
+
for (let tracked of nodes) {
|
|
47
|
+
const { node, shallow } = tracked[1];
|
|
48
|
+
listeners.push(onChange(node, updateFn, false, shallow));
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
return () => {
|
|
52
|
+
cleanup(listeners);
|
|
53
|
+
// Set it to undefined so it would trigger the above React 18 workaround
|
|
54
|
+
refListeners.current = undefined;
|
|
55
|
+
};
|
|
56
|
+
}, []);
|
|
55
57
|
return ret;
|
|
56
58
|
}
|
|
59
|
+
function cleanup(listeners) {
|
|
60
|
+
// Cleanup listeners
|
|
61
|
+
for (let i = 0; i < listeners.length; i++) {
|
|
62
|
+
listeners[i]();
|
|
63
|
+
}
|
|
64
|
+
listeners.length = 0;
|
|
65
|
+
}
|
|
57
66
|
|
|
58
67
|
const hasSymbol = typeof Symbol === 'function' && Symbol.for;
|
|
59
68
|
// Extracting the forwardRef inspired by https://github.com/mobxjs/mobx/blob/main/packages/mobx-react-lite/src/observer.ts
|
|
@@ -118,12 +127,6 @@ var LS;
|
|
|
118
127
|
LS.select = Binder('select');
|
|
119
128
|
})(LS || (LS = {}));
|
|
120
129
|
|
|
121
|
-
const symbolIsObservable = Symbol('isObservable');
|
|
122
|
-
|
|
123
|
-
function isObservable(obs) {
|
|
124
|
-
return obs && !!obs[symbolIsObservable];
|
|
125
|
-
}
|
|
126
|
-
|
|
127
130
|
const Isolate = observer(function Isolate({ children, }) {
|
|
128
131
|
return children();
|
|
129
132
|
});
|
|
@@ -141,6 +144,30 @@ const Show = observer(function Show({ if: if_, else: else_, children, memo, }) {
|
|
|
141
144
|
? else_()
|
|
142
145
|
: null;
|
|
143
146
|
});
|
|
147
|
+
const For = observer(function For({ each, item, children, }) {
|
|
148
|
+
if (!each)
|
|
149
|
+
return null;
|
|
150
|
+
// Get the raw value with a shallow listener so this list only re-renders
|
|
151
|
+
// when the array length changes
|
|
152
|
+
const v = each.get(shallow);
|
|
153
|
+
if (!v)
|
|
154
|
+
return null;
|
|
155
|
+
// Get the appropriate id field
|
|
156
|
+
const id = v.length > 0 ? (v[0].id ? 'id' : v[0]._id ? '_id' : v[0].__id ? '__id' : undefined) : undefined;
|
|
157
|
+
// The child function gets wrapped in a memoized observer component
|
|
158
|
+
if (!item && children) {
|
|
159
|
+
item = useMemo(() => observer(({ item }) => children(item)), []);
|
|
160
|
+
}
|
|
161
|
+
// Create the child elements
|
|
162
|
+
let out = [];
|
|
163
|
+
for (let i = 0; i < v.length; i++) {
|
|
164
|
+
if (v[i]) {
|
|
165
|
+
const key = v[i][id];
|
|
166
|
+
out.push(createElement(item, { key: key, item: each[i] }));
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
return out;
|
|
170
|
+
});
|
|
144
171
|
|
|
145
172
|
function useComputed(selector, deps) {
|
|
146
173
|
// Do all the computed magic inside a useMemo so we can get an initial value
|
|
@@ -174,5 +201,5 @@ function useObservable(initialValue) {
|
|
|
174
201
|
return useMemo(() => observable(isFunction(initialValue) ? initialValue() : initialValue), []); // eslint-disable-line react-hooks/exhaustive-deps
|
|
175
202
|
}
|
|
176
203
|
|
|
177
|
-
export { Binder, Isolate, LS, Memo, Show, observer, useComputed, useObservable };
|
|
204
|
+
export { Binder, For, Isolate, LS, Memo, Show, observer, useComputed, useObservable };
|
|
178
205
|
//# sourceMappingURL=react.mjs.map
|
package/react.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react.mjs","sources":["../../src/react/useForceRender.ts","../../src/react/useObserver.ts","../../src/react/observer.ts","../../src/react/components.tsx","../../src/
|
|
1
|
+
{"version":3,"file":"react.mjs","sources":["../../src/react/useForceRender.ts","../../src/react/useObserver.ts","../../src/react/observer.ts","../../src/react/components.tsx","../../src/react/controlFlow.tsx","../../src/react/useComputed.ts","../../src/react/useObservable.ts"],"sourcesContent":[null,null,null,null,null,null,null],"names":[],"mappings":"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"}
|
package/src/helpers.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
export declare function isObservable(obs: any):
|
|
3
|
-
export declare function mergeIntoObservable(target:
|
|
1
|
+
import type { ObservableObject } from './observableInterfaces';
|
|
2
|
+
export declare function isObservable(obs: any): obs is ObservableObject;
|
|
3
|
+
export declare function mergeIntoObservable(target: ObservableObject | object, ...sources: any[]): any;
|
|
@@ -32,7 +32,7 @@ export interface ObservableComputedFns<T> {
|
|
|
32
32
|
onHasValue(cb?: (value?: T) => void): OnReturnValue<T>;
|
|
33
33
|
}
|
|
34
34
|
declare type ArrayOverrideFnNames = 'every' | 'some' | 'filter' | 'reduce' | 'reduceRight' | 'forEach' | 'map';
|
|
35
|
-
export interface ObservableArrayOverride<T> extends Omit<Array<T>,
|
|
35
|
+
export interface ObservableArrayOverride<T> extends Omit<Array<T>, 'forEach' | 'map'> {
|
|
36
36
|
/**
|
|
37
37
|
* Performs the specified action for each element in an array.
|
|
38
38
|
* @param callbackfn A function that accepts up to three arguments. forEach calls the callbackfn function one time for each element in the array.
|
|
@@ -47,13 +47,13 @@ export interface ObservableArrayOverride<T> extends Omit<Array<T>, ArrayOverride
|
|
|
47
47
|
map<U>(callbackfn: (value: T, index: number, array: T[]) => U, thisArg?: any): U[];
|
|
48
48
|
}
|
|
49
49
|
export declare type ListenerFn<T = any> = (value: T, getPrevious: () => T, path: (string | number)[], valueAtPath: any, prevAtPath: any, node: NodeValue) => void;
|
|
50
|
-
export declare type ListenerFnSaved<T = any> = {
|
|
51
|
-
shallow?: boolean;
|
|
52
|
-
} & ListenerFn<T>;
|
|
53
50
|
declare type Recurse<T, K extends keyof T, TRecurse> = T[K] extends Function | Map<any, any> | WeakMap<any, any> | Set<any> | WeakSet<any> | Promise<any> ? T[K] : T[K] extends Primitive ? T[K] & ObservablePrimitiveFns<T[K]> : T[K] extends Array<any> ? Omit<T[K], ArrayOverrideFnNames> & ObservableObjectFns<T[K]> & ObservableArrayOverride<ObservableObject<T[K][number]>> : T extends object ? TRecurse : T[K];
|
|
54
51
|
declare type ObservableFnsRecursive<T> = {
|
|
55
52
|
[K in keyof T]: Recurse<T, K, ObservableObject<T[K]>>;
|
|
56
53
|
};
|
|
54
|
+
declare type ObservableComputedFnsRecursive<T> = {
|
|
55
|
+
[K in keyof T]: Recurse<T, K, ObservableComputedFns<T[K]>>;
|
|
56
|
+
};
|
|
57
57
|
declare type ObservableFnsRecursiveSafe<T> = {
|
|
58
58
|
readonly [K in keyof T]: Recurse<T, K, ObservableObjectSafe<T[K]>>;
|
|
59
59
|
};
|
|
@@ -102,7 +102,7 @@ export interface ObservablePersistLocalAsync extends ObservablePersistLocal {
|
|
|
102
102
|
}
|
|
103
103
|
export interface ObservablePersistRemote {
|
|
104
104
|
save<T>(options: PersistOptions<T>, value: T, getPrevious: () => T, path: (string | number)[], valueAtPath: any, prevAtPath: any): Promise<T>;
|
|
105
|
-
listen<T>(obs:
|
|
105
|
+
listen<T>(obs: ObservableReadable<T>, options: PersistOptions<T>, onLoad: () => void, onChange: (obs: ObservableReadable<T>, value: any) => void): any;
|
|
106
106
|
}
|
|
107
107
|
export interface ObservablePersistState {
|
|
108
108
|
isLoadedLocal: boolean;
|
|
@@ -146,7 +146,6 @@ export interface OnReturnValue<T> {
|
|
|
146
146
|
dispose: ObservableListenerDispose;
|
|
147
147
|
}
|
|
148
148
|
export declare type ClassConstructor<I, Args extends any[] = any[]> = new (...args: Args) => I;
|
|
149
|
-
export declare type ObservableComputeFunction<T> = () => T;
|
|
150
149
|
export declare type ObservableListenerDispose = () => void;
|
|
151
150
|
export interface ObservableWrapper {
|
|
152
151
|
_: Observable;
|
|
@@ -164,12 +163,12 @@ export declare type ObservablePrimitive<T = any> = {
|
|
|
164
163
|
} & ObservablePrimitiveFns<T>;
|
|
165
164
|
export declare type ObservableObjectOrPrimitive<T> = [T] extends [Primitive] ? ObservablePrimitive<T> : ObservableObject<T>;
|
|
166
165
|
export declare type ObservableObjectOrPrimitiveSafe<T> = [T] extends [Primitive] ? ObservablePrimitive<T> : ObservableObjectSafe<T>;
|
|
167
|
-
export declare type ObservableComputed<T = any> = ObservableComputedFns<T> & ([T] extends [Primitive] ? {
|
|
166
|
+
export declare type ObservableComputed<T = any> = ObservableComputedFns<T> & ObservableComputedFnsRecursive<T> & ([T] extends [Primitive] ? {
|
|
168
167
|
readonly current: T;
|
|
169
168
|
} : T);
|
|
170
169
|
export declare type Observable<T = any> = [T] extends [Primitive] ? ObservablePrimitive<T> : ObservableObject<T>;
|
|
171
|
-
export declare type
|
|
172
|
-
export declare type
|
|
170
|
+
export declare type ObservableReadable<T = any> = ObservableObject<T> | ObservableComputed<T> | ObservablePrimitive<T> | ObservableRef<T>;
|
|
171
|
+
export declare type ObservableWriteable<T = any> = ObservableObject<T> | ObservablePrimitive<T> | ObservableRef<T>;
|
|
173
172
|
export interface NodeValue {
|
|
174
173
|
id: number;
|
|
175
174
|
parent: NodeValue;
|
|
@@ -177,7 +176,7 @@ export interface NodeValue {
|
|
|
177
176
|
proxy?: object;
|
|
178
177
|
key: string | number;
|
|
179
178
|
root: ObservableWrapper;
|
|
180
|
-
listeners?:
|
|
179
|
+
listeners?: Map<string, ListenerFn>;
|
|
181
180
|
}
|
|
182
181
|
/** @internal */
|
|
183
182
|
export interface TrackingNode {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type { ObservableObject, ObservablePersistState,
|
|
1
|
+
import type { ObservableObject, ObservablePersistState, ObservableReadable, PersistOptions } from '../observableInterfaces';
|
|
2
2
|
export declare const mapPersistences: WeakMap<any, any>;
|
|
3
|
-
export declare function persistObservable<T>(obs:
|
|
3
|
+
export declare function persistObservable<T>(obs: ObservableReadable<T>, persistOptions: PersistOptions<T>): ObservableObject<ObservablePersistState>;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { CSSProperties, ReactElement } from 'react';
|
|
2
|
-
import { NotPrimitive,
|
|
2
|
+
import type { NotPrimitive, ObservableWriteable, Primitive } from '../observableInterfaces';
|
|
3
3
|
declare type Props<TValue, TProps, TBind> = Omit<TProps, 'className' | 'style'> & {
|
|
4
4
|
className?: string | ((value: TValue) => string);
|
|
5
5
|
style?: CSSProperties | ((value: TValue) => CSSProperties);
|
|
6
|
-
bind?:
|
|
6
|
+
bind?: ObservableWriteable<TValue> & NotPrimitive<TBind>;
|
|
7
7
|
};
|
|
8
8
|
export declare const Binder: <TValue extends Primitive, TElement, TProps extends {
|
|
9
9
|
onChange?: any;
|
|
10
10
|
value?: any;
|
|
11
11
|
className?: string;
|
|
12
12
|
style?: CSSProperties;
|
|
13
|
-
}>(Component: any) => <TBind extends
|
|
13
|
+
}>(Component: any) => <TBind extends ObservableWriteable<any>>(props: Props<TValue, TProps, TBind>) => ReactElement | null;
|
|
14
14
|
export declare namespace LS {
|
|
15
|
-
const input: <TBind extends
|
|
16
|
-
const textarea: <TBind extends
|
|
17
|
-
const select: <TBind extends
|
|
15
|
+
const input: <TBind extends ObservableWriteable<any>>(props: Props<Primitive, React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, TBind>) => ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
16
|
+
const textarea: <TBind extends ObservableWriteable<any>>(props: Props<string, React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, TBind>) => ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
17
|
+
const select: <TBind extends ObservableWriteable<any>>(props: Props<string, React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, TBind>) => ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
18
18
|
}
|
|
19
19
|
export {};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ReactElement, ReactNode } from 'react';
|
|
2
|
+
import type { ObservableReadable } from '../observableInterfaces';
|
|
2
3
|
export declare const Isolate: ({ children, }: {
|
|
3
4
|
children: ReactNode | (() => ReactNode);
|
|
4
5
|
}) => ReactElement;
|
|
@@ -11,3 +12,16 @@ export declare const Show: ({ if: if_, else: else_, children, memo, }: {
|
|
|
11
12
|
memo?: boolean;
|
|
12
13
|
children: ReactNode | (() => ReactNode);
|
|
13
14
|
}) => ReactElement;
|
|
15
|
+
export declare const For: <T extends {
|
|
16
|
+
id: string;
|
|
17
|
+
} | {
|
|
18
|
+
_id: string;
|
|
19
|
+
} | {
|
|
20
|
+
__id: string;
|
|
21
|
+
}>({ each, item, children, }: {
|
|
22
|
+
each?: ObservableReadable<T[]>;
|
|
23
|
+
item?: ({ item: T }: {
|
|
24
|
+
item: any;
|
|
25
|
+
}) => ReactElement;
|
|
26
|
+
children?: (value: T) => ReactElement;
|
|
27
|
+
}) => ReactElement;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
2
|
import { StyleProp, SwitchProps, TextInputProps, TextStyle, ViewStyle } from 'react-native';
|
|
3
|
-
import { NotPrimitive, ObservableFns, Primitive } from '../observableInterfaces';
|
|
3
|
+
import { NotPrimitive, ObservableFns, ObservableWriteable, Primitive } from '../observableInterfaces';
|
|
4
4
|
declare type Props<TValue, TStyle, TProps, TBind> = Omit<TProps, 'style'> & {
|
|
5
|
-
bind?:
|
|
5
|
+
bind?: ObservableWriteable<TValue> & NotPrimitive<TBind>;
|
|
6
6
|
style?: StyleProp<TStyle> | ((value: TValue) => StyleProp<TStyle>);
|
|
7
7
|
};
|
|
8
8
|
export declare const Binder: <TValue extends Primitive, TElement, TStyle, TProps extends {
|