@symbiotejs/symbiote 3.3.2 → 3.3.4

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Changelog
 
+## 3.3.4
+
+### Fixed
+
+- **PubSub context isolation with importmaps.**
+  `PubSub.globalStore` now uses `globalThis.__SYMBIOTE_PUBSUB_STORE`, so multiple copies of PubSub loaded from different URLs (e.g. via importmap) share the same context registry. Fixes `Router/title` and similar named context bindings not working when AppRouter is resolved separately.
+
+### Added
+
+- **`@symbiotejs/symbiote/full` entry point.**
+  Re-exports everything from the main entry point plus `AppRouter`, guaranteeing a single PubSub module:
+  ```js
+  import Symbiote, { html, css, AppRouter } from '@symbiotejs/symbiote/full';
+  ```
+
+- **AppRouter SSR support.**
+  `AppRouter.initRoutingCtx()` now works in Node.js and linkedom SSR environments — creates the PubSub context without errors, skipping browser-only APIs (`window`, `history`, events). Enables isomorphic code that uses AppRouter on both server and client.
+
 ## 3.3.0
 
 ### Added

package/core/AppRouter.js

@@ -44,6 +44,10 @@ export class AppRouter {
   /** @type {Array<{regex: RegExp, keys: string[], route: string}>} */
   static #compiledPatterns = [];
 
+  static get #isBrowser() {
+    return typeof window !== 'undefined' && !globalThis.__SYMBIOTE_SSR;
+  }
+
   static #print(msg) {
     console.warn(`[Symbiote > AppRouter] ${msg}`);
   }
