@alicloud/alfa-core 1.3.0-canary.7 → 1.3.2

package/es/base.js

@@ -1,16 +1,24 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 
-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) { _defineProperty(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) { _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 _regeneratorRuntime from "@babel/runtime/regenerator";
 import { createMicroApp } from '@alicloud/console-os-kernal';
-import { getManifestFromConfig, getURL } from './utils';
+import { getManifestFromConfig, getURL, getAlfaEnv } from './utils';
 import Hook from './utils/hookManager';
+import Logger from './utils/logger';
+
+var mergeConfig = function mergeConfig(appConfig, logger) {
+  return _objectSpread(_objectSpread({}, appConfig), {}, {
+    env: appConfig.env || getAlfaEnv(),
+    logger: appConfig.logger || logger
+  });
+};
 
 var BaseLoader = /*#__PURE__*/function () {
   function BaseLoader() {
@@ -25,21 +33,33 @@ var BaseLoader = /*#__PURE__*/function () {
   _createClass(BaseLoader, [{
     key: "register",
     value: function () {
-      var _register = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(config) {
-        var chains, flattenHookHandlers, promise;
+      var _register = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(passInConfig) {
+        var logger, _this$config, name, version, env, chains, flattenHookHandlers, promise;
+
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
-                if (config) {
-                  _context.next = 2;
+                logger = new Logger();
+
+                if (passInConfig) {
+                  _context.next = 4;
                   break;
                 }
 
-                return _context.abrupt("return", Promise.reject(new Error('[alfa-core] register config is not existed.')));
+                logger.error({
+                  E_MSG: 'cannot find config before start.'
+                });
+                return _context.abrupt("return", Promise.reject(new Error('[alfa-core] cannot find config before start.')));
 
-              case 2:
-                this.config = config;
+              case 4:
+                this.config = mergeConfig(passInConfig, logger);
+                _this$config = this.config, name = _this$config.name, version = _this$config.version, env = _this$config.env;
+                logger.setContext({
+                  NAME: name,
+                  VERSION: version,
+                  ENV: env
+                });
                 chains = [];
 
                 flattenHookHandlers = function flattenHookHandlers(handler) {
@@ -53,7 +73,8 @@ var BaseLoader = /*#__PURE__*/function () {
 
                 chains.push(this.resolve, undefined); // modify resolved config
 
-                this.afterResolve.handlers.forEach(flattenHookHandlers); // update props before load
+                this.afterResolve.handlers.forEach(flattenHookHandlers);
+                chains.push(this.init, undefined); // update props before load
 
                 this.beforeLoad.handlers.forEach(flattenHookHandlers); // TODO: handle beforeLoad error
 
@@ -66,9 +87,11 @@ var BaseLoader = /*#__PURE__*/function () {
                   promise = promise.then(chains.shift(), chains.shift());
                 }
 
-                return _context.abrupt("return", promise);
+                return _context.abrupt("return", promise.catch(function (e) {
+                  throw e;
+                }));
 
-              case 14:
+              case 19:
               case "end":
                 return _context.stop();
             }
@@ -128,21 +151,21 @@ var BaseLoader = /*#__PURE__*/function () {
       return resolve;
     }()
     /**
-     * loadApp from remote
+     * init config for micro app
      * @param config
      * @returns
      */
 
   }, {
-    key: "load",
+    key: "init",
     value: function () {
-      var _load = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(config) {
-        var name, container, manifest, props, deps, url, beforeMount, afterMount, beforeUnmount, afterUnmount, beforeUpdate, sandbox, logger, app;
+      var _init = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(config) {
+        var name, container, manifest, props, deps, url, beforeMount, afterMount, beforeUnmount, afterUnmount, beforeUpdate, sandbox, app;
         return _regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) {
             switch (_context3.prev = _context3.next) {
               case 0:
-                name = config.name, container = config.container, manifest = config.manifest, props = config.props, deps = config.deps, url = config.url, beforeMount = config.beforeMount, afterMount = config.afterMount, beforeUnmount = config.beforeUnmount, afterUnmount = config.afterUnmount, beforeUpdate = config.beforeUpdate, sandbox = config.sandbox, logger = config.logger;
+                name = config.name, container = config.container, manifest = config.manifest, props = config.props, deps = config.deps, url = config.url, beforeMount = config.beforeMount, afterMount = config.afterMount, beforeUnmount = config.beforeUnmount, afterUnmount = config.afterUnmount, beforeUpdate = config.beforeUpdate, sandbox = config.sandbox;
                 _context3.next = 3;
                 return createMicroApp({
                   name: name,
@@ -151,7 +174,7 @@ var BaseLoader = /*#__PURE__*/function () {
                   customProps: props,
                   deps: deps,
                   url: url,
-                  logger: logger,
+                  // logger,
                   appWillMount: beforeMount,
                   appDidMount: afterMount,
                   appWillUnmount: beforeUnmount,
@@ -164,15 +187,11 @@ var BaseLoader = /*#__PURE__*/function () {
 
               case 3:
                 app = _context3.sent;
-                _context3.next = 6;
-                return app.load();
-
-              case 6:
                 return _context3.abrupt("return", _objectSpread(_objectSpread({}, config), {}, {
                   app: app
                 }));
 
-              case 7:
+              case 5:
               case "end":
                 return _context3.stop();
             }
@@ -180,7 +199,43 @@ var BaseLoader = /*#__PURE__*/function () {
         }, _callee3);
       }));
 
-      function load(_x3) {
+      function init(_x3) {
+        return _init.apply(this, arguments);
+      }
+
+      return init;
+    }()
+    /**
+     * loadApp from remote
+     * @param config
+     * @returns
+     */
+
+  }, {
+    key: "load",
+    value: function () {
+      var _load = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(config) {
+        var _config$app;
+
+        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+          while (1) {
+            switch (_context4.prev = _context4.next) {
+              case 0:
+                _context4.next = 2;
+                return config === null || config === void 0 ? void 0 : (_config$app = config.app) === null || _config$app === void 0 ? void 0 : _config$app.load();
+
+              case 2:
+                return _context4.abrupt("return", config);
+
+              case 3:
+              case "end":
+                return _context4.stop();
+            }
+          }
+        }, _callee4);
+      }));
+
+      function load(_x4) {
         return _load.apply(this, arguments);
       }
 

package/es/createMicroApp.js

@@ -1,8 +1,9 @@
 import { createMicroApp as createConsoleOSMicroApp } from '@alicloud/console-os-kernal';
-import { getManifest, getURL } from './utils';
+import { getManifestFromConfig, getURL } from './utils';
+// TODO: deprecate in next major version
 export var createMicroApp = function createMicroApp(appConfig) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var manifest = getManifest(appConfig);
+  var manifest = getManifestFromConfig(appConfig);
   var url = getURL(appConfig);
 
   if (!manifest && !url) {

package/es/index.js

@@ -1,6 +1,9 @@
 export { createMicroApp } from './createMicroApp';
-export { createIsomorphicMicroApp, renderToString } from './createIsomorphicMicroApp';
-export { getManifest } from './resolveAlfaManifest';
-export { getConfig } from './resolveAlfaConfig';
-export { IAppConfig, IOptions, AlfaFactoryOption, AlfaDynamicConfig as AlfaConfig } from './types';
-export { createEventBus, prefetch, IIsomorphicEnvironment } from '@alicloud/console-os-kernal';
+export { getManifest } from './utils/getAlfaManifest';
+export { getConfig } from './utils/getAlfaConfig';
+export { getLocale } from './utils/getAlfaLocale';
+export { default as BaseLoader } from './base';
+export { default as Logger } from './utils/logger';
+export * from './utils/index';
+export { createEventBus, prefetch } from '@alicloud/console-os-kernal';
+export { IAppConfig, IOptions, AlfaFactoryOption, AlfaDynamicConfig as AlfaConfig, IWin, EnvEnum as AlfaEnvEnum, AlfaLogger } from './types';

package/es/types/index.js

@@ -0,0 +1,5 @@
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+export var AlfaLogger = /*#__PURE__*/_createClass(function AlfaLogger() {
+  _classCallCheck(this, AlfaLogger);
+});

package/es/utils/getAlfaConfig.js

@@ -31,7 +31,7 @@ export var getConfig = /*#__PURE__*/function () {
             configEntry = (_releaseConfig$config = releaseConfig['config-versions']) === null || _releaseConfig$config === void 0 ? void 0 : (_releaseConfig$config2 = _releaseConfig$config[version]) === null || _releaseConfig$config2 === void 0 ? void 0 : _releaseConfig$config2.entry;
             configData = defaultConfig; // when config is not valid, return empty
 
-            if (!(!version || configEntry)) {
+            if (!(!version || !configEntry)) {
               _context.next = 8;
               break;
             }

package/es/utils/getAlfaManifest.js

@@ -3,44 +3,50 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { getRelease } from './getAlfaRelease';
 export var getManifest = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(config) {
-    var _releaseConfig$distT2;
+    var _releaseConfig$distT, _releaseConfig$distT2, _releaseConfig$versio;
 
-    var name, version, releaseConfig, _releaseConfig$distT, configByVersion;
+    var name, logger, version, releaseConfig, latestVersion, versionEntry, _releaseConfig$versio2;
 
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
-            name = config.name;
+            name = config.name, logger = config.logger;
             version = config.version;
             _context.next = 4;
             return getRelease(config);
 
           case 4:
             releaseConfig = _context.sent;
+            latestVersion = (_releaseConfig$distT = releaseConfig['dist-tags']) === null || _releaseConfig$distT === void 0 ? void 0 : _releaseConfig$distT.latest; // if version is in dist-tags, return value
 
-            if (!config.version) {
-              version = (_releaseConfig$distT = releaseConfig['dist-tags']) === null || _releaseConfig$distT === void 0 ? void 0 : _releaseConfig$distT.latest;
-            } // if version is in dist-tags, return value
+            if ((_releaseConfig$distT2 = releaseConfig['dist-tags']) !== null && _releaseConfig$distT2 !== void 0 && _releaseConfig$distT2[version]) {
+              version = releaseConfig['dist-tags'][version];
+            }
 
+            versionEntry = (_releaseConfig$versio = releaseConfig.versions) === null || _releaseConfig$versio === void 0 ? void 0 : _releaseConfig$versio[version];
 
-            if ((_releaseConfig$distT2 = releaseConfig['dist-tags']) !== null && _releaseConfig$distT2 !== void 0 && _releaseConfig$distT2[config.version]) {
-              version = releaseConfig['dist-tags'][config.version];
+            if (versionEntry) {
+              _context.next = 13;
+              break;
             }
 
-            configByVersion = releaseConfig.versions[version];
+            logger === null || logger === void 0 ? void 0 : logger.error({
+              E_MSG: "cannot find ".concat(name, "@").concat(version, ".")
+            });
+            versionEntry = (_releaseConfig$versio2 = releaseConfig.versions) === null || _releaseConfig$versio2 === void 0 ? void 0 : _releaseConfig$versio2[latestVersion];
 
-            if (configByVersion) {
-              _context.next = 10;
+            if (versionEntry) {
+              _context.next = 13;
               break;
             }
 
-            throw new Error("".concat(name, "@").concat(version, " is not found, please check you release."));
+            throw new Error("cannot find ".concat(name, "@latest, please check release."));
 
-          case 10:
-            return _context.abrupt("return", releaseConfig.versions[version].entry);
+          case 13:
+            return _context.abrupt("return", versionEntry.entry);
 
-          case 11:
+          case 14:
           case "end":
             return _context.stop();
         }

package/es/utils/hookManager.js

@@ -10,9 +10,10 @@ var Hook = /*#__PURE__*/function () {
 
   _createClass(Hook, [{
     key: "use",
-    value: function use(fulfilled, rejected) {
+    value: function use(fulfilled) {
       var _this = this;
 
+      var rejected = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
       var handler = {
         fulfilled: fulfilled,
         rejected: rejected

package/es/utils/logger.js

@@ -0,0 +1,91 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+
+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; }
+
+import createLogger from '@alicloud/console-logger-sls';
+var logger = createLogger({
+  project: 'alfa',
+  endpoint: 'cn-wulanchabu.log.aliyuncs.com',
+  // project_xx 的外网域名，在 SLS project 概览里可以找到
+  logstore: 'loader' // 日志落库的地方
+
+});
+var Method;
+
+(function (Method) {
+  Method["log"] = "log";
+  Method["info"] = "info";
+  Method["warn"] = "warn";
+  Method["error"] = "error";
+})(Method || (Method = {}));
+
+var Logger = /*#__PURE__*/function () {
+  function Logger() {
+    var context = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+    _classCallCheck(this, Logger);
+
+    this.cache = {};
+    this.context = context;
+  }
+
+  _createClass(Logger, [{
+    key: "setContext",
+    value: function setContext(params) {
+      this.context = _objectSpread(_objectSpread({}, this.context), params);
+    }
+  }, {
+    key: "record",
+    value: function record(params) {
+      this.cache = _objectSpread(_objectSpread({}, this.cache), params);
+    }
+  }, {
+    key: "send",
+    value: function send() {
+      this.track(Method.log, 'METRIC', this.cache);
+      this.cache = {};
+    }
+  }, {
+    key: "info",
+    value: function info(params) {
+      this.track(Method.info, 'INFO', params);
+    }
+  }, {
+    key: "debug",
+    value: function debug(params) {
+      // do not log debug message in production env
+      if (this.context.env === 'prod') return;
+      console.log('DEBUG', this.mergeData(params));
+    }
+  }, {
+    key: "warn",
+    value: function warn(params) {
+      this.track(Method.warn, 'WARN', params);
+    }
+  }, {
+    key: "error",
+    value: function error(params) {
+      this.track(Method.error, 'ERROR', params);
+    }
+  }, {
+    key: "mergeData",
+    value: function mergeData(params) {
+      return _objectSpread(_objectSpread({}, this.context), params);
+    }
+  }, {
+    key: "track",
+    value: function track(method, topic, params) {
+      // do not track during development
+      if (this.context.ENV === 'local') return;
+      logger[method](topic, this.mergeData(params));
+    }
+  }]);
+
+  return Logger;
+}();
+
+export { Logger as default };

package/lib/base.d.ts

@@ -8,13 +8,19 @@ export default class BaseLoader {
     afterLoad: Hook<IAppConfig>;
     config: IAppConfig;
     constructor();
-    register<P = {}, C = {}>(config: IAppConfig<P> & C): Promise<IAppConfig<any>>;
+    register<P = {}, C = {}>(passInConfig: IAppConfig<P> & C): Promise<IAppConfig<any>>;
     /**
      * resolve config and rewrite manifest and url
      * @param config
      * @returns
      */
     private resolve;
+    /**
+     * init config for micro app
+     * @param config
+     * @returns
+     */
+    private init;
     /**
      * loadApp from remote
      * @param config

package/lib/base.js

@@ -9,23 +9,32 @@ exports.default = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _consoleOsKernal = require("@alicloud/console-os-kernal");
 
 var _utils = require("./utils");
 
 var _hookManager = _interopRequireDefault(require("./utils/hookManager"));
 
-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; }
+var _logger = _interopRequireDefault(require("./utils/logger"));
+
+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; }
 
-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; }
+var mergeConfig = function mergeConfig(appConfig, logger) {
+  return _objectSpread(_objectSpread({}, appConfig), {}, {
+    env: appConfig.env || (0, _utils.getAlfaEnv)(),
+    logger: appConfig.logger || logger
+  });
+};
 
 var BaseLoader = /*#__PURE__*/function () {
   function BaseLoader() {
@@ -39,21 +48,33 @@ var BaseLoader = /*#__PURE__*/function () {
   (0, _createClass2.default)(BaseLoader, [{
     key: "register",
     value: function () {
-      var _register = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(config) {
-        var chains, flattenHookHandlers, promise;
+      var _register = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(passInConfig) {
+        var logger, _this$config, name, version, env, chains, flattenHookHandlers, promise;
+
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
-                if (config) {
-                  _context.next = 2;
+                logger = new _logger.default();
+
+                if (passInConfig) {
+                  _context.next = 4;
                   break;
                 }
 
-                return _context.abrupt("return", Promise.reject(new Error('[alfa-core] register config is not existed.')));
+                logger.error({
+                  E_MSG: 'cannot find config before start.'
+                });
+                return _context.abrupt("return", Promise.reject(new Error('[alfa-core] cannot find config before start.')));
 
-              case 2:
-                this.config = config;
+              case 4:
+                this.config = mergeConfig(passInConfig, logger);
+                _this$config = this.config, name = _this$config.name, version = _this$config.version, env = _this$config.env;
+                logger.setContext({
+                  NAME: name,
+                  VERSION: version,
+                  ENV: env
+                });
                 chains = [];
 
                 flattenHookHandlers = function flattenHookHandlers(handler) {
@@ -67,7 +88,8 @@ var BaseLoader = /*#__PURE__*/function () {
 
                 chains.push(this.resolve, undefined); // modify resolved config
 
-                this.afterResolve.handlers.forEach(flattenHookHandlers); // update props before load
+                this.afterResolve.handlers.forEach(flattenHookHandlers);
+                chains.push(this.init, undefined); // update props before load
 
                 this.beforeLoad.handlers.forEach(flattenHookHandlers); // TODO: handle beforeLoad error
 
@@ -80,9 +102,11 @@ var BaseLoader = /*#__PURE__*/function () {
                   promise = promise.then(chains.shift(), chains.shift());
                 }
 
-                return _context.abrupt("return", promise);
+                return _context.abrupt("return", promise.catch(function (e) {
+                  throw e;
+                }));
 
-              case 14:
+              case 19:
               case "end":
                 return _context.stop();
             }
@@ -142,21 +166,21 @@ var BaseLoader = /*#__PURE__*/function () {
       return resolve;
     }()
     /**
-     * loadApp from remote
+     * init config for micro app
      * @param config
      * @returns
      */
 
   }, {
-    key: "load",
+    key: "init",
     value: function () {
-      var _load = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(config) {
-        var name, container, manifest, props, deps, url, beforeMount, afterMount, beforeUnmount, afterUnmount, beforeUpdate, sandbox, logger, app;
+      var _init = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(config) {
+        var name, container, manifest, props, deps, url, beforeMount, afterMount, beforeUnmount, afterUnmount, beforeUpdate, sandbox, app;
         return _regenerator.default.wrap(function _callee3$(_context3) {
           while (1) {
             switch (_context3.prev = _context3.next) {
               case 0:
-                name = config.name, container = config.container, manifest = config.manifest, props = config.props, deps = config.deps, url = config.url, beforeMount = config.beforeMount, afterMount = config.afterMount, beforeUnmount = config.beforeUnmount, afterUnmount = config.afterUnmount, beforeUpdate = config.beforeUpdate, sandbox = config.sandbox, logger = config.logger;
+                name = config.name, container = config.container, manifest = config.manifest, props = config.props, deps = config.deps, url = config.url, beforeMount = config.beforeMount, afterMount = config.afterMount, beforeUnmount = config.beforeUnmount, afterUnmount = config.afterUnmount, beforeUpdate = config.beforeUpdate, sandbox = config.sandbox;
                 _context3.next = 3;
                 return (0, _consoleOsKernal.createMicroApp)({
                   name: name,
@@ -165,7 +189,7 @@ var BaseLoader = /*#__PURE__*/function () {
                   customProps: props,
                   deps: deps,
                   url: url,
-                  logger: logger,
+                  // logger,
                   appWillMount: beforeMount,
                   appDidMount: afterMount,
                   appWillUnmount: beforeUnmount,
@@ -178,15 +202,11 @@ var BaseLoader = /*#__PURE__*/function () {
 
               case 3:
                 app = _context3.sent;
-                _context3.next = 6;
-                return app.load();
-
-              case 6:
                 return _context3.abrupt("return", _objectSpread(_objectSpread({}, config), {}, {
                   app: app
                 }));
 
-              case 7:
+              case 5:
               case "end":
                 return _context3.stop();
             }
@@ -194,7 +214,43 @@ var BaseLoader = /*#__PURE__*/function () {
         }, _callee3);
       }));
 
-      function load(_x3) {
+      function init(_x3) {
+        return _init.apply(this, arguments);
+      }
+
+      return init;
+    }()
+    /**
+     * loadApp from remote
+     * @param config
+     * @returns
+     */
+
+  }, {
+    key: "load",
+    value: function () {
+      var _load = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(config) {
+        var _config$app;
+
+        return _regenerator.default.wrap(function _callee4$(_context4) {
+          while (1) {
+            switch (_context4.prev = _context4.next) {
+              case 0:
+                _context4.next = 2;
+                return config === null || config === void 0 ? void 0 : (_config$app = config.app) === null || _config$app === void 0 ? void 0 : _config$app.load();
+
+              case 2:
+                return _context4.abrupt("return", config);
+
+              case 3:
+              case "end":
+                return _context4.stop();
+            }
+          }
+        }, _callee4);
+      }));
+
+      function load(_x4) {
         return _load.apply(this, arguments);
       }
 

package/lib/createMicroApp.d.ts

@@ -1,2 +1,2 @@
 import { IAppConfig, IOptions } from './types';
-export declare const createMicroApp: <T>(appConfig: IAppConfig<T>, options?: IOptions<T>) => Promise<import("@alicloud/console-os-kernal/lib/application/Application").Application>;
+export declare const createMicroApp: <T>(appConfig: IAppConfig<T>, options?: IOptions) => Promise<import("@alicloud/console-os-kernal/lib/application/Application").Application>;

package/lib/createMicroApp.js

@@ -9,9 +9,10 @@ var _consoleOsKernal = require("@alicloud/console-os-kernal");
 
 var _utils = require("./utils");
 
+// TODO: deprecate in next major version
 var createMicroApp = function createMicroApp(appConfig) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var manifest = (0, _utils.getManifest)(appConfig);
+  var manifest = (0, _utils.getManifestFromConfig)(appConfig);
   var url = (0, _utils.getURL)(appConfig);
 
   if (!manifest && !url) {