@symbiotejs/symbiote 3.3.3 → 3.3.5

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # Changelog
 
+## 3.3.5
+
+### Fixed
+
+- **AppRouter: SSR context populated with default route.**
+  `initRoutingCtx()` in SSR now populates the PubSub context with the default route's `route`, `title`, and `options` instead of leaving them as `null`. Components can access `this.$['R/route']` during server rendering.
+
+## 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,24 @@ export class AppRouter {
       },
       ctxName
     );
-    window.addEventListener(this.routingEventName, (/** @type {CustomEvent} */ e) => {
+    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();
+    } else if (this.defaultRoute) {
+      let defaultDesc = this.appMap[this.defaultRoute];
       routingCtx.multiPub({
-        options: e.detail.options,
-        title: e.detail.options?.title || this.defaultTitle || '',
-        route: e.detail.route,
+        route: this.defaultRoute,
+        options: {},
+        title: defaultDesc?.title || this.defaultTitle || '',
       });
-    });
-    AppRouter.notify();
-    this.#initPopstateListener();
+    }
     return routingCtx;
   }
 
@@ -367,6 +382,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/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.3",
+  "version": "3.3.5",
   "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;;;oBAyW3B;IAED,kDAQC;IAED,sCAIC;CACF;;mBApYkB,aAAa"}

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":""}