@symbiotejs/symbiote 3.4.4 → 3.4.6

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## 3.4.6
+
+### Fixed
+
+- **PubSub: computed properties with cross-context deps no longer depend on import order.** When a computed property declared `deps: ['CTX/prop']` and the target context wasn't registered yet, the subscription was silently skipped. Now deferred deps are stored in `PubSub.pendingDeps` and automatically resolved when `registerCtx()` is called.
+- **Symbiote: named context access no longer crashes when context is not yet registered.** The `$` proxy, `sub()`, `notify()`, `has()`, and `add()` now handle missing named contexts gracefully (return `undefined`/no-op instead of throwing).
+
 ## 3.4.4
 
 ### Fixed

package/core/PubSub.js

@@ -120,10 +120,24 @@ export class PubSub {
       let extCtx = PubSub.getCtx(ctxName, false);
 
       if (!extCtx) {
-        console.warn(
-          `[Symbiote] PubSub: external dep context "${ctxName}" not found for computed "${compProp}".\n`
-          + `Available contexts: [${[...PubSub.globalStore.keys()].map(String).join(', ')}]`
-        );
+        // Defer: will resolve when the context is registered
+        if (!PubSub.pendingDeps.has(ctxName)) {
+          PubSub.pendingDeps.set(ctxName, []);
+        }
+        PubSub.pendingDeps.get(ctxName).push(() => {
+          let resolvedCtx = PubSub.getCtx(ctxName, false);
+          if (!resolvedCtx) return;
+          let sub = resolvedCtx.sub(propName, () => {
+            this.#recalcComputed(compProp);
+          }, false);
+          if (sub) {
+            if (!this.#externalSubs[compProp]) {
+              this.#externalSubs[compProp] = [];
+            }
+            this.#externalSubs[compProp].push(sub);
+          }
+          this.#recalcComputed(compProp);
+        });
         continue;
       }
 
@@ -366,6 +380,15 @@ export class PubSub {
       data = new PubSub(schema);
       data.uid = uid;
       PubSub.globalStore.set(uid, data);
+
+      // Resolve deferred external deps waiting for this context:
+      let pending = PubSub.pendingDeps.get(uid);
+      if (pending) {
+        PubSub.pendingDeps.delete(uid);
+        for (let resolve of pending) {
+          resolve();
+        }
+      }
     }
     return data;
   }
