@next-core/brick-kit 2.199.1 → 2.199.3

package/dist/index.esm.js

@@ -4,7 +4,7 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import _defineProperty$1 from '@babel/runtime/helpers/defineProperty';
 import _asyncToGenerator$3 from '@babel/runtime/helpers/asyncToGenerator';
 import _, { escapeRegExp, set, get, difference, identity, uniqueId, isNil, isEmpty, merge, sortBy, cloneDeep, clamp, orderBy, pick, isObject as isObject$1, uniq, omit, findLastIndex, noop, isString as isString$1 } from 'lodash';
-import { toPath, computeRealRoutePath, hasOwnProperty, isObject, isEvaluable, isTrackAll, trackAll, trackContext, trackState, trackFormState, transformAndInject, transform, JsonStorage, scanPermissionActionsInStoryboard, precookFunction, cook, collectContextUsage, deferResolveContextConcurrently, resolveContextConcurrently, syncResolveContextConcurrently, trackUsedFormState, trackUsedState, trackUsedContext, scanPermissionActionsInAny, deepFreeze, scanProcessorsInAny, preevaluate, shouldAllowRecursiveEvaluations, inject, matchPath, asyncProcessBrick, createProviderClass, removeDeadConditionsInTpl, getTemplateDepsOfStoryboard, getDllAndDepsOfStoryboard, asyncProcessStoryboard, getDllAndDepsByResource, scanRouteAliasInStoryboard, snippetEvaluate, scanCustomApisInStoryboard, prefetchScript, scanBricksInBrickConf, loadScript, scanAppGetMenuInAny, scanInstalledAppsInStoryboard, removeDeadConditions, restoreDynamicTemplates, scanStoryboard, mapCustomApisToNameAndNamespace } from '@next-core/brick-utils';
+import { toPath, computeRealRoutePath, hasOwnProperty, isObject, isEvaluable, isTrackAll, trackAll, trackContext, trackState, trackFormState, transformAndInject, transform, JsonStorage, scanPermissionActionsInStoryboard, precookFunction, cook, collectContextUsage, deferResolveContextConcurrently, resolveContextConcurrently, syncResolveContextConcurrently, trackUsedFormState, trackUsedState, trackUsedContext, scanPermissionActionsInAny, deepFreeze, scanProcessorsInAny, preevaluate, shouldAllowRecursiveEvaluations, inject, matchPath, asyncProcessBrick, createProviderClass, removeDeadConditionsInTpl, getTemplateDepsOfStoryboard, getDllAndDepsOfStoryboard, asyncProcessStoryboard, getDllAndDepsByResource, scanRouteAliasInStoryboard, snippetEvaluate, scanCustomApisInStoryboard, prefetchScript, scanBricksInBrickConf, loadScript, scanAppGetMenuInAny, scanInstalledAppsInStoryboard, clearExpressionASTCache, clearFunctionASTCache, removeDeadConditions, restoreDynamicTemplates, scanStoryboard, mapCustomApisToNameAndNamespace } from '@next-core/brick-utils';
 import moment from 'moment';
 import { pipes } from '@next-core/pipes';
 import i18next, { getFixedT } from 'i18next';
@@ -1432,9 +1432,16 @@ function StoryboardFunctionRegistryFactory() {
     }
   });
   var currentApp;
+  var needPerf = false;
   function registerStoryboardFunctions(functions, app) {
     if (app) {
+      var _app$config, _app$config$settings;
       currentApp = app;
+      needPerf = app === null || app === void 0 ? void 0 : (_app$config = app.config) === null || _app$config === void 0 ? void 0 : (_app$config$settings = _app$config.settings) === null || _app$config$settings === void 0 ? void 0 : _app$config$settings.perfStoryboardFunctions;
+      if (needPerf) {
+        // Clear perf data when initialize functions.
+        window.STORYBOARD_FUNCTIONS_PERF = [];
+      }
     }
     registeredFunctions.clear();
     if (Array.isArray(functions)) {
@@ -1459,6 +1466,7 @@ function StoryboardFunctionRegistryFactory() {
       collector = collectCoverage.createCollector(name);
     }
     var precooked = precookFunction(fn.source, {
+      cacheKey: fn,
       typescript: fn.typescript,
       hooks: collector && {
         beforeVisit: collector.beforeVisit
@@ -1476,11 +1484,15 @@ function StoryboardFunctionRegistryFactory() {
         storyboardFunctions,
         isStoryboardFunction: true
       }), !!collectCoverage),
-      hooks: collector && {
+      hooks: _objectSpread({
+        perfCall: needPerf ? duration => {
+          perf(name, fn.source, duration);
+        } : undefined
+      }, collector ? {
         beforeEvaluate: collector.beforeEvaluate,
         beforeCall: collector.beforeCall,
         beforeBranch: collector.beforeBranch
-      }
+      } : null)
     });
     fn.processed = true;
     return fn.cooked;
@@ -1496,6 +1508,19 @@ function StoryboardFunctionRegistryFactory() {
     }
   };
 }
