chayns-api 3.0.1 → 3.1.0-beta.1

package/dist/cjs/index.js

@@ -15,9 +15,28 @@ var _exportNames = {
   loadComponent: true,
   loadModule: true,
   DialogHandler: true,
+  initRootChaynsHistoryLayer: true,
+  getOrInitRootChaynsHistoryLayer: true,
+  NavigationQueue: true,
+  BlockRegistry: true,
+  projectToUrl: true,
+  parseFromUrl: true,
+  projectToState: true,
+  applyStateToTree: true,
+  diffIncomingState: true,
+  hasChaynsHistoryState: true,
+  getChaynsHistoryActiveChain: true,
+  findChaynsHistoryLayerById: true,
+  isInChaynsHistoryActiveChain: true,
   dialog: true,
   getChaynsApi: true
 };
+Object.defineProperty(exports, "BlockRegistry", {
+  enumerable: true,
+  get: function () {
+    return _BlockRegistry.BlockRegistry;
+  }
+});
 Object.defineProperty(exports, "ChaynsHost", {
   enumerable: true,
   get: function () {
@@ -36,19 +55,49 @@ Object.defineProperty(exports, "DialogHandler", {
     return _DialogHandler.default;
   }
 });
+Object.defineProperty(exports, "NavigationQueue", {
+  enumerable: true,
+  get: function () {
+    return _NavigationQueue.NavigationQueue;
+  }
+});
 Object.defineProperty(exports, "StaticChaynsApi", {
   enumerable: true,
   get: function () {
     return _StaticChaynsApi.default;
   }
 });
+Object.defineProperty(exports, "applyStateToTree", {
+  enumerable: true,
+  get: function () {
+    return _stateProjector.applyStateToTree;
+  }
+});
 exports.dialog = void 0;
+Object.defineProperty(exports, "diffIncomingState", {
+  enumerable: true,
+  get: function () {
+    return _stateProjector.diffIncomingState;
+  }
+});
+Object.defineProperty(exports, "findChaynsHistoryLayerById", {
+  enumerable: true,
+  get: function () {
+    return _layerTree.findChaynsHistoryLayerById;
+  }
+});
 Object.defineProperty(exports, "getChaynsApi", {
   enumerable: true,
   get: function () {
     return _moduleWrapper.getChaynsApi;
   }
 });
+Object.defineProperty(exports, "getChaynsHistoryActiveChain", {
+  enumerable: true,
+  get: function () {
+    return _layerTree.getChaynsHistoryActiveChain;
+  }
+});
 Object.defineProperty(exports, "getClientDeviceInfo", {
   enumerable: true,
   get: function () {
@@ -61,12 +110,36 @@ Object.defineProperty(exports, "getDeviceInfo", {
     return _deviceHelper.default;
   }
 });
+Object.defineProperty(exports, "getOrInitRootChaynsHistoryLayer", {
+  enumerable: true,
+  get: function () {
+    return _rootLayer.getOrInitRootChaynsHistoryLayer;
+  }
+});
 Object.defineProperty(exports, "getScreenSize", {
   enumerable: true,
   get: function () {
     return _deviceHelper.getScreenSize;
   }
 });
+Object.defineProperty(exports, "hasChaynsHistoryState", {
+  enumerable: true,
+  get: function () {
+    return _stateProjector.hasChaynsHistoryState;
+  }
+});
+Object.defineProperty(exports, "initRootChaynsHistoryLayer", {
+  enumerable: true,
+  get: function () {
+    return _rootLayer.initRootChaynsHistoryLayer;
+  }
+});
+Object.defineProperty(exports, "isInChaynsHistoryActiveChain", {
+  enumerable: true,
+  get: function () {
+    return _layerTree.isInChaynsHistoryActiveChain;
+  }
+});
 Object.defineProperty(exports, "loadComponent", {
   enumerable: true,
   get: function () {
@@ -79,6 +152,24 @@ Object.defineProperty(exports, "loadModule", {
     return _loadComponent.loadModule;
   }
 });
+Object.defineProperty(exports, "parseFromUrl", {
+  enumerable: true,
+  get: function () {
+    return _url.parseFromUrl;
+  }
+});
+Object.defineProperty(exports, "projectToState", {
+  enumerable: true,
+  get: function () {
+    return _stateProjector.projectToState;
+  }
+});
+Object.defineProperty(exports, "projectToUrl", {
+  enumerable: true,
+  get: function () {
+    return _url.projectToUrl;
+  }
+});
 Object.defineProperty(exports, "withCompatMode", {
   enumerable: true,
   get: function () {
@@ -92,7 +183,7 @@ Object.defineProperty(exports, "withHydrationBoundary", {
   }
 });
 var _ChaynsProvider = _interopRequireDefault(require("./components/ChaynsProvider"));
-var _deviceHelper = _interopRequireWildcard(require("./util/deviceHelper"));
+var _deviceHelper = _interopRequireWildcard(require("./utils/deviceHelper"));
 var _ChaynsHost = _interopRequireDefault(require("./host/ChaynsHost"));
 var _withCompatMode = require("./components/withCompatMode");
 var _calls = require("./calls");
@@ -143,7 +234,19 @@ Object.keys(_IChaynsReact).forEach(function (key) {
     }
   });
 });
-var _is = require("./util/is");
+var _history = require("./types/history");
+Object.keys(_history).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _history[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _history[key];
+    }
+  });
+});
+var _is = require("./utils/is");
 Object.keys(_is).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -171,6 +274,24 @@ var _withHydrationBoundary = _interopRequireDefault(require("./components/withHy
 var _StaticChaynsApi = _interopRequireDefault(require("./wrapper/StaticChaynsApi"));
 var _loadComponent = _interopRequireWildcard(require("./host/module/utils/loadComponent"));
 var _DialogHandler = _interopRequireDefault(require("./handler/DialogHandler"));
+var _history2 = require("./handler/history");
+Object.keys(_history2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _history2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _history2[key];
+    }
+  });
+});
+var _rootLayer = require("./utils/history/rootLayer");
+var _NavigationQueue = require("./utils/history/NavigationQueue");
+var _BlockRegistry = require("./utils/history/BlockRegistry");
+var _url = require("./utils/history/url");
+var _stateProjector = require("./utils/history/stateProjector");
+var _layerTree = require("./utils/history/layerTree");
 var _dialog = _interopRequireWildcard(require("./calls/dialogs/index"));
 exports.dialog = _dialog;
 var _plugins = require("./plugins");
