@next-core/brick-kit 2.88.1 → 2.90.0

package/dist/index.esm.js

@@ -5,10 +5,10 @@ import _asyncToGenerator$4 from '@babel/runtime/helpers/asyncToGenerator';
 import _defineProperty$2 from '@babel/runtime/helpers/defineProperty';
 import * as React from 'react';
 import React__default, { useState, useEffect, forwardRef, useRef, useImperativeHandle, useMemo, useContext, createContext } from 'react';
-import lodash, { set, get, difference, cloneDeep, isNil, sortBy, merge, clamp, uniqueId, orderBy, omit, isEmpty } from 'lodash';
+import lodash, { set, get, difference, identity, cloneDeep, isNil, sortBy, merge, clamp, uniqueId, orderBy, omit, isEmpty } from 'lodash';
 import { toPath, computeRealRoutePath, hasOwnProperty, isObject, isEvaluable, transformAndInject, transform, trackContext, scanPermissionActionsInStoryboard, precookFunction, cook, shouldAllowRecursiveEvaluations, preevaluate, inject, deepFreeze, createProviderClass, scanRouteAliasInStoryboard, loadScript, getTemplateDepsOfStoryboard, getDllAndDepsOfStoryboard, asyncProcessStoryboard, prefetchScript, scanBricksInBrickConf, scanProcessorsInAny, getDllAndDepsByResource, resolveContextConcurrently, matchPath, asyncProcessBrick, restoreDynamicTemplates, mapCustomApisToNameAndNamespace, scanCustomApisInStoryboard } from '@next-core/brick-utils';
 import { http, HttpResponseError, HttpFetchError } from '@next-core/brick-http';
-import i18next from 'i18next';
+import i18next, { getFixedT } from 'i18next';
 import moment from 'moment';
 import { pipes } from '@next-core/pipes';
 import { userAnalytics, apiAnalyzer } from '@next-core/easyops-analytics';
@@ -668,12 +668,12 @@ function getUrlBySegueFactory(app, segues) {
   };
 }
 
-function imagesFactory(app) {
+function imagesFactory(appId, isBuildPush) {
   return {
     get(name) {
       var _window$PUBLIC_ROOT;
 
-      return app.isBuildPush ? "api/gateway/object_store.object_store.GetObject/api/v1/objectStore/bucket/next-builder/object/".concat(name) : "".concat((_window$PUBLIC_ROOT = window.PUBLIC_ROOT) !== null && _window$PUBLIC_ROOT !== void 0 ? _window$PUBLIC_ROOT : "", "micro-apps/").concat(app.id, "/images/").concat(name);
+      return isBuildPush ? "api/gateway/object_store.object_store.GetObject/api/v1/objectStore/bucket/next-builder/object/".concat(name) : "".concat((_window$PUBLIC_ROOT = window.PUBLIC_ROOT) !== null && _window$PUBLIC_ROOT !== void 0 ? _window$PUBLIC_ROOT : "", "micro-apps/").concat(appId, "/images/").concat(name);
     }
 
   };
@@ -1372,11 +1372,55 @@ function i18nText(data) {
   }
 }
 
+var locale$7 = {
+  [K.REQUEST_FAILED]: "Request Failed",
+  [K.MODAL_OK]: "Ok",
+  [K.MODAL_CANCEL]: "Cancel",
+  [K.SOMETHING_WENT_WRONG]: "Something went wrong!",
+  [K.LOGIN_TIMEOUT_MESSAGE]: "You haven't logged in or your login session has expired. Login right now?",
+  [K.NETWORK_ERROR]: "Network error, please check your network."
+};
+var en = locale$7;
+
+var locale$6 = {
+  [K.REQUEST_FAILED]: "请求失败",
+  [K.MODAL_OK]: "确认",
+  [K.MODAL_CANCEL]: "取消",
+  [K.SOMETHING_WENT_WRONG]: "出现了一些问题！",
+  [K.LOGIN_TIMEOUT_MESSAGE]: "您还未登录或登录信息已过期，现在重新登录？",
+  [K.NETWORK_ERROR]: "网络错误，请检查您的网络连接。"
+};
+var zh = locale$6;
+
+/** @internal */
+
+var initI18n = () => {
+  i18next.addResourceBundle("en", NS_BRICK_KIT, en);
+  i18next.addResourceBundle("zh", NS_BRICK_KIT, zh);
+};
+/** @internal */
+
+function getI18nNamespace(type, id) {
+  return "$".concat(type, "-").concat(id);
+}
+
+function registerWidgetI18n(widgetId, i18n) {
+  var ns = getI18nNamespace("widget", widgetId);
+  Object.entries(i18n).forEach(_ref => {
+    var [lang, resources] = _ref;
+    i18next.addResourceBundle(lang, ns, resources);
+  });
+}
+function widgetI18nFactory(widgetId) {
+  return getFixedT(null, getI18nNamespace("widget", widgetId));
+}
+
 /** @internal */
 
 /** @internal */
 function StoryboardFunctionRegistryFactory() {
   var {
+    widgetId,
     collectCoverage
   } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var registeredFunctions = new Map(); // Use `Proxy` with a frozen target, to make a readonly function registry.
@@ -1388,7 +1432,30 @@ function StoryboardFunctionRegistryFactory() {
 
   });
 
-  function registerStoryboardFunctions(functions) {
+  var builtinSupply = _objectSpread({
+    // Functions can call other functions.
+    FN: storyboardFunctions
+  }, collectCoverage ? {
+    // Fake builtin methods for tests.
+    I18N: identity,
+    I18N_TEXT: fakeI18nText,
+    IMG: fakeImageFactory()
+  } : widgetId ? {
+    I18N: widgetI18nFactory(widgetId),
+    I18N_TEXT: i18nText,
+    IMG: widgetImagesFactory(widgetId)
+  } : {
+    I18N_TEXT: i18nText
+  });
+
+  function registerStoryboardFunctions(functions, app) {
+    if (app) {
+      Object.assign(builtinSupply, {
+        I18N: getFixedT(null, getI18nNamespace("app", app.id)),
+        IMG: imagesFactory(app.id, app.isBuildPush)
+      });
+    }
+
     registeredFunctions.clear();
 
     if (Array.isArray(functions)) {
@@ -1402,8 +1469,6 @@ function StoryboardFunctionRegistryFactory() {
   }
 
   function getStoryboardFunction(name) {
-    var _collector, _collector2, _collector3, _collector4;
-
     var fn = registeredFunctions.get(name);
 
     if (!fn) {
@@ -1422,22 +1487,19 @@ function StoryboardFunctionRegistryFactory() {
 
     var precooked = precookFunction(fn.source, {
       typescript: fn.typescript,
-      hooks: {
-        beforeVisit: (_collector = collector) === null || _collector === void 0 ? void 0 : _collector.beforeVisit
+      hooks: collector && {
+        beforeVisit: collector.beforeVisit
       }
     });
     fn.cooked = cook(precooked.function, fn.source, {
       rules: {
         noVar: true
       },
-      globalVariables: supply(precooked.attemptToVisitGlobals, {
-        // Functions can call other functions.
-        FN: storyboardFunctions
-      }),
-      hooks: {
-        beforeEvaluate: (_collector2 = collector) === null || _collector2 === void 0 ? void 0 : _collector2.beforeEvaluate,
-        beforeCall: (_collector3 = collector) === null || _collector3 === void 0 ? void 0 : _collector3.beforeCall,
-        beforeBranch: (_collector4 = collector) === null || _collector4 === void 0 ? void 0 : _collector4.beforeBranch
+      globalVariables: supply(precooked.attemptToVisitGlobals, builtinSupply),
+      hooks: collector && {
+        beforeEvaluate: collector.beforeEvaluate,
+        beforeCall: collector.beforeCall,
+        beforeBranch: collector.beforeBranch
       }
     });
     fn.processed = true;
@@ -1458,6 +1520,19 @@ function StoryboardFunctionRegistryFactory() {
   };
 }
 
+function fakeI18nText(data) {
+  return data === null || data === void 0 ? void 0 : data.en;
+}
+
+function fakeImageFactory() {
+  return {
+    get(name) {
+      return "mock/images/".concat(name);
+    }
+
+  };
+}
+
 var {
   storyboardFunctions,
   registerStoryboardFunctions
@@ -1479,7 +1554,9 @@ function registerWidgetFunctions(widgetId, functions) {
   var {
     storyboardFunctions,
     registerStoryboardFunctions
-  } = StoryboardFunctionRegistryFactory();
+  } = StoryboardFunctionRegistryFactory({
+    widgetId
+  });
   widgetFunctionRegistry.set(widgetId, storyboardFunctions);
   registerStoryboardFunctions(functions);
 }
@@ -1650,7 +1727,7 @@ function evaluate(raw) {
   }
 
   if (attemptToVisitGlobals.has("IMG")) {
-    globalVariables.IMG = imagesFactory(app);
+    globalVariables.IMG = imagesFactory(app.id, app.isBuildPush);
   }
 
   if (attemptToVisitGlobals.has("__WIDGET_IMG__")) {
@@ -1658,7 +1735,11 @@ function evaluate(raw) {
   }
 
   if (attemptToVisitGlobals.has("I18N")) {
-    globalVariables.I18N = i18next.getFixedT(null, "$app-".concat(app.id));
+    globalVariables.I18N = i18next.getFixedT(null, getI18nNamespace("app", app.id));
+  }
+
+  if (attemptToVisitGlobals.has("__WIDGET_I18N__")) {
+    globalVariables.__WIDGET_I18N__ = widgetI18nFactory;
   }
 
   if (attemptToVisitGlobals.has("I18N_TEXT")) {
@@ -2450,6 +2531,8 @@ class Runtime {
 
     _defineProperty$2(this, "registerWidgetFunctions", registerWidgetFunctions);
 
+    _defineProperty$2(this, "registerWidgetI18n", registerWidgetI18n);
+
     _defineProperty$2(this, "getBasePath", getBasePath);
 
     _defineProperty$2(this, "getCurrentTheme", getCurrentTheme);
@@ -4754,6 +4837,26 @@ var BootstrapV2Api_bootstrapV2 = /*#__PURE__*/function () {
     return _ref.apply(this, arguments);
   };
 }();
+/**
+ * @description 获取app storyboard初始化信息
+ * @endpoint GET /api/auth/v2/bootstrap/:appId
+ */
+
+
+var BootstrapV2Api_getAppStoryboardV2 = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator$4(function* (appId, params, options) {
+    return (
+      /**! @contract easyops.api.api_gateway.bootstrap_v2.GetAppStoryboardV2@1.0.0 */
+      (yield http.get("api/auth/v2/bootstrap/".concat(appId), _objectSpread(_objectSpread({}, options), {}, {
+        params
+      }))).data
+    );
+  });
+
+  return function BootstrapV2Api_getAppStoryboardV2(_x, _x2, _x3) {
+    return _ref.apply(this, arguments);
+  };
+}();
 /**
  * @description 通过defaultOrg查找单个契约信息
  * @endpoint POST /api/contract/single_search
@@ -5767,6 +5870,18 @@ var checkLogin = /*#__PURE__*/function () {
   };
 }();
 
+var bootstrap = /*#__PURE__*/function () {
+  var _ref3 = _asyncToGenerator$1(function* (params, options) {
+    return (yield http.get("api/auth/bootstrap", _objectSpread2(_objectSpread2({}, options), {}, {
+      params
+    }))).data;
+  });
+
+  return function bootstrap(_x4, _x5) {
+    return _ref3.apply(this, arguments);
+  };
+}();
+
 var getAppStoryboard = /*#__PURE__*/function () {
   var _ref4 = _asyncToGenerator$1(function* (appId, params, options) {
     return (yield http.get("api/auth/bootstrap/".concat(appId), _objectSpread2(_objectSpread2({}, options), {}, {
@@ -6204,12 +6319,17 @@ class Kernel {
     var _this3 = this;
 
     return _asyncToGenerator$4(function* () {
-      var data = yield window.STANDALONE_MICRO_APPS ? standaloneBootstrap() : BootstrapV2Api_bootstrapV2(_objectSpread({
+      // Todo(jojiang): 等 boostrap V2 接口测试通过后移除 V1 版本的兼容
+      var data = yield window.STANDALONE_MICRO_APPS ? standaloneBootstrap() : localStorage.getItem("__$$use-bootstrap-v2-provider$$__") ? BootstrapV2Api_bootstrapV2(_objectSpread({
         appFields: "defaultConfig,userConfig,locales,name,homepage,id,currentVersion,installStatus,internal,status",
         ignoreTemplateFields: "templates",
         ignoreBrickFields: "bricks,processors,providers,editors"
       }, params), {
         interceptorParams
+      }) : bootstrap(_objectSpread({
+        brief: true
+      }, params), {
+        interceptorParams
       });
 
       var bootstrapResponse = _objectSpread({
@@ -6256,11 +6376,12 @@ class Kernel {
           $$fulfilled: true
         });
       } else {
+        /* istanbul ignore next */
         var {
           routes,
           meta,
           app
-        } = yield getAppStoryboard(storyboard.app.id);
+        } = yield localStorage.getItem("__$$use-bootstrap-v2-provider$$__") ? BootstrapV2Api_getAppStoryboardV2(storyboard.app.id, {}) : getAppStoryboard(storyboard.app.id);
         Object.assign(storyboard, {
           routes,
           meta,
@@ -6273,7 +6394,7 @@ class Kernel {
 
       if ((_storyboard$meta = storyboard.meta) !== null && _storyboard$meta !== void 0 && _storyboard$meta.i18n) {
         // Prefix to avoid conflict between brick package's i18n namespace.
-        var i18nNamespace = "$app-".concat(storyboard.app.id); // Support any language in `meta.i18n`.
+        var i18nNamespace = getI18nNamespace("app", storyboard.app.id); // Support any language in `meta.i18n`.
 
         Object.entries(storyboard.meta.i18n).forEach(_ref => {
           var [lang, resources] = _ref;
@@ -8923,12 +9044,13 @@ class Resolver {
       } else {
         var actualArgs = args ? ref ? args // `args` are already computed for `defineResolves`
         : context ? computeRealValue(args, context, true) : args : providerBrick.args || [];
+        promise = _asyncToGenerator$4(function* () {
+          if (useProvider) {
+            actualArgs = yield getArgsOfCustomApi(useProvider, actualArgs);
+          }
 
-        if (useProvider) {
-          actualArgs = yield getArgsOfCustomApi(useProvider, actualArgs);
-        }
-
-        promise = providerBrick[method](...actualArgs);
+          return providerBrick[method](...actualArgs);
+        })();
 
         _this2.cache.set(cacheKey, promise);
       }
@@ -8996,7 +9118,7 @@ class Resolver {
 
     var _loop = function (providerBrick, interval) {
       var request = /*#__PURE__*/function () {
-        var _ref = _asyncToGenerator$4(function* () {
+        var _ref2 = _asyncToGenerator$4(function* () {
           yield providerBrick.$refresh({
             ignoreErrors: interval.ignoreErrors,
             throwErrors: true,
@@ -9010,7 +9132,7 @@ class Resolver {
         });
 
         return function request() {
-          return _ref.apply(this, arguments);
+          return _ref2.apply(this, arguments);
         };
       }();
 
@@ -9252,7 +9374,7 @@ class Router {
 
         _this3.kernel.registerCustomTemplatesInStoryboard(storyboard);
 
-        registerStoryboardFunctions((_storyboard$meta = storyboard.meta) === null || _storyboard$meta === void 0 ? void 0 : _storyboard$meta.functions);
+        registerStoryboardFunctions((_storyboard$meta = storyboard.meta) === null || _storyboard$meta === void 0 ? void 0 : _storyboard$meta.functions, storyboard.app);
       }
 
       var {
@@ -9275,6 +9397,8 @@ class Router {
       };
 
       if (storyboard) {
+        var _currentApp$breadcrum, _currentApp$breadcrum2;
+
         if (appChanged && currentApp.id && isLoggedIn()) {
           var usedCustomApis = mapCustomApisToNameAndNamespace(scanCustomApisInStoryboard(storyboard));
 
@@ -9291,7 +9415,7 @@ class Router {
           appBar: {
             breadcrumb: [],
             documentId: null,
-            noCurrentApp: false
+            noCurrentApp: (_currentApp$breadcrum = (_currentApp$breadcrum2 = currentApp.breadcrumb) === null || _currentApp$breadcrum2 === void 0 ? void 0 : _currentApp$breadcrum2.noCurrentApp) !== null && _currentApp$breadcrum !== void 0 ? _currentApp$breadcrum : false
           },
           flags: {
             redirect: undefined,
@@ -9576,33 +9700,6 @@ function getRuntime() {
   return runtime;
 }
 
-var locale$7 = {
-  [K.REQUEST_FAILED]: "Request Failed",
-  [K.MODAL_OK]: "Ok",
-  [K.MODAL_CANCEL]: "Cancel",
-  [K.SOMETHING_WENT_WRONG]: "Something went wrong!",
-  [K.LOGIN_TIMEOUT_MESSAGE]: "You haven't logged in or your login session has expired. Login right now?",
-  [K.NETWORK_ERROR]: "Network error, please check your network."
-};
-var en = locale$7;
-
-var locale$6 = {
-  [K.REQUEST_FAILED]: "请求失败",
-  [K.MODAL_OK]: "确认",
-  [K.MODAL_CANCEL]: "取消",
-  [K.SOMETHING_WENT_WRONG]: "出现了一些问题！",
-  [K.LOGIN_TIMEOUT_MESSAGE]: "您还未登录或登录信息已过期，现在重新登录？",
-  [K.NETWORK_ERROR]: "网络错误，请检查您的网络连接。"
-};
-var zh = locale$6;
-
-/** @internal */
-
-var initI18n = () => {
-  i18next.addResourceBundle("en", NS_BRICK_KIT, en);
-  i18next.addResourceBundle("zh", NS_BRICK_KIT, zh);
-};
-
 // Ref https://reactjs.org/docs/error-boundaries.html
 class LegacyErrorBoundary extends React__default.Component {
   constructor(props) {