@joist/observable 4.0.0-next.5 → 4.0.0-next.50

package/README.md

@@ -5,17 +5,21 @@ Adds the ability to monitor class properties (static and instance) for changes
 #### Installation:
 
 ```BASH
-npm i @joist/observable
+npm i @joist/observable@next
 ```
 
 ```TS
 import { observe, effect } from '@joist/observable';
 
 class AppState {
-  @observe accessor todos: string[] = [];
-  @observe accessor userName?: string;
+  @observe()
+  accessor todos: string[] = [];
 
-  @effect onChange(changes: Set<string | symbol>) {
+  @observe()
+  accessor userName?: string;
+
+  @effect()
+  onChange(changes: Changes) {
     console.log(changes);
   }
 }

package/package.json

@@ -1,16 +1,13 @@
 {
   "name": "@joist/observable",
-  "version": "4.0.0-next.5",
+  "version": "4.0.0-next.50",
   "type": "module",
   "main": "./target/lib.js",
   "module": "./target/lib.js",
   "exports": {
-    ".": {
-      "import": "./target/lib.js"
-    },
-    "./*": {
-      "import": "./target/lib/*.js"
-    }
+    ".": "./target/lib.js",
+    "./*": "./target/lib/*",
+    "./package.json": "./package.json"
   },
   "files": [
     "src",

package/src/lib/metadata.test.ts

@@ -1,14 +1,15 @@
-import { assert } from 'chai';
-import { ObservableInstanceMetaDataStore } from './metadata.js';
+import { assert } from "chai";
 
-it('should return default metadata', () => {
+import { Changes, ObservableInstanceMetaDataStore } from "./metadata.js";
+
+it("should return default metadata", () => {
   const key = {};
   const data = new ObservableInstanceMetaDataStore().read(key);
 
-  assert.deepEqual(data, { changes: new Set<string | symbol>(), scheduler: null });
+  assert.deepEqual(data, { changes: new Changes(), scheduler: null });
 });
 
-it('should return the same metadata object after init', () => {
+it("should return the same metadata object after init", () => {
   const key = {};
   const data = new ObservableInstanceMetaDataStore();
 

package/src/lib/metadata.ts

@@ -1,43 +1,57 @@
-(Symbol as any).metadata ??= Symbol('Symbol.metadata');
+(Symbol as any).metadata ??= Symbol("Symbol.metadata");
 
-export type EffectFn = (changes: Set<string | symbol>) => void;
+export type EffectFn<T> = (changes: Changes<T>) => void;
 
-export abstract class MetadataStore<Metadata> extends WeakMap<object, Metadata> {
-  read(key: object): Metadata {
+export class Changes<T> extends Map<
+  keyof T,
+  { oldValue: unknown; newValue: unknown }
+> {}
+
+export class ObservableInstanceMetadata<T> {
+  scheduler: Promise<void> | null = null;
+  changes: Changes<T> = new Changes();
+}
+
+export class ObservableInstanceMetaDataStore extends WeakMap<
+  object,
+  ObservableInstanceMetadata<unknown>
+> {
+  read<T extends object>(key: T): ObservableInstanceMetadata<T> {
     let data = this.get(key);
 
     if (!data) {
-      data = this.init();
+      data = new ObservableInstanceMetadata();
 
       this.set(key, data);
     }
 
     return data;
   }
-
-  abstract init(): Metadata;
 }
 
-export class ObservableInstanceMetadata {
-  scheduler: Promise<void> | null = null;
-  changes = new Set<string | symbol>();
+export class ObservableMetadata<T> {
+  effects: Set<EffectFn<T>> = new Set();
 }
 
-export class ObservableInstanceMetaDataStore extends MetadataStore<ObservableInstanceMetadata> {
-  init() {
-    return new ObservableInstanceMetadata();
-  }
-}
+export class ObservableMetadataStore extends WeakMap<
+  object,
+  ObservableMetadata<unknown>
+> {
+  read<T extends object>(key: object): ObservableMetadata<T> {
+    let data = this.get(key);
 
-export class ObservableMetadata {
-  effects: Set<EffectFn> = new Set();
-}
+    if (!data) {
+      data = new ObservableMetadata();
 
-export class ObservableMetadataStore extends MetadataStore<ObservableMetadata> {
-  init() {
-    return new ObservableMetadata();
+      this.set(key, data);
+    }
+
+    return data as ObservableMetadata<T>;
   }
 }
 
-export const instanceMetadataStore = new ObservableInstanceMetaDataStore();
-export const observableMetadataStore = new ObservableMetadataStore();
+export const instanceMetadataStore: ObservableInstanceMetaDataStore =
+  new ObservableInstanceMetaDataStore();
+
+export const observableMetadataStore: ObservableMetadataStore =
+  new ObservableMetadataStore();

package/src/lib/observe.test.ts

@@ -1,9 +1,11 @@
-import { assert } from 'chai';
+import { assert } from "chai";
 
-import { effect, observe } from './observe.js';
+import type { Changes } from "./metadata.js";
+import { effect, observe } from "./observe.js";
 
-it('should work with static accessors', () => {
+it("should work with static accessors", () => {
   return new Promise<void>((resolve) => {
+    // biome-ignore lint/complexity/noStaticOnlyClass: <explanation>
     class Counter {
       @observe()
       static accessor value = 0;
@@ -23,7 +25,7 @@ it('should work with static accessors', () => {
   });
 });
 
-it('should work with instance accessors', () => {
+it("should work with instance accessors", () => {
   return new Promise<void>((resolve) => {
     class Counter {
       @observe()
@@ -48,13 +50,16 @@ it('should work with instance accessors', () => {
   });
 });
 
-it('should return a set of changed props', () => {
+it("should return a set of changed props", () => {
   return new Promise<void>((resolve) => {
     class Counter {
       @observe() accessor value = 0;
 
-      @effect() onChange(changes: Set<symbol | string>) {
-        assert.ok(changes.has('value'));
+      @effect() onChange(changes: Changes<this>) {
+        assert.deepEqual(changes.get("value"), {
+          oldValue: 0,
+          newValue: 1,
+        });
 
         resolve();
       }
@@ -65,7 +70,7 @@ it('should return a set of changed props', () => {
   });
 });
 
-it('should upgrade custom elements', () => {
+it("should upgrade custom elements", () => {
   return new Promise<void>((resolve) => {
     class Counter extends HTMLElement {
       @observe()
@@ -84,15 +89,15 @@ it('should upgrade custom elements', () => {
       }
     }
 
-    const el = document.createElement('observable-1') as Counter;
+    const el = document.createElement("observable-1") as Counter;
     el.value = 100;
 
     document.body.append(el);
 
-    customElements.whenDefined('observable-1').then(() => {
+    customElements.whenDefined("observable-1").then(() => {
       el.value++;
     });
 
-    customElements.define('observable-1', Counter);
+    customElements.define("observable-1", Counter);
   });
 });

package/src/lib/observe.ts

@@ -1,10 +1,16 @@
-import { EffectFn, instanceMetadataStore, observableMetadataStore } from './metadata.js';
+import {
+  type EffectFn,
+  instanceMetadataStore,
+  observableMetadataStore,
+} from "./metadata.js";
 
 export function observe() {
   return function observeDecorator<This extends object, Value>(
     base: ClassAccessorDecoratorTarget<This, Value>,
-    ctx: ClassAccessorDecoratorContext<This, Value>
+    ctx: ClassAccessorDecoratorContext<This, Value>,
   ): ClassAccessorDecoratorResult<This, Value> {
+    const observableMeta = observableMetadataStore.read<This>(ctx.metadata);
+
     return {
       init(value) {
         let val: Value | null = null;
@@ -15,7 +21,7 @@ export function observe() {
         } catch {}
 
         if (val) {
-          delete (<any>this)[ctx.name];
+          Reflect.deleteProperty(this, ctx.name);
 
           return val;
         }
@@ -23,35 +29,41 @@ export function observe() {
 
         return value;
       },
-      set(value) {
-        const instanceMeta = instanceMetadataStore.read(this);
-        const observableMeta = observableMetadataStore.read(ctx.metadata);
-
-        if (instanceMeta.scheduler === null) {
-          instanceMeta.scheduler = Promise.resolve().then(() => {
-            for (let effect of observableMeta.effects) {
-              effect.call(this, instanceMeta.changes);
-            }
-
-            instanceMeta.scheduler = null;
-            instanceMeta.changes.clear();
-          });
-        }
+      set(newValue: Value) {
+        const oldValue = base.get.call(this);
+
+        if (newValue !== oldValue) {
+          const instanceMeta = instanceMetadataStore.read<This>(this);
+
+          if (instanceMeta.scheduler === null) {
+            instanceMeta.scheduler = Promise.resolve().then(() => {
+              for (const effect of observableMeta.effects) {
+                effect.call(this, instanceMeta.changes);
+              }
 
-        instanceMeta.changes.add(ctx.name);
+              instanceMeta.scheduler = null;
+              instanceMeta.changes.clear();
+            });
+          }
 
-        base.set.call(this, value);
-      }
+          instanceMeta.changes.set(ctx.name as keyof This, {
+            oldValue,
+            newValue,
+          });
+
+          base.set.call(this, newValue);
+        }
+      },
     };
   };
 }
 
 export function effect() {
   return function effectDecorator<T extends object>(
-    value: EffectFn,
-    ctx: ClassMethodDecoratorContext<T>
-  ) {
-    const data = observableMetadataStore.read(ctx.metadata);
+    value: EffectFn<T>,
+    ctx: ClassMethodDecoratorContext<T>,
+  ): void {
+    const data = observableMetadataStore.read<T>(ctx.metadata);
 
     data.effects.add(value);
   };

package/src/lib.ts

@@ -1 +1,2 @@
-export { observe, effect } from './lib/observe.js';
+export { observe, effect } from "./lib/observe.js";
+export { Changes } from "./lib/metadata.js";

package/target/lib/metadata.d.ts

@@ -1,20 +1,21 @@
-export type EffectFn = (changes: Set<string | symbol>) => void;
-export declare abstract class MetadataStore<Metadata> extends WeakMap<object, Metadata> {
-    read(key: object): Metadata;
-    abstract init(): Metadata;
+export type EffectFn<T> = (changes: Changes<T>) => void;
+export declare class Changes<T> extends Map<keyof T, {
+    oldValue: unknown;
+    newValue: unknown;
+}> {
 }
-export declare class ObservableInstanceMetadata {
+export declare class ObservableInstanceMetadata<T> {
     scheduler: Promise<void> | null;
-    changes: Set<string | symbol>;
+    changes: Changes<T>;
 }
-export declare class ObservableInstanceMetaDataStore extends MetadataStore<ObservableInstanceMetadata> {
-    init(): ObservableInstanceMetadata;
+export declare class ObservableInstanceMetaDataStore extends WeakMap<object, ObservableInstanceMetadata<unknown>> {
+    read<T extends object>(key: T): ObservableInstanceMetadata<T>;
 }
-export declare class ObservableMetadata {
-    effects: Set<EffectFn>;
+export declare class ObservableMetadata<T> {
+    effects: Set<EffectFn<T>>;
 }
-export declare class ObservableMetadataStore extends MetadataStore<ObservableMetadata> {
-    init(): ObservableMetadata;
+export declare class ObservableMetadataStore extends WeakMap<object, ObservableMetadata<unknown>> {
+    read<T extends object>(key: object): ObservableMetadata<T>;
 }
 export declare const instanceMetadataStore: ObservableInstanceMetaDataStore;
 export declare const observableMetadataStore: ObservableMetadataStore;

package/target/lib/metadata.js

@@ -1,29 +1,31 @@
-Symbol.metadata ??= Symbol('Symbol.metadata');
-export class MetadataStore extends WeakMap {
+Symbol.metadata ??= Symbol("Symbol.metadata");
+export class Changes extends Map {
+}
+export class ObservableInstanceMetadata {
+    scheduler = null;
+    changes = new Changes();
+}
+export class ObservableInstanceMetaDataStore extends WeakMap {
     read(key) {
         let data = this.get(key);
         if (!data) {
-            data = this.init();
+            data = new ObservableInstanceMetadata();
             this.set(key, data);
         }
         return data;
     }
 }
-export class ObservableInstanceMetadata {
-    scheduler = null;
-    changes = new Set();
-}
-export class ObservableInstanceMetaDataStore extends MetadataStore {
-    init() {
-        return new ObservableInstanceMetadata();
-    }
-}
 export class ObservableMetadata {
     effects = new Set();
 }
-export class ObservableMetadataStore extends MetadataStore {
-    init() {
-        return new ObservableMetadata();
+export class ObservableMetadataStore extends WeakMap {
+    read(key) {
+        let data = this.get(key);
+        if (!data) {
+            data = new ObservableMetadata();
+            this.set(key, data);
+        }
+        return data;
     }
 }
 export const instanceMetadataStore = new ObservableInstanceMetaDataStore();

package/target/lib/metadata.js.map

@@ -1 +1 @@
-{"version":3,"file":"metadata.js","sourceRoot":"","sources":["../../src/lib/metadata.ts"],"names":[],"mappings":"AAAC,MAAc,CAAC,QAAQ,KAAK,MAAM,CAAC,iBAAiB,CAAC,CAAC;AAIvD,MAAM,OAAgB,aAAwB,SAAQ,OAAyB;IAC7E,IAAI,CAAC,GAAW;QACd,IAAI,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAEzB,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;YAEnB,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QACtB,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC;CAGF;AAED,MAAM,OAAO,0BAA0B;IACrC,SAAS,GAAyB,IAAI,CAAC;IACvC,OAAO,GAAG,IAAI,GAAG,EAAmB,CAAC;CACtC;AAED,MAAM,OAAO,+BAAgC,SAAQ,aAAyC;IAC5F,IAAI;QACF,OAAO,IAAI,0BAA0B,EAAE,CAAC;IAC1C,CAAC;CACF;AAED,MAAM,OAAO,kBAAkB;IAC7B,OAAO,GAAkB,IAAI,GAAG,EAAE,CAAC;CACpC;AAED,MAAM,OAAO,uBAAwB,SAAQ,aAAiC;IAC5E,IAAI;QACF,OAAO,IAAI,kBAAkB,EAAE,CAAC;IAClC,CAAC;CACF;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,IAAI,+BAA+B,EAAE,CAAC;AAC3E,MAAM,CAAC,MAAM,uBAAuB,GAAG,IAAI,uBAAuB,EAAE,CAAC"}
+{"version":3,"file":"metadata.js","sourceRoot":"","sources":["../../src/lib/metadata.ts"],"names":[],"mappings":"AAAC,MAAc,CAAC,QAAQ,KAAK,MAAM,CAAC,iBAAiB,CAAC,CAAC;AAIvD,MAAM,OAAO,OAAW,SAAQ,GAG/B;CAAG;AAEJ,MAAM,OAAO,0BAA0B;IACrC,SAAS,GAAyB,IAAI,CAAC;IACvC,OAAO,GAAe,IAAI,OAAO,EAAE,CAAC;CACrC;AAED,MAAM,OAAO,+BAAgC,SAAQ,OAGpD;IACC,IAAI,CAAmB,GAAM;QAC3B,IAAI,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAEzB,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,IAAI,GAAG,IAAI,0BAA0B,EAAE,CAAC;YAExC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QACtB,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC;CACF;AAED,MAAM,OAAO,kBAAkB;IAC7B,OAAO,GAAqB,IAAI,GAAG,EAAE,CAAC;CACvC;AAED,MAAM,OAAO,uBAAwB,SAAQ,OAG5C;IACC,IAAI,CAAmB,GAAW;QAChC,IAAI,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAEzB,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,IAAI,GAAG,IAAI,kBAAkB,EAAE,CAAC;YAEhC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QACtB,CAAC;QAED,OAAO,IAA6B,CAAC;IACvC,CAAC;CACF;AAED,MAAM,CAAC,MAAM,qBAAqB,GAChC,IAAI,+BAA+B,EAAE,CAAC;AAExC,MAAM,CAAC,MAAM,uBAAuB,GAClC,IAAI,uBAAuB,EAAE,CAAC"}

package/target/lib/metadata.test.js

@@ -1,11 +1,11 @@
-import { assert } from 'chai';
-import { ObservableInstanceMetaDataStore } from './metadata.js';
-it('should return default metadata', () => {
+import { assert } from "chai";
+import { Changes, ObservableInstanceMetaDataStore } from "./metadata.js";
+it("should return default metadata", () => {
     const key = {};
     const data = new ObservableInstanceMetaDataStore().read(key);
-    assert.deepEqual(data, { changes: new Set(), scheduler: null });
+    assert.deepEqual(data, { changes: new Changes(), scheduler: null });
 });
-it('should return the same metadata object after init', () => {
+it("should return the same metadata object after init", () => {
     const key = {};
     const data = new ObservableInstanceMetaDataStore();
     assert.equal(data.read(key), data.read(key));

package/target/lib/metadata.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"metadata.test.js","sourceRoot":"","sources":["../../src/lib/metadata.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,+BAA+B,EAAE,MAAM,eAAe,CAAC;AAEhE,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;IACxC,MAAM,GAAG,GAAG,EAAE,CAAC;IACf,MAAM,IAAI,GAAG,IAAI,+BAA+B,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE7D,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,GAAG,EAAmB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;AACnF,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;IAC3D,MAAM,GAAG,GAAG,EAAE,CAAC;IACf,MAAM,IAAI,GAAG,IAAI,+BAA+B,EAAE,CAAC;IAEnD,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AAC/C,CAAC,CAAC,CAAC"}
+{"version":3,"file":"metadata.test.js","sourceRoot":"","sources":["../../src/lib/metadata.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,OAAO,EAAE,+BAA+B,EAAE,MAAM,eAAe,CAAC;AAEzE,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;IACxC,MAAM,GAAG,GAAG,EAAE,CAAC;IACf,MAAM,IAAI,GAAG,IAAI,+BAA+B,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE7D,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,OAAO,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;AACtE,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;IAC3D,MAAM,GAAG,GAAG,EAAE,CAAC;IACf,MAAM,IAAI,GAAG,IAAI,+BAA+B,EAAE,CAAC;IAEnD,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AAC/C,CAAC,CAAC,CAAC"}

package/target/lib/observe.d.ts

@@ -1,3 +1,3 @@
-import { EffectFn } from './metadata.js';
+import { type EffectFn } from "./metadata.js";
 export declare function observe(): <This extends object, Value>(base: ClassAccessorDecoratorTarget<This, Value>, ctx: ClassAccessorDecoratorContext<This, Value>) => ClassAccessorDecoratorResult<This, Value>;
-export declare function effect(): <T extends object>(value: EffectFn, ctx: ClassMethodDecoratorContext<T>) => void;
+export declare function effect(): <T extends object>(value: EffectFn<T>, ctx: ClassMethodDecoratorContext<T>) => void;

package/target/lib/observe.js

@@ -1,6 +1,7 @@
-import { instanceMetadataStore, observableMetadataStore } from './metadata.js';
+import { instanceMetadataStore, observableMetadataStore, } from "./metadata.js";
 export function observe() {
     return function observeDecorator(base, ctx) {
+        const observableMeta = observableMetadataStore.read(ctx.metadata);
         return {
             init(value) {
                 let val = null;
@@ -9,26 +10,31 @@ export function observe() {
                 }
                 catch { }
                 if (val) {
-                    delete this[ctx.name];
+                    Reflect.deleteProperty(this, ctx.name);
                     return val;
                 }
                 return value;
             },
-            set(value) {
-                const instanceMeta = instanceMetadataStore.read(this);
-                const observableMeta = observableMetadataStore.read(ctx.metadata);
-                if (instanceMeta.scheduler === null) {
-                    instanceMeta.scheduler = Promise.resolve().then(() => {
-                        for (let effect of observableMeta.effects) {
-                            effect.call(this, instanceMeta.changes);
-                        }
-                        instanceMeta.scheduler = null;
-                        instanceMeta.changes.clear();
+            set(newValue) {
+                const oldValue = base.get.call(this);
+                if (newValue !== oldValue) {
+                    const instanceMeta = instanceMetadataStore.read(this);
+                    if (instanceMeta.scheduler === null) {
+                        instanceMeta.scheduler = Promise.resolve().then(() => {
+                            for (const effect of observableMeta.effects) {
+                                effect.call(this, instanceMeta.changes);
+                            }
+                            instanceMeta.scheduler = null;
+                            instanceMeta.changes.clear();
+                        });
+                    }
+                    instanceMeta.changes.set(ctx.name, {
+                        oldValue,
+                        newValue,
                     });
+                    base.set.call(this, newValue);
                 }
-                instanceMeta.changes.add(ctx.name);
-                base.set.call(this, value);
-            }
+            },
         };
     };
 }

package/target/lib/observe.js.map

@@ -1 +1 @@
-{"version":3,"file":"observe.js","sourceRoot":"","sources":["../../src/lib/observe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,qBAAqB,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAEzF,MAAM,UAAU,OAAO;IACrB,OAAO,SAAS,gBAAgB,CAC9B,IAA+C,EAC/C,GAA+C;QAE/C,OAAO;YACL,IAAI,CAAC,KAAK;gBACR,IAAI,GAAG,GAAiB,IAAI,CAAC;gBAG7B,IAAI,CAAC;oBACH,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;gBAC7B,CAAC;gBAAC,MAAM,CAAC,CAAA,CAAC;gBAEV,IAAI,GAAG,EAAE,CAAC;oBACR,OAAa,IAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;oBAE7B,OAAO,GAAG,CAAC;gBACb,CAAC;gBAGD,OAAO,KAAK,CAAC;YACf,CAAC;YACD,GAAG,CAAC,KAAK;gBACP,MAAM,YAAY,GAAG,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBACtD,MAAM,cAAc,GAAG,uBAAuB,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;gBAElE,IAAI,YAAY,CAAC,SAAS,KAAK,IAAI,EAAE,CAAC;oBACpC,YAAY,CAAC,SAAS,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;wBACnD,KAAK,IAAI,MAAM,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;4BAC1C,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;wBAC1C,CAAC;wBAED,YAAY,CAAC,SAAS,GAAG,IAAI,CAAC;wBAC9B,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;oBAC/B,CAAC,CAAC,CAAC;gBACL,CAAC;gBAED,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;gBAEnC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YAC7B,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,MAAM;IACpB,OAAO,SAAS,eAAe,CAC7B,KAAe,EACf,GAAmC;QAEnC,MAAM,IAAI,GAAG,uBAAuB,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAExD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"observe.js","sourceRoot":"","sources":["../../src/lib/observe.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,eAAe,CAAC;AAEvB,MAAM,UAAU,OAAO;IACrB,OAAO,SAAS,gBAAgB,CAC9B,IAA+C,EAC/C,GAA+C;QAE/C,MAAM,cAAc,GAAG,uBAAuB,CAAC,IAAI,CAAO,GAAG,CAAC,QAAQ,CAAC,CAAC;QAExE,OAAO;YACL,IAAI,CAAC,KAAK;gBACR,IAAI,GAAG,GAAiB,IAAI,CAAC;gBAG7B,IAAI,CAAC;oBACH,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;gBAC7B,CAAC;gBAAC,MAAM,CAAC,CAAA,CAAC;gBAEV,IAAI,GAAG,EAAE,CAAC;oBACR,OAAO,CAAC,cAAc,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;oBAEvC,OAAO,GAAG,CAAC;gBACb,CAAC;gBAGD,OAAO,KAAK,CAAC;YACf,CAAC;YACD,GAAG,CAAC,QAAe;gBACjB,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAErC,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;oBAC1B,MAAM,YAAY,GAAG,qBAAqB,CAAC,IAAI,CAAO,IAAI,CAAC,CAAC;oBAE5D,IAAI,YAAY,CAAC,SAAS,KAAK,IAAI,EAAE,CAAC;wBACpC,YAAY,CAAC,SAAS,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;4BACnD,KAAK,MAAM,MAAM,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;gCAC5C,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;4BAC1C,CAAC;4BAED,YAAY,CAAC,SAAS,GAAG,IAAI,CAAC;4BAC9B,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;wBAC/B,CAAC,CAAC,CAAC;oBACL,CAAC;oBAED,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,IAAkB,EAAE;wBAC/C,QAAQ;wBACR,QAAQ;qBACT,CAAC,CAAC;oBAEH,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;gBAChC,CAAC;YACH,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,MAAM;IACpB,OAAO,SAAS,eAAe,CAC7B,KAAkB,EAClB,GAAmC;QAEnC,MAAM,IAAI,GAAG,uBAAuB,CAAC,IAAI,CAAI,GAAG,CAAC,QAAQ,CAAC,CAAC;QAE3D,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,CAAC;AACJ,CAAC"}

package/target/lib/observe.test.js

@@ -1,7 +1,7 @@
 import { __esDecorate, __runInitializers, __setFunctionName } from "tslib";
-import { assert } from 'chai';
-import { effect, observe } from './observe.js';
-it('should work with static accessors', () => {
+import { assert } from "chai";
+import { effect, observe } from "./observe.js";
+it("should work with static accessors", () => {
     return new Promise((resolve) => {
         let Counter = (() => {
             let _staticExtraInitializers = [];
@@ -35,7 +35,7 @@ it('should work with static accessors', () => {
         assert.equal(Counter.value, 1);
     });
 });
-it('should work with instance accessors', () => {
+it("should work with instance accessors", () => {
     return new Promise((resolve) => {
         let Counter = (() => {
             let _instanceExtraInitializers = [];
@@ -71,7 +71,7 @@ it('should work with instance accessors', () => {
         assert.equal(counter.value, 1);
     });
 });
-it('should return a set of changed props', () => {
+it("should return a set of changed props", () => {
     return new Promise((resolve) => {
         let Counter = (() => {
             let _instanceExtraInitializers = [];
@@ -92,7 +92,10 @@ it('should return a set of changed props', () => {
                 get value() { return this.#value_accessor_storage; }
                 set value(value) { this.#value_accessor_storage = value; }
                 onChange(changes) {
-                    assert.ok(changes.has('value'));
+                    assert.deepEqual(changes.get("value"), {
+                        oldValue: 0,
+                        newValue: 1,
+                    });
                     resolve();
                 }
                 constructor() {
@@ -104,7 +107,7 @@ it('should return a set of changed props', () => {
         counter.value++;
     });
 });
-it('should upgrade custom elements', () => {
+it("should upgrade custom elements", () => {
     return new Promise((resolve) => {
         let Counter = (() => {
             let _classSuper = HTMLElement;
@@ -136,13 +139,13 @@ it('should upgrade custom elements', () => {
                 }
             };
         })();
-        const el = document.createElement('observable-1');
+        const el = document.createElement("observable-1");
         el.value = 100;
         document.body.append(el);
-        customElements.whenDefined('observable-1').then(() => {
+        customElements.whenDefined("observable-1").then(() => {
             el.value++;
         });
-        customElements.define('observable-1', Counter);
+        customElements.define("observable-1", Counter);
     });
 });
 //# sourceMappingURL=observe.test.js.map

package/target/lib/observe.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"observe.test.js","sourceRoot":"","sources":["../../src/lib/observe.test.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"observe.test.js","sourceRoot":"","sources":["../../src/lib/observe.test.ts"],"names":[],"mappings":"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"}

package/target/lib.d.ts

@@ -1 +1,2 @@
-export { observe, effect } from './lib/observe.js';
+export { observe, effect } from "./lib/observe.js";
+export { Changes } from "./lib/metadata.js";

package/target/lib.js

@@ -1,2 +1,3 @@
-export { observe, effect } from './lib/observe.js';
+export { observe, effect } from "./lib/observe.js";
+export { Changes } from "./lib/metadata.js";
 //# sourceMappingURL=lib.js.map

package/target/lib.js.map

@@ -1 +1 @@
-{"version":3,"file":"lib.js","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"lib.js","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC"}