+function perf(name, source, duration) {
+  var _window, _window$STORYBOARD_FU;
+  var list = (_window$STORYBOARD_FU = (_window = window).STORYBOARD_FUNCTIONS_PERF) !== null && _window$STORYBOARD_FU !== void 0 ? _window$STORYBOARD_FU : _window.STORYBOARD_FUNCTIONS_PERF = [];
+  var data = list.find(item => item.name === name);
+  if (!data) {
+    list.push(data = {
+      name,
+      durations: [],
+      source
+    });
+  }
+  data.durations.push(Math.round(duration * 1000));
+}
 
 var {
   storyboardFunctions,
@@ -2704,7 +2729,9 @@ function attemptToVisit(data, globals) {
       if (globals.some(key => data.includes(key))) {
         var {
           attemptToVisitGlobals
-        } = preevaluate(data);
+        } = preevaluate(data, {
+          cache: true
+        });
         return globals.some(key => attemptToVisitGlobals.has(key));
       }
     } else if (globals.includes("APP")) {
@@ -2873,7 +2900,9 @@ function evaluate(raw) {
   // A `SyntaxError` maybe thrown.
   var precooked;
   try {
-    precooked = preevaluate(raw);
+    precooked = preevaluate(raw, {
+      cache: true
+    });
   } catch (error) {
     var message = "".concat(error.message, ", in \"").concat(raw, "\"");
     if (options.isReEvaluation) {
@@ -12069,7 +12098,7 @@ class Router {
   render(location) {
     var _this3 = this;
     return _asyncToGenerator$3(function* () {
-      var _apiAnalyzer$getInsta, _storyboard$app, _this3$kernel$previou, _currentApp$config, _currentApp$config$_e, _this3$kernel$bootstr, _this3$kernel$bootstr2, _getLocalAppsTheme, _storyboard$app$homep, _storyboard$app2;
+      var _apiAnalyzer$getInsta, _storyboard$app, _this3$kernel$previou, _currentApp, _currentApp2, _currentApp2$config, _currentApp2$config$_, _this3$kernel$bootstr, _this3$kernel$bootstr2, _getLocalAppsTheme, _currentApp3, _currentApp4, _storyboard$app$homep, _storyboard$app2;
       _this3.state = "initial";
       var renderId = _this3.renderId = uniqueId("render-id-");
       resetAllInjected();
@@ -12101,6 +12130,14 @@ class Router {
           version: storyboard.app.currentVersion
         });
       }
+      var previousApp = _this3.kernel.currentApp;
+      var currentApp = storyboard ? storyboard.app : undefined;
+      // Storyboard maybe re-assigned, e.g. when open launchpad.
+      var appChanged = previousApp && currentApp ? previousApp.id !== currentApp.id : previousApp !== currentApp;
+      clearExpressionASTCache();
+      if (appChanged) {
+        clearFunctionASTCache();
+      }
 
       /** Pending task for loading bricks */
       var pendingTask;
@@ -12147,18 +12184,15 @@ class Router {
         registerMock((_storyboard$meta2 = storyboard.meta) === null || _storyboard$meta2 === void 0 ? void 0 : _storyboard$meta2.mocks);
         registerFormRenderer();
         collectContract((_storyboard$meta3 = storyboard.meta) === null || _storyboard$meta3 === void 0 ? void 0 : _storyboard$meta3.contracts);
+
+        // `app` maybe fulfilled
+        currentApp = storyboard.app;
       }
-      var {
-        mountPoints,
-        currentApp: previousApp
-      } = _this3.kernel;
-      var currentApp = storyboard ? storyboard.app : undefined;
-      // Storyboard maybe re-assigned, e.g. when open launchpad.
-      var appChanged = previousApp && currentApp ? previousApp.id !== currentApp.id : previousApp !== currentApp;
+      var mountPoints = _this3.kernel.mountPoints;
       var legacy = currentApp ? currentApp.legacy : undefined;
-      var layoutType = (currentApp === null || currentApp === void 0 ? void 0 : currentApp.layoutType) || "console";
+      var layoutType = ((_currentApp = currentApp) === null || _currentApp === void 0 ? void 0 : _currentApp.layoutType) || "console";
       var faviconElement = document.querySelector("link[rel='shortcut icon']");
-      var customFaviconHref = currentApp === null || currentApp === void 0 ? void 0 : (_currentApp$config = currentApp.config) === null || _currentApp$config === void 0 ? void 0 : (_currentApp$config$_e = _currentApp$config._easyops_app_favicon) === null || _currentApp$config$_e === void 0 ? void 0 : _currentApp$config$_e.default;
+      var customFaviconHref = (_currentApp2 = currentApp) === null || _currentApp2 === void 0 ? void 0 : (_currentApp2$config = _currentApp2.config) === null || _currentApp2$config === void 0 ? void 0 : (_currentApp2$config$_ = _currentApp2$config._easyops_app_favicon) === null || _currentApp2$config$_ === void 0 ? void 0 : _currentApp2$config$_.default;
       var settingsFaviconHref = (_this3$kernel$bootstr = _this3.kernel.bootstrapData.settings) === null || _this3$kernel$bootstr === void 0 ? void 0 : (_this3$kernel$bootstr2 = _this3$kernel$bootstr.brand) === null || _this3$kernel$bootstr2 === void 0 ? void 0 : _this3$kernel$bootstr2.favicon;
       if (faviconElement) {
         if (customFaviconHref) {
@@ -12177,7 +12211,7 @@ class Router {
         transform: "translateY(-100px)",
         height: "calc(100vh - var(--app-bar-height))"
       };
-      setTheme(((_getLocalAppsTheme = getLocalAppsTheme()) === null || _getLocalAppsTheme === void 0 ? void 0 : _getLocalAppsTheme[currentApp === null || currentApp === void 0 ? void 0 : currentApp.id]) || (currentApp === null || currentApp === void 0 ? void 0 : currentApp.theme) || "light");
+      setTheme(((_getLocalAppsTheme = getLocalAppsTheme()) === null || _getLocalAppsTheme === void 0 ? void 0 : _getLocalAppsTheme[(_currentApp3 = currentApp) === null || _currentApp3 === void 0 ? void 0 : _currentApp3.id]) || ((_currentApp4 = currentApp) === null || _currentApp4 === void 0 ? void 0 : _currentApp4.theme) || "light");
       getRuntime().getFeatureFlags()["support-ui-8.2-compact-layout"] ? document.body.classList.add("compact-layout") : document.body.classList.remove("compact-layout");
       setMode("default");
       devtoolsHookEmit("rendering");
@@ -12373,12 +12407,12 @@ class Router {
         // When we have a matched route other than an abstract route,
         // we say *page found*, otherwise, *page not found*.
         if (route && route.type !== "routes" || failed) {
-          var _this3$kernel$bootstr3, _this3$kernel$bootstr4, _getAuth$license;
+          var _currentApp5, _this3$kernel$bootstr3, _this3$kernel$bootstr4, _getAuth$license;
           if (!failed) {
             yield pendingTask;
           }
           window.DISABLE_REACT_FLUSH_SYNC = false;
-          setUIVersion(currentApp === null || currentApp === void 0 ? void 0 : currentApp.uiVersion);
+          setUIVersion((_currentApp5 = currentApp) === null || _currentApp5 === void 0 ? void 0 : _currentApp5.uiVersion);
           main.length > 0 && mountTree(main, mountPoints.main);
           portal.length > 0 && mountTree(portal, mountPoints.portal);
           afterMountTree(mountPoints.main);