@alicloud/alfa-react 1.3.0-alpha.1 → 1.3.0-canary.11

package/es/app/createIsomorphicMicroApp.js

@@ -0,0 +1,45 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+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 _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; }
+
+import React, { useContext } from 'react';
+import { renderToString } from '@alicloud/alfa-core';
+import EnvContext from '../context';
+import ErrorBoundary from '../components/ErrorBoundary';
+import Loading from '../components/Loading';
+import { normalizeName } from '../utils';
+
+var App = function App(props) {
+  var env = useContext(EnvContext); // 如果 env 为空，则返回 loading 
+
+  if (!(env !== null && env !== void 0 && env.getJson) || !(env !== null && env !== void 0 && env.fetchBundle) || !(env !== null && env !== void 0 && env.getBundle) || !(env !== null && env !== void 0 && env.fetchJsonResource)) {
+    return /*#__PURE__*/React.createElement(Loading, {
+      loading: props.loading
+    });
+  } // get server render string
+
+
+  var renderString = renderToString(props, env);
+
+  if (!renderString) {
+    return /*#__PURE__*/React.createElement(Loading, {
+      loading: props.loading
+    });
+  }
+
+  return /*#__PURE__*/React.createElement(normalizeName(props.name), {
+    children: /*#__PURE__*/React.createElement("div", {
+      dangerouslySetInnerHTML: {
+        __html: renderString
+      }
+    })
+  });
+};
+
+export function createIsomorphicAlfaApp(option) {
+  return function (props) {
+    return /*#__PURE__*/React.createElement(ErrorBoundary, props, /*#__PURE__*/React.createElement(App, _objectSpread(_objectSpread({}, props), option)));
+  };
+}

package/es/app/getConsoleConfig.js

