@next-core/brick-kit 2.181.2 → 2.183.0

package/dist/index.bundle.js

@@ -1932,7 +1932,7 @@
       return;
     }
     updateValue(name, value, method, callback) {
-      var _item$eventTarget2;
+      var _item$eventTarget;
       if (!this.data.has(name)) {
         if (this.tplContextId) {
           throw new Error("State not found: ".concat(name));
@@ -1953,8 +1953,8 @@
         return;
       }
       if (method === "refresh" || method === "load") {
-        if (!item.load) {
-          throw new Error("You can not ".concat(method, " the storyboard context \"").concat(name, "\" which has no resolve."));
+        if (!item.useResolve) {
+          throw new Error("You can not ".concat(method, " the storyboard context \"").concat(name, "\" which is not using resolve."));
         }
         var promise;
         if (method === "load") {
@@ -1978,12 +1978,7 @@
           }, value));
           // Do not use the chained promise, since the callbacks need the original promise.
           promise.then(val => {
-            var _item$eventTarget;
-            item.loaded = true;
-            item.value = val;
-            (_item$eventTarget = item.eventTarget) === null || _item$eventTarget === void 0 ? void 0 : _item$eventTarget.dispatchEvent(new CustomEvent(this.eventName, {
-              detail: item.value
-            }));
+            this.finishLoad(item, val);
           }, err => {
             // Let users to override error handling.
             if (!shouldDismiss(err) && !(callback !== null && callback !== void 0 && callback.error)) {
@@ -2019,10 +2014,24 @@
         }
       }
       if (this.batchUpdate) return;
-      (_item$eventTarget2 = item.eventTarget) === null || _item$eventTarget2 === void 0 ? void 0 : _item$eventTarget2.dispatchEvent(new CustomEvent(this.eventName, {
+      (_item$eventTarget = item.eventTarget) === null || _item$eventTarget === void 0 ? void 0 : _item$eventTarget.dispatchEvent(new CustomEvent(this.eventName, {
         detail: item.value
       }));
     }
+    finishLoad(item, value) {
+      var _item$eventTarget2;
+      if (!item.useResolve) {
+        // This happens when a tracked conditional resolve switches from
+        // resolve to fallback after an dep update triggered refresh but
+        // before it's been resolved.
+        return;
+      }
+      item.loaded = true;
+      item.value = value;
+      (_item$eventTarget2 = item.eventTarget) === null || _item$eventTarget2 === void 0 ? void 0 : _item$eventTarget2.dispatchEvent(new CustomEvent(this.eventName, {
+        detail: value
+      }));
+    }
     waitForUsedContext(data) {
       var _this = this;
       return _asyncToGenerator__default["default"](function* () {
@@ -2065,11 +2074,7 @@
           // An async data always has `loading`
           // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
           item.loading.then(value => {
-            item.loaded = true;
-            item.value = value;
-            item.eventTarget.dispatchEvent(new CustomEvent(this.eventName, {
-              detail: value
-            }));
+            this.finishLoad(item, value);
           });
         }
       });
@@ -2158,14 +2163,24 @@
         return false;
       }
       var isTemplateState = !!storyboardContextWrapper.tplContextId;
+      var isFormState = !!storyboardContextWrapper.formContextId;
       var value = getDefinedTemplateState(isTemplateState, contextConf, brick);
       var load = null;
       var loading;
-      var resolvePolicy = "eager";
+      var useResolve;
+      var trackConditionalResolve;
+      var resolvePolicy;
       if (value === undefined) {
         if (contextConf.resolve) {
+          var hasFallbackValue = brickUtils.hasOwnProperty(contextConf, "value");
+          // Track conditional resolve only if all matches:
+          //   - Track enabled
+          //   - Has fallback value
+          //   - Referencing other data in `resolve.if`
+          trackConditionalResolve = contextConf.track && hasFallbackValue && brickUtils.hasOwnProperty(contextConf.resolve, "if") && brickUtils.collectContextUsage(contextConf.resolve.if, isTemplateState ? "STATE" : isFormState ? "FORM_STATE" : "CTX").usedContexts.length > 0;
           yield storyboardContextWrapper.waitForUsedContext(contextConf.resolve.if);
-          if (looseCheckIf$1(contextConf.resolve, mergedContext)) {
+          useResolve = looseCheckIf$1(contextConf.resolve, mergedContext);
+          if (useResolve || trackConditionalResolve) {
             load = /*#__PURE__*/function () {
               var _ref = _asyncToGenerator__default["default"](function* (options) {
                 var valueConf = {};
@@ -2179,6 +2194,8 @@
                 return _ref.apply(this, arguments);
               };
             }();
+          }
+          if (useResolve) {
             // `async` take precedence over `lazy`
             resolvePolicy = contextConf.resolve.async && !isTemplateState ? "async" : contextConf.resolve.lazy ? "lazy" : "eager";
             if (resolvePolicy === "eager") {
@@ -2200,18 +2217,18 @@
                 console.error("unsupported lifecycle: \"".concat(lifecycleName, "\""));
               }
             }
-          } else if (!brickUtils.hasOwnProperty(contextConf, "value")) {
+          } else if (!hasFallbackValue) {
             return false;
           }
         }
-        if ((!load || resolvePolicy !== "eager") && contextConf.value !== undefined) {
+        if ((!useResolve || resolvePolicy !== "eager") && contextConf.value !== undefined) {
           yield storyboardContextWrapper.waitForUsedContext(contextConf.value);
           // If the context has no resolve, just use its `value`.
           // Or if the resolve is ignored or lazy, use its `value` as a fallback.
           value = computeRealValue(contextConf.value, mergedContext, true);
         }
       }
-      resolveFreeVariableValue(value, contextConf, mergedContext, storyboardContextWrapper, brick, load, resolvePolicy === "eager", loading, resolvePolicy === "async");
+      resolveFreeVariableValue(value, contextConf, mergedContext, storyboardContextWrapper, brick, load, resolvePolicy === "eager", loading, resolvePolicy === "async", useResolve, trackConditionalResolve);
       return true;
     });
     return _resolveNormalStoryboardContext.apply(this, arguments);
@@ -2235,12 +2252,13 @@
       return brick.properties[contextConf.name];
     }
   }
-  function resolveFreeVariableValue(value, contextConf, mergedContext, storyboardContextWrapper, brick, load, loaded, loading, async) {
+  function resolveFreeVariableValue(value, contextConf, mergedContext, storyboardContextWrapper, brick, load, loaded, loading, async, useResolve, trackConditionalResolve) {
     var newContext = {
       type: "free-variable",
       value,
       // This is required for tracking context, even if no `onChange` is specified.
       eventTarget: new EventTarget$1(),
+      useResolve,
       load,
       loaded,
       loading,
@@ -2260,13 +2278,14 @@
       var isTemplateState = !!storyboardContextWrapper.tplContextId;
       var isFormState = !!storyboardContextWrapper.formContextId;
       // Track its dependencies and auto update when each of them changed.
-      var deps = (isFormState ? brickUtils.trackUsedFormState : isTemplateState ? brickUtils.trackUsedState : brickUtils.trackUsedContext)(load ? contextConf.resolve : contextConf.value);
+      var deps = (isFormState ? brickUtils.trackUsedFormState : isTemplateState ? brickUtils.trackUsedState : brickUtils.trackUsedContext)(trackConditionalResolve ? [contextConf.resolve, contextConf.value] : load ? contextConf.resolve : contextConf.value);
       !load && (newContext.deps = deps);
       for (var dep of deps) {
         var _eventTarget;
         var ctx = storyboardContextWrapper.get().get(dep);
         ctx === null || ctx === void 0 ? void 0 : (_eventTarget = ctx.eventTarget) === null || _eventTarget === void 0 ? void 0 : _eventTarget.addEventListener(eventName, batchAddListener(() => {
-          if (load) {
+          newContext.useResolve = trackConditionalResolve ? looseCheckIf$1(contextConf.resolve, mergedContext) : !!load;
+          if (newContext.useResolve) {
             storyboardContextWrapper.updateValue(contextConf.name, {
               cache: "default"
             }, "refresh");
@@ -7207,14 +7226,14 @@
   }
   function _standaloneBootstrap() {
     _standaloneBootstrap = _asyncToGenerator__default["default"](function* () {
-      var requests = [brickHttp.http.get(window.BOOTSTRAP_FILE), brickHttp.http.get("".concat(window.APP_ROOT, "conf.yaml"), {
+      var requests = [window.BOOTSTRAP_UNION_FILE ? brickHttp.http.get(window.BOOTSTRAP_UNION_FILE) : brickHttp.http.get(window.BOOTSTRAP_FILE), window.BOOTSTRAP_UNION_FILE ? Promise.resolve("") : brickHttp.http.get("".concat(window.APP_ROOT, "conf.yaml"), {
         responseType: "text"
       }), BootstrapStandaloneApi_runtimeStandalone().catch(function (error) {
         // make it not crash when the backend service is not updated.
         // eslint-disable-next-line no-console
         console.warn("request runtime api from api-gateway failed: ", error, ", something might went wrong running standalone micro app");
         return;
-      })];
+      }), window.BOOTSTRAP_UNION_FILE ? brickHttp.http.get(window.BOOTSTRAP_FILE) : Promise.resolve(undefined)];
       if (!window.NO_AUTH_GUARD) {
         var matches;
         var appId = window.APP_ID || (window.APP_ROOT && (matches = window.APP_ROOT.match(/^(?:(?:\/next)?\/)?sa-static\/([^/]+)\/versions\//)) ? matches[1] : null);
@@ -7223,7 +7242,7 @@
           safeGetRuntimeMicroAppStandalone(appId);
         }
       }
-      var [bootstrapResult, confString, runtimeData] = yield Promise.all(requests);
+      var [bootstrapResult, confString, runtimeData, fullBootstrapDetail] = yield Promise.all(requests);
       var conf;
       try {
         conf = confString ? yaml__default["default"].safeLoad(confString, {
@@ -7278,12 +7297,34 @@
           }
         }
       }
+      mergeFullBootstrapDetail(bootstrapResult, fullBootstrapDetail);
       return _objectSpread__default["default"](_objectSpread__default["default"]({}, bootstrapResult), {}, {
         settings
       });
     });
     return _standaloneBootstrap.apply(this, arguments);
   }
+  function mergeFullBootstrapDetail(bootstrapResult, fullBootstrapDetail) {
+    if (fullBootstrapDetail) {
+      var {
+        storyboards
+      } = fullBootstrapDetail;
+      var {
+        routes,
+        meta,
+        app
+      } = storyboards[0];
+      var matchedStoryboard = bootstrapResult.storyboards.find(item => item.app.id === app.id);
+      if (matchedStoryboard) {
+        Object.assign(matchedStoryboard, {
+          routes,
+          meta,
+          app: _objectSpread__default["default"](_objectSpread__default["default"]({}, matchedStoryboard.app), app),
+          $$fullMerged: true
+        });
+      }
+    }
+  }
   var appRuntimeDataMap = new Map();
   function safeGetRuntimeMicroAppStandalone(_x) {
     return _safeGetRuntimeMicroAppStandalone.apply(this, arguments);
@@ -8981,6 +9022,23 @@
             $$fulfilled: true,
             $$fulfilling: null
           });
+          if (window.BOOTSTRAP_UNION_FILE && !storyboard.$$fullMerged) {
+            var fullBootstrapPath = "".concat(window.APP_ROOT, "-/").concat(storyboard.bootstrapFile);
+            var {
+              storyboards
+            } = yield brickHttp.http.get(fullBootstrapPath);
+            var {
+              routes,
+              meta,
+              app
+            } = storyboards[0];
+            Object.assign(storyboard, {
+              routes,
+              meta,
+              app: _objectSpread__default["default"](_objectSpread__default["default"]({}, storyboard.app), app),
+              $$fullMerged: true
+            });
+          }
           if (!window.NO_AUTH_GUARD) {
             var appRuntimeData;
             try {
@@ -9003,14 +9061,14 @@
           }
         } else {
           var {
-            routes,
-            meta,
-            app
+            routes: _routes,
+            meta: _meta,
+            app: _app
           } = yield BootstrapV2Api_getAppStoryboardV2(storyboard.app.id, {});
           Object.assign(storyboard, {
-            routes,
-            meta,
-            app: _objectSpread__default["default"](_objectSpread__default["default"]({}, storyboard.app), app),
+            routes: _routes,
+            meta: _meta,
+            app: _objectSpread__default["default"](_objectSpread__default["default"]({}, storyboard.app), _app),
             $$fulfilled: true,
             $$fulfilling: null
           });
@@ -11602,6 +11660,17 @@
     document.documentElement.dataset.ui = ui;
   }
 
+  function setAppVariable(params) {
+    var {
+      appId,
+      version
+    } = params;
+    if (window.APP_ROOT_TPL) {
+      window.APP_ID = appId;
+      window.APP_ROOT = window.APP_ROOT_TPL.replace("{id}", appId).replace("{version}", version);
+    }
+  }
+
   class Router {
     constructor(kernel) {
       _defineProperty__default["default"](this, "defaultCollapsed", false);
@@ -11746,7 +11815,7 @@
     render(location) {
       var _this3 = this;
       return _asyncToGenerator__default["default"](function* () {
-        var _apiAnalyzer$getInsta, _currentApp$config, _currentApp$config$_e, _this3$kernel$bootstr, _this3$kernel$bootstr2, _getLocalAppsTheme;
+        var _apiAnalyzer$getInsta, _storyboard$app, _this3$kernel$previou, _currentApp$config, _currentApp$config$_e, _this3$kernel$bootstr, _this3$kernel$bootstr2, _getLocalAppsTheme;
         _this3.state = "initial";
         var renderId = _this3.renderId = _.uniqueId("render-id-");
         resetAllInjected();
@@ -11767,6 +11836,14 @@
           return;
         }
         var storyboard = locationContext.matchStoryboard(_this3.kernel.bootstrapData.storyboards);
+        var currentAppId = storyboard === null || storyboard === void 0 ? void 0 : (_storyboard$app = storyboard.app) === null || _storyboard$app === void 0 ? void 0 : _storyboard$app.id;
+        //  dynamically change the value of the APP variable, if it's union app
+        if (window.BOOTSTRAP_UNION_FILE && currentAppId && currentAppId !== ((_this3$kernel$previou = _this3.kernel.previousApp) === null || _this3$kernel$previou === void 0 ? void 0 : _this3$kernel$previou.id)) {
+          setAppVariable({
+            appId: currentAppId,
+            version: storyboard.app.currentVersion
+          });
+        }
 
         /** Pending task for loading bricks */
         var pendingTask;