@alicloud/alfa-react 1.3.0-canary.8 → 1.3.1-alpha.2

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

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

package/lib/components/ErrorBoundary/ErrorPanel.js

@@ -31,11 +31,11 @@ var ErrorPanel = function ErrorPanel(props) {
     style: containerStyle
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: commonErrorStyle
-  }, error.message), /*#__PURE__*/_react.default.createElement("pre", {
+  }, error === null || error === void 0 ? void 0 : error.message), /*#__PURE__*/_react.default.createElement("pre", {
     style: {
       overflow: 'scroll'
     }
-  }, error.stack)) : /*#__PURE__*/_react.default.createElement("div", {
+  }, error === null || error === void 0 ? void 0 : error.stack)) : /*#__PURE__*/_react.default.createElement("div", {
     style: commonErrorStyle
   }, "Error"));
 };

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

@@ -1,17 +1,15 @@
 import React, { ErrorInfo } from 'react';
-export interface Logger {
-    error: (...args: any[]) => void;
-}
-interface IProp {
-    logger?: Logger;
-    appDidCatch?: (error: Error) => void;
+import { AlfaLogger } from '@alicloud/alfa-core';
+interface IProps {
+    appDidCatch?: (error?: Error, info?: ErrorInfo) => void;
+    logger?: AlfaLogger;
 }
 interface State {
     hasError: boolean;
-    error: Error;
+    error: Error | null;
 }
-declare class ErrorBoundary extends React.Component<IProp, State> {
-    constructor(props: IProp);
+declare class ErrorBoundary extends React.Component<IProps, State> {
+    constructor(props: IProps);
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
     render(): {} | null | undefined;
 }

package/lib/components/ErrorBoundary/index.js

@@ -39,7 +39,6 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
     _this = _super.call(this, props);
     _this.state = {
       hasError: false,
-      // @ts-ignore
       error: null
     };
     return _this;
@@ -48,23 +47,24 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   (0, _createClass2.default)(ErrorBoundary, [{
     key: "componentDidCatch",
     value: function componentDidCatch(error, errorInfo) {
-      // Display fallback UI
+      var _window, _window$__bl, _window2, _window2$__bl;
+
+      var _this$props = this.props,
+          appDidCatch = _this$props.appDidCatch,
+          logger = _this$props.logger; // Display fallback UI
+
       this.setState({
         hasError: true,
         error: error
-      }); // You can also log the error to an error reporting service
-
-      if (this.props.logger) {
-        this.props.logger.error(error, errorInfo);
-      } else {
-        var _window, _window$__bl;
-
-        // @ts-ignore
-        (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) && window.__bl.error(error, errorInfo);
-      }
-
-      console.error(error);
-      this.props.appDidCatch && this.props.appDidCatch(error);
+      });
+      (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: '',
+        E_STACK: error,
+        C_STACK: errorInfo
+      });
     }
   }, {
     key: "render",

package/lib/components/Loading/Skeleton.js

@@ -37,9 +37,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 

package/lib/components/Loading/Title.js

@@ -19,9 +19,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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; }
 
 var Title = function Title(_ref) {
   var prefixCls = _ref.prefixCls,

package/lib/createAlfaApp.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { AlfaFactoryOption } from './types';
+declare function createAlfaApp<P = any>(option: AlfaFactoryOption): (() => null) | React.MemoExoticComponent<(props: P) => JSX.Element>;
+export default createAlfaApp;

package/lib/createAlfaApp.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _alfaCore = require("@alicloud/alfa-core");
+
+var _ErrorBoundary = _interopRequireDefault(require("./components/ErrorBoundary"));
+
+var _createApplication = _interopRequireDefault(require("./createApplication"));
+
+var _beforeResolveHook = _interopRequireDefault(require("./hooks/beforeResolveHook"));
+
+var _afterLoadHook = _interopRequireDefault(require("./hooks/afterLoadHook"));
+
+var loader = _alfaCore.BaseLoader.create();
+
+loader.beforeResolve.use(_beforeResolveHook.default);
+loader.afterLoad.use(_afterLoadHook.default);
+var Application = (0, _createApplication.default)(loader);
+
+function createAlfaApp(option) {
+  var _ref = option || {},
+      name = _ref.name,
+      dependencies = _ref.dependencies; // check app option
+
+
+  if (!name) return function () {
+    return null;
+  };
+  var passedInOption = option;
+  return /*#__PURE__*/_react.default.memo(function (props) {
+    if ('sandbox' in props) {
+      console.warn('');
+    }
+
+    return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.default, props, /*#__PURE__*/_react.default.createElement(Application, (0, _extends2.default)({}, passedInOption, {
+      sandbox: option.sandbox || props.sandbox,
+      deps: dependencies || {},
+      customProps: props
+    })));
+  });
+}
+
+var _default = createAlfaApp;
+exports.default = _default;

package/lib/createAlfaWidget.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { AlfaFactoryOption } from './types';
+declare function createAlfaApp<P = any>(option: AlfaFactoryOption): ((props: P) => JSX.Element) | (() => null) | React.MemoExoticComponent<(props: P) => JSX.Element>;
+export default createAlfaApp;

package/lib/createAlfaWidget.js

@@ -0,0 +1,94 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _alfaCore = require("@alicloud/alfa-core");
+
+var _ErrorBoundary = _interopRequireDefault(require("./components/ErrorBoundary"));
+
+var _widget = require("./widget");
+
+var _createApplication = _interopRequireDefault(require("./createApplication"));
+
+var _beforeResolveHook = _interopRequireDefault(require("./hooks/beforeResolveHook"));
+
+var _afterLoadHook = _interopRequireDefault(require("./hooks/afterLoadHook"));
+
+var loader = _alfaCore.BaseLoader.create();
+
+loader.beforeResolve.use(_beforeResolveHook.default);
+loader.afterLoad.use(_afterLoadHook.default);
+loader.afterLoad.use( /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(appConfig) {
+    var app;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            app = appConfig.app;
+
+            if (app && app.context) {
+              // disable history
+              app.context.history = {};
+            }
+
+            return _context.abrupt("return", appConfig);
+
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function (_x) {
+    return _ref.apply(this, arguments);
+  };
+}());
+var Application = (0, _createApplication.default)(loader);
+
+function createAlfaApp(option) {
+  var _ref2 = option || {},
+      name = _ref2.name,
+      dependencies = _ref2.dependencies;
+
+  if (name.match(/@ali\/widget-/)) {
+    // TODO load style
+    return (0, _widget.createCWSWidget)(option);
+  } // check app option
+
+
+  if (!name) return function () {
+    return null;
+  };
+  var passedInOption = option;
+  return /*#__PURE__*/_react.default.memo(function (props) {
+    return (
+      /*#__PURE__*/
+      // Compatible with old logic
+      // props should not passed in errorBoundary
+      _react.default.createElement(_ErrorBoundary.default, props, /*#__PURE__*/_react.default.createElement(Application, (0, _extends2.default)({}, passedInOption, {
+        // name={name}
+        deps: dependencies || {},
+        customProps: props
+      })))
+    );
+  });
+}
+
+var _default = createAlfaApp;
+exports.default = _default;

package/lib/createApplication.d.ts

@@ -0,0 +1,12 @@
+import { BaseLoader } from '@alicloud/alfa-core';
+import { AlfaFactoryOption } from './types';
+interface IProps<C = any> extends AlfaFactoryOption {
+    customProps: C;
+}
+/**
+ * container for microApp mount
+ * @param loader alfa-core loader
+ * @returns
+ */
+export default function createApplication(loader: BaseLoader): <C = any>(props: IProps<C>) => JSX.Element;
+export {};

package/lib/createApplication.js

@@ -0,0 +1,161 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createApplication;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Loading = _interopRequireDefault(require("./components/Loading"));
+
+var _utils = require("./utils");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/**
+ * container for microApp mount
+ * @param loader alfa-core loader
+ * @returns
+ */
+function createApplication(loader) {
+  return function Application(props) {
+    var name = props.name,
+        version = props.version,
+        manifest = props.manifest,
+        loading = props.loading,
+        sandbox = props.sandbox,
+        customProps = props.customProps,
+        className = props.className,
+        style = props.style,
+        container = props.container,
+        entry = props.entry,
+        url = props.url,
+        customLogger = props.logger,
+        deps = props.deps,
+        env = props.env,
+        beforeMount = props.beforeMount,
+        afterMount = props.afterMount,
+        beforeUnmount = props.beforeUnmount,
+        afterUnmount = props.afterUnmount,
+        beforeUpdate = props.beforeUpdate;
+
+    var _useState = (0, _react.useState)(null),
+        _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+        app = _useState2[0],
+        setApp = _useState2[1];
+
+    var appRef = (0, _react.useRef)(null);
+    var tagName = (0, _utils.normalizeName)(props.name);
+    (0, _react.useEffect)(function () {
+      // eslint-disable-next-line no-useless-catch
+      (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+        var _yield$loader$registe, App, logger;
+
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return loader.register({
+                  entry: entry,
+                  url: url,
+                  name: name,
+                  version: version,
+                  manifest: manifest,
+                  container: container || appRef.current,
+                  props: customProps,
+                  sandbox: sandbox,
+                  logger: customLogger,
+                  deps: deps,
+                  env: env,
+                  beforeMount: beforeMount,
+                  afterMount: afterMount,
+                  beforeUnmount: beforeUnmount,
+                  afterUnmount: afterUnmount,
+                  beforeUpdate: beforeUpdate
+                });
+
+              case 2:
+                _yield$loader$registe = _context.sent;
+                App = _yield$loader$registe.app;
+                logger = _yield$loader$registe.logger;
+
+                if (App) {
+                  _context.next = 7;
+                  break;
+                }
+
+                return _context.abrupt("return", logger === null || logger === void 0 ? void 0 : logger.error({
+                  E_MSG: 'load app failed.'
+                }));
+
+              case 7:
+                _context.next = 9;
+                return App.load();
+
+              case 9:
+                if (appRef.current) {
+                  _context.next = 11;
+                  break;
+                }
+
+                return _context.abrupt("return", logger === null || logger === void 0 ? void 0 : logger.error({
+                  E_MSG: 'cannot find container.'
+                }));
+
+              case 11:
+                _context.next = 13;
+                return App.mount(appRef.current, {
+                  customProps: customProps
+                });
+
+              case 13:
+                setApp(App);
+                return _context.abrupt("return", function () {
+                  App && App.unmount();
+                });
+
+              case 15:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }))().catch(function (e) {
+        throw e;
+      });
+    }, [name, manifest, customProps, sandbox, entry, url, version, container, customLogger, deps, env, beforeMount, afterMount, beforeUnmount, afterUnmount, beforeUpdate]);
+
+    if (app) {
+      app.update(customProps);
+    }
+
+    if (!app) {
+      return /*#__PURE__*/_react.default.createElement(_Loading.default, {
+        loading: loading
+      });
+    }
+
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, sandbox && sandbox !== true && sandbox.disableFakeBody ? /*#__PURE__*/_react.default.createElement(tagName, {
+      style: style,
+      className: className,
+      ref: appRef,
+      dataId: name
+    }) : /*#__PURE__*/_react.default.createElement(tagName, {}, /*#__PURE__*/_react.default.createElement('div', {
+      ref: appRef
+    })));
+  };
+}