@@ -0,0 +1,49 @@
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+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 _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; }
+
+import { getConfig } from '@alicloud/alfa-core';
+
+var mergeConfigDataWithConsoleConfig = function mergeConfigDataWithConsoleConfig(configData, consoleConfig) {
+  var _window, _window$ALIYUN_CONSOL;
+
+  // @ts-ignore
+  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_CHANNEL_LINKS ? configData.ALL_CHANNEL_LINKS[channel] : {};
+  var features = configData.ALL_CHANNEL_FEATURE_STATUS ? configData.ALL_CHANNEL_FEATURE_STATUS[channel] : {};
+  return _objectSpread(_objectSpread({}, consoleConfig), {}, {
+    CHANNEL_LINKS: channelLinks,
+    CHANNEL_FEATURE_STATUS: features
+  });
+};
+
+export var getConsoleConfig = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(option, consoleConfig) {
+    var configData;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return getConfig(option);
+
+          case 2:
+            configData = _context.sent;
+            return _context.abrupt("return", mergeConfigDataWithConsoleConfig(configData, consoleConfig));
+
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function getConsoleConfig(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();

package/es/app.js

@@ -9,12 +9,12 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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; }
 
 import React, { Suspense, lazy, useRef, useEffect, useState } from 'react';
-import { getManifest, getLocale, createMicroApp } from '@alicloud/alfa-core';
+import { getManifest, createMicroApp } from '@alicloud/alfa-core';
 import Loading from './components/Loading';
-import { AlfaFactoryOption } from './types';
 import ErrorBoundary from './components/ErrorBoundary';
-import { getConsoleConfig } from './utils/getConsoleConfig';
-import { normalizeName } from './utils';
+import { getConsoleConfig } from './app/getConsoleConfig';
+import { createIsomorphicAlfaApp } from './app/createIsomorphicMicroApp';
+import { normalizeName, isSSR } from './utils';
 
 var getProps = function getProps(props) {
   var parcelProps = _objectSpread({}, props);
@@ -24,8 +24,10 @@ var getProps = function getProps(props) {
   delete parcelProps.loading;
   delete parcelProps.entry;
   delete parcelProps.container;
-  delete parcelProps.logger;
-  delete parcelProps.env;
+  delete parcelProps.logger; // @ts-ignore
+
+  delete parcelProps.env; // @ts-ignore
+
   delete parcelProps.dependencies;
   return parcelProps;
 };
@@ -36,8 +38,7 @@ var Application = function Application(props) {
       loading = props.loading,
       style = props.style,
       className = props.className,
-      consoleConfig = props.consoleConfig,
-      i18nMessages = props.i18nMessages;
+      consoleConfig = props.consoleConfig;
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -52,7 +53,7 @@ var Application = function Application(props) {
   var appRef = useRef(null);
   useEffect(function () {
     _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var App;
+      var app;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
@@ -66,35 +67,27 @@ var Application = function Application(props) {
               });
 
             case 2:
-              App = _context.sent;
+              app = _context.sent;
 
-              if (App.context && App.context) {
-                App.context.window.ALIYUN_CONSOLE_CONFIG = consoleConfig;
-                App.context.window.ALIYUN_CONSOLE_I18N_MESSAGE = i18nMessages;
+              if (app.context && app.context.baseFrame) {
+                // @ts-ignore
+                app.context.baseFrame.contentWindow.ALIYUN_CONSOLE_CONFIG = consoleConfig;
               }
 
               _context.next = 6;
-              return App.load();
+              return app.load();
 
             case 6:
-              if (appRef.current) {
-                _context.next = 8;
-                break;
-              }
-
-              return _context.abrupt("return");
-
-            case 8:
-              _context.next = 10;
-              return App.mount(appRef.current, {
+              _context.next = 8;
+              return app.mount(appRef.current, {
                 customProps: getProps(props)
               });
 
-            case 10:
+            case 8:
               setMounted(true);
-              setApp(App);
+              setApp(app);
 
-            case 12:
+            case 10:
             case "end":
               return _context.stop();
           }
@@ -112,23 +105,31 @@ var Application = function Application(props) {
   }
 
   return /*#__PURE__*/React.createElement(React.Fragment, null, !mounted && /*#__PURE__*/React.createElement(Loading, {
+    microAppContainer: name,
     loading: loading
   }), sandbox && sandbox !== true && sandbox.disableFakeBody ? /*#__PURE__*/React.createElement(name, {
     style: style,
     className: className,
     ref: appRef,
     dataId: name
-  }) : /*#__PURE__*/React.createElement(name, {}, /*#__PURE__*/React.createElement('div', {
-    ref: appRef
-  })));
+  }) : /*#__PURE__*/React.createElement(name, {
+    children: /*#__PURE__*/React.createElement('div', {
+      ref: appRef
+    })
+  }));
 };
 
 export function createAlfaApp(option) {
   var name = option.name,
       loading = option.loading,
       manifest = option.manifest;
+
+  if (isSSR()) {
+    return createIsomorphicAlfaApp(option);
+  }
+
   var AlfaApp = /*#__PURE__*/lazy( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-    var resolvedManifest, consoleConfig, messages, i18nMessages, App;
+    var resolvedManifest, consoleConfig, AlfaApp;
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) {
         switch (_context2.prev = _context2.next) {
@@ -147,34 +148,35 @@ export function createAlfaApp(option) {
             resolvedManifest = _context2.sent;
 
           case 5:
+            // @ts-ignore
             consoleConfig = window.ALIYUN_CONSOLE_CONFIG || {};
-            _context2.next = 8;
+
+            if (!option.dynamicConfig) {
+              _context2.next = 10;
+              break;
+            }
+
+            _context2.next = 9;
             return getConsoleConfig(option, consoleConfig);
 
-          case 8:
+          case 9:
             consoleConfig = _context2.sent;
-            _context2.next = 11;
-            return getLocale(option);
-
-          case 11:
-            messages = _context2.sent;
-            i18nMessages = _objectSpread(_objectSpread({}, window.ALIYUN_CONSOLE_I18N_MESSAGE), messages);
 
-            App = function App(props) {
+          case 10:
+            AlfaApp = function AlfaApp(props) {
               return /*#__PURE__*/React.createElement(Application, _extends({
                 manifest: resolvedManifest
               }, props, {
                 name: normalizeName(name),
-                consoleConfig: consoleConfig,
-                i18nMessages: i18nMessages
+                consoleConfig: consoleConfig
               }));
             };
 
             return _context2.abrupt("return", {
-              default: App
+              default: AlfaApp
             });
 
-          case 15:
+          case 12:
           case "end":
             return _context2.stop();
         }
@@ -184,6 +186,7 @@ export function createAlfaApp(option) {
   return function (props) {
     return /*#__PURE__*/React.createElement(ErrorBoundary, props, /*#__PURE__*/React.createElement(Suspense, {
       fallback: /*#__PURE__*/React.createElement(Loading, {
+        microAppContainer: normalizeName(name),
         loading: loading
       })
     }, /*#__PURE__*/React.createElement(AlfaApp, _extends({}, option, {
@@ -191,4 +194,4 @@ export function createAlfaApp(option) {
     }, props))));
   };
 }
-export { AlfaFactoryOption };
+export { AlfaFactoryOption } from './types';

package/es/components/ErrorBoundary/index.js

@@ -49,6 +49,7 @@ 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) && window.__bl.error(error, errorInfo);
       }
 
+      console.error(error);
       this.props.appDidCatch && this.props.appDidCatch(error);
     }
   }, {

package/es/components/Loading/index.js

@@ -1,7 +1,23 @@
 import React from 'react';
 import Skeleton from './Skeleton';
+var initialPath = window.location.pathname;
 export default function getLoading(_ref) {
-  var loading = _ref.loading;
+  var loading = _ref.loading,
+      microAppContainer = _ref.microAppContainer;
+
+  // 第一次如果是 ssr 出来的内容直接拿 ssr 的内容作为骨架做展示
+  // 防止出现首屏抖动
+  if (microAppContainer) {
+    var node = document.querySelector(microAppContainer); //@ts-ignore
+
+    if (initialPath === window.location.pathname && window.__isSSR) {
+      return /*#__PURE__*/React.createElement("div", {
+        dangerouslySetInnerHTML: {
+          __html: node ? node.innerHTML : ''
+        }
+      });
+    }
+  }
 
   if (loading === false) {
     return null;

package/es/context.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+
+/**
+ * 用来提供 ssr 状态下的获取 服务端 manifest & bundle 的实现
+ */
+var EnvContext = /*#__PURE__*/createContext({});
+export default EnvContext;

package/es/index.js

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

package/es/utils/getConsoleConfig.js

@@ -12,6 +12,7 @@ import md5 from 'crypto-js/md5';
  * transform
  * @param features
  */
+//@ts-ignore
 
 var processFeatures = function processFeatures(features) {
   return Object.keys(features).reduce(function (newFeatures, key) {
@@ -49,7 +50,8 @@ var mergeConfigDataWithConsoleConfig = function mergeConfigDataWithConsoleConfig
 
   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_CHANN2 = configData.ALL_CHANNEL_FEATURE_STATUS) === null || _configData$ALL_CHANN2 === void 0 ? void 0 : _configData$ALL_CHANN2[channel]) || {}; //@ts-ignore
+
   var features = configData.ALL_FEATURE_STATUS || {};
   return _objectSpread(_objectSpread({}, consoleConfig), {}, {
     CHANNEL_LINKS: channelLinks,

package/es/utils.js

@@ -1,3 +1,6 @@
 export var normalizeName = function normalizeName(name) {
   return name.replace(/@/g, '').replace(/\//g, '-');
+};
+export var isSSR = function isSSR() {
+  return typeof document === 'undefined';
 };

package/es/widget/emitter.js

@@ -18,13 +18,13 @@ var WidgetEventEmitter = /*#__PURE__*/function (_EventEmitter) {
   function WidgetEventEmitter() {
     _classCallCheck(this, WidgetEventEmitter);
 
-    return _super.apply(this, arguments);
-  }
+    return _super.call(this);
+  } // Compatible with the old api, this may get removed at sometime later.
+
 
   _createClass(WidgetEventEmitter, [{
     key: "refersh",
-    value: // Compatible with the old api, this may get removed at sometime later.
-    function refersh(widgetId) {
+    value: function refersh(widgetId) {
       return this.emit("".concat(widgetId, ":REFRESH"));
     }
   }, {

package/es/widget/getWidgetConfigById.js

@@ -12,25 +12,26 @@ export var getWidgetConfigById = /*#__PURE__*/function () {
         switch (_context.prev = _context.next) {
           case 0:
             env = ENV[option.env || getConsoleEnv()];
+            console.log(env.configUrl);
 
             if (cachedConfig[option.name]) {
-              _context.next = 6;
+              _context.next = 7;
               break;
             }
 
-            _context.next = 4;
+            _context.next = 5;
             return axios.get(template(env.configUrl)({
               id: option.name
             }));
 
-          case 4:
+          case 5:
             resp = _context.sent;
             cachedConfig[option.name] = resp.data;
 
-          case 6:
+          case 7:
             return _context.abrupt("return", cachedConfig[option.name]);
 
-          case 7:
+          case 8:
           case "end":
             return _context.stop();
         }

package/es/widget/getWidgetDeps.js

@@ -12,7 +12,7 @@ import axios from 'axios';
 import kebabCase from 'lodash/kebabCase';
 import * as propTypes from 'prop-types';
 import { loadBundle } from '@alicloud/console-os-loader';
-import { createCWSWidget } from '../widget';
+import { createAlfaWidget } from '../widget';
 import { getWidgetVersionById } from './getWidgetVersionById'; // @ts-ignore
 
 import * as widgetUtils from '@alicloud/widget-utils-console';
@@ -32,7 +32,7 @@ var createWidget = function createWidget(option) {
 
     var id = _ref.id,
         version = _ref.version;
-    return createCWSWidget({
+    return createAlfaWidget({
       name: id,
       version: version,
       dependencies: option === null || option === void 0 ? void 0 : option.dependencies,
@@ -160,7 +160,7 @@ export var getWidgetDeps = /*#__PURE__*/function () {
               react: react,
               'react-dom': reactDom,
               'prop-types': propTypes,
-              axios: axios
+              'axios': axios
             }, cachedRuntime[version].default), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, WIDGET_UTILS_PKG_NAME, injectedWidgetUtils), _defineProperty(_objectSpread2, '@ali/widget-utils-config', injectedWidgetUtils), _defineProperty(_objectSpread2, '@ali/widget-loader', createWidget), _objectSpread2)));
 
           case 31:

package/es/widget.js

@@ -13,7 +13,7 @@ import { getWidgetVersionById, getWidgetDeps, getWidgetConfigById, eventEmitter
 import ErrorBoundary from './components/ErrorBoundary';
 import Loading from './components/Loading';
 import { normalizeName } from './utils';
-export function createCWSWidget(option) {
+export function createAlfaWidget(option) {
   var AlfaWidget = /*#__PURE__*/lazy( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var url, config, _yield$getWidgetVersi, version, entryUrl, deps;
 

package/lib/app/createIsomorphicMicroApp.d.ts

@@ -0,0 +1,2 @@
+import { AlfaFactoryOption } from '../types';
+export declare function createIsomorphicAlfaApp<T = any>(option: AlfaFactoryOption): (props: T) => JSX.Element;

package/lib/app/createIsomorphicMicroApp.js

@@ -0,0 +1,65 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createIsomorphicAlfaApp = createIsomorphicAlfaApp;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _alfaCore = require("@alicloud/alfa-core");
+
+var _context = _interopRequireDefault(require("../context"));
+
+var _ErrorBoundary = _interopRequireDefault(require("../components/ErrorBoundary"));
+
+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; }
+
+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 _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 App = function App(props) {
+  var env = (0, _react.useContext)(_context.default); // 如果 env 为空，则返回 loading 
+
+  if (!(env !== null && env !== void 0 && env.getJson) || !(env !== null && env !== void 0 && env.fetchBundle) || !(env !== null && env !== void 0 && env.getBundle) || !(env !== null && env !== void 0 && env.fetchJsonResource)) {
+    return /*#__PURE__*/_react.default.createElement(_Loading.default, {
+      loading: props.loading
+    });
+  } // get server render string
+
+
+  var renderString = (0, _alfaCore.renderToString)(props, env);
+
+  if (!renderString) {
+    return /*#__PURE__*/_react.default.createElement(_Loading.default, {
+      loading: props.loading
+    });
+  }
+
+  return /*#__PURE__*/_react.default.createElement((0, _utils.normalizeName)(props.name), {
+    children: /*#__PURE__*/_react.default.createElement("div", {
+      dangerouslySetInnerHTML: {
+        __html: renderString
+      }
+    })
+  });
+};
+
+function createIsomorphicAlfaApp(option) {
+  return function (props) {
+    return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.default, props, /*#__PURE__*/_react.default.createElement(App, _objectSpread(_objectSpread({}, props), option)));
+  };
+}

package/lib/app/getConsoleConfig.d.ts

@@ -0,0 +1,2 @@
+import { AlfaFactoryOption } from '@alicloud/alfa-core';
+export declare const getConsoleConfig: (option: AlfaFactoryOption, consoleConfig: any) => Promise<any>;

package/lib/{utils → app}/getConsoleConfig.js

@@ -15,70 +15,32 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _alfaCore = require("@alicloud/alfa-core");
 
-var _md = _interopRequireDefault(require("crypto-js/md5"));
-
 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 _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; }
 
-/**
- * transform
- * @param features
- */
-var processFeatures = function processFeatures(features) {
-  return Object.keys(features).reduce(function (newFeatures, key) {
-    var _ALIYUN_CONSOLE_CONFI;
-
-    var feature = 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 md5Uid = (0, _md.default)(uid).toString();
-    var enableBlockList = feature.enableBlockList,
-        enableSampling = feature.enableSampling,
-        enableWhiteList = feature.enableWhiteList,
-        sampling = feature.sampling,
-        blockList = feature.blockList,
-        whiteList = feature.whiteList;
-
-    if (enableBlockList && blockList.includes(md5Uid)) {
-      newFeatures[key] = false;
-    } else if (enableWhiteList && whiteList.includes(md5Uid)) {
-      newFeatures[key] = true;
-    } else if (enableSampling) {
-      var gray = uid.substring(uid.length - 2);
-      if (Number(gray) >= sampling * 100 || sampling === 0) newFeatures[key] = false;
-      newFeatures[key] = true;
-    } else {
-      newFeatures[key] = false;
-    }
-
-    return newFeatures;
-  }, {});
-};
-
 var mergeConfigDataWithConsoleConfig = function mergeConfigDataWithConsoleConfig(configData, consoleConfig) {
-  var _window, _window$ALIYUN_CONSOL, _configData$ALL_CHANN, _configData$ALL_CHANN2;
+  var _window, _window$ALIYUN_CONSOL;
 
+  // @ts-ignore
   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 features = configData.ALL_FEATURE_STATUS || {};
+  var channelLinks = configData.ALL_CHANNEL_LINKS ? configData.ALL_CHANNEL_LINKS[channel] : {};
+  var features = configData.ALL_CHANNEL_FEATURE_STATUS ? configData.ALL_CHANNEL_FEATURE_STATUS[channel] : {};
   return _objectSpread(_objectSpread({}, consoleConfig), {}, {
     CHANNEL_LINKS: channelLinks,
-    CHANNEL_FEATURE_STATUS: channelFeatures,
-    FEATURE_STATUS: processFeatures(features)
+    CHANNEL_FEATURE_STATUS: features
   });
 };
 
 var getConsoleConfig = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(config, consoleConfig) {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(option, consoleConfig) {
     var configData;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
             _context.next = 2;
-            return (0, _alfaCore.getConfig)(config);
+            return (0, _alfaCore.getConfig)(option);
 
           case 2:
             configData = _context.sent;

package/lib/app.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AlfaFactoryOption } from './types';
 export declare function createAlfaApp<T = any>(option: AlfaFactoryOption): (props: T) => JSX.Element;
-export { AlfaFactoryOption };
+export { AlfaFactoryOption } from './types';