@symbiotejs/symbiote 2.2.0 → 2.2.2

package/core/PubSub.js

@@ -52,19 +52,23 @@ export class PubSub {
     if (typeof prop === 'string' && prop.startsWith(DICT.COMPUTED_PX)) {
       /** @type {Function} */
       let compFn = this.store[prop];
-      if (!this.__computedSet) {
+      if (compFn?.constructor !== Function) {
+        PubSub.#warn('compute', prop);
+        return;
+      }
+      if (!this.__computedMap) {
         /** 
          * @private 
-         * @type {Set<String>} 
+         * @type {Object<string, *>} 
          */
-        this.__computedSet = new Set();
+        this.__computedMap = {};
       }
-      this.__computedSet.add(prop);
-      if (compFn?.constructor !== Function) {
-        PubSub.#warn('compute', prop);
-      } else {
-        return compFn();
+      let currentVal = compFn();
+      if (!Object.keys(this.__computedMap).includes(prop)) {
+        this.__computedMap[prop] = currentVal;
+        this.notify(prop);
       }
+      return currentVal;
     } else {
       return this.store[prop];
     }
@@ -136,14 +140,18 @@ export class PubSub {
 
   static #processComputed() {
     this.globalStore.forEach((inst) => {
-      if (inst.__computedSet) {
-        inst.__computedSet.forEach((prop) => {
+      if (inst.__computedMap) {
+        Object.keys(inst.__computedMap).forEach((prop) => {
           let tName = `__${prop}_timeout`;
           if (inst[tName]) {
             window.clearTimeout(inst[tName]);
           }
           inst[tName] = window.setTimeout(() => {
-            inst.notify(prop);
+            let currentVal = inst.read(prop);
+            if (currentVal !== inst.__computedMap[prop]) {
+              inst.__computedMap[prop] = currentVal;
+              inst.notify(prop);
+            }
           });
         });
       }
@@ -152,13 +160,16 @@ export class PubSub {
 
   /** @param {keyof T} prop */
   notify(prop) {
+    // @ts-expect-error
+    let isComputed = prop?.startsWith(DICT.COMPUTED_PX);
     if (this.callbackMap[prop]) {
+      // @ts-expect-error
+      let val = isComputed ? this.__computedMap[prop] : this.read(prop);
       this.callbackMap[prop].forEach((callback) => {
-        callback(this.read(prop));
+        callback(val);
       });
     }
-    // @ts-expect-error
-    !prop?.startsWith(DICT.COMPUTED_PX) && PubSub.#processComputed();
+    !isComputed && PubSub.#processComputed();
   }
 
   /**

package/core/Symbiote.js

@@ -517,7 +517,10 @@ export class Symbiote extends HTMLElement {
 
   /** @param {Object<string, string>} desc */
   static bindAttributes(desc) {
-    this.observedAttributes = [...(this.observedAttributes || []), Object.keys(desc)];
+    /** @type {String[]} */
+    this.observedAttributes = [ 
+      ...new Set((this.observedAttributes || []).concat(Object.keys(desc)))
+    ];
     /** @private */
     this.__attrDesc = desc;
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@symbiotejs/symbiote",
-  "version": "2.2.0",
+  "version": "2.2.2",
   "description": "Symbiote.js - close-to-platform frontend library for building super-powered web components",
   "author": "symbiote.js@gmail.com",
   "license": "MIT",
@@ -63,6 +63,6 @@
     "MIT"
   ],
   "devDependencies": {
-    "typescript": "^5.2.2"
+    "typescript": "^5.3.3"
   }
 }

package/types/core/AppRouter.d.ts

@@ -14,7 +14,7 @@ export class AppRouter {
     static setRoutingMap(map: {
         [x: string]: {};
     }): void;
-    static set routingEventName(arg: string);
+    static set routingEventName(name: string);
     static get routingEventName(): string;
     static readAddressBar(): {
         route: any;

package/types/core/AppRouter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppRouter.d.ts","sourceRoot":"","sources":["../../core/AppRouter.js"],"names":[],"mappings":"AAEA;IAOE,2BADW,MAAM,IAAI,CACF;IAEnB,iCAAkB;IAElB,wCAAyB;IAEzB;;;;;;MAAoC;IAEpC,qCAEC;IAGD,4CAEC;IAGD;YADmB,MAAM,GAAE,EAAE;aAU5B;IAGD,yCAGC;IAGD,sCAEC;IAED;;;MAiBC;IAED,sBA0BC;IAMD;YAFkB,MAAM,GAAE,GAAG;aAuB5B;IAMD;YAFkB,MAAM,GAAE,GAAG;aAK5B;IAGD,wCAGC;IAGD,+BAEC;IAOD;;;;;;oBAoBC;IAED,4CASC;IAED,sCAGC;CACF;;mBAzLkB,aAAa"}
+{"version":3,"file":"AppRouter.d.ts","sourceRoot":"","sources":["../../core/AppRouter.js"],"names":[],"mappings":"AAEA;IAOE,2BADW,MAAM,IAAI,CACF;IAEnB,iCAAkB;IAElB,wCAAyB;IAEzB;;;;;;MAAoC;IAEpC,qCAEC;IAGD,4CAEC;IAGD;YADmB,MAAM,GAAE,EAAE;aAU5B;IAGD,0CAGC;IAGD,sCAEC;IAED;;;MAiBC;IAED,sBA0BC;IAMD;YAFkB,MAAM,GAAE,GAAG;aAuB5B;IAMD;YAFkB,MAAM,GAAE,GAAG;aAK5B;IAGD,wCAGC;IAGD,+BAEC;IAOD;;;;;;oBAoBC;IAED,4CASC;IAED,sCAGC;CACF;;mBAzLkB,aAAa"}

package/types/core/PubSub.d.ts

@@ -8,7 +8,7 @@ export class PubSub<T extends Record<string, unknown>> {
     store: any;
     callbackMap: Record<keyof T, Set<(val: unknown) => void>>;
     read(prop: keyof T): any;
-    private __computedSet;
+    private __computedMap;
     has(prop: string): any;
     add(prop: string, val: unknown, rewrite?: boolean): void;
     pub(prop: keyof T, val: unknown): void;
@@ -19,12 +19,12 @@ export class PubSub<T extends Record<string, unknown>> {
         remove: () => void;
         callback: (val: unknown) => void;
     };
-    set uid(arg: string | Symbol);
+    set uid(uid: string | Symbol);
     get uid(): string | Symbol;
     #private;
 }
 export namespace PubSub {
-    const globalStore: Map<string | Symbol, PubSub<any>>;
+    let globalStore: Map<string | Symbol, PubSub<any>>;
 }
 export default PubSub;
 //# sourceMappingURL=PubSub.d.ts.map

package/types/core/PubSub.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PubSub.d.ts","sourceRoot":"","sources":["../../core/PubSub.js"],"names":[],"mappings":"AAgBA;IAyBE,yDAEC;IA6FD,uCAcC;IA0DD,uEAHW,SAAS,MAAM,aAczB;IAGD,sBADY,SAAS,MAAM,QAG1B;IAOD,mBAJW,SAAS,MAAM,iCAMzB;IAhND,oBADY,CAAC,EAWZ;IARG,WAA6B;IAO/B,uCADoC,OAAO,KAAK,IAAI,GACd;IAYxC,WADY,MAAM,CAAC,OAyBlB;IAXK,sBAA8B;IAcpC,uBAEC;IAOD,uBAHW,OAAO,2BASjB;IAMD,UAHW,MAAM,CAAC,OACP,OAAO,QAkBjB;IAGD,eAcC;IAGD,iBADY,CAAC,QAKZ;IAmBD,aADY,MAAM,CAAC,QASlB;IAOD,UAJW,MAAM,CAAC,kBACD,OAAO,KAAK,IAAI;;wBAAhB,OAAO,KAAK,IAAI;MAwBhC;IAKD,8BAEC;IAED,2BAEC;;CAkCF;;uBAEU,IAAI,SAAS,MAAM,cAAS"}
+{"version":3,"file":"PubSub.d.ts","sourceRoot":"","sources":["../../core/PubSub.js"],"names":[],"mappings":"AAgBA;IAyBE,yDAEC;IAiGD,uCAkBC;IA6DD,uEAHW,SAAS,MAAM,aAczB;IAGD,sBADY,SAAS,MAAM,QAG1B;IAOD,mBAJW,SAAS,MAAM,iCAMzB;IA3ND,oBADY,CAAC,EAWZ;IARG,WAA6B;IAO/B,uCADoC,OAAO,KAAK,IAAI,GACd;IAYxC,WADY,MAAM,CAAC,OA6BlB;IAXK,sBAAuB;IAc7B,uBAEC;IAOD,uBAHW,OAAO,2BASjB;IAMD,UAHW,MAAM,CAAC,OACP,OAAO,QAkBjB;IAGD,eAcC;IAGD,iBADY,CAAC,QAKZ;IAuBD,aADY,MAAM,CAAC,QAYlB;IAOD,UAJW,MAAM,CAAC,kBACD,OAAO,KAAK,IAAI;;wBAAhB,OAAO,KAAK,IAAI;MAwBhC;IAKD,8BAEC;IAED,2BAEC;;CAkCF;;qBAEU,IAAI,SAAS,MAAM,cAAS"}

package/types/core/Symbiote.d.ts

@@ -14,8 +14,8 @@ export class Symbiote<S> extends HTMLElement {
     }): void;
     static addRootStyles(styles: string | CSSStyleSheet): void;
     static addShadowStyles(styles: string | CSSStyleSheet): void;
-    static set rootStyles(arg: string | CSSStyleSheet);
-    static set shadowStyles(arg: string | CSSStyleSheet);
+    static set rootStyles(styles: string | CSSStyleSheet);
+    static set shadowStyles(styles: string | CSSStyleSheet);
     constructor();
     get Symbiote(): typeof Symbiote;
     initCallback(): void;

package/types/core/Symbiote.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Symbiote.d.ts","sourceRoot":"","sources":["../../core/Symbiote.js"],"names":[],"mappings":";;AAgBA;IAsBE,cADW,mBAAmB,CACjB;IAkBb,wBAAgB;IA4JhB;;;MAkCC;IAgPD,sDAsBC;IAED,wBAKC;IAGD;YADmB,MAAM,GAAE,MAAM;aAKhC;IA6GD,6BADY,SAAS,aAAa,QAOjC;IAGD,+BADY,SAAS,aAAa,QAOjC;IAGD,mDAGC;IAGD,qDAGC;IAzgBD,cA6BC;IA9HD,gCAEC;IAED,qBAAiB;IACjB,uBAAmB;IAiBnB,kBAHW,SAAS,gBAAgB,0BAoEnC;IAMD,mGAFmD,IAAI,QAItD;IAKC,OADW,CAAC,CACoB;IAEhC;YADkB,MAAM;MACW;IAEnC,wBADoB,gBAAgB,gBAAW,SAAS,OAAO,KAAK,IAAI,EAC1C;IAE9B;YADkB,MAAM,GAAE,GAAG;MACC;IAC9B,kBAAwB;IAExB,qBAAwB;IAExB,sBAAyB;IAEzB,wBAA0B;IAE1B,0BAA6B;IAE7B,iBAAoB;IAEpB,6BAAgC;IAEhC,kBAAqB;IAErB,mBAAsB;IAEtB,4BAA8B;IAIhC,0BAMC;IAGD,yBAEC;IAGD,sBASC;IAGD,4BAKC;IAGD,6BAEC;IAiDD,gEAH4B,IAAI,wBAmB/B;IAGD,2BAGC;IAGD,uBAGC;IAQD,6EAGC;IAMD,UAHW,QAAQ,CAAC,CAAC,2BAOpB;IAGD,WAgBC;IAMD,YAHW,QAAQ,CAAC,CAAC,mCAcpB;IAMD,8BAgBC;IAdG,4CASE;IAqEF,0BAAwC;IAoB1C,uBAAyB;IAG3B,0BAEC;IAED,wBAAoB;IAEpB,6BA0BC;IA4CD,oEAeC;IAMD,yDAiBC;IAYD,0BAME;IAMF,0CAFW,GAAG,QAab;IAED,yBAGC;IAOD,8EAmBC;;CA+BF;;oBAjpBmB,iBAAiB;mBAFlB,aAAa"}
+{"version":3,"file":"Symbiote.d.ts","sourceRoot":"","sources":["../../core/Symbiote.js"],"names":[],"mappings":";;AAgBA;IAsBE,cADW,mBAAmB,CACjB;IAkBb,wBAAgB;IA4JhB;;;MAkCC;IAgPD,sDAsBC;IAED,wBAKC;IAGD;YADmB,MAAM,GAAE,MAAM;aAQhC;IA6GD,6BADY,SAAS,aAAa,QAOjC;IAGD,+BADY,SAAS,aAAa,QAOjC;IAGD,sDAGC;IAGD,wDAGC;IA5gBD,cA6BC;IA9HD,gCAEC;IAED,qBAAiB;IACjB,uBAAmB;IAiBnB,kBAHW,SAAS,gBAAgB,0BAoEnC;IAMD,mGAFmD,IAAI,QAItD;IAKC,OADW,CAAC,CACoB;IAEhC;YADkB,MAAM;MACW;IAEnC,wBADoB,gBAAgB,gBAAW,SAAS,OAAO,KAAK,IAAI,EAC1C;IAE9B;YADkB,MAAM,GAAE,GAAG;MACC;IAC9B,kBAAwB;IAExB,qBAAwB;IAExB,sBAAyB;IAEzB,wBAA0B;IAE1B,0BAA6B;IAE7B,iBAAoB;IAEpB,6BAAgC;IAEhC,kBAAqB;IAErB,mBAAsB;IAEtB,4BAA8B;IAIhC,0BAMC;IAGD,yBAEC;IAGD,sBASC;IAGD,4BAKC;IAGD,6BAEC;IAiDD,gEAH4B,IAAI,wBAmB/B;IAGD,2BAGC;IAGD,uBAGC;IAQD,6EAGC;IAMD,UAHW,QAAQ,CAAC,CAAC,2BAOpB;IAGD,WAgBC;IAMD,YAHW,QAAQ,CAAC,CAAC,mCAcpB;IAMD,8BAgBC;IAdG,4CASE;IAqEF,0BAAwC;IAoB1C,uBAAyB;IAG3B,0BAEC;IAED,wBAAoB;IAEpB,6BA0BC;IA+CD,oEAeC;IAMD,yDAiBC;IAYD,0BAME;IAMF,0CAFW,GAAG,QAab;IAED,yBAGC;IAOD,8EAmBC;;CA+BF;;oBAppBmB,iBAAiB;mBAFlB,aAAa"}

package/types/core/css.d.ts

@@ -1,6 +1,6 @@
 export function css(parts: TemplateStringsArray, ...props: any[]): CSSStyleSheet;
 export namespace css {
-    const processors: ((cssTxt: string) => string)[];
+    let processors: ((cssTxt: string) => string)[];
     function clearProcessors(): void;
     function useProcessor(...args: ((cssTxt: string) => string)[]): typeof css;
 }