chayns-api 3.1.1 → 3.1.3

package/dist/cjs/components/ChaynsProvider.js

@@ -113,19 +113,16 @@ const ChaynsProvider = ({
   (0, _react.useEffect)(() => {
     void (async (_customWrapper$curren2, _ref2) => {
       await customWrapper.current.init();
-      customWrapper.current.addDataListener(({
-        type,
-        value
-      }) => {
+      customWrapper.current.addDataListener(() => {
         customWrapper.current.emitChange();
       });
-      parentLayerRef.current = (_customWrapper$curren2 = customWrapper.current.functions.getHistoryLayer()) !== null && _customWrapper$curren2 !== void 0 ? _customWrapper$curren2 : contextLayer;
+      parentLayerRef.current = (_customWrapper$curren2 = customWrapper.current.history) !== null && _customWrapper$curren2 !== void 0 ? _customWrapper$curren2 : contextLayer;
       if (!rootLayerRef.current && !historyLayer && !parentLayerRef.current) {
         rootLayerRef.current = (0, _rootLayer.getOrInitRootChaynsHistoryLayer)(history === null || history === void 0 ? void 0 : history.url, history === null || history === void 0 ? void 0 : history.segmentCount).rootLayer;
       }
       const layer = (_ref2 = historyLayer !== null && historyLayer !== void 0 ? historyLayer : parentLayerRef.current) !== null && _ref2 !== void 0 ? _ref2 : rootLayerRef.current;
-      if (typeof segmentCount === 'number' && layer.getSegmentCount() !== segmentCount) {
-        layer.setSegmentCount(segmentCount);
+      if (layer && typeof segmentCount === 'number' && layer.getSegmentCount() !== segmentCount) {
+        await layer.setSegmentCount(segmentCount);
       }
       setEffectiveLayer(layer);
       if (!isInitialized) {

package/dist/cjs/handler/history/FrameHistoryLayer.js

@@ -23,12 +23,12 @@ class FrameHistoryLayer {
   getSegmentCount() {
     return this._segmentCount;
   }
-  setSegmentCount(n) {
+  async setSegmentCount(n) {
     if (n === this._segmentCount) {
       return;
     }
     this._segmentCount = n;
-    void this.bridge.setSegmentCount(n);
+    await this.bridge.setSegmentCount(n);
   }
   createChildLayer(_id) {
     throw new Error('[chaynsHistory] FrameHistoryLayer does not support createChildLayer. ' + 'Manage sub-routing within the iframe with a local initRootChaynsHistoryLayer.');
@@ -46,12 +46,12 @@ class FrameHistoryLayer {
   getRoute() {
     return [...this._segments];
   }
-  setRoute(route, opts) {
+  async setRoute(route, opts) {
     const normalizedRoute = (0, _segments.normalizeHistoryRouteInput)(route);
     if ((0, _equality.shallowEqualArr)(this._segments, normalizedRoute)) {
       return;
     }
-    void this.bridge.setRoute(normalizedRoute, opts);
+    await this.bridge.setRoute(normalizedRoute, opts);
   }
   getParams() {
     return {
@@ -59,19 +59,19 @@ class FrameHistoryLayer {
     };
   }
   setParams(params, opts) {
-    void this.bridge.setParams(params, opts);
+    return this.bridge.setParams(params, opts);
   }
   getHash() {
     return this._hash;
   }
   setHash(hash, opts) {
-    void this.bridge.setHash(hash, opts);
+    return this.bridge.setHash(hash, opts);
   }
   getState() {
     return this._state;
   }
   setState(state, opts) {
-    void this.bridge.setState(state, opts);
+    return this.bridge.setState(state, opts);
   }
   navigate(opts) {
     return this.bridge.navigate(opts);

package/dist/cjs/handler/history/HistoryLayer.js

@@ -32,7 +32,7 @@ class ChaynsHistoryLayer {
   getSegmentCount() {
     return this.segmentCount;
   }
-  setSegmentCount(n) {
+  async setSegmentCount(n) {
     if (n < 0 || !Number.isInteger(n)) {
       return;
     }
@@ -57,7 +57,7 @@ class ChaynsHistoryLayer {
           this.segments = (0, _segments.normalizeHistorySegments)(bootstrapSegs);
         }
       }
-      void this.deps.getQueue().enqueue({
+      await this.deps.getQueue().enqueue({
         kind: 'setRoute',
         layerId: this.id,
         segments: [...this.segments],
@@ -119,9 +119,9 @@ class ChaynsHistoryLayer {
   getRoute() {
     return [...this.segments];
   }
-  setRoute(route, opts) {
+  async setRoute(route, opts) {
     if (this.isDestroyed) return;
-    void this.deps.getQueue().enqueue({
+    await this.deps.getQueue().enqueue({
       kind: 'setRoute',
       layerId: this.id,
       segments: ChaynsHistoryLayer.normalizeRoute(route),
@@ -133,9 +133,9 @@ class ChaynsHistoryLayer {
       ...this._params
     };
   }
-  setParams(params, opts) {
+  async setParams(params, opts) {
     if (this.isDestroyed) return;
-    void this.deps.getQueue().enqueue({
+    await this.deps.getQueue().enqueue({
       kind: 'setParams',
       layerId: this.id,
       params: {
@@ -148,10 +148,10 @@ class ChaynsHistoryLayer {
     var _this$_hash;
     return (_this$_hash = this._hash) !== null && _this$_hash !== void 0 ? _this$_hash : '';
   }
-  setHash(hash, opts) {
+  async setHash(hash, opts) {
     if (this.isDestroyed) return;
     const normalized = hash.startsWith('#') ? hash.slice(1) : hash;
-    void this.deps.getQueue().enqueue({
+    await this.deps.getQueue().enqueue({
       kind: 'setHash',
       layerId: this.id,
       hash: normalized,
@@ -163,10 +163,10 @@ class ChaynsHistoryLayer {
       ...this.ownState
     };
   }
-  setState(state, opts) {
+  async setState(state, opts) {
     if (this.isDestroyed) return;
     const filtered = ChaynsHistoryLayer.filterReservedKeys(state);
-    void this.deps.getQueue().enqueue({
+    await this.deps.getQueue().enqueue({
       kind: 'setState',
       layerId: this.id,
       state: filtered,

package/dist/cjs/host/iframe/HostIframe.js

@@ -116,56 +116,70 @@ const HostIframe = ({
                 segmentCount: l.getSegmentCount()
               };
             },
-            setRoute: (route, opts) => {
-              var _historyLayerRef$curr;
-              return !historyLayerRef.current ? new Error('[chayns-api] setRoute is not allowed on this page') : (_historyLayerRef$curr = historyLayerRef.current) === null || _historyLayerRef$curr === void 0 ? void 0 : _historyLayerRef$curr.setRoute(route, opts);
+            setRoute: async (route, opts) => {
+              if (!historyLayerRef.current) {
+                throw new Error('[chayns-api] setRoute is not allowed on this page');
+              }
+              await historyLayerRef.current.setRoute(route, opts);
             },
-            setParams: (params, opts) => {
-              var _historyLayerRef$curr2;
-              return !historyLayerRef.current ? new Error('[chayns-api] setParams is not allowed on this page') : (_historyLayerRef$curr2 = historyLayerRef.current) === null || _historyLayerRef$curr2 === void 0 ? void 0 : _historyLayerRef$curr2.setParams(params, opts);
+            setParams: async (params, opts) => {
+              if (!historyLayerRef.current) {
+                throw new Error('[chayns-api] setParams is not allowed on this page');
+              }
+              await historyLayerRef.current.setParams(params, opts);
             },
-            setHash: (hash, opts) => {
-              var _historyLayerRef$curr3;
-              return !historyLayerRef.current ? new Error('[chayns-api] setHash is not allowed on this page') : (_historyLayerRef$curr3 = historyLayerRef.current) === null || _historyLayerRef$curr3 === void 0 ? void 0 : _historyLayerRef$curr3.setHash(hash, opts);
+            setHash: async (hash, opts) => {
+              if (!historyLayerRef.current) {
+                throw new Error('[chayns-api] setHash is not allowed on this page');
+              }
+              await historyLayerRef.current.setHash(hash, opts);
             },
-            setState: (state, opts) => {
-              var _historyLayerRef$curr4;
-              return !historyLayerRef.current ? new Error('[chayns-api] setState is not allowed on this page') : (_historyLayerRef$curr4 = historyLayerRef.current) === null || _historyLayerRef$curr4 === void 0 ? void 0 : _historyLayerRef$curr4.setState(state, opts);
+            setState: async (state, opts) => {
+              if (!historyLayerRef.current) {
+                throw new Error('[chayns-api] setState is not allowed on this page');
+              }
+              await historyLayerRef.current.setState(state, opts);
             },
             navigate: opts => {
-              var _historyLayerRef$curr5;
-              return !historyLayerRef.current ? new Error('[chayns-api] navigate is not allowed on this page') : (_historyLayerRef$curr5 = historyLayerRef.current) === null || _historyLayerRef$curr5 === void 0 ? void 0 : _historyLayerRef$curr5.navigate(opts);
+              if (!historyLayerRef.current) {
+                throw new Error('[chayns-api] navigate is not allowed on this page');
+              }
+              return historyLayerRef.current.navigate(opts);
             },
             setActiveChild: (id, init) => {
-              var _historyLayerRef$curr6;
-              return !historyLayerRef.current ? new Error('[chayns-api] setActiveChild is not allowed on this page') : (_historyLayerRef$curr6 = historyLayerRef.current) === null || _historyLayerRef$curr6 === void 0 ? void 0 : _historyLayerRef$curr6.setActiveChild(id, init);
+              if (!historyLayerRef.current) {
+                throw new Error('[chayns-api] setActiveChild is not allowed on this page');
+              }
+              return historyLayerRef.current.setActiveChild(id, init);
             },
-            setSegmentCount: n => {
-              var _historyLayerRef$curr7;
-              return !historyLayerRef.current ? new Error('[chayns-api] setSegmentCount is not allowed on this page') : (_historyLayerRef$curr7 = historyLayerRef.current) === null || _historyLayerRef$curr7 === void 0 ? void 0 : _historyLayerRef$curr7.setSegmentCount(n);
+            setSegmentCount: async n => {
+              if (!historyLayerRef.current) {
+                throw new Error('[chayns-api] setSegmentCount is not allowed on this page');
+              }
+              await historyLayerRef.current.setSegmentCount(n);
             },
             addChangeListener: callback => {
-              var _historyLayerRef$curr8, _historyLayerRef$curr9;
+              var _historyLayerRef$curr, _historyLayerRef$curr2;
               if (!historyLayerRef.current) {
-                new Error('[chayns-api] addChangeListener is not allowed on this page');
+                throw new Error('[chayns-api] addChangeListener is not allowed on this page');
               }
-              const unsub = (_historyLayerRef$curr8 = (_historyLayerRef$curr9 = historyLayerRef.current) === null || _historyLayerRef$curr9 === void 0 ? void 0 : _historyLayerRef$curr9.addEventListener('change', callback)) !== null && _historyLayerRef$curr8 !== void 0 ? _historyLayerRef$curr8 : () => {};
+              const unsub = (_historyLayerRef$curr = (_historyLayerRef$curr2 = historyLayerRef.current) === null || _historyLayerRef$curr2 === void 0 ? void 0 : _historyLayerRef$curr2.addEventListener('change', callback)) !== null && _historyLayerRef$curr !== void 0 ? _historyLayerRef$curr : () => {};
               return comlink.proxy(unsub);
             },
             addPopstateListener: callback => {
-              var _historyLayerRef$curr0, _historyLayerRef$curr1;
+              var _historyLayerRef$curr3, _historyLayerRef$curr4;
               if (!historyLayerRef.current) {
-                new Error('[chayns-api] addPopstateListener is not allowed on this page');
+                throw new Error('[chayns-api] addPopstateListener is not allowed on this page');
               }
-              const unsub = (_historyLayerRef$curr0 = (_historyLayerRef$curr1 = historyLayerRef.current) === null || _historyLayerRef$curr1 === void 0 ? void 0 : _historyLayerRef$curr1.addEventListener('popstate', callback)) !== null && _historyLayerRef$curr0 !== void 0 ? _historyLayerRef$curr0 : () => {};
+              const unsub = (_historyLayerRef$curr3 = (_historyLayerRef$curr4 = historyLayerRef.current) === null || _historyLayerRef$curr4 === void 0 ? void 0 : _historyLayerRef$curr4.addEventListener('popstate', callback)) !== null && _historyLayerRef$curr3 !== void 0 ? _historyLayerRef$curr3 : () => {};
               return comlink.proxy(unsub);
             },
             addBlock: (callback, opts) => {
-              var _historyLayerRef$curr10, _historyLayerRef$curr11;
+              var _historyLayerRef$curr5, _historyLayerRef$curr6;
               if (!historyLayerRef.current) {
-                new Error('[chayns-api] addBlock is not allowed on this page');
+                throw new Error('[chayns-api] addBlock is not allowed on this page');
               }
-              const unsub = (_historyLayerRef$curr10 = (_historyLayerRef$curr11 = historyLayerRef.current) === null || _historyLayerRef$curr11 === void 0 ? void 0 : _historyLayerRef$curr11.addBlock(callback, opts)) !== null && _historyLayerRef$curr10 !== void 0 ? _historyLayerRef$curr10 : () => {};
+              const unsub = (_historyLayerRef$curr5 = (_historyLayerRef$curr6 = historyLayerRef.current) === null || _historyLayerRef$curr6 === void 0 ? void 0 : _historyLayerRef$curr6.addBlock(callback, opts)) !== null && _historyLayerRef$curr5 !== void 0 ? _historyLayerRef$curr5 : () => {};
               return comlink.proxy(unsub);
             }
           }

package/dist/cjs/utils/history/BlockRegistry.js

@@ -15,6 +15,11 @@ class BlockRegistry {
     e.returnValue = '';
   };
   totalBlockCount = 0;
+  constructor() {
+    if (this.totalBlockCount === 0) {
+      this.setNativeNavigationEnabled(false);
+    }
+  }
   add(layer, callback, opts = {}) {
     var _opts$scope, _opts$isBeforeUnload;
     const entry = {

package/dist/cjs/wrapper/AppWrapper.js

@@ -20,6 +20,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 class AppWrapper {
   values = null;
+  history = null;
   accessToken = '';
   listeners = [];
   customFunctions = {};

package/dist/cjs/wrapper/FrameWrapper.js

@@ -19,12 +19,11 @@ class FrameWrapper {
   exposedFunctions = null;
   exposedCustomFunctions = {};
   exposedCustomFunctionNames = [];
-  resizeListener = null;
-  _historyLayer = null;
   ready = new Promise(res => {
     this.resolve = res;
   });
   values = null;
+  history = null;
   chaynsApiId = null;
   listeners = [];
   functions = {
@@ -303,12 +302,6 @@ class FrameWrapper {
     redirect: async options => {
       if (!this.initialized) await this.ready;
       return this.exposedFunctions.redirect(options);
-    },
-    getHistoryLayer: () => {
-      if (!this._historyLayer) {
-        throw new Error('[chaynsHistory] No history layer available. Ensure historyLayer prop is set on the parent HostIframe.');
-      }
-      return this._historyLayer;
     }
   };
   customFunctions = new Proxy({}, {
@@ -371,9 +364,12 @@ class FrameWrapper {
     }, {});
     const exposedHistory = exposed.history;
     if (exposedHistory) {
-      const initialState = await exposedHistory.getInitialState();
+      let initialState = null;
+      try {
+        initialState = await exposedHistory.getInitialState();
+      } catch (ex) {}
       if (initialState) {
-        this._historyLayer = new _FrameHistoryLayer.FrameHistoryLayer({
+        this.history = new _FrameHistoryLayer.FrameHistoryLayer({
           setRoute: (route, opts) => exposedHistory.setRoute(route, opts),
           setParams: (params, opts) => exposedHistory.setParams(params, opts),
           setHash: (hash, opts) => exposedHistory.setHash(hash, opts),
@@ -387,10 +383,10 @@ class FrameWrapper {
           }
         }, initialState);
         await exposedHistory.addChangeListener(comlink.proxy(e => {
-          this._historyLayer._applyAndEmit(e);
+          this.history._applyAndEmit(e);
         }));
         await exposedHistory.addPopstateListener(comlink.proxy(e => {
-          this._historyLayer._applyAndEmit(e);
+          this.history._applyAndEmit(e);
         }));
       }
     }

package/dist/cjs/wrapper/ModuleFederationWrapper.js

@@ -11,6 +11,7 @@ var _getUserInfo = _interopRequireDefault(require("../calls/getUserInfo"));
 var _sendMessage = require("../calls/sendMessage");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 class ModuleFederationWrapper {
+  history = (0, _rootLayer.getOrInitRootChaynsHistoryLayer)().rootLayer;
   customFunctions = {};
   listeners = [];
   chaynsApiId = null;
@@ -32,7 +33,6 @@ class ModuleFederationWrapper {
     this.functions.createDialog = config => {
       return new _DialogHandler.default(config, functions.openDialog, functions.closeDialog, functions.dispatchEventToDialogClient, functions.addDialogClientEventListener);
     };
-    this.functions.getHistoryLayer = () => (0, _rootLayer.getOrInitRootChaynsHistoryLayer)().rootLayer;
   }
   async init() {
     return undefined;

package/dist/cjs/wrapper/SsrWrapper.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SsrWrapper = void 0;
 class SsrWrapper {
+  history = null;
   listeners = [];
   chaynsApiId = null;
   constructor(values, functions, customFunctions) {

package/dist/esm/components/ChaynsProvider.js

@@ -105,19 +105,16 @@ const ChaynsProvider = ({
   useEffect(() => {
     void (async (_customWrapper$curren2, _ref2) => {
       await customWrapper.current.init();
-      customWrapper.current.addDataListener(({
-        type,
-        value
-      }) => {
+      customWrapper.current.addDataListener(() => {
         customWrapper.current.emitChange();
       });
-      parentLayerRef.current = (_customWrapper$curren2 = customWrapper.current.functions.getHistoryLayer()) !== null && _customWrapper$curren2 !== void 0 ? _customWrapper$curren2 : contextLayer;
+      parentLayerRef.current = (_customWrapper$curren2 = customWrapper.current.history) !== null && _customWrapper$curren2 !== void 0 ? _customWrapper$curren2 : contextLayer;
       if (!rootLayerRef.current && !historyLayer && !parentLayerRef.current) {
         rootLayerRef.current = getOrInitRootChaynsHistoryLayer(history === null || history === void 0 ? void 0 : history.url, history === null || history === void 0 ? void 0 : history.segmentCount).rootLayer;
       }
       const layer = (_ref2 = historyLayer !== null && historyLayer !== void 0 ? historyLayer : parentLayerRef.current) !== null && _ref2 !== void 0 ? _ref2 : rootLayerRef.current;
-      if (typeof segmentCount === 'number' && layer.getSegmentCount() !== segmentCount) {
-        layer.setSegmentCount(segmentCount);
+      if (layer && typeof segmentCount === 'number' && layer.getSegmentCount() !== segmentCount) {
+        await layer.setSegmentCount(segmentCount);
       }
       setEffectiveLayer(layer);
       if (!isInitialized) {

package/dist/esm/handler/history/FrameHistoryLayer.js

@@ -29,12 +29,12 @@ export class FrameHistoryLayer {
   getSegmentCount() {
     return this._segmentCount;
   }
-  setSegmentCount(n) {
+  async setSegmentCount(n) {
     if (n === this._segmentCount) {
       return;
     }
     this._segmentCount = n;
-    void this.bridge.setSegmentCount(n);
+    await this.bridge.setSegmentCount(n);
   }
   createChildLayer(_id) {
     throw new Error('[chaynsHistory] FrameHistoryLayer does not support createChildLayer. ' + 'Manage sub-routing within the iframe with a local initRootChaynsHistoryLayer.');
@@ -52,12 +52,12 @@ export class FrameHistoryLayer {
   getRoute() {
     return [...this._segments];
   }
-  setRoute(route, opts) {
+  async setRoute(route, opts) {
     const normalizedRoute = normalizeHistoryRouteInput(route);
     if (shallowEqualArr(this._segments, normalizedRoute)) {
       return;
     }
-    void this.bridge.setRoute(normalizedRoute, opts);
+    await this.bridge.setRoute(normalizedRoute, opts);
   }
   getParams() {
     return {
@@ -65,19 +65,19 @@ export class FrameHistoryLayer {
     };
   }
   setParams(params, opts) {
-    void this.bridge.setParams(params, opts);
+    return this.bridge.setParams(params, opts);
   }
   getHash() {
     return this._hash;
   }
   setHash(hash, opts) {
-    void this.bridge.setHash(hash, opts);
+    return this.bridge.setHash(hash, opts);
   }
   getState() {
     return this._state;
   }
   setState(state, opts) {
-    void this.bridge.setState(state, opts);
+    return this.bridge.setState(state, opts);
   }
   navigate(opts) {
     return this.bridge.navigate(opts);

package/dist/esm/handler/history/HistoryLayer.js

@@ -33,7 +33,7 @@ export class ChaynsHistoryLayer {
   getSegmentCount() {
     return this.segmentCount;
   }
-  setSegmentCount(n) {
+  async setSegmentCount(n) {
     if (n < 0 || !Number.isInteger(n)) {
       return;
     }
@@ -58,7 +58,7 @@ export class ChaynsHistoryLayer {
           this.segments = normalizeHistorySegments(bootstrapSegs);
         }
       }
-      void this.deps.getQueue().enqueue({
+      await this.deps.getQueue().enqueue({
         kind: 'setRoute',
         layerId: this.id,
         segments: [...this.segments],
@@ -120,9 +120,9 @@ export class ChaynsHistoryLayer {
   getRoute() {
     return [...this.segments];
   }
-  setRoute(route, opts) {
+  async setRoute(route, opts) {
     if (this.isDestroyed) return;
-    void this.deps.getQueue().enqueue({
+    await this.deps.getQueue().enqueue({
       kind: 'setRoute',
       layerId: this.id,
       segments: ChaynsHistoryLayer.normalizeRoute(route),
@@ -134,9 +134,9 @@ export class ChaynsHistoryLayer {
       ...this._params
     };
   }
-  setParams(params, opts) {
+  async setParams(params, opts) {
     if (this.isDestroyed) return;
-    void this.deps.getQueue().enqueue({
+    await this.deps.getQueue().enqueue({
       kind: 'setParams',
       layerId: this.id,
       params: {
@@ -149,10 +149,10 @@ export class ChaynsHistoryLayer {
     var _this$_hash;
     return (_this$_hash = this._hash) !== null && _this$_hash !== void 0 ? _this$_hash : '';
   }
-  setHash(hash, opts) {
+  async setHash(hash, opts) {
     if (this.isDestroyed) return;
     const normalized = hash.startsWith('#') ? hash.slice(1) : hash;
-    void this.deps.getQueue().enqueue({
+    await this.deps.getQueue().enqueue({
       kind: 'setHash',
       layerId: this.id,
       hash: normalized,
@@ -164,10 +164,10 @@ export class ChaynsHistoryLayer {
       ...this.ownState
     };
   }
-  setState(state, opts) {
+  async setState(state, opts) {
     if (this.isDestroyed) return;
     const filtered = ChaynsHistoryLayer.filterReservedKeys(state);
-    void this.deps.getQueue().enqueue({
+    await this.deps.getQueue().enqueue({
       kind: 'setState',
       layerId: this.id,
       state: filtered,

package/dist/esm/host/iframe/HostIframe.js

@@ -108,56 +108,70 @@ const HostIframe = ({
                 segmentCount: l.getSegmentCount()
               };
             },
-            setRoute: (route, opts) => {
-              var _historyLayerRef$curr;
-              return !historyLayerRef.current ? new Error('[chayns-api] setRoute is not allowed on this page') : (_historyLayerRef$curr = historyLayerRef.current) === null || _historyLayerRef$curr === void 0 ? void 0 : _historyLayerRef$curr.setRoute(route, opts);
+            setRoute: async (route, opts) => {
+              if (!historyLayerRef.current) {
+                throw new Error('[chayns-api] setRoute is not allowed on this page');
+              }
+              await historyLayerRef.current.setRoute(route, opts);
             },
-            setParams: (params, opts) => {
-              var _historyLayerRef$curr2;
-              return !historyLayerRef.current ? new Error('[chayns-api] setParams is not allowed on this page') : (_historyLayerRef$curr2 = historyLayerRef.current) === null || _historyLayerRef$curr2 === void 0 ? void 0 : _historyLayerRef$curr2.setParams(params, opts);
+            setParams: async (params, opts) => {
+              if (!historyLayerRef.current) {
+                throw new Error('[chayns-api] setParams is not allowed on this page');
+              }
+              await historyLayerRef.current.setParams(params, opts);
             },
-            setHash: (hash, opts) => {
-              var _historyLayerRef$curr3;
-              return !historyLayerRef.current ? new Error('[chayns-api] setHash is not allowed on this page') : (_historyLayerRef$curr3 = historyLayerRef.current) === null || _historyLayerRef$curr3 === void 0 ? void 0 : _historyLayerRef$curr3.setHash(hash, opts);
+            setHash: async (hash, opts) => {
+              if (!historyLayerRef.current) {
+                throw new Error('[chayns-api] setHash is not allowed on this page');
+              }
+              await historyLayerRef.current.setHash(hash, opts);
             },
-            setState: (state, opts) => {
-              var _historyLayerRef$curr4;
-              return !historyLayerRef.current ? new Error('[chayns-api] setState is not allowed on this page') : (_historyLayerRef$curr4 = historyLayerRef.current) === null || _historyLayerRef$curr4 === void 0 ? void 0 : _historyLayerRef$curr4.setState(state, opts);
+            setState: async (state, opts) => {
+              if (!historyLayerRef.current) {
+                throw new Error('[chayns-api] setState is not allowed on this page');
+              }
+              await historyLayerRef.current.setState(state, opts);
             },
             navigate: opts => {
-              var _historyLayerRef$curr5;
-              return !historyLayerRef.current ? new Error('[chayns-api] navigate is not allowed on this page') : (_historyLayerRef$curr5 = historyLayerRef.current) === null || _historyLayerRef$curr5 === void 0 ? void 0 : _historyLayerRef$curr5.navigate(opts);
+              if (!historyLayerRef.current) {
+                throw new Error('[chayns-api] navigate is not allowed on this page');
+              }
+              return historyLayerRef.current.navigate(opts);
             },
             setActiveChild: (id, init) => {
-              var _historyLayerRef$curr6;
-              return !historyLayerRef.current ? new Error('[chayns-api] setActiveChild is not allowed on this page') : (_historyLayerRef$curr6 = historyLayerRef.current) === null || _historyLayerRef$curr6 === void 0 ? void 0 : _historyLayerRef$curr6.setActiveChild(id, init);
+              if (!historyLayerRef.current) {
+                throw new Error('[chayns-api] setActiveChild is not allowed on this page');
+              }
+              return historyLayerRef.current.setActiveChild(id, init);
             },
-            setSegmentCount: n => {
-              var _historyLayerRef$curr7;
-              return !historyLayerRef.current ? new Error('[chayns-api] setSegmentCount is not allowed on this page') : (_historyLayerRef$curr7 = historyLayerRef.current) === null || _historyLayerRef$curr7 === void 0 ? void 0 : _historyLayerRef$curr7.setSegmentCount(n);
+            setSegmentCount: async n => {
+              if (!historyLayerRef.current) {
+                throw new Error('[chayns-api] setSegmentCount is not allowed on this page');
+              }
+              await historyLayerRef.current.setSegmentCount(n);
             },
             addChangeListener: callback => {
-              var _historyLayerRef$curr8, _historyLayerRef$curr9;
+              var _historyLayerRef$curr, _historyLayerRef$curr2;
               if (!historyLayerRef.current) {
-                new Error('[chayns-api] addChangeListener is not allowed on this page');
+                throw new Error('[chayns-api] addChangeListener is not allowed on this page');
               }
-              const unsub = (_historyLayerRef$curr8 = (_historyLayerRef$curr9 = historyLayerRef.current) === null || _historyLayerRef$curr9 === void 0 ? void 0 : _historyLayerRef$curr9.addEventListener('change', callback)) !== null && _historyLayerRef$curr8 !== void 0 ? _historyLayerRef$curr8 : () => {};
+              const unsub = (_historyLayerRef$curr = (_historyLayerRef$curr2 = historyLayerRef.current) === null || _historyLayerRef$curr2 === void 0 ? void 0 : _historyLayerRef$curr2.addEventListener('change', callback)) !== null && _historyLayerRef$curr !== void 0 ? _historyLayerRef$curr : () => {};
               return comlink.proxy(unsub);
             },
             addPopstateListener: callback => {
-              var _historyLayerRef$curr0, _historyLayerRef$curr1;
+              var _historyLayerRef$curr3, _historyLayerRef$curr4;
               if (!historyLayerRef.current) {
-                new Error('[chayns-api] addPopstateListener is not allowed on this page');
+                throw new Error('[chayns-api] addPopstateListener is not allowed on this page');
               }
-              const unsub = (_historyLayerRef$curr0 = (_historyLayerRef$curr1 = historyLayerRef.current) === null || _historyLayerRef$curr1 === void 0 ? void 0 : _historyLayerRef$curr1.addEventListener('popstate', callback)) !== null && _historyLayerRef$curr0 !== void 0 ? _historyLayerRef$curr0 : () => {};
+              const unsub = (_historyLayerRef$curr3 = (_historyLayerRef$curr4 = historyLayerRef.current) === null || _historyLayerRef$curr4 === void 0 ? void 0 : _historyLayerRef$curr4.addEventListener('popstate', callback)) !== null && _historyLayerRef$curr3 !== void 0 ? _historyLayerRef$curr3 : () => {};
               return comlink.proxy(unsub);
             },
             addBlock: (callback, opts) => {
-              var _historyLayerRef$curr10, _historyLayerRef$curr11;
+              var _historyLayerRef$curr5, _historyLayerRef$curr6;
               if (!historyLayerRef.current) {
-                new Error('[chayns-api] addBlock is not allowed on this page');
+                throw new Error('[chayns-api] addBlock is not allowed on this page');
               }
-              const unsub = (_historyLayerRef$curr10 = (_historyLayerRef$curr11 = historyLayerRef.current) === null || _historyLayerRef$curr11 === void 0 ? void 0 : _historyLayerRef$curr11.addBlock(callback, opts)) !== null && _historyLayerRef$curr10 !== void 0 ? _historyLayerRef$curr10 : () => {};
+              const unsub = (_historyLayerRef$curr5 = (_historyLayerRef$curr6 = historyLayerRef.current) === null || _historyLayerRef$curr6 === void 0 ? void 0 : _historyLayerRef$curr6.addBlock(callback, opts)) !== null && _historyLayerRef$curr5 !== void 0 ? _historyLayerRef$curr5 : () => {};
               return comlink.proxy(unsub);
             }
           }

package/dist/esm/utils/history/BlockRegistry.js

@@ -14,6 +14,9 @@ export class BlockRegistry {
     });
     _defineProperty(this, "totalBlockCount", 0);
     _defineProperty(this, "nativeNavigationCallback", () => {});
+    if (this.totalBlockCount === 0) {
+      this.setNativeNavigationEnabled(false);
+    }
   }
   add(layer, callback, opts = {}) {
     var _opts$scope, _opts$isBeforeUnload;

package/dist/esm/wrapper/AppWrapper.js

@@ -146,6 +146,7 @@ export class AppWrapper {
   }
   constructor() {
     _defineProperty(this, "values", null);
+    _defineProperty(this, "history", null);
     _defineProperty(this, "accessToken", '');
     _defineProperty(this, "listeners", []);
     _defineProperty(this, "customFunctions", {});

package/dist/esm/wrapper/FrameWrapper.js

@@ -15,12 +15,11 @@ export class FrameWrapper {
     _defineProperty(this, "exposedFunctions", null);
     _defineProperty(this, "exposedCustomFunctions", {});
     _defineProperty(this, "exposedCustomFunctionNames", []);
-    _defineProperty(this, "resizeListener", null);
-    _defineProperty(this, "_historyLayer", null);
     _defineProperty(this, "ready", new Promise(res => {
       this.resolve = res;
     }));
     _defineProperty(this, "values", null);
+    _defineProperty(this, "history", null);
     _defineProperty(this, "chaynsApiId", null);
     _defineProperty(this, "listeners", []);
     _defineProperty(this, "functions", {
@@ -299,12 +298,6 @@ export class FrameWrapper {
       redirect: async options => {
         if (!this.initialized) await this.ready;
         return this.exposedFunctions.redirect(options);
-      },
-      getHistoryLayer: () => {
-        if (!this._historyLayer) {
-          throw new Error('[chaynsHistory] No history layer available. Ensure historyLayer prop is set on the parent HostIframe.');
-        }
-        return this._historyLayer;
       }
     });
     _defineProperty(this, "customFunctions", new Proxy({}, {
@@ -375,9 +368,12 @@ export class FrameWrapper {
     }, {});
     const exposedHistory = exposed.history;
     if (exposedHistory) {
-      const initialState = await exposedHistory.getInitialState();
+      let initialState = null;
+      try {
+        initialState = await exposedHistory.getInitialState();
+      } catch (ex) {}
       if (initialState) {
-        this._historyLayer = new FrameHistoryLayer({
+        this.history = new FrameHistoryLayer({
           setRoute: (route, opts) => exposedHistory.setRoute(route, opts),
           setParams: (params, opts) => exposedHistory.setParams(params, opts),
           setHash: (hash, opts) => exposedHistory.setHash(hash, opts),
@@ -391,10 +387,10 @@ export class FrameWrapper {
           }
         }, initialState);
         await exposedHistory.addChangeListener(comlink.proxy(e => {
-          this._historyLayer._applyAndEmit(e);
+          this.history._applyAndEmit(e);
         }));
         await exposedHistory.addPopstateListener(comlink.proxy(e => {
-          this._historyLayer._applyAndEmit(e);
+          this.history._applyAndEmit(e);
         }));
       }
     }

package/dist/esm/wrapper/ModuleFederationWrapper.js

@@ -10,6 +10,7 @@ export class ModuleFederationWrapper {
   constructor(values, functions, customFunctions) {
     _defineProperty(this, "values", void 0);
     _defineProperty(this, "functions", void 0);
+    _defineProperty(this, "history", getOrInitRootChaynsHistoryLayer().rootLayer);
     _defineProperty(this, "customFunctions", {});
     _defineProperty(this, "listeners", []);
     _defineProperty(this, "chaynsApiId", null);
@@ -39,7 +40,6 @@ export class ModuleFederationWrapper {
     this.functions.createDialog = config => {
       return new DialogHandler(config, functions.openDialog, functions.closeDialog, functions.dispatchEventToDialogClient, functions.addDialogClientEventListener);
     };
-    this.functions.getHistoryLayer = () => getOrInitRootChaynsHistoryLayer().rootLayer;
   }
   async init() {
     return undefined;

package/dist/esm/wrapper/SsrWrapper.js

@@ -6,6 +6,7 @@ export class SsrWrapper {
     _defineProperty(this, "initialData", void 0);
     _defineProperty(this, "values", void 0);
     _defineProperty(this, "functions", void 0);
+    _defineProperty(this, "history", null);
     _defineProperty(this, "customFunctions", void 0);
     _defineProperty(this, "listeners", []);
     _defineProperty(this, "chaynsApiId", null);

package/dist/esm/wrapper/StaticChaynsApi.js

@@ -74,7 +74,6 @@ class StaticChaynsApi {
     _defineProperty(this, "addAccessTokenChangeListener", void 0);
     _defineProperty(this, "removeAccessTokenChangeListener", void 0);
     _defineProperty(this, "redirect", void 0);
-    _defineProperty(this, "getHistoryLayer", void 0);
     _defineProperty(this, "ready", void 0);
     _defineProperty(this, "addDataListener", void 0);
     _defineProperty(this, "_wrapper", void 0);

package/dist/types/handler/history/FrameHistoryLayer.d.ts

@@ -63,7 +63,7 @@ export declare class FrameHistoryLayer implements ChaynsHistoryLayer {
     private readonly bridge;
     constructor(bridge: HistoryBridgeFunctions, initial: HistoryInitialState);
     getSegmentCount(): number;
-    setSegmentCount(n: number): void;
+    setSegmentCount(n: number): Promise<void>;
     createChildLayer(_id: string): ChaynsHistoryLayer;
     destroyChildLayer(_id: string): void;
     setActiveChild(id: string | null, init?: {
@@ -73,13 +73,13 @@ export declare class FrameHistoryLayer implements ChaynsHistoryLayer {
     getActiveChildId(): string | null;
     getChildLayer(_id: string): ChaynsHistoryLayer | undefined;
     getRoute(): string[];
-    setRoute(route: string | string[], opts?: ChaynsHistoryNavigateOptions): void;
+    setRoute(route: string | string[], opts?: ChaynsHistoryNavigateOptions): Promise<void>;
     getParams(): Record<string, string>;
-    setParams(params: Record<string, string>, opts?: ChaynsHistoryNavigationCommitOptions): void;
+    setParams(params: Record<string, string>, opts?: ChaynsHistoryNavigationCommitOptions): Promise<void>;
     getHash(): string;
-    setHash(hash: string, opts?: ChaynsHistoryNavigationCommitOptions): void;
+    setHash(hash: string, opts?: ChaynsHistoryNavigationCommitOptions): Promise<void>;
     getState<T extends object = Record<string, unknown>>(): T | undefined;
-    setState(state: object, opts?: ChaynsHistoryNavigateOptions): void;
+    setState<T extends object>(state: T, opts?: ChaynsHistoryNavigateOptions): Promise<void>;
     navigate(opts: {
         route?: string | string[];
         state?: Record<string, unknown>;

package/dist/types/handler/history/HistoryLayer.d.ts

@@ -50,7 +50,7 @@ export declare class ChaynsHistoryLayer implements IChaynsHistoryLayer {
     private isDestroyed;
     constructor(init: ChaynsHistoryLayerInit);
     getSegmentCount(): number;
-    setSegmentCount(n: number): void;
+    setSegmentCount(n: number): Promise<void>;
     createChildLayer(id: string): ChaynsHistoryLayer;
     destroyChildLayer(id: string): void;
     getChildLayer(id: string): ChaynsHistoryLayer | undefined;
@@ -60,13 +60,13 @@ export declare class ChaynsHistoryLayer implements IChaynsHistoryLayer {
         state?: Record<string, unknown>;
     }): Promise<ChaynsHistoryActionResult>;
     getRoute(): string[];
-    setRoute(route: string | string[], opts?: ChaynsHistoryNavigateOptions): void;
+    setRoute(route: string | string[], opts?: ChaynsHistoryNavigateOptions): Promise<void>;
     getParams(): Record<string, string>;
-    setParams(params: Record<string, string>, opts?: ChaynsHistoryNavigationCommitOptions): void;
+    setParams(params: Record<string, string>, opts?: ChaynsHistoryNavigationCommitOptions): Promise<void>;
     getHash(): string;
-    setHash(hash: string, opts?: ChaynsHistoryNavigationCommitOptions): void;
+    setHash(hash: string, opts?: ChaynsHistoryNavigationCommitOptions): Promise<void>;
     getState<T extends object = Record<string, unknown>>(): T | undefined;
-    setState<T extends object>(state: T, opts?: ChaynsHistoryNavigateOptions): void;
+    setState<T extends object>(state: T, opts?: ChaynsHistoryNavigateOptions): Promise<void>;
     navigate(opts: {
         route?: string | string[];
         state?: Record<string, unknown>;

package/dist/types/hooks/history.d.ts

@@ -6,7 +6,7 @@ import type { ChaynsHistoryLayer, ChaynsHistoryNavigateOptions, ChaynsHistoryNav
 export declare function useChaynsHistoryLayer(): ChaynsHistoryLayer;
 export interface UseChaynsHistoryRouteResult {
     segments: string[];
-    setRoute: (route: string | string[], opts?: ChaynsHistoryNavigateOptions) => void;
+    setRoute: (route: string | string[], opts?: ChaynsHistoryNavigateOptions) => Promise<void>;
 }
 /**
  * Returns the current route segments and a setter for the nearest ChaynsHistoryLayer.
@@ -19,7 +19,7 @@ export declare function useChaynsHistoryRoute(): UseChaynsHistoryRouteResult;
  */
 export declare function useChaynsHistoryState<T extends object = Record<string, unknown>>(): [
     T | undefined,
-    (state: T, opts?: ChaynsHistoryNavigateOptions) => void
+    (state: T, opts?: ChaynsHistoryNavigateOptions) => Promise<void>
 ];
 /**
  * Returns a stable `navigate` function for the nearest ChaynsHistoryLayer.
@@ -43,14 +43,14 @@ export declare function useChaynsHistoryNavigate(): (opts: {
  */
 export declare function useChaynsHistoryParams(): [
     Record<string, string>,
-    (params: Record<string, string>, opts?: ChaynsHistoryNavigationCommitOptions) => void
+    (params: Record<string, string>, opts?: ChaynsHistoryNavigationCommitOptions) => Promise<void>
 ];
 /**
  * Returns the current hash fragment (without `#`) and a setter for the nearest ChaynsHistoryLayer.
  * Pass `''` to explicitly clear the hash.
  * Re-renders only when the hash changes.
  */
-export declare function useChaynsHistoryHash(): [string, (hash: string, opts?: ChaynsHistoryNavigationCommitOptions) => void];
+export declare function useChaynsHistoryHash(): [string, (hash: string, opts?: ChaynsHistoryNavigationCommitOptions) => Promise<void>];
 export interface UseChaynsHistoryBlockOptions extends ChaynsHistoryBlockOptions {
     /** Only register the block when true. Default: true. */
     isEnabled?: boolean;
@@ -78,9 +78,9 @@ export declare function useChaynsHistoryChildLayer(id: string): ChaynsHistoryLay
 export interface UseChaynsHistoryActiveChildResult {
     activeChildId: string | null;
     setActiveChild: (id: string | null, init?: {
-        route?: string[];
+        route?: string | string[];
         state?: Record<string, unknown>;
-    }) => void;
+    }) => Promise<ChaynsHistoryActionResult>;
 }
 /**
  * Returns the active child id of the nearest layer and a setter.

package/dist/types/types/IChaynsReact.d.ts

@@ -467,7 +467,6 @@ export interface ChaynsReactFunctions {
         destination: string;
         isPermanent?: boolean;
     }) => Promise<void>;
-    getHistoryLayer(): ChaynsHistoryLayer;
 }
 export type ChaynsReactCustomFunctions = {
     [key: string]: (...args: any[]) => Promise<any>;
@@ -674,6 +673,7 @@ export interface DesignSettingsUpdateItem {
 export interface IChaynsReact {
     values: ChaynsReactValues;
     functions: ChaynsReactFunctions;
+    history: ChaynsHistoryLayer | null;
     customFunctions: ChaynsReactCustomFunctions;
     addDataListener: (cb: DataChangeCallback) => CleanupCallback;
     getSSRData: () => ChaynsReactValues | null;

package/dist/types/types/history.d.ts

@@ -41,7 +41,7 @@ export interface ChaynsHistoryLayer {
     readonly id: string;
     readonly depth: number;
     getSegmentCount(): number;
-    setSegmentCount(n: number): void;
+    setSegmentCount(n: number): Promise<void>;
     createChildLayer(id: string): ChaynsHistoryLayer;
     destroyChildLayer(id: string): void;
     setActiveChild(id: string | null, init?: {
@@ -51,13 +51,13 @@ export interface ChaynsHistoryLayer {
     getActiveChildId(): string | null;
     getChildLayer(id: string): ChaynsHistoryLayer | undefined;
     getRoute(): string[];
-    setRoute(route: string | string[], opts?: ChaynsHistoryNavigateOptions): void;
+    setRoute(route: string | string[], opts?: ChaynsHistoryNavigateOptions): Promise<void>;
     getParams(): Record<string, string>;
-    setParams(params: Record<string, string>, opts?: ChaynsHistoryNavigationCommitOptions): void;
+    setParams(params: Record<string, string>, opts?: ChaynsHistoryNavigationCommitOptions): Promise<void>;
     getHash(): string;
-    setHash(hash: string, opts?: ChaynsHistoryNavigationCommitOptions): void;
+    setHash(hash: string, opts?: ChaynsHistoryNavigationCommitOptions): Promise<void>;
     getState<T extends object = Record<string, unknown>>(): T | undefined;
-    setState<T extends object>(state: T, opts?: ChaynsHistoryNavigateOptions): void;
+    setState<T extends object>(state: T, opts?: ChaynsHistoryNavigateOptions): Promise<void>;
     navigate(opts: {
         route?: string | string[];
         state?: Record<string, unknown>;

package/dist/types/utils/history/BlockRegistry.d.ts

@@ -14,6 +14,7 @@ export declare class BlockRegistry {
     /** Total number of currently registered blocks across all layers.
      *  Used to toggle the native navigation handling (chayns app, action 249). */
     private totalBlockCount;
+    constructor();
     add(layer: ChaynsHistoryLayer, callback: () => Promise<boolean>, opts?: ChaynsHistoryBlockOptions): () => void;
     remove(layerId: string, entry: BlockEntry): void;
     /** Remove all blocks registered for a layer (called on destroy). */

package/dist/types/wrapper/AppWrapper.d.ts

@@ -1,6 +1,7 @@
 import { ChaynsReactFunctions, ChaynsReactValues, ChaynsStyleSettings, CleanupCallback, DataChangeCallback, IChaynsReact } from '../types/IChaynsReact';
 export declare class AppWrapper implements IChaynsReact {
     values: ChaynsReactValues;
+    history: IChaynsReact['history'];
     accessToken: string;
     listeners: (() => void)[];
     customFunctions: {};

package/dist/types/wrapper/FrameWrapper.d.ts

@@ -1,13 +1,13 @@
+import { FrameHistoryLayer } from '../handler/history/FrameHistoryLayer';
 import { ChaynsReactFunctions, ChaynsReactValues, DataChangeCallback, IChaynsReact } from '../types/IChaynsReact';
 export declare class FrameWrapper implements IChaynsReact {
     private resolve;
     private exposedFunctions;
     private exposedCustomFunctions;
     private exposedCustomFunctionNames;
-    private resizeListener;
-    private _historyLayer;
     ready: Promise<unknown>;
     values: ChaynsReactValues;
+    history: FrameHistoryLayer | null;
     chaynsApiId: string;
     listeners: (() => void)[];
     functions: ChaynsReactFunctions;

package/dist/types/wrapper/ModuleFederationWrapper.d.ts

@@ -2,6 +2,7 @@ import { ChaynsReactFunctions, ChaynsReactValues, DataChangeCallback, IChaynsRea
 export declare class ModuleFederationWrapper implements IChaynsReact {
     values: ChaynsReactValues;
     functions: ChaynsReactFunctions;
+    history: IChaynsReact['history'];
     customFunctions: IChaynsReact["customFunctions"];
     listeners: (() => void)[];
     chaynsApiId: string;

package/dist/types/wrapper/SsrWrapper.d.ts

@@ -3,6 +3,7 @@ export declare class SsrWrapper implements IChaynsReact {
     private readonly initialData;
     values: ChaynsReactValues;
     functions: ChaynsReactFunctions;
+    history: IChaynsReact['history'];
     customFunctions: IChaynsReact["customFunctions"];
     listeners: (() => void)[];
     chaynsApiId: string;

package/dist/types/wrapper/StaticChaynsApi.d.ts

@@ -64,7 +64,6 @@ declare class StaticChaynsApi implements ChaynsReactFunctions {
     addAccessTokenChangeListener: ChaynsReactFunctions['addAccessTokenChangeListener'];
     removeAccessTokenChangeListener: ChaynsReactFunctions['removeAccessTokenChangeListener'];
     redirect: ChaynsReactFunctions['redirect'];
-    getHistoryLayer: ChaynsReactFunctions['getHistoryLayer'];
     ready: Promise<void>;
     addDataListener: (cb: DataChangeCallback) => () => void;
     private _wrapper;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "chayns-api",
-    "version": "3.1.1",
+    "version": "3.1.3",
     "description": "new chayns api",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",