@@ -178,6 +182,7 @@ export class AppRouter {
   }
 
   static async notify() {
+    if (!this.#isBrowser) return;
     let routeBase = this.readAddressBar();
     let routeScheme = this.appMap[routeBase.route];
 
@@ -253,6 +258,7 @@ export class AppRouter {
    * @param {Object<string, any>} [options]
    */
   static reflect(route, options = {}) {
+    if (!this.#isBrowser) return;
     let routeScheme = this.appMap[route];
     if (!routeScheme) {
       this.#print('Wrong route: ' + route);
@@ -344,15 +350,17 @@ export class AppRouter {
       },
       ctxName
     );
-    window.addEventListener(this.routingEventName, (/** @type {CustomEvent} */ e) => {
-      routingCtx.multiPub({
-        options: e.detail.options,
-        title: e.detail.options?.title || this.defaultTitle || '',
-        route: e.detail.route,
+    if (this.#isBrowser) {
+      window.addEventListener(this.routingEventName, (/** @type {CustomEvent} */ e) => {
+        routingCtx.multiPub({
+          options: e.detail.options,
+          title: e.detail.options?.title || this.defaultTitle || '',
+          route: e.detail.route,
+        });
       });
-    });
-    AppRouter.notify();
-    this.#initPopstateListener();
+      AppRouter.notify();
+      this.#initPopstateListener();
+    }
     return routingCtx;
   }
 
@@ -367,6 +375,7 @@ export class AppRouter {
   }
 
   static removePopstateListener() {
+    if (!this.#isBrowser) return;
     window.removeEventListener('popstate', this.#onPopstate);
     this.#onPopstate = null;
   }

package/core/PubSub.js

@@ -389,7 +389,7 @@ export class PubSub {
 }
 
 /** @type {Map<String | Symbol, PubSub>} */
-PubSub.globalStore = new Map();
+PubSub.globalStore = globalThis.__SYMBIOTE_PUBSUB_STORE || (globalThis.__SYMBIOTE_PUBSUB_STORE = new Map());
 
 /** @type {Boolean} */
 PubSub.devMode = false;

package/core/Symbiote.js

@@ -146,7 +146,9 @@ export class Symbiote extends HTMLElement {
 
     if (this.#super.shadowStyleSheets) {
       shadow = true; // is needed for cases when Shadow DOM was created manually for some other purposes
-      this.shadowRoot.adoptedStyleSheets = [...this.#super.shadowStyleSheets];
+      if (!clientSSR) {
+        this.shadowRoot.adoptedStyleSheets = [...this.#super.shadowStyleSheets];
+      }
     }
     addFr();
   }
@@ -466,14 +468,18 @@ export class Symbiote extends HTMLElement {
         this.#initCallback();
       } else {
         if (this.#super.rootStyleSheets) {
-          /** @type {Document | ShadowRoot} */
-          // @ts-expect-error
-          let root = this.getRootNode();
-          if (!root) {
-            return;
+          // Skip adopted sheets when hydrating SSR (inline <style> tags already present):
+          let hydrating = this.ssrMode || (this.isoMode && this.childNodes.length > 0);
+          if (!hydrating) {
+            /** @type {Document | ShadowRoot} */
+            // @ts-expect-error
+            let root = this.getRootNode();
+            if (!root) {
+              return;
+            }
+            let styleSet = new Set([...root.adoptedStyleSheets, ...this.#super.rootStyleSheets]);
+            root.adoptedStyleSheets = [...styleSet];
           }
-          let styleSet = new Set([...root.adoptedStyleSheets, ...this.#super.rootStyleSheets]);
-          root.adoptedStyleSheets = [...styleSet];
         }
         this.render();
       }

package/core/full.js

@@ -0,0 +1,2 @@
+export { default, Symbiote, html, css, PubSub, DICT, animateOut } from './index.js';
+export { AppRouter } from './AppRouter.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@symbiotejs/symbiote",
-  "version": "3.3.2",
+  "version": "3.3.4",
   "description": "Symbiote.js - zero-dependency close-to-platform frontend library to build super-powered web components",
   "author": "team@rnd-pro.com",
   "license": "MIT",
@@ -36,6 +36,10 @@
     "./utils": {
       "default": "./utils/index.js"
     },
+    "./full": {
+      "types": "./types/core/full.d.ts",
+      "default": "./core/full.js"
+    },
     "./node": {
       "default": "./node/index.js"
     },
@@ -63,6 +67,10 @@
       "types": "./types/core/dictionary.d.ts",
       "default": "./core/dictionary.js"
     },
+    "./core/full.js": {
+      "types": "./types/core/full.d.ts",
+      "default": "./core/full.js"
+    },
     "./core/html.js": {
       "types": "./types/core/html.d.ts",
       "default": "./core/html.js"

package/scripts/update-exports.js

@@ -29,6 +29,10 @@ async function run() {
     './utils': {
       default: './utils/index.js',
     },
+    './full': {
+      types: './types/core/full.d.ts',
+      default: './core/full.js',
+    },
     './node': {
       default: './node/index.js',
     },

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

@@ -1 +1 @@
-{"version":3,"file":"AppRouter.d.ts","sourceRoot":"","sources":["../../core/AppRouter.js"],"names":[],"mappings":"AAEA;IA4BE,iCADW,MAAM,IAAI,CACF;IAEnB,uCAAkB;IAElB,8CAAyB;IAEzB;;;;;;mBA1BY,MAAM,OAAO,CAAC,GAAC,CAAC;;;MA0BQ;IAEpC,6BADW;;;;;aAZA;;;;;QAAa,IAAI,KACf,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,OAAO,CAAC,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC,GAWhD,CACH;IAEpB,mCADW;;;;;QAAa,IAAI,CACA;IAE5B,kCADW,OAAO,CACU;IAE5B,uCADW,KAAK,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,EAAE,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,CAAC,CAClC;IAE9B,2CAEC;IAGD,4CAEC;IAGD;;aAgBC;IAMD,6CAuBC;IAGD,0CAGC;IAGD,sCAEC;IAED;;;MAKC;IAED;;;MAiBC;IAED;;;MAwBC;IAMD;;;;;QAFa,OAAO,CAAC,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC,CAS5C;IAED,+BAqEC;IAMD;;aAuCC;IAMD;;aAGC;IAQD;;;;;aA7RW;;;;;QAAa,IAAI,KACf,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,OAAO,CAAC,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC,GA0R1D,MAAM,IAAI,CAUtB;IAGD,wCAGC;IAGD,+BAEC;IAOD;;;;;;mBAtUY,MAAM,OAAO,CAAC,GAAC,CAAC;;;oBA0V3B;IAED,kDAQC;IAED,sCAGC;CACF;;mBApXkB,aAAa"}
+{"version":3,"file":"AppRouter.d.ts","sourceRoot":"","sources":["../../core/AppRouter.js"],"names":[],"mappings":"AAEA;IA4BE,iCADW,MAAM,IAAI,CACF;IAEnB,uCAAkB;IAElB,8CAAyB;IAEzB;;;;;;mBA1BY,MAAM,OAAO,CAAC,GAAC,CAAC;;;MA0BQ;IAEpC,6BADW;;;;;aAZA;;;;;QAAa,IAAI,KACf,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,OAAO,CAAC,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC,GAWhD,CACH;IAEpB,mCADW;;;;;QAAa,IAAI,CACA;IAE5B,kCADW,OAAO,CACU;IAE5B,uCADW,KAAK,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,EAAE,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,CAAC,CAClC;IAE9B,8CAEC;IAED,2CAEC;IAGD,4CAEC;IAGD;;aAgBC;IAMD,6CAuBC;IAGD,0CAGC;IAGD,sCAEC;IAED;;;MAKC;IAED;;;MAiBC;IAED;;;MAwBC;IAMD;;;;;QAFa,OAAO,CAAC,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC,CAS5C;IAED,+BAsEC;IAMD;;aAwCC;IAMD;;aAGC;IAQD;;;;;aAnSW;;;;;QAAa,IAAI,KACf,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,OAAO,CAAC,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC,GAgS1D,MAAM,IAAI,CAUtB;IAGD,wCAGC;IAGD,+BAEC;IAOD;;;;;;mBA5UY,MAAM,OAAO,CAAC,GAAC,CAAC;;;oBAkW3B;IAED,kDAQC;IAED,sCAIC;CACF;;mBA7XkB,aAAa"}

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;IAoJhB,+BAJwB,CAAC,SAAZ,aAAU,uBAEZ,CAAC;;;MAuCX;IA+OD,qCAA+B;IAoC/B,iDAFa,OAAO,QAAQ,CAqB3B;IAED,wBAKC;IAGD;;aAOC;IA6GD,6BADY,SAAS,aAAa,QAOjC;IAGD,+BADY,SAAS,aAAa,QAOjC;IAGD,8BADY,SAAS,aAAa,EAIjC;IAGD,gCADY,SAAS,aAAa,EAIjC;IAtiBD,cA6BC;IA/HD,gCAEC;IAED,qBAAiB;IACjB,uBAAmB;IAiBnB,kBAHW,SAAS,gBAAgB,0BA6EnC;IAjDG,iBAAyC;IAsD3C,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;IAoB1C,uBAAyB;IAG3B,0BAEC;IAED,wBAAoB;IAUpB,yBAAuB;IACvB,6BA0BC;IA6CD,oEAeC;IAMD,yDAiBC;IAYD,0BAME;IAMF,0CAFW,GAAG,QAab;IAED,yBAGC;IAOD,8EAmBC;;CA+BF;;mBAhsBkB,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;IAsJhB,+BAJwB,CAAC,SAAZ,aAAU,uBAEZ,CAAC;;;MAuCX;IAmPD,qCAA+B;IAoC/B,iDAFa,OAAO,QAAQ,CAqB3B;IAED,wBAKC;IAGD;;aAOC;IA6GD,6BADY,SAAS,aAAa,QAOjC;IAGD,+BADY,SAAS,aAAa,QAOjC;IAGD,8BADY,SAAS,aAAa,EAIjC;IAGD,gCADY,SAAS,aAAa,EAIjC;IA1iBD,cA6BC;IAjID,gCAEC;IAED,qBAAiB;IACjB,uBAAmB;IAiBnB,kBAHW,SAAS,gBAAgB,0BA+EnC;IAnDG,iBAAyC;IAwD3C,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,yDAiBC;IAYD,0BAME;IAMF,0CAFW,GAAG,QAab;IAED,yBAGC;IAOD,8EAmBC;;CA+BF;;mBAtsBkB,aAAa;qBACX,iBAAiB;2BACX,iBAAiB"}

package/types/core/full.d.ts

@@ -0,0 +1,3 @@
+export { AppRouter } from "./AppRouter.js";
+export { default, Symbiote, html, css, PubSub, DICT, animateOut } from "./index.js";
+//# sourceMappingURL=full.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"full.d.ts","sourceRoot":"","sources":["../../core/full.js"],"names":[],"mappings":""}