@@ -185,7 +306,7 @@ Object.keys(_plugins).forEach(function (key) {
     }
   });
 });
-var _initModuleFederationSharing = require("./util/initModuleFederationSharing");
+var _initModuleFederationSharing = require("./utils/initModuleFederationSharing");
 Object.keys(_initModuleFederationSharing).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -197,7 +318,7 @@ Object.keys(_initModuleFederationSharing).forEach(function (key) {
     }
   });
 });
-var _bindChaynsApi = require("./util/bindChaynsApi");
+var _bindChaynsApi = require("./utils/bindChaynsApi");
 Object.keys(_bindChaynsApi).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -209,7 +330,7 @@ Object.keys(_bindChaynsApi).forEach(function (key) {
     }
   });
 });
-var _appStorage = require("./util/appStorage");
+var _appStorage = require("./utils/appStorage");
 Object.keys(_appStorage).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -221,7 +342,7 @@ Object.keys(_appStorage).forEach(function (key) {
     }
   });
 });
-var _collectCssChunks = require("./util/collectCssChunks");
+var _collectCssChunks = require("./utils/collectCssChunks");
 Object.keys(_collectCssChunks).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -233,6 +354,18 @@ Object.keys(_collectCssChunks).forEach(function (key) {
     }
   });
 });
+var _contexts = require("./contexts");
+Object.keys(_contexts).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _contexts[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _contexts[key];
+    }
+  });
+});
 var _moduleWrapper = require("./components/moduleWrapper");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/types/history.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/umd.index.js

@@ -42,7 +42,7 @@ Object.defineProperty(exports, "getScreenSize", {
     return _deviceHelper.getScreenSize;
   }
 });
-var _deviceHelper = _interopRequireWildcard(require("./util/deviceHelper"));
+var _deviceHelper = _interopRequireWildcard(require("./utils/deviceHelper"));
 var _calls = require("./calls");
 Object.keys(_calls).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -67,7 +67,7 @@ Object.keys(_IChaynsReact).forEach(function (key) {
     }
   });
 });
-var _is = require("./util/is");
+var _is = require("./utils/is");
 Object.keys(_is).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;

package/dist/cjs/utils/EventBus.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EventBus = void 0;
+class EventBus {
+  listeners = new Map();
+  on(type, handler) {
+    let set = this.listeners.get(type);
+    if (!set) {
+      set = new Set();
+      this.listeners.set(type, set);
+    }
+    set.add(handler);
+    return () => set.delete(handler);
+  }
+  emit(type, event) {
+    const set = this.listeners.get(type);
+    if (!set) return;
+    for (const fn of [...set]) {
+      try {
+        fn(event);
+      } catch (err) {
+        console.error('[chaynsHistory] listener threw', err);
+      }
+    }
+  }
+  clear() {
+    this.listeners.clear();
+  }
+}
+exports.EventBus = EventBus;

package/dist/cjs/{util → utils}/appStorage.js

@@ -9,7 +9,7 @@ exports.getAppStorageItem = getAppStorageItem;
 exports.isAppStorageAvailable = isAppStorageAvailable;
 exports.removeAppStorageItem = removeAppStorageItem;
 exports.setAppStorageItem = setAppStorageItem;
