@next-core/brick-kit 2.109.0 → 2.111.1

package/dist/index.esm.js

@@ -4,7 +4,7 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import _asyncToGenerator$4 from '@babel/runtime/helpers/asyncToGenerator';
 import _defineProperty$1 from '@babel/runtime/helpers/defineProperty';
 import React, { useState, useEffect, useRef, forwardRef, useImperativeHandle, useMemo, useContext, createContext, useReducer, useCallback } from 'react';
-import { JsonStorage, toPath, computeRealRoutePath, hasOwnProperty, isObject, isEvaluable, transformAndInject, transform, trackContext, trackState, scanPermissionActionsInStoryboard, precookFunction, cook, resolveContextConcurrently, syncResolveContextConcurrently, shouldAllowRecursiveEvaluations, preevaluate, inject, deepFreeze, createProviderClass, scanRouteAliasInStoryboard, loadScript, getTemplateDepsOfStoryboard, getDllAndDepsOfStoryboard, asyncProcessStoryboard, prefetchScript, scanBricksInBrickConf, scanProcessorsInAny, getDllAndDepsByResource, matchPath, asyncProcessBrick, restoreDynamicTemplates, mapCustomApisToNameAndNamespace, scanCustomApisInStoryboard } from '@next-core/brick-utils';
+import { JsonStorage, toPath, computeRealRoutePath, hasOwnProperty, isObject, isEvaluable, transformAndInject, transform, trackContext, trackState, scanPermissionActionsInStoryboard, precookFunction, cook, resolveContextConcurrently, syncResolveContextConcurrently, shouldAllowRecursiveEvaluations, preevaluate, inject, deepFreeze, createProviderClass, scanRouteAliasInStoryboard, loadScript, getTemplateDepsOfStoryboard, getDllAndDepsOfStoryboard, asyncProcessStoryboard, prefetchScript, scanBricksInBrickConf, scanProcessorsInAny, getDllAndDepsByResource, matchPath, scanAppGetMenuInAny, asyncProcessBrick, restoreDynamicTemplates, mapCustomApisToNameAndNamespace, scanCustomApisInStoryboard } from '@next-core/brick-utils';
 import lodash, { set, get, difference, identity, uniqueId, cloneDeep, isNil, sortBy, merge, orderBy, omit, clamp, isEmpty, noop, isObject as isObject$1, isString } from 'lodash';
 import { http, HttpResponseError, HttpFetchError } from '@next-core/brick-http';
 import moment from 'moment';
@@ -636,12 +636,6 @@ function supplyIndividual(variableName) {
     case "PIPES":
       return pipes;
 
-    case "location":
-      return {
-        href: location.href,
-        origin: location.origin
-      };
-
     case "TAG_URL":
       return tagUrlFactory(true);
 
@@ -1511,6 +1505,39 @@ function resetPermissionPreChecks() {
   permissionMap.clear();
 }
 
+var THROW = () => {
+  throw new Error("Can't modify read-only proxy object");
+};
+
+var readOnlyHandler = {
+  set: THROW,
+  defineProperty: THROW,
+  deleteProperty: THROW,
+  setPrototypeOf: THROW
+};
+function getReadOnlyProxy(object) {
+  return new Proxy(object, readOnlyHandler);
+} // First, we want to make accessing property of globals lazy,
+// So we use *Proxy* to make a dynamic accessor for each of these globals.
+// But we also want to keep them working in devtools.
+
+function getDynamicReadOnlyProxy(_ref) {
+  var {
+    get,
+    ownKeys
+  } = _ref;
+
+  if (getDevHook()) {
+    // In devtools, we extract them at beginning.
+    var target = Object.fromEntries(ownKeys(null).map(key => [key, get(null, key, null)]));
+    return getReadOnlyProxy(target);
+  }
+
+  return new Proxy(Object.freeze({}), {
+    get
+  });
+}
+
 // `GeneralGlobals` are globals which are page-state-agnostic,
 // thus they can be used both in storyboard expressions and functions.
 function getGeneralGlobals(attemptToVisitGlobals, options) {
@@ -1532,7 +1559,8 @@ function getIndividualGlobal(variableName, _ref) {
     collectCoverage,
     widgetId,
     app,
-    storyboardFunctions
+    storyboardFunctions,
+    isStoryboardFunction
   } = _ref;
 
   switch (variableName) {
@@ -1560,6 +1588,18 @@ function getIndividualGlobal(variableName, _ref) {
       return {
         getTheme: collectCoverage ? () => "light" : getTheme
       };
+
+    case "console":
+      return isStoryboardFunction ? getReadOnlyProxy(console) : undefined;
+
+    case "location":
+      return collectCoverage ? {
+        href: "http://localhost:3000/functions/test",
+        origin: "http://localhost:3000"
+      } : {
+        href: location.href,
+        origin: location.origin
+      };
   }
 }
 
@@ -1646,7 +1686,8 @@ function StoryboardFunctionRegistryFactory() {
         collectCoverage,
         widgetId,
         app: currentApp,
-        storyboardFunctions
+        storyboardFunctions,
+        isStoryboardFunction: true
       })),
       hooks: collector && {
         beforeEvaluate: collector.beforeEvaluate,
@@ -1700,39 +1741,6 @@ function registerWidgetFunctions(widgetId, functions) {
   registerStoryboardFunctions(functions);
 }
 
-var THROW = () => {
-  throw new Error("Can't modify read-only proxy object");
-};
-
-var readOnlyHandler = {
-  set: THROW,
-  defineProperty: THROW,
-  deleteProperty: THROW,
-  setPrototypeOf: THROW
-};
-function getReadOnlyProxy(object) {
-  return new Proxy(object, readOnlyHandler);
-} // First, we want to make accessing property of globals lazy,
-// So we use *Proxy* to make a dynamic accessor for each of these globals.
-// But we also want to keep them working in devtools.
-
-function getDynamicReadOnlyProxy(_ref) {
-  var {
-    get,
-    ownKeys
-  } = _ref;
-
-  if (getDevHook()) {
-    // In devtools, we extract them at beginning.
-    var target = Object.fromEntries(ownKeys(null).map(key => [key, get(null, key, null)]));
-    return getReadOnlyProxy(target);
-  }
-
-  return new Proxy(Object.freeze({}), {
-    get
-  });
-}
-
 /*! (c) Andrea Giammarchi - ISC */
 var self = {};
 
@@ -2327,7 +2335,9 @@ function evaluate(raw) {
         return hash ? hash.substr(1) : null;
 
       case "APP":
-        return cloneDeep(app);
+        return _objectSpread(_objectSpread({}, cloneDeep(app)), {}, {
+          getMenu
+        });
 
       case "CTX":
         return getDynamicReadOnlyProxy({
@@ -2684,7 +2694,19 @@ function _constructMenu() {
   return _constructMenu.apply(this, arguments);
 }
 
-function fetchMenuById(_x4, _x5) {
+function constructMenuByMenusList(_x4, _x5, _x6) {
+  return _constructMenuByMenusList.apply(this, arguments);
+}
+
+function _constructMenuByMenusList() {
+  _constructMenuByMenusList = _asyncToGenerator$4(function* (menus, context, kernel) {
+    yield Promise.all(menus.map(menuId => processMenu(menuId, context, kernel)));
+  });
+  return _constructMenuByMenusList.apply(this, arguments);
+}
+
+var getMenu = menuId => menuCache.get(menuId);
+function fetchMenuById(_x7, _x8) {
   return _fetchMenuById.apply(this, arguments);
 }
 
@@ -2790,7 +2812,7 @@ function processGroupInject(items, menu, injectWithMenus) {
   });
 }
 
-function loadDynamicMenuItems(_x6) {
+function loadDynamicMenuItems(_x9) {
   return _loadDynamicMenuItems.apply(this, arguments);
 }
 
@@ -2808,7 +2830,7 @@ function _loadDynamicMenuItems() {
   return _loadDynamicMenuItems.apply(this, arguments);
 }
 
-function processMenu(_x7, _x8, _x9, _x10) {
+function processMenu(_x10, _x11, _x12, _x13) {
   return _processMenu.apply(this, arguments);
 }
 
@@ -2867,13 +2889,13 @@ function computeMenuItemsWithOverrideApp(items, context, kernel) {
       });
     });
 
-    return function (_x11) {
+    return function (_x14) {
       return _ref2.apply(this, arguments);
     };
   }()));
 }
 
-function processMenuTitle(_x12) {
+function processMenuTitle(_x15) {
   return _processMenuTitle.apply(this, arguments);
 }
 
@@ -2968,7 +2990,7 @@ function requireOverrideApp(data) {
   return false;
 }
 
-function computeRealValueWithOverrideApp(_x13, _x14, _x15, _x16) {
+function computeRealValueWithOverrideApp(_x16, _x17, _x18, _x19) {
   return _computeRealValueWithOverrideApp.apply(this, arguments);
 }
 
@@ -8740,6 +8762,12 @@ class LocationContext {
           if (isRouteConfOfRoutes(route) && Array.isArray(route.routes)) {
             yield _this.mountRoutes(route.routes, slotId, mountRoutesResult);
           } else if (isRouteConfOfBricks(route) && Array.isArray(route.bricks)) {
+            var useMenus = scanAppGetMenuInAny(route);
+
+            if (useMenus.length) {
+              yield constructMenuByMenusList(useMenus, _this.getCurrentContext(), _this.kernel);
+            }
+
             yield _this.mountBricks(route.bricks, matched.match, slotId, mountRoutesResult); // analytics data (page_view event)
 
             if (route.analyticsData) {