@@ -391,6 +414,9 @@ export class PubSub {
 /** @type {Map<String | Symbol, PubSub>} */
 PubSub.globalStore = globalThis.__SYMBIOTE_PUBSUB_STORE || (globalThis.__SYMBIOTE_PUBSUB_STORE = new Map());
 
+/** @type {Map<String | Symbol, Array<Function>>} */
+PubSub.pendingDeps = new Map();
+
 /** @type {Boolean} */
 PubSub.devMode = false;
 

package/core/Symbiote.js

@@ -247,7 +247,10 @@ export class Symbiote extends HTMLElement {
       ctx = found?.localCtx || fnCtx.localCtx;
     } else if (prop.includes('/')) {
       let slashIdx = prop.indexOf('/');
-      ctx = PubSub.getCtx(prop.slice(0, slashIdx));
+      ctx = PubSub.getCtx(prop.slice(0, slashIdx), false);
+      if (!ctx) {
+        return null;
+      }
       name = prop.slice(slashIdx + 1);
     } else if (first === 45 && prop.charCodeAt(1) === 45) {
       ctx = fnCtx.localCtx;
@@ -276,6 +279,7 @@ export class Symbiote extends HTMLElement {
       handler(val);
     };
     let parsed = Symbiote.#parseProp(/** @type {string} */ (prop), this);
+    if (!parsed) return;
     if (!parsed.ctx.has(parsed.name)) {
       // Avoid *prop binding race:
       window.queueMicrotask(() => {
@@ -289,12 +293,14 @@ export class Symbiote extends HTMLElement {
   /** @param {String} prop */
   notify(prop) {
     let parsed = Symbiote.#parseProp(prop, this);
+    if (!parsed) return;
     parsed.ctx.notify(parsed.name);
   }
 
   /** @param {String} prop */
   has(prop) {
     let parsed = Symbiote.#parseProp(prop, this);
+    if (!parsed) return false;
     return parsed.ctx.has(parsed.name);
   }
 
@@ -306,6 +312,7 @@ export class Symbiote extends HTMLElement {
    */
   add(prop, val, rewrite = false) {
     let parsed = Symbiote.#parseProp(prop, this);
+    if (!parsed) return;
     parsed.ctx.add(parsed.name, val, rewrite);
   }
 
@@ -330,8 +337,9 @@ export class Symbiote extends HTMLElement {
           if (first !== 42 && first !== 94 && first !== 64 && first !== 43 && first !== 45 && !prop.includes('/')) {
             this.localCtx.pub(prop, val);
           } else {
-            let parsed = Symbiote.#parseProp(prop, this);
-            parsed.ctx.pub(parsed.name, val);
+          let parsed = Symbiote.#parseProp(prop, this);
+          if (!parsed) return true;
+          parsed.ctx.pub(parsed.name, val);
           }
           return true;
         },
@@ -341,6 +349,7 @@ export class Symbiote extends HTMLElement {
             return this.localCtx.read(prop);
           }
           let parsed = Symbiote.#parseProp(prop, this);
+          if (!parsed) return undefined;
           return parsed.ctx.read(parsed.name);
         },
       });

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@symbiotejs/symbiote",
-  "version": "3.4.4",
+  "version": "3.4.6",
   "description": "Symbiote.js - zero-dependency close-to-platform frontend library to build super-powered web components",
   "author": "team@rnd-pro.com",
   "license": "MIT",

package/types/core/PubSub.d.ts

@@ -23,6 +23,7 @@ export class PubSub<T extends Record<string, unknown>> {
 }
 export namespace PubSub {
     let globalStore: Map<string | Symbol, PubSub<any>>;
+    let pendingDeps: Map<string | Symbol, Array<Function>>;
     let devMode: boolean;
 }
 export default PubSub;

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

@@ -1 +1 @@
-{"version":3,"file":"PubSub.d.ts","sourceRoot":"","sources":["../../core/PubSub.js"],"names":[],"mappings":"AAgBA,oBADwC,CAAC,SAA1B,MAAM,CAAC,MAAM,EAAE,OAAO,CAAE;IA2DrC,oDAFW,GAAC,kBAKX;IA0RD,mBALuC,CAAC,SAA1B,MAAM,CAAC,MAAM,EAAE,OAAO,CAAE,UAC3B,CAAC,QACD,SAAS,MAAM,GACb,MAAM,CAAC,CAAC,CAAC,CAarB;IAGD,sBADY,SAAS,MAAM,QAG1B;IAOD,mBAJW,SAAS,MAAM,iCASzB;IAzUD,oBADY,CAAC,EAWZ;IARG,WAA6B;IAO/B,aADW,MAAM,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,EAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAChB;IAwHxC,WADY,MAAM,CAAC,OAqClB;IAzBK,sBAAuB;IA4B7B,uBAEC;IAOD,uBAHW,OAAO,2BASjB;IAMD,UAHW,MAAM,CAAC,OACP,OAAO,QAqBjB;IAGD,aADc,CAAC,CAed;IAGD,iBADY,CAAC,QAKZ;IAGD,aADY,MAAM,CAAC,kBAoBlB;IAOD,UAJW,MAAM,CAAC,YACP,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI;;wBAAhB,OAAO,KAAK,IAAI;MAwBhC;IAKD,aAFW,SAAS,MAAM,EAIzB;IAED,WANW,SAAS,MAAM,CAQzB;;CAqCF;;qBAEU,GAAG,CAAC,SAAS,MAAM,cAAS"}
+{"version":3,"file":"PubSub.d.ts","sourceRoot":"","sources":["../../core/PubSub.js"],"names":[],"mappings":"AAgBA,oBADwC,CAAC,SAA1B,MAAM,CAAC,MAAM,EAAE,OAAO,CAAE;IA2DrC,oDAFW,GAAC,kBAKX;IAwSD,mBALuC,CAAC,SAA1B,MAAM,CAAC,MAAM,EAAE,OAAO,CAAE,UAC3B,CAAC,QACD,SAAS,MAAM,GACb,MAAM,CAAC,CAAC,CAAC,CAsBrB;IAGD,sBADY,SAAS,MAAM,QAG1B;IAOD,mBAJW,SAAS,MAAM,iCASzB;IAhWD,oBADY,CAAC,EAWZ;IARG,WAA6B;IAO/B,aADW,MAAM,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,EAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAChB;IAsIxC,WADY,MAAM,CAAC,OAqClB;IAzBK,sBAAuB;IA4B7B,uBAEC;IAOD,uBAHW,OAAO,2BASjB;IAMD,UAHW,MAAM,CAAC,OACP,OAAO,QAqBjB;IAGD,aADc,CAAC,CAed;IAGD,iBADY,CAAC,QAKZ;IAGD,aADY,MAAM,CAAC,kBAoBlB;IAOD,UAJW,MAAM,CAAC,YACP,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI;;wBAAhB,OAAO,KAAK,IAAI;MAwBhC;IAKD,aAFW,SAAS,MAAM,EAIzB;IAED,WANW,SAAS,MAAM,CAQzB;;CA8CF;;qBAEU,GAAG,CAAC,SAAS,MAAM,cAAS;qBAG5B,GAAG,CAAC,SAAS,MAAM,EAAE,KAAK,UAAU,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Symbiote.d.ts","sourceRoot":"","sources":["../../core/Symbiote.js"],"names":[],"mappings":";;AAmBA,sBADc,CAAC;IAuBb,cADW,mBAAmB,CACjB;IAGb,sCAAwB;IAExB,iCAGC;IAED,8BAEC;IAkBD,wBAAgB;IA0JhB,+BAJwB,CAAC,SAAZ,aAAU,uBAEZ,CAAC;;;MAuCX;IAmPD,qCAA+B;IAoC/B,iDAFa,OAAO,QAAQ,CAqB3B;IAED,wBAKC;IAGD;;aAOC;IAsHD,6BADY,SAAS,aAAa,QAOjC;IAGD,+BADY,SAAS,aAAa,QAOjC;IAGD,8BADY,SAAS,aAAa,EAIjC;IAGD,gCADY,SAAS,aAAa,EAIjC;IAnjBD,cA6BC;IArID,gCAEC;IAED,qBAAiB;IACjB,uBAAmB;IAiBnB,kBAHW,SAAS,gBAAgB,0BAmFnC;IApDG,aAAiD;IAyDnD,OADW,CAAC,CACoB;IAEhC;;MAAmC;IAEnC,oBADW,GAAG,CAAC,CAAC,EAAE,EAAE,gBAAgB,gBAAW,EAAE,KAAK,eAAU,KAAK,IAAI,CAAC,CACvC;IAEnC;;MAA8B;IAC9B,kBAAwB;IAExB,qBAAwB;IAExB,sBAAyB;IAEzB,wBAA0B;IAE1B,0BAA6B;IAI7B,iBAAoB;IAEpB,6BAAgC;IAEhC,mBAAsB;IAEtB,4BAA8B;IAIhC,yBAEC;IAGD,sBASC;IAGD,4BAKC;IAGD,6BAEC;IAoDD,IALuB,CAAC,SAAX,MAAO,CAAE,QACX,CAAC,WACD,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,wBAmB/B;IAGD,2BAGC;IAGD,uBAGC;IAQD,IALuB,CAAC,SAAX,MAAO,CAAE,qBAEX,CAAC,CAAC,CAAC,CAAC,2BAMd;IAMD,UAHW,OAAO,CAAC,CAAC,CAAC,2BAOpB;IAGD,SADc,CAAC,CA2Bd;IAMD,YAHW,OAAO,CAAC,CAAC,CAAC,mCAcpB;IAED,8BAgBC;IAdG,4CASE;IAwFF,0BAAwC;IAwB1C,uBAAyB;IAG3B,0BAEC;IAED,wBAAoB;IAUpB,yBAAuB;IACvB,6BA0BC;IA6CD,oEAeC;IAMD,yDAoBC;IAYD,0BAME;IAMF,0CAFW,GAAG,QAmBb;IAED,yBAGC;IAOD,8EAmBC;;CA+BF;;mBAntBkB,aAAa;qBACX,iBAAiB;2BACX,iBAAiB"}
+{"version":3,"file":"Symbiote.d.ts","sourceRoot":"","sources":["../../core/Symbiote.js"],"names":[],"mappings":";;AAmBA,sBADc,CAAC;IAuBb,cADW,mBAAmB,CACjB;IAGb,sCAAwB;IAExB,iCAGC;IAED,8BAEC;IAkBD,wBAAgB;IA0JhB,+BAJwB,CAAC,SAAZ,aAAU,uBAEZ,CAAC;;;MA0CX;IAyPD,qCAA+B;IAoC/B,iDAFa,OAAO,QAAQ,CAqB3B;IAED,wBAKC;IAGD;;aAOC;IAsHD,6BADY,SAAS,aAAa,QAOjC;IAGD,+BADY,SAAS,aAAa,QAOjC;IAGD,8BADY,SAAS,aAAa,EAIjC;IAGD,gCADY,SAAS,aAAa,EAIjC;IA5jBD,cA6BC;IArID,gCAEC;IAED,qBAAiB;IACjB,uBAAmB;IAiBnB,kBAHW,SAAS,gBAAgB,0BAmFnC;IApDG,aAAiD;IAyDnD,OADW,CAAC,CACoB;IAEhC;;MAAmC;IAEnC,oBADW,GAAG,CAAC,CAAC,EAAE,EAAE,gBAAgB,gBAAW,EAAE,KAAK,eAAU,KAAK,IAAI,CAAC,CACvC;IAEnC;;MAA8B;IAC9B,kBAAwB;IAExB,qBAAwB;IAExB,sBAAyB;IAEzB,wBAA0B;IAE1B,0BAA6B;IAI7B,iBAAoB;IAEpB,6BAAgC;IAEhC,mBAAsB;IAEtB,4BAA8B;IAIhC,yBAEC;IAGD,sBASC;IAGD,4BAKC;IAGD,6BAEC;IAuDD,IALuB,CAAC,SAAX,MAAO,CAAE,QACX,CAAC,WACD,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,wBAoB/B;IAGD,2BAIC;IAGD,uBAIC;IAQD,IALuB,CAAC,SAAX,MAAO,CAAE,qBAEX,CAAC,CAAC,CAAC,CAAC,2BAOd;IAMD,UAHW,OAAO,CAAC,CAAC,CAAC,2BAOpB;IAGD,SADc,CAAC,CA6Bd;IAMD,YAHW,OAAO,CAAC,CAAC,CAAC,mCAcpB;IAED,8BAgBC;IAdG,4CASE;IAwFF,0BAAwC;IAwB1C,uBAAyB;IAG3B,0BAEC;IAED,wBAAoB;IAUpB,yBAAuB;IACvB,6BA0BC;IA6CD,oEAeC;IAMD,yDAoBC;IAYD,0BAME;IAMF,0CAFW,GAAG,QAmBb;IAED,yBAGC;IAOD,8EAmBC;;CA+BF;;mBA5tBkB,aAAa;qBACX,iBAAiB;2BACX,iBAAiB"}