package/lib/hooks/afterLoadHook.d.ts

@@ -0,0 +1,3 @@
+import { IAppConfig } from '@alicloud/alfa-core';
+declare function afterLoadHook(appConfig: IAppConfig): Promise<IAppConfig<any>>;
+export default afterLoadHook;

package/lib/hooks/afterLoadHook.js

@@ -0,0 +1,84 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _alfaCore = require("@alicloud/alfa-core");
+
+var _getConsoleConfig = require("../utils/getConsoleConfig");
+
+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; }
+
+// inject consoleConfig & locales after load
+function afterLoadHook(_x) {
+  return _afterLoadHook.apply(this, arguments);
+}
+
+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;
+
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            app = appConfig.app, logger = appConfig.logger;
+            defaultConsoleConfig = window.ALIYUN_CONSOLE_CONFIG || {};
+            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];
+            CONFIG_END_TIME = Date.now();
+            i18nMessages = _objectSpread(_objectSpread({}, window.ALIYUN_CONSOLE_I18N_MESSAGE), messages);
+
+            if (app && app.context) {
+              app.context.window.ALIYUN_CONSOLE_CONFIG = consoleConfig;
+              app.context.window.ALIYUN_CONSOLE_I18N_MESSAGE = i18nMessages; // (app.context.history as any) = {};
+            }
+
+            END_TIME = Date.now();
+            logger === null || logger === void 0 ? void 0 : 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();
+            return _context.abrupt("return", appConfig);
+
+          case 16:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _afterLoadHook.apply(this, arguments);
+}
+
+var _default = afterLoadHook;
+exports.default = _default;

