@joist/observable 2.0.0-next.6 → 2.0.0-next.7
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@joist/observable",
|
|
3
|
-
"version": "2.0.0-next.
|
|
3
|
+
"version": "2.0.0-next.7",
|
|
4
4
|
"main": "./target/build/lib.js",
|
|
5
5
|
"module": "./target/build/lib.js",
|
|
6
6
|
"exports": {
|
|
@@ -34,5 +34,5 @@
|
|
|
34
34
|
"test": "tsc -p tsconfig.test.json && wtr --config ../../wtr.config.mjs --port 8002",
|
|
35
35
|
"build": "tsc -p tsconfig.build.json"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "48190a6eb436c5dcfd6f5b0b358e78d7722c577e"
|
|
38
38
|
}
|
|
@@ -15,8 +15,8 @@ export interface ObservableBase {
|
|
|
15
15
|
initializedChanges: Set<string | symbol>;
|
|
16
16
|
definePropChange(key: string | symbol, propChange: Change): Promise<void>;
|
|
17
17
|
}
|
|
18
|
-
export declare function observe(
|
|
19
|
-
export declare function observable
|
|
18
|
+
export declare function observe(target: any, key: string): void;
|
|
19
|
+
export declare function observable<T extends new (...args: any[]) => any>(CustomElement: T): {
|
|
20
20
|
new (...args: any[]): {
|
|
21
21
|
[x: string]: any;
|
|
22
22
|
propChanges: Changes;
|
|
@@ -12,52 +12,48 @@ export function readPropertyDefs(c) {
|
|
|
12
12
|
return c.properties || c.prototype.properties || {};
|
|
13
13
|
}
|
|
14
14
|
const PROPERTY_KEY = 'properties';
|
|
15
|
-
export function observe() {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
target[PROPERTY_KEY][key] = {};
|
|
19
|
-
};
|
|
15
|
+
export function observe(target, key) {
|
|
16
|
+
target[PROPERTY_KEY] = target[PROPERTY_KEY] || {};
|
|
17
|
+
target[PROPERTY_KEY][key] = {};
|
|
20
18
|
}
|
|
21
|
-
export function observable() {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
Reflect.set(this, createPrivateKey(def), Reflect.get(this, def));
|
|
33
|
-
}
|
|
34
|
-
Object.defineProperties(this, props);
|
|
19
|
+
export function observable(CustomElement) {
|
|
20
|
+
const defs = readPropertyDefs(CustomElement);
|
|
21
|
+
const props = createPropertyDescripors(defs);
|
|
22
|
+
return class ObservableElement extends CustomElement {
|
|
23
|
+
propChanges = {};
|
|
24
|
+
propChange = null;
|
|
25
|
+
initializedChanges = new Set();
|
|
26
|
+
constructor(...args) {
|
|
27
|
+
super(...args);
|
|
28
|
+
for (let def in defs) {
|
|
29
|
+
Reflect.set(this, createPrivateKey(def), Reflect.get(this, def));
|
|
35
30
|
}
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
this.propChanges[key]
|
|
41
|
-
if (!this.propChange) {
|
|
42
|
-
// If there is no previous change defined set it up
|
|
43
|
-
this.propChange = Promise.resolve().then(() => {
|
|
44
|
-
// run onPropChanges here. This makes sure we capture all changes
|
|
45
|
-
// keep track of whether or not this is the first time a given property has changes
|
|
46
|
-
for (let change in this.propChanges) {
|
|
47
|
-
this.propChanges[change].firstChange = !this.initializedChanges.has(change);
|
|
48
|
-
this.initializedChanges.add(change);
|
|
49
|
-
}
|
|
50
|
-
if (this.onChange) {
|
|
51
|
-
this.onChange(this.propChanges);
|
|
52
|
-
}
|
|
53
|
-
// reset for next time
|
|
54
|
-
this.propChanges = {};
|
|
55
|
-
this.propChange = null;
|
|
56
|
-
});
|
|
57
|
-
}
|
|
58
|
-
return this.propChange;
|
|
31
|
+
Object.defineProperties(this, props);
|
|
32
|
+
}
|
|
33
|
+
definePropChange(key, propChange) {
|
|
34
|
+
if (!this.propChanges[key]) {
|
|
35
|
+
this.propChanges[key] = propChange;
|
|
59
36
|
}
|
|
60
|
-
|
|
37
|
+
this.propChanges[key].value = propChange.value;
|
|
38
|
+
if (!this.propChange) {
|
|
39
|
+
// If there is no previous change defined set it up
|
|
40
|
+
this.propChange = Promise.resolve().then(() => {
|
|
41
|
+
// run onPropChanges here. This makes sure we capture all changes
|
|
42
|
+
// keep track of whether or not this is the first time a given property has changes
|
|
43
|
+
for (let change in this.propChanges) {
|
|
44
|
+
this.propChanges[change].firstChange = !this.initializedChanges.has(change);
|
|
45
|
+
this.initializedChanges.add(change);
|
|
46
|
+
}
|
|
47
|
+
if (this.onChange) {
|
|
48
|
+
this.onChange(this.propChanges);
|
|
49
|
+
}
|
|
50
|
+
// reset for next time
|
|
51
|
+
this.propChanges = {};
|
|
52
|
+
this.propChange = null;
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
return this.propChange;
|
|
56
|
+
}
|
|
61
57
|
};
|
|
62
58
|
}
|
|
63
59
|
function createPrivateKey(key) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"observable.js","sourceRoot":"","sources":["../../../lib/observable.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,MAAM;IACE;IAAiB;IAAqC;IAAzE,YAAmB,KAAQ,EAAS,aAA4B,EAAS,WAAoB;QAA1E,UAAK,GAAL,KAAK,CAAG;QAAS,kBAAa,GAAb,aAAa,CAAe;QAAS,gBAAW,GAAX,WAAW,CAAS;IAAG,CAAC;CAClG;AAQD,MAAM,UAAU,gBAAgB,CAAC,CAAM;IACrC,OAAO,CAAC,CAAC,UAAU,IAAI,CAAC,CAAC,SAAS,CAAC,UAAU,IAAI,EAAE,CAAC;AACtD,CAAC;AASD,MAAM,YAAY,GAAG,YAAY,CAAC;AAElC,MAAM,UAAU,OAAO
|
|
1
|
+
{"version":3,"file":"observable.js","sourceRoot":"","sources":["../../../lib/observable.ts"],"names":[],"mappings":"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"}
|