targetj 1.0.256 → 1.0.257

package/build/LoadingManager.js

@@ -1,4 +1,9 @@
 var _excluded = ["url", "cacheId"];
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -20,6 +25,7 @@ import { $Dom } from "./$Dom.js";
 import { TUtil } from "./TUtil.js";
 import { getRunScheduler } from "./App.js";
 import { TargetUtil } from "./TargetUtil.js";
+import { StateUtil } from "./StateUtil.js";
 
 /**
  * It provides a central place for managing fetching of external APIs and images. 
@@ -33,16 +39,19 @@ var LoadingManager = /*#__PURE__*/function () {
     this.fetchingImageMap = {};
     this.targetPageKeyMap = new WeakMap();
     this.fetchSeq = 0;
+    this.runtimeEpoch = 0;
   }
   return _createClass(LoadingManager, [{
     key: "clear",
     value: function clear() {
+      this.runtimeEpoch++;
       this.fetchingAPIMap = {};
       this.fetchingImageMap = {};
     }
   }, {
     key: "clearAll",
     value: function clearAll() {
+      this.runtimeEpoch++;
       this.cacheMap = {};
       this.tmodelKeyMap = {};
       this.fetchingAPIMap = {};
@@ -68,7 +77,7 @@ var LoadingManager = /*#__PURE__*/function () {
     }
   }, {
     key: "fetchCommon",
-    value: function fetchCommon(fetchId, cacheId, tmodel, fetchMap, fetchFn) {
+    value: function fetchCommon(fetchId, cacheId, tmodel, fetchMap, request, fetchFn) {
       TargetUtil.markFetchAction(tmodel);
       var pageKey = document.URL;
       var targetName = tmodel.key;
@@ -78,28 +87,32 @@ var LoadingManager = /*#__PURE__*/function () {
           fetchMap[fetchId] = {
             fetchId: fetchId,
             cacheId: cacheId,
+            request: request,
             startTime: TUtil.now(),
+            epoch: this.runtimeEpoch,
             targets: [{
               tmodel: tmodel,
-              targetName: tmodel.key
+              targetName: targetName
             }],
             fetchMap: fetchMap
           };
-          fetchFn();
+          fetchFn(fetchMap[fetchId]);
         }
       } else if (!fetchMap[fetchId]) {
         fetchMap[fetchId] = {
           fetchId: fetchId,
           cacheId: cacheId,
+          request: request,
           startTime: TUtil.now(),
+          epoch: this.runtimeEpoch,
           targets: [{
             tmodel: tmodel,
-            targetName: tmodel.key
+            targetName: targetName
           }],
           fetchMap: fetchMap
         };
       }
-      this.addToTModelKeyMap(tmodel, tmodel.key, fetchId, cacheId, fetchMap);
+      this.addToTModelKeyMap(tmodel, targetName, fetchId, cacheId, fetchMap);
       return fetchId;
     }
   }, {
@@ -123,8 +136,13 @@ var LoadingManager = /*#__PURE__*/function () {
     value: function fetchOne(tmodel, url, query, cacheId) {
       var _this2 = this;
       var fetchId = this.getFetchKey(tmodel, url, query);
-      this.fetchCommon(fetchId, cacheId, tmodel, this.fetchingAPIMap, function () {
-        _this2.ajaxAPI(url, query, _this2.fetchingAPIMap[fetchId]);
+      var request = {
+        type: "api",
+        url: url,
+        query: StateUtil.encodeValue(query)
+      };
+      this.fetchCommon(fetchId, cacheId, tmodel, this.fetchingAPIMap, request, function (fetchStatus) {
+        return _this2.ajaxAPI(url, query, fetchStatus);
       });
     }
   }, {
@@ -132,10 +150,14 @@ var LoadingManager = /*#__PURE__*/function () {
     value: function fetchImage(tmodel, url, cacheId) {
       var _this3 = this;
       var urls = Array.isArray(url) ? url : [url];
-      urls.forEach(function (singleUrl) {
-        var fetchId = _this3.getFetchKey(tmodel, singleUrl);
-        _this3.fetchCommon(fetchId, cacheId, tmodel, _this3.fetchingImageMap, function () {
-          _this3.loadImage(singleUrl, _this3.fetchingImageMap[fetchId]);
+      urls.forEach(function (src) {
+        var fetchId = _this3.getFetchKey(tmodel, src);
+        var request = {
+          type: "image",
+          src: src
+        };
+        _this3.fetchCommon(fetchId, cacheId, tmodel, _this3.fetchingImageMap, request, function (fetchStatus) {
+          return _this3.loadImage(src, fetchStatus);
         });
       });
     }
@@ -151,37 +173,70 @@ var LoadingManager = /*#__PURE__*/function () {
       var pageKey = this.getTargetPageKey(tmodel, targetName);
       return "".concat(pageKey, "_").concat(tmodel.oid, "_").concat(targetName);
     }
+  }, {
+    key: "createTModelEntry",
+    value: function createTModelEntry(tmodel, targetName) {
+      return {
+        pageKey: this.getTargetPageKey(tmodel, targetName),
+        oid: tmodel.oid,
+        targetName: targetName,
+        fetchMap: {},
+        entryCount: 0,
+        resultCount: 0,
+        errorCount: 0,
+        activeIndex: 0,
+        accessIndex: 0
+      };
+    }
   }, {
     key: "addToTModelKeyMap",
     value: function addToTModelKeyMap(tmodel, targetName, fetchId, cacheId, fetchMap) {
       var key = this.getTModelKey(tmodel, targetName);
       var loadTargetName = TUtil.getLoadTargetName(targetName);
       var loadingComplete = this.isLoadingComplete(tmodel, targetName);
-      if (loadingComplete || !this.tmodelKeyMap[key] || !tmodel.val(loadTargetName)) {
-        var _this$tmodelKeyMap, _this$tmodelKeyMap$ke;
-        (_this$tmodelKeyMap$ke = (_this$tmodelKeyMap = this.tmodelKeyMap)[key]) !== null && _this$tmodelKeyMap$ke !== void 0 ? _this$tmodelKeyMap$ke : _this$tmodelKeyMap[key] = {
-          fetchMap: {},
-          entryCount: 0,
-          resultCount: 0,
-          errorCount: 0,
-          activeIndex: 0,
-          accessIndex: 0
-        };
+      var modelEntry = this.tmodelKeyMap[key];
+      if (loadingComplete || !modelEntry || !Array.isArray(tmodel.val(loadTargetName))) {
+        modelEntry = this.createTModelEntry(tmodel, targetName);
+        this.tmodelKeyMap[key] = modelEntry;
         tmodel.val(loadTargetName, []);
       }
-      if (!this.tmodelKeyMap[key].fetchMap[fetchId]) {
-        this.tmodelKeyMap[key].fetchMap[fetchId] = {
-          fetchId: fetchId
-        };
-      }
-      this.tmodelKeyMap[key].fetchMap[fetchId].order = this.tmodelKeyMap[key].entryCount;
-      this.tmodelKeyMap[key].entryCount++;
+      modelEntry.fetchMap[fetchId] = {
+        fetchId: fetchId,
+        order: modelEntry.entryCount
+      };
+      modelEntry.entryCount++;
       tmodel.val(loadTargetName).push(undefined);
       if (cacheId && this.isFetched(cacheId)) {
         fetchMap[fetchId].startTime = TUtil.now();
         this.handleSuccess(fetchMap[fetchId], this.cacheMap[cacheId].result);
       }
     }
+  }, {
+    key: "getPendingRequestSnapshots",
+    value: function getPendingRequestSnapshots(fetchMap) {
+      var _this4 = this;
+      return Object.values(fetchMap).map(function (fetchStatus) {
+        return {
+          cacheId: fetchStatus.cacheId,
+          request: StateUtil.encodeValue(fetchStatus.request),
+          targets: fetchStatus.targets.map(function (_ref) {
+            var _entry$fetchMap;
+            var tmodel = _ref.tmodel,
+              targetName = _ref.targetName;
+            var key = _this4.getTModelKey(tmodel, targetName);
+            var entry = _this4.tmodelKeyMap[key];
+            var fetchEntry = entry === null || entry === void 0 || (_entry$fetchMap = entry.fetchMap) === null || _entry$fetchMap === void 0 ? void 0 : _entry$fetchMap[fetchStatus.fetchId];
+            return {
+              oid: tmodel.oid,
+              targetName: targetName,
+              order: fetchEntry === null || fetchEntry === void 0 ? void 0 : fetchEntry.order
+            };
+          }).filter(function (target) {
+            return Number.isFinite(target.order);
+          })
+        };
+      });
+    }
   }, {
     key: "removeFromTModelKeyMap",
     value: function removeFromTModelKeyMap(tmodel, targetName) {
@@ -291,7 +346,10 @@ var LoadingManager = /*#__PURE__*/function () {
   }, {
     key: "handleSuccess",
     value: function handleSuccess(fetchStatus, result) {
-      var _this4 = this;
+      var _this5 = this;
+      if (fetchStatus.epoch !== this.runtimeEpoch) {
+        return;
+      }
       var fetchTime = TUtil.now();
       var fetchId = fetchStatus.fetchId,
         cacheId = fetchStatus.cacheId,
@@ -303,17 +361,17 @@ var LoadingManager = /*#__PURE__*/function () {
         success: true,
         result: result
       };
-      targets.forEach(function (_ref) {
-        var tmodel = _ref.tmodel,
-          targetName = _ref.targetName;
-        var key = _this4.getTModelKey(tmodel, targetName);
-        var tmodelEntry = _this4.tmodelKeyMap[key];
+      targets.forEach(function (_ref2) {
+        var tmodel = _ref2.tmodel,
+          targetName = _ref2.targetName;
+        var key = _this5.getTModelKey(tmodel, targetName);
+        var tmodelEntry = _this5.tmodelKeyMap[key];
         var loadTargetName = TUtil.getLoadTargetName(targetName);
         if (!tmodelEntry || !tmodelEntry.fetchMap[fetchId]) {
           return;
         }
         var fetchEntry = tmodelEntry.fetchMap[fetchId];
-        _this4.callOnSuccessHandler(tmodel, targetName, _objectSpread(_objectSpread({}, res), {}, {
+        _this5.callOnSuccessHandler(tmodel, targetName, _objectSpread(_objectSpread({}, res), {}, {
           order: fetchEntry.order
         }));
         var targetResults = tmodel.val(loadTargetName);
@@ -324,7 +382,7 @@ var LoadingManager = /*#__PURE__*/function () {
           targetResults[fetchEntry.order] = res.result;
         }
         tmodel.val(targetName, res.result);
-        var newStatus = _this4.calculateTargetStatus(tmodel, targetName);
+        var newStatus = _this5.calculateTargetStatus(tmodel, targetName);
         tmodel.setTargetStatus(targetName, newStatus);
         tmodel.setLastUpdate(targetName);
         TargetUtil.shouldActivateNextTarget(tmodel, targetName);
@@ -338,18 +396,21 @@ var LoadingManager = /*#__PURE__*/function () {
   }, {
     key: "handleError",
     value: function handleError(fetchStatus, error) {
-      var _this5 = this;
+      var _this6 = this;
+      if (fetchStatus.epoch !== this.runtimeEpoch) {
+        return;
+      }
       var fetchTime = TUtil.now();
       var fetchId = fetchStatus.fetchId,
         cacheId = fetchStatus.cacheId,
         startTime = fetchStatus.startTime,
         targets = fetchStatus.targets,
         fetchMap = fetchStatus.fetchMap;
-      targets.forEach(function (_ref2) {
-        var tmodel = _ref2.tmodel,
-          targetName = _ref2.targetName;
-        var key = _this5.getTModelKey(tmodel, targetName);
-        var tmodelEntry = _this5.tmodelKeyMap[key];
+      targets.forEach(function (_ref3) {
+        var tmodel = _ref3.tmodel,
+          targetName = _ref3.targetName;
+        var key = _this6.getTModelKey(tmodel, targetName);
+        var tmodelEntry = _this6.tmodelKeyMap[key];
         var loadTargetName = TUtil.getLoadTargetName(targetName);
         if (!tmodelEntry || !tmodelEntry.fetchMap[fetchId]) {
           return;
@@ -370,8 +431,8 @@ var LoadingManager = /*#__PURE__*/function () {
         }
         tmodel.val(targetName, res);
         tmodelEntry.errorCount++;
-        _this5.callOnErrorHandler(tmodel, targetName);
-        var newStatus = _this5.calculateTargetStatus(tmodel, targetName);
+        _this6.callOnErrorHandler(tmodel, targetName);
+        var newStatus = _this6.calculateTargetStatus(tmodel, targetName);
         tmodel.setTargetStatus(targetName, newStatus);
         tmodel.setLastUpdate(targetName);
         TargetUtil.shouldActivateNextTarget(tmodel, targetName);
@@ -421,8 +482,8 @@ var LoadingManager = /*#__PURE__*/function () {
   }, {
     key: "ajaxAPI",
     value: function ajaxAPI(url, query, fetchStatus) {
-      var _this6 = this,
-        _ref3,
+      var _this7 = this,
+        _ref4,
         _opts$method,
         _opts$dataType;
       var defaults = {
@@ -430,10 +491,10 @@ var LoadingManager = /*#__PURE__*/function () {
         dataType: "json",
         type: "GET",
         success: function success(dataList) {
-          return _this6.handleSuccess(fetchStatus, dataList);
+          return _this7.handleSuccess(fetchStatus, dataList);
         },
         error: function error(textStatus) {
-          return _this6.handleError(fetchStatus, textStatus);
+          return _this7.handleError(fetchStatus, textStatus);
         }
       };
       var isPlainObj = function isPlainObj(q) {
@@ -463,7 +524,7 @@ var LoadingManager = /*#__PURE__*/function () {
         }
       }
       var final = _objectSpread(_objectSpread(_objectSpread({}, defaults), opts), {}, {
-        type: (_ref3 = (_opts$method = opts.method) !== null && _opts$method !== void 0 ? _opts$method : opts.type) !== null && _ref3 !== void 0 ? _ref3 : defaults.type,
+        type: (_ref4 = (_opts$method = opts.method) !== null && _opts$method !== void 0 ? _opts$method : opts.type) !== null && _ref4 !== void 0 ? _ref4 : defaults.type,
         dataType: (_opts$dataType = opts.dataType) !== null && _opts$dataType !== void 0 ? _opts$dataType : defaults.dataType
       });
       if (!("data" in final) && Object.keys(dataBag).length) {
@@ -474,7 +535,7 @@ var LoadingManager = /*#__PURE__*/function () {
   }, {
     key: "loadImage",
     value: function loadImage(src, fetchStatus) {
-      var _this7 = this;
+      var _this8 = this;
       var image = new Image();
       image.src = src;
       image.onload = function () {
@@ -483,11 +544,153 @@ var LoadingManager = /*#__PURE__*/function () {
           height: image.height,
           src: image.src
         };
-        _this7.handleSuccess(fetchStatus, result);
+        _this8.handleSuccess(fetchStatus, result);
       };
       image.onerror = function () {
-        _this7.handleError(fetchStatus, "not found");
+        _this8.handleError(fetchStatus, "not found");
+      };
+    }
+  }, {
+    key: "createRuntimeSnapshot",
+    value: function createRuntimeSnapshot() {
+      return {
+        cacheMap: StateUtil.encodeValue(this.cacheMap),
+        entries: Object.values(this.tmodelKeyMap).map(function (entry) {
+          return {
+            pageKey: entry.pageKey,
+            oid: entry.oid,
+            targetName: entry.targetName,
+            entryCount: entry.entryCount,
+            resultCount: entry.resultCount,
+            errorCount: entry.errorCount,
+            activeIndex: entry.activeIndex,
+            accessIndex: entry.accessIndex
+          };
+        }),
+        pendingRequests: [].concat(_toConsumableArray(this.getPendingRequestSnapshots(this.fetchingAPIMap)), _toConsumableArray(this.getPendingRequestSnapshots(this.fetchingImageMap)))
+      };
+    }
+  }, {
+    key: "restorePendingRequest",
+    value: function restorePendingRequest(savedRequest, tmodelIdMap) {
+      var request = StateUtil.decodeValue(savedRequest.request, tmodelIdMap);
+      var targets = [];
+      var _iterator = _createForOfIteratorHelper(savedRequest.targets || []),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var savedTarget = _step.value;
+          var _tmodel = tmodelIdMap[savedTarget.oid];
+          if (!_tmodel) {
+            continue;
+          }
+          var _key = this.getTModelKey(_tmodel, savedTarget.targetName);
+          var _modelEntry = this.tmodelKeyMap[_key];
+          if (!_modelEntry) {
+            continue;
+          }
+          targets.push({
+            tmodel: _tmodel,
+            targetName: savedTarget.targetName,
+            order: savedTarget.order
+          });
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      if (!targets.length) {
+        return;
+      }
+      var fetchId = "restored_".concat(++this.fetchSeq);
+      var fetchMap = request.type === "image" ? this.fetchingImageMap : this.fetchingAPIMap;
+      var fetchStatus = {
+        fetchId: fetchId,
+        cacheId: savedRequest.cacheId,
+        request: request,
+        startTime: TUtil.now(),
+        epoch: this.runtimeEpoch,
+        targets: targets.map(function (_ref5) {
+          var tmodel = _ref5.tmodel,
+            targetName = _ref5.targetName;
+          return {
+            tmodel: tmodel,
+            targetName: targetName
+          };
+        }),
+        fetchMap: fetchMap
       };
+      fetchMap[fetchId] = fetchStatus;
+      for (var _i2 = 0, _targets = targets; _i2 < _targets.length; _i2++) {
+        var _targets$_i = _targets[_i2],
+          tmodel = _targets$_i.tmodel,
+          targetName = _targets$_i.targetName,
+          order = _targets$_i.order;
+        var key = this.getTModelKey(tmodel, targetName);
+        var modelEntry = this.tmodelKeyMap[key];
+        modelEntry.fetchMap[fetchId] = {
+          fetchId: fetchId,
+          order: order
+        };
+      }
+      if (savedRequest.cacheId && this.isFetched(savedRequest.cacheId)) {
+        this.handleSuccess(fetchStatus, this.cacheMap[savedRequest.cacheId].result);
+        return;
+      }
+      if (request.type === "image") {
+        this.loadImage(request.src, fetchStatus);
+      } else {
+        this.ajaxAPI(request.url, request.query, fetchStatus);
+      }
+    }
+  }, {
+    key: "restoreRuntimeSnapshot",
+    value: function restoreRuntimeSnapshot(snapshot, tmodelIdMap) {
+      this.clear();
+      this.cacheMap = StateUtil.decodeValue((snapshot === null || snapshot === void 0 ? void 0 : snapshot.cacheMap) || {}, tmodelIdMap);
+      this.tmodelKeyMap = {};
+      this.targetPageKeyMap = new WeakMap();
+      var _iterator2 = _createForOfIteratorHelper((snapshot === null || snapshot === void 0 ? void 0 : snapshot.entries) || []),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var savedEntry = _step2.value;
+          var tmodel = tmodelIdMap[savedEntry.oid];
+          if (!tmodel) {
+            continue;
+          }
+          this.setTargetPageKey(tmodel, savedEntry.targetName, savedEntry.pageKey);
+          var key = this.getTModelKey(tmodel, savedEntry.targetName);
+          this.tmodelKeyMap[key] = {
+            pageKey: savedEntry.pageKey,
+            oid: savedEntry.oid,
+            targetName: savedEntry.targetName,
+            fetchMap: {},
+            entryCount: savedEntry.entryCount,
+            resultCount: savedEntry.resultCount,
+            errorCount: savedEntry.errorCount,
+            activeIndex: savedEntry.activeIndex,
+            accessIndex: savedEntry.accessIndex
+          };
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+      var _iterator3 = _createForOfIteratorHelper((snapshot === null || snapshot === void 0 ? void 0 : snapshot.pendingRequests) || []),
+        _step3;
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var pendingRequest = _step3.value;
+          this.restorePendingRequest(pendingRequest, tmodelIdMap);
+        }
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
+      }
     }
   }]);
 }();