package/lib/hooks/beforeResolveHook.d.ts

@@ -0,0 +1,3 @@
+import { IAppConfig } from '@alicloud/alfa-core';
+declare function beforeResolveHook(appConfig: IAppConfig): Promise<IAppConfig<any>>;
+export default beforeResolveHook;

package/lib/hooks/beforeResolveHook.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _alfaCore = require("@alicloud/alfa-core");
+
+var _version = require("../version");
+
+// get manifest before resolve
+// normalize name
+function beforeResolveHook(_x) {
+  return _beforeResolveHook.apply(this, arguments);
+}
+
+function _beforeResolveHook() {
+  _beforeResolveHook = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(appConfig) {
+    var resolvedManifest, logger, START_TIME, MANIFEST_START_TIME, 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;
+            return (0, _alfaCore.getManifest)(appConfig);
+
+          case 7:
+            resolvedManifest = _context.sent;
+
+          case 8:
+            MANIFEST_END_TIME = Date.now();
+            logger === null || logger === void 0 ? void 0 : logger.record({
+              LOADER_VERSION: _version.version,
+              START_TIME: START_TIME,
+              MANIFEST_START_TIME: MANIFEST_START_TIME,
+              MANIFEST_END_TIME: MANIFEST_END_TIME
+            });
+            appConfig.manifest = resolvedManifest;
+            return _context.abrupt("return", appConfig);
+
+          case 12:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _beforeResolveHook.apply(this, arguments);
+}
+
+var _default = beforeResolveHook;
+exports.default = _default;

package/lib/index.d.ts

@@ -1,4 +1,4 @@
-export { createAlfaWidget } from './widget';
-export { createAlfaApp } from './app';
+export { default as createAlfaApp } from './createAlfaApp';
+export { default as createAlfaWidget } from './createAlfaWidget';
 export { eventEmitter as widgetEventEmitter } from './widget/index';
 export { createEventBus, prefetch } from '@alicloud/alfa-core';