-
Notifications
You must be signed in to change notification settings - Fork 0
/
observable.ts
81 lines (63 loc) · 1.74 KB
/
observable.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
import { isObject } from "./utils";
export interface Observable {
[_: string]: any;
}
export interface ProxyHandler {
get: (target: Target, key: string) => any;
set: (target: Target, key: string, value: any) => boolean;
deleteProperty: (target: Target, key: string) => boolean;
}
export interface Changes {
target: Target;
path: string;
key: string;
value?: any;
}
export type Target = {
[_: string]: any;
};
export const observable = (target: any, listener?: Function): Observable => {
if (!isObject(target)) return target;
const createHandler = (path: Array<String> = []): ProxyHandler => {
const getPath = (prop: String): String => {
return path.concat(prop).join(".");
};
return {
get(target: Target, key: string): any {
if (key == "isProxy") return true;
const prop = target[key];
if (typeof prop == "undefined") {
return;
}
if (!prop.isProxy && typeof prop === "object") {
target[key] = new Proxy(target[key], createHandler(path.concat(key)));
}
return target[key];
},
set(target: Target, key: string, value: any): boolean {
target[key] = value;
if (typeof listener === "function") {
listener({
path: getPath(key),
target,
key,
value,
} as Changes);
}
return true;
},
deleteProperty(target: Target, key: string): boolean {
delete target[key];
if (typeof listener === "function") {
listener({
path: getPath(key),
target,
key,
} as Changes);
}
return true;
},
};
};
return new Proxy(target, createHandler());
};