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
82
83
84
85
86
87
88
89
90
91
92
|
import { Deserializable, autoObject } from "../client/util/SerializationHelper";
import { Field, Update, Self } from "./Doc";
import { setter, getter } from "./util";
import { serializable, alias, list } from "serializr";
import { observable, observe, IArrayChange, IArraySplice, IObservableArray, Lambda } from "mobx";
import { ObjectField, OnUpdate } from "./ObjectField";
const listHandlers: any = {
push(...items: any[]) {
console.log("push");
console.log(...items);
return this[Self].__fields.push(...items);
},
pop(): any {
return this[Self].__fields.pop();
}
};
function listGetter(target: any, prop: string | number | symbol, receiver: any): any {
if (listHandlers.hasOwnProperty(prop)) {
return listHandlers[prop];
}
return getter(target, prop, receiver);
}
interface ListSpliceUpdate<T> {
type: "splice";
index: number;
added: T[];
removedCount: number;
}
interface ListIndexUpdate<T> {
type: "update";
index: number;
newValue: T;
}
type ListUpdate<T> = ListSpliceUpdate<T> | ListIndexUpdate<T>;
const ObserveDisposer = Symbol("Observe Disposer");
function listObserver<T extends Field>(this: ListImpl<T>, change: IArrayChange<T> | IArraySplice<T>) {
if (change.type === "splice") {
this[Update]({
index: change.index,
removedCount: change.removedCount,
added: change.added,
type: change.type
});
} else {
//This should already be handled by the getter for the Proxy
// this[Update]({
// index: change.index,
// newValue: change.newValue,
// type: change.type
// });
}
}
@Deserializable("list")
class ListImpl<T extends Field> extends ObjectField {
constructor(fields: T[] = []) {
super();
this.__fields = fields;
this[ObserveDisposer] = observe(this.__fields as IObservableArray<T>, listObserver.bind(this));
const list = new Proxy<this>(this, {
set: setter,
get: getter,
deleteProperty: () => { throw new Error("Currently properties can't be deleted from documents, assign to undefined instead"); },
defineProperty: () => { throw new Error("Currently properties can't be defined on documents using Object.defineProperty"); },
});
return list;
}
[key: number]: T | null | undefined;
@serializable(alias("fields", list(autoObject())))
@observable
private __fields: (T | null | undefined)[];
private [Update] = (diff: any) => {
console.log(diff);
const update = this[OnUpdate];
update && update(diff);
}
private [ObserveDisposer]: Lambda;
private [Self] = this;
}
export type List<T extends Field> = ListImpl<T> & T[];
export const List: { new <T extends Field>(fields?: T[]): List<T> } = ListImpl as any;
|