-var _apiListenerHelper = require("../helper/apiListenerHelper");
+var _apiListener = require("./apiListener");
 var _IChaynsReact = require("../types/IChaynsReact");
 function isAppStorageAvailable() {
   var _this$values$device$a, _this$values$device$a2;
@@ -83,7 +83,7 @@ async function addAppStorageListener(storeName, prefix, callback, callbackPrefix
   const callbackName = `${callbackPrefix}_${this.counter++}`;
   const {
     shouldInitialize
-  } = (0, _apiListenerHelper.addApiListener)(`appStorageListener/${storeName}`, callback);
+  } = (0, _apiListener.addApiListener)(`appStorageListener/${storeName}`, callback);
   const handleValue = value => {
     var _value$key;
     if (value.action === 0 && (_value$key = value.key) !== null && _value$key !== void 0 && _value$key.startsWith(prefix)) {

package/dist/cjs/utils/equality.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shallowEqualArr = shallowEqualArr;
+exports.shallowEqualObj = shallowEqualObj;
+function shallowEqualArr(a, b) {
+  if (a.length !== b.length) return false;
+  for (let i = 0; i < a.length; i++) if (a[i] !== b[i]) return false;
+  return true;
+}
+function shallowEqualObj(a, b) {
+  const ak = Object.keys(a);
+  const bk = Object.keys(b);
+  if (ak.length !== bk.length) return false;
+  for (const k of ak) if (a[k] !== b[k]) return false;
+  return true;
+}

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

@@ -0,0 +1,153 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BlockRegistry = void 0;
+const BLOCK_TIMEOUT_MS = 30000;
+let _nextId = 1;
+class BlockRegistry {
+  layerBlocks = new Map();
+  changeListeners = new Set();
+  beforeUnloadCount = 0;
+  beforeUnloadHandler = e => {
+    e.preventDefault();
+    Reflect.set(e, 'returnValue', '');
+  };
+  add(layer, callback, opts = {}) {
+    var _opts$scope, _opts$isBeforeUnload;
+    const entry = {
+      id: String(_nextId++),
+      callback,
+      opts: {
+        scope: (_opts$scope = opts.scope) !== null && _opts$scope !== void 0 ? _opts$scope : 'local',
+        isBeforeUnload: (_opts$isBeforeUnload = opts.isBeforeUnload) !== null && _opts$isBeforeUnload !== void 0 ? _opts$isBeforeUnload : false
+      }
+    };
+    let set = this.layerBlocks.get(layer.id);
+    if (!set) {
+      set = new Set();
+      this.layerBlocks.set(layer.id, set);
+    }
+    set.add(entry);
+    if (entry.opts.isBeforeUnload) {
+      this.incrementBeforeUnload();
+    }
+    this.notifyChange();
+    return () => this.remove(layer.id, entry);
+  }
+  remove(layerId, entry) {
+    const set = this.layerBlocks.get(layerId);
+    if (!set) return;
+    const didDelete = set.delete(entry);
+    if (!didDelete) return;
+    if (set.size === 0) this.layerBlocks.delete(layerId);
+    if (entry.opts.isBeforeUnload) {
+      this.decrementBeforeUnload();
+    }
+    this.notifyChange();
+  }
+  removeAllForLayer(layerId) {
+    const set = this.layerBlocks.get(layerId);
+    if (!set) return;
+    for (const entry of set) {
+      if (entry.opts.isBeforeUnload) this.decrementBeforeUnload();
+    }
+    this.layerBlocks.delete(layerId);
+    this.notifyChange();
+  }
+  subscribeToChanges(listener) {
+    this.changeListeners.add(listener);
+    return () => {
+      this.changeListeners.delete(listener);
+    };
+  }
+  collectApplicableBlocks(targetLayer) {
+    const result = [];
+    const localSet = this.layerBlocks.get(targetLayer.id);
+    if (localSet) {
+      for (const entry of localSet) {
+        result.push(entry);
+      }
+    }
+    this.collectGlobalFromActiveDescendants(targetLayer, result);
+    return result;
+  }
+  hasActiveBlocks(rootLayer) {
+    return this.collectActiveChainBlocks(rootLayer).length > 0;
+  }
+  async checkActiveBlocks(rootLayer) {
+    const blocks = this.collectActiveChainBlocks(rootLayer);
+    if (blocks.length === 0) return true;
+    const results = await Promise.all(blocks.map(b => this.runBlock(b)));
+    return results.every(Boolean);
+  }
+  collectActiveChainBlocks(rootLayer) {
+    const result = [];
+    this.collectFromActiveChain(rootLayer, result);
+    return result;
+  }
+  collectGlobalFromActiveDescendants(layer, out) {
+    const activeChildId = layer.getActiveChildId();
+    if (!activeChildId) return;
+    const child = layer.getChildLayer(activeChildId);
+    if (!child) return;
+    const childSet = this.layerBlocks.get(child.id);
+    if (childSet) {
+      for (const entry of childSet) {
+        if (entry.opts.scope === 'global') {
+          out.push(entry);
+        }
+      }
+    }
+    this.collectGlobalFromActiveDescendants(child, out);
+  }
+  collectFromActiveChain(layer, out) {
+    const set = this.layerBlocks.get(layer.id);
+    if (set) {
+      for (const entry of set) {
+        out.push(entry);
+      }
+    }
+    const activeChildId = layer.getActiveChildId();
+    if (!activeChildId) return;
+    const child = layer.getChildLayer(activeChildId);
+    if (!child) return;
+    this.collectFromActiveChain(child, out);
+  }
+  async checkBlocks(targetLayer) {
+    const blocks = this.collectApplicableBlocks(targetLayer);
+    if (blocks.length === 0) return true;
+    const results = await Promise.all(blocks.map(b => this.runBlock(b)));
+    return results.every(Boolean);
+  }
+  async runBlock(entry) {
+    try {
+      const result = await Promise.race([entry.callback(), new Promise(resolve => setTimeout(() => {
+        resolve(false);
+      }, BLOCK_TIMEOUT_MS))]);
+      return result;
+    } catch {
+      return false;
+    }
+  }
+  incrementBeforeUnload() {
+    this.beforeUnloadCount++;
+    if (this.beforeUnloadCount === 1 && typeof window !== 'undefined') {
+      window.addEventListener('beforeunload', this.beforeUnloadHandler);
+    }
+  }
+  decrementBeforeUnload() {
+    if (this.beforeUnloadCount === 0) return;
+    this.beforeUnloadCount--;
+    if (this.beforeUnloadCount === 0 && typeof window !== 'undefined') {
+      window.removeEventListener('beforeunload', this.beforeUnloadHandler);
+    }
+  }
+  notifyChange() {
+    for (const listener of this.changeListeners) {
+      listener();
+    }
+  }
+}
+exports.BlockRegistry = BlockRegistry;