@alicloud/alfa-react 1.3.4 → 1.4.0-alpha.2

package/es/components/ErrorBoundary/index.js

@@ -25,7 +25,7 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
     _this = _super.call(this, props);
     _this.state = {
       hasError: false,
-      error: null
+      error: undefined
     };
     return _this;
   }
@@ -46,8 +46,9 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
       isFunction((_window = window) === null || _window === void 0 ? void 0 : (_window$__bl = _window.__bl) === null || _window$__bl === void 0 ? void 0 : _window$__bl.error) && ((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$__bl = _window2.__bl) === null || _window2$__bl === void 0 ? void 0 : _window2$__bl.error(error, errorInfo)); // You can also log the error to an error reporting service in appDidCatch
 
       appDidCatch && appDidCatch(error, errorInfo);
-      logger === null || logger === void 0 ? void 0 : logger.error({
-        E_MSG: '',
+      (logger === null || logger === void 0 ? void 0 : logger.error) && logger.error({
+        E_CODE: 'RuntimeError',
+        E_MSG: error.message,
         E_STACK: error,
         C_STACK: errorInfo
       });
@@ -58,7 +59,8 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
       var error = this.state.error;
 
       if (this.state.hasError) {
-        // You can render any custom fallback UI
+        if (this.props.fallbackRender) return this.props.fallbackRender(error); // You can render any custom fallback UI
+
         return /*#__PURE__*/React.createElement(ErrorPanel, {
           error: error
         });

package/es/createApplication.js

@@ -45,7 +45,11 @@ export default function createApplication(loader) {
         app = _useState2[0],
         setApp = _useState2[1];
 
-    var appRef = useRef(null);
+    var _useState3 = useState(null),
+        _useState4 = _slicedToArray(_useState3, 2),
+        setError = _useState4[1];
+
+    var appRef = useRef(undefined);
     var tagName = normalizeName(props.name);
     var sandbox = useMemo(function () {
       return _objectSpread(_objectSpread({}, customSandbox), {}, {
@@ -95,7 +99,8 @@ export default function createApplication(loader) {
                   break;
                 }
 
-                return _context.abrupt("return", logger === null || logger === void 0 ? void 0 : logger.error({
+                return _context.abrupt("return", (logger === null || logger === void 0 ? void 0 : logger.error) && logger.error({
+                  E_CODE: 'RuntimeError',
                   E_MSG: 'load app failed.'
                 }));
 
@@ -105,7 +110,8 @@ export default function createApplication(loader) {
                   break;
                 }
 
-                return _context.abrupt("return", logger === null || logger === void 0 ? void 0 : logger.error({
+                return _context.abrupt("return", (logger === null || logger === void 0 ? void 0 : logger.error) && logger.error({
+                  E_CODE: 'RuntimeError',
                   E_MSG: 'cannot find container.'
                 }));
 
@@ -125,7 +131,9 @@ export default function createApplication(loader) {
           }
         }, _callee);
       }))().catch(function (e) {
-        throw e;
+        setError(function () {
+          throw e;
+        });
       });
 
       return function () {
@@ -138,9 +146,9 @@ export default function createApplication(loader) {
     }
 
     var dataAttrs = {
-      dataId: version,
-      dataVersion: version,
-      dataLoader: loaderVersion
+      'data-id': version,
+      'data-version': version,
+      'data-loader': loaderVersion
     };
     return /*#__PURE__*/React.createElement(React.Fragment, null, !app ? /*#__PURE__*/React.createElement(Loading, {
       loading: loading
@@ -148,9 +156,7 @@ export default function createApplication(loader) {
       style: style,
       className: className,
       ref: appRef
-    }, dataAttrs)) : /*#__PURE__*/React.createElement(tagName, {
-      dataAttrs: dataAttrs
-    }, /*#__PURE__*/React.createElement('div', {
+    }, dataAttrs)) : /*#__PURE__*/React.createElement(tagName, _objectSpread({}, dataAttrs), /*#__PURE__*/React.createElement('div', {
       ref: appRef,
       style: style,
       className: className

package/es/hooks/beforeLoadHook.js

@@ -7,8 +7,9 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import { getLocale } from '@alicloud/alfa-core';
-import { getConsoleConfig } from '../utils/getConsoleConfig'; // inject consoleConfig & locales after load
+import { getConfig, getI18nMessages } from '@alicloud/alfa-core';
+import { getConsoleConfig } from '../utils/getConsoleConfig';
+import { getConsoleGlobal } from '../utils/getConsoleGlobal'; // inject consoleConfig & locales after load
 
 function afterLoadHook(_x) {
   return _afterLoadHook.apply(this, arguments);
@@ -16,7 +17,7 @@ function afterLoadHook(_x) {
 
 function _afterLoadHook() {
   _afterLoadHook = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(appConfig) {
-    var app, logger, defaultConsoleConfig, CONFIG_START_TIME, _yield$Promise$all$ca, _yield$Promise$all$ca2, consoleConfig, messages, CONFIG_END_TIME, i18nMessages, END_TIME;
+    var app, logger, defaultConsoleConfig, defaultConsoleGlobal, CONFIG_START_TIME, configData, _yield$Promise$all, _yield$Promise$all2, consoleConfig, consoleGlobal, messages, CONFIG_END_TIME, i18nMessages, END_TIME;
 
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) {
@@ -24,39 +25,41 @@ function _afterLoadHook() {
           case 0:
             app = appConfig.app, logger = appConfig.logger;
             defaultConsoleConfig = window.ALIYUN_CONSOLE_CONFIG || {};
+            defaultConsoleGlobal = window.ALIYUN_CONSOLE_GLOBAL || {};
             CONFIG_START_TIME = Date.now();
-            _context.next = 5;
-            return Promise.all([getConsoleConfig(appConfig, defaultConsoleConfig), getLocale(appConfig)]).catch(function (e) {
-              logger === null || logger === void 0 ? void 0 : logger.error({
-                E_MSG: 'fetch config & locale error.',
-                E_STACK: e
-              });
-              return [{}, {}];
-            });
+            _context.next = 6;
+            return getConfig(appConfig);
+
+          case 6:
+            configData = _context.sent;
+            _context.next = 9;
+            return Promise.all([getConsoleConfig(configData, defaultConsoleConfig), getConsoleGlobal(configData, defaultConsoleGlobal), getI18nMessages(appConfig)]);
 
-          case 5:
-            _yield$Promise$all$ca = _context.sent;
-            _yield$Promise$all$ca2 = _slicedToArray(_yield$Promise$all$ca, 2);
-            consoleConfig = _yield$Promise$all$ca2[0];
-            messages = _yield$Promise$all$ca2[1];
+          case 9:
+            _yield$Promise$all = _context.sent;
+            _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 3);
+            consoleConfig = _yield$Promise$all2[0];
+            consoleGlobal = _yield$Promise$all2[1];
+            messages = _yield$Promise$all2[2];
             CONFIG_END_TIME = Date.now();
-            i18nMessages = _objectSpread(_objectSpread({}, window.ALIYUN_CONSOLE_I18N_MESSAGE), messages);
+            i18nMessages = _objectSpread(_objectSpread({}, window.ALIYUN_CONSOLE_I18N_MESSAGE), messages); // inject global variables
 
             if (app && app.context) {
               app.context.window.ALIYUN_CONSOLE_CONFIG = consoleConfig;
-              app.context.window.ALIYUN_CONSOLE_I18N_MESSAGE = i18nMessages; // (app.context.history as any) = {};
+              app.context.window.ALIYUN_CONSOLE_GLOBAL = consoleGlobal;
+              app.context.window.ALIYUN_CONSOLE_I18N_MESSAGE = i18nMessages;
             }
 
             END_TIME = Date.now();
-            logger === null || logger === void 0 ? void 0 : logger.record({
+            (logger === null || logger === void 0 ? void 0 : logger.record) && logger.record({
               CONFIG_START_TIME: CONFIG_START_TIME,
               CONFIG_END_TIME: CONFIG_END_TIME,
               END_TIME: END_TIME
             });
-            logger === null || logger === void 0 ? void 0 : logger.send();
+            (logger === null || logger === void 0 ? void 0 : logger.send) && logger.send();
             return _context.abrupt("return", appConfig);
 
-          case 16:
+          case 21:
           case "end":
             return _context.stop();
         }

package/es/hooks/beforeResolveHook.js

@@ -10,30 +10,21 @@ function beforeResolveHook(_x) {
 
 function _beforeResolveHook() {
   _beforeResolveHook = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(appConfig) {
-    var resolvedManifest, logger, START_TIME, MANIFEST_START_TIME, MANIFEST_END_TIME;
+    var logger, START_TIME, MANIFEST_START_TIME, resolvedManifest, MANIFEST_END_TIME;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
-            resolvedManifest = appConfig.manifest;
             logger = appConfig.logger;
             START_TIME = Date.now();
             MANIFEST_START_TIME = Date.now();
-
-            if (resolvedManifest) {
-              _context.next = 8;
-              break;
-            }
-
-            _context.next = 7;
+            _context.next = 5;
             return getManifest(appConfig);
 
-          case 7:
+          case 5:
             resolvedManifest = _context.sent;
-
-          case 8:
             MANIFEST_END_TIME = Date.now();
-            logger === null || logger === void 0 ? void 0 : logger.record({
+            (logger === null || logger === void 0 ? void 0 : logger.record) && logger.record({
               LOADER_VERSION: LOADER_VERSION,
               START_TIME: START_TIME,
               MANIFEST_START_TIME: MANIFEST_START_TIME,
@@ -42,7 +33,7 @@ function _beforeResolveHook() {
             appConfig.manifest = resolvedManifest;
             return _context.abrupt("return", appConfig);
 
-          case 12:
+          case 10:
           case "end":
             return _context.stop();
         }

package/es/utils/getConsoleConfig.js

@@ -6,7 +6,6 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import { getConfig } from '@alicloud/alfa-core';
 import md5 from 'crypto-js/md5';
 /**
  * transform
@@ -14,12 +13,13 @@ import md5 from 'crypto-js/md5';
  */
 
 var processFeatures = function processFeatures(features) {
+  if (!features) return {};
   return Object.keys(features).reduce(function (newFeatures, key) {
     var _ALIYUN_CONSOLE_CONFI;
 
-    var feature = features[key];
+    var feature = features === null || features === void 0 ? void 0 : features[key];
     if (!feature) return newFeatures;
-    var uid = ((_ALIYUN_CONSOLE_CONFI = window.ALIYUN_CONSOLE_CONFIG) === null || _ALIYUN_CONSOLE_CONFI === void 0 ? void 0 : _ALIYUN_CONSOLE_CONFI.CURRENT_PK) || '';
+    var uid = ((_ALIYUN_CONSOLE_CONFI = window.ALIYUN_CONSOLE_CONFIG) === null || _ALIYUN_CONSOLE_CONFI === void 0 ? void 0 : _ALIYUN_CONSOLE_CONFI.MAIN_ACCOUNT_PK) || '';
     var md5Uid = md5(uid).toString();
     var enableBlockList = feature.enableBlockList,
         enableSampling = feature.enableSampling,
@@ -44,35 +44,59 @@ var processFeatures = function processFeatures(features) {
   }, {});
 };
 
+var getRegions = function getRegions(regions) {
+  if (!Array.isArray(regions) && regions.region) {
+    return regions.region || [];
+  }
+
+  return [];
+};
+
+var processChannelFeatures = function processChannelFeatures(allChannelFeatures, channel) {
+  var channelFeatures = allChannelFeatures === null || allChannelFeatures === void 0 ? void 0 : allChannelFeatures[channel];
+  if (!channelFeatures) return {};
+  return Object.keys(channelFeatures).reduce(function (newChannelFeatures, key) {
+    var channelFeature = channelFeatures[key];
+    if (!channelFeature) return newChannelFeatures;
+
+    if (newChannelFeatures) {
+      var status = channelFeature.status,
+          attribute = channelFeature.attribute;
+      newChannelFeatures[key] = {
+        status: status,
+        attribute: _objectSpread(_objectSpread({}, attribute), {}, {
+          regions: getRegions(channelFeature.attribute.regions)
+        })
+      };
+    }
+
+    return newChannelFeatures;
+  }, {});
+};
+
 var mergeConfigDataWithConsoleConfig = function mergeConfigDataWithConsoleConfig(configData, consoleConfig) {
-  var _window, _window$ALIYUN_CONSOL, _configData$ALL_CHANN, _configData$ALL_CHANN2;
+  var _window, _window$ALIYUN_CONSOL, _configData$ALL_CHANN;
 
   var channel = ((_window = window) === null || _window === void 0 ? void 0 : (_window$ALIYUN_CONSOL = _window.ALIYUN_CONSOLE_CONFIG) === null || _window$ALIYUN_CONSOL === void 0 ? void 0 : _window$ALIYUN_CONSOL.CHANNEL) || 'OFFICIAL';
   var channelLinks = ((_configData$ALL_CHANN = configData.ALL_CHANNEL_LINKS) === null || _configData$ALL_CHANN === void 0 ? void 0 : _configData$ALL_CHANN[channel]) || {};
-  var channelFeatures = ((_configData$ALL_CHANN2 = configData.ALL_CHANNEL_FEATURE_STATUS) === null || _configData$ALL_CHANN2 === void 0 ? void 0 : _configData$ALL_CHANN2[channel]) || {};
+  var channelFeatures = configData.ALL_CHANNEL_FEATURE_STATUS || {};
   var features = configData.ALL_FEATURE_STATUS || {};
   return _objectSpread(_objectSpread({}, consoleConfig), {}, {
     CHANNEL_LINKS: channelLinks,
-    CHANNEL_FEATURE_STATUS: channelFeatures,
+    CHANNEL_FEATURE_STATUS: processChannelFeatures(channelFeatures, channel),
     FEATURE_STATUS: processFeatures(features)
   });
 };
 
 export var getConsoleConfig = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(config, consoleConfig) {
-    var configData;
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(configData, consoleConfig) {
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
-            _context.next = 2;
-            return getConfig(config);
-
-          case 2:
-            configData = _context.sent;
             return _context.abrupt("return", mergeConfigDataWithConsoleConfig(configData, consoleConfig));
 
-          case 4:
+          case 1:
           case "end":
             return _context.stop();
         }

package/es/utils/getConsoleGlobal.js

@@ -0,0 +1,28 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+export var getConsoleGlobal = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(configData, global) {
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            return _context.abrupt("return", _objectSpread(_objectSpread({}, global), configData === null || configData === void 0 ? void 0 : configData.GLOBAL_DATA));
+
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function getConsoleGlobal(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();

package/es/version.js

@@ -1 +1 @@
-export var version = '1.3.4';
+export var version = '1.4.0-alpha.2';

package/lib/app.js

@@ -80,7 +80,7 @@ var Application = function Application(props) {
       app = _useState4[0],
       setApp = _useState4[1];
 
-  var appRef = (0, _react.useRef)(null);
+  var appRef = (0, _react.useRef)(undefined);
   (0, _react.useEffect)(function () {
     (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
       var App;

package/lib/components/ErrorBoundary/ErrorPanel.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 interface IProps {
-    error: Error | null;
+    error?: Error;
 }
 declare const ErrorPanel: React.FC<IProps>;
 export default ErrorPanel;

package/lib/components/ErrorBoundary/index.d.ts

@@ -1,12 +1,13 @@
 import React, { ErrorInfo } from 'react';
 import { AlfaLogger } from '@alicloud/alfa-core';
 interface IProps {
+    fallbackRender?: (error?: Error) => Element;
     appDidCatch?: (error?: Error, info?: ErrorInfo) => void;
     logger?: AlfaLogger;
 }
 interface State {
     hasError: boolean;
-    error: Error | null;
+    error?: Error;
 }
 declare class ErrorBoundary extends React.Component<IProps, State> {
     constructor(props: IProps);

package/lib/components/ErrorBoundary/index.js

@@ -39,7 +39,7 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
     _this = _super.call(this, props);
     _this.state = {
       hasError: false,
-      error: null
+      error: undefined
     };
     return _this;
   }
@@ -60,8 +60,9 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
       (0, _isFunction.default)((_window = window) === null || _window === void 0 ? void 0 : (_window$__bl = _window.__bl) === null || _window$__bl === void 0 ? void 0 : _window$__bl.error) && ((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$__bl = _window2.__bl) === null || _window2$__bl === void 0 ? void 0 : _window2$__bl.error(error, errorInfo)); // You can also log the error to an error reporting service in appDidCatch
 
       appDidCatch && appDidCatch(error, errorInfo);
-      logger === null || logger === void 0 ? void 0 : logger.error({
-        E_MSG: '',
+      (logger === null || logger === void 0 ? void 0 : logger.error) && logger.error({
+        E_CODE: 'RuntimeError',
+        E_MSG: error.message,
         E_STACK: error,
         C_STACK: errorInfo
       });
@@ -72,7 +73,8 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
       var error = this.state.error;
 
       if (this.state.hasError) {
-        // You can render any custom fallback UI
+        if (this.props.fallbackRender) return this.props.fallbackRender(error); // You can render any custom fallback UI
+
         return /*#__PURE__*/_react.default.createElement(_ErrorPanel.default, {
           error: error
         });

package/lib/createApplication.js

@@ -67,7 +67,11 @@ function createApplication(loader) {
         app = _useState2[0],
         setApp = _useState2[1];
 
-    var appRef = (0, _react.useRef)(null);
+    var _useState3 = (0, _react.useState)(null),
+        _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+        setError = _useState4[1];
+
+    var appRef = (0, _react.useRef)(undefined);
     var tagName = (0, _utils.normalizeName)(props.name);
     var sandbox = (0, _react.useMemo)(function () {
       return _objectSpread(_objectSpread({}, customSandbox), {}, {
@@ -117,7 +121,8 @@ function createApplication(loader) {
                   break;
                 }
 
-                return _context.abrupt("return", logger === null || logger === void 0 ? void 0 : logger.error({
+                return _context.abrupt("return", (logger === null || logger === void 0 ? void 0 : logger.error) && logger.error({
+                  E_CODE: 'RuntimeError',
                   E_MSG: 'load app failed.'
                 }));
 
@@ -127,7 +132,8 @@ function createApplication(loader) {
                   break;
                 }
 
-                return _context.abrupt("return", logger === null || logger === void 0 ? void 0 : logger.error({
+                return _context.abrupt("return", (logger === null || logger === void 0 ? void 0 : logger.error) && logger.error({
+                  E_CODE: 'RuntimeError',
                   E_MSG: 'cannot find container.'
                 }));
 
@@ -147,7 +153,9 @@ function createApplication(loader) {
           }
         }, _callee);
       }))().catch(function (e) {
-        throw e;
+        setError(function () {
+          throw e;
+        });
       });
       return function () {
         app && app.unmount();
@@ -159,9 +167,9 @@ function createApplication(loader) {
     }
 
     var dataAttrs = {
-      dataId: version,
-      dataVersion: version,
-      dataLoader: _version.version
+      'data-id': version,
+      'data-version': version,
+      'data-loader': _version.version
     };
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !app ? /*#__PURE__*/_react.default.createElement(_Loading.default, {
       loading: loading
@@ -169,9 +177,7 @@ function createApplication(loader) {
       style: style,
       className: className,
       ref: appRef
-    }, dataAttrs)) : /*#__PURE__*/_react.default.createElement(tagName, {
-      dataAttrs: dataAttrs
-    }, /*#__PURE__*/_react.default.createElement('div', {
+    }, dataAttrs)) : /*#__PURE__*/_react.default.createElement(tagName, _objectSpread({}, dataAttrs), /*#__PURE__*/_react.default.createElement('div', {
       ref: appRef,
       style: style,
       className: className

package/lib/hooks/beforeLoadHook.js

@@ -19,6 +19,8 @@ var _alfaCore = require("@alicloud/alfa-core");
 
 var _getConsoleConfig = require("../utils/getConsoleConfig");
 
+var _getConsoleGlobal = require("../utils/getConsoleGlobal");
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -30,7 +32,7 @@ function afterLoadHook(_x) {
 
 function _afterLoadHook() {
   _afterLoadHook = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(appConfig) {
-    var app, logger, defaultConsoleConfig, CONFIG_START_TIME, _yield$Promise$all$ca, _yield$Promise$all$ca2, consoleConfig, messages, CONFIG_END_TIME, i18nMessages, END_TIME;
+    var app, logger, defaultConsoleConfig, defaultConsoleGlobal, CONFIG_START_TIME, configData, _yield$Promise$all, _yield$Promise$all2, consoleConfig, consoleGlobal, messages, CONFIG_END_TIME, i18nMessages, END_TIME;
 
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) {
@@ -38,39 +40,41 @@ function _afterLoadHook() {
           case 0:
             app = appConfig.app, logger = appConfig.logger;
             defaultConsoleConfig = window.ALIYUN_CONSOLE_CONFIG || {};
+            defaultConsoleGlobal = window.ALIYUN_CONSOLE_GLOBAL || {};
             CONFIG_START_TIME = Date.now();
-            _context.next = 5;
-            return Promise.all([(0, _getConsoleConfig.getConsoleConfig)(appConfig, defaultConsoleConfig), (0, _alfaCore.getLocale)(appConfig)]).catch(function (e) {
-              logger === null || logger === void 0 ? void 0 : logger.error({
-                E_MSG: 'fetch config & locale error.',
-                E_STACK: e
-              });
-              return [{}, {}];
-            });
-
-          case 5:
-            _yield$Promise$all$ca = _context.sent;
-            _yield$Promise$all$ca2 = (0, _slicedToArray2.default)(_yield$Promise$all$ca, 2);
-            consoleConfig = _yield$Promise$all$ca2[0];
-            messages = _yield$Promise$all$ca2[1];
+            _context.next = 6;
+            return (0, _alfaCore.getConfig)(appConfig);
+
+          case 6:
+            configData = _context.sent;
+            _context.next = 9;
+            return Promise.all([(0, _getConsoleConfig.getConsoleConfig)(configData, defaultConsoleConfig), (0, _getConsoleGlobal.getConsoleGlobal)(configData, defaultConsoleGlobal), (0, _alfaCore.getI18nMessages)(appConfig)]);
+
+          case 9:
+            _yield$Promise$all = _context.sent;
+            _yield$Promise$all2 = (0, _slicedToArray2.default)(_yield$Promise$all, 3);
+            consoleConfig = _yield$Promise$all2[0];
+            consoleGlobal = _yield$Promise$all2[1];
+            messages = _yield$Promise$all2[2];
             CONFIG_END_TIME = Date.now();
-            i18nMessages = _objectSpread(_objectSpread({}, window.ALIYUN_CONSOLE_I18N_MESSAGE), messages);
+            i18nMessages = _objectSpread(_objectSpread({}, window.ALIYUN_CONSOLE_I18N_MESSAGE), messages); // inject global variables
 
             if (app && app.context) {
               app.context.window.ALIYUN_CONSOLE_CONFIG = consoleConfig;
-              app.context.window.ALIYUN_CONSOLE_I18N_MESSAGE = i18nMessages; // (app.context.history as any) = {};
+              app.context.window.ALIYUN_CONSOLE_GLOBAL = consoleGlobal;
+              app.context.window.ALIYUN_CONSOLE_I18N_MESSAGE = i18nMessages;
             }
 
             END_TIME = Date.now();
-            logger === null || logger === void 0 ? void 0 : logger.record({
+            (logger === null || logger === void 0 ? void 0 : logger.record) && logger.record({
               CONFIG_START_TIME: CONFIG_START_TIME,
               CONFIG_END_TIME: CONFIG_END_TIME,
               END_TIME: END_TIME
             });
-            logger === null || logger === void 0 ? void 0 : logger.send();
+            (logger === null || logger === void 0 ? void 0 : logger.send) && logger.send();
             return _context.abrupt("return", appConfig);
 
-          case 16:
+          case 21:
           case "end":
             return _context.stop();
         }

package/lib/hooks/beforeResolveHook.js

@@ -23,30 +23,21 @@ function beforeResolveHook(_x) {
 
 function _beforeResolveHook() {
   _beforeResolveHook = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(appConfig) {
-    var resolvedManifest, logger, START_TIME, MANIFEST_START_TIME, MANIFEST_END_TIME;
+    var logger, START_TIME, MANIFEST_START_TIME, resolvedManifest, MANIFEST_END_TIME;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
-            resolvedManifest = appConfig.manifest;
             logger = appConfig.logger;
             START_TIME = Date.now();
             MANIFEST_START_TIME = Date.now();
-
-            if (resolvedManifest) {
-              _context.next = 8;
-              break;
-            }
-
-            _context.next = 7;
+            _context.next = 5;
             return (0, _alfaCore.getManifest)(appConfig);
 
-          case 7:
+          case 5:
             resolvedManifest = _context.sent;
-
-          case 8:
             MANIFEST_END_TIME = Date.now();
-            logger === null || logger === void 0 ? void 0 : logger.record({
+            (logger === null || logger === void 0 ? void 0 : logger.record) && logger.record({
               LOADER_VERSION: _version.version,
               START_TIME: START_TIME,
               MANIFEST_START_TIME: MANIFEST_START_TIME,
@@ -55,7 +46,7 @@ function _beforeResolveHook() {
             appConfig.manifest = resolvedManifest;
             return _context.abrupt("return", appConfig);
 
-          case 12:
+          case 10:
           case "end":
             return _context.stop();
         }

package/lib/types/index.d.ts

@@ -20,6 +20,7 @@ export interface AlfaFactoryOption extends IAppConfig {
         js?: Record<string, string>;
     };
     runtimeVersion?: string;
+    fallbackRender?: (error: Error) => Element;
 }
 declare type OmitKeys = 'manifest';
 export interface WidgetFactoryOption extends Omit<AlfaFactoryOption, OmitKeys> {

package/lib/utils/getConsoleConfig.d.ts

@@ -1,17 +1,17 @@
-import { IAppConfig } from '@alicloud/alfa-core';
-export declare const getConsoleConfig: (config: IAppConfig, consoleConfig: any) => Promise<{
+import { AlfaConfig } from '@alicloud/alfa-core';
+export declare const getConsoleConfig: (configData: AlfaConfig, consoleConfig: any) => Promise<{
     CHANNEL_LINKS: Partial<Record<string, string>>;
-    CHANNEL_FEATURE_STATUS: Partial<Record<string, {
+    CHANNEL_FEATURE_STATUS: Record<string, {
         status: boolean;
         attribute: {
             customAttrs: Record<string, unknown>;
-            regions: {
+            regions: string[] | {
                 region: string[];
             };
         };
-    }>>;
+    }>;
     FEATURE_STATUS: Partial<Record<string, boolean>>;
-    fEnv?: "prod" | "local" | "pre" | "daily" | undefined;
+    fEnv?: "pre" | "local" | "prod" | "daily" | undefined;
     LOCALE?: string | undefined;
     CHANNEL?: string | undefined;
     SEC_TOKEN?: string | undefined;