@alicloud/alfa-react 1.4.29 → 1.4.30-alpha.1

package/es/createAlfaApp.js

@@ -32,6 +32,8 @@ function createAlfaApp(option) {
     });
 
     return /*#__PURE__*/React.createElement(ErrorBoundary, props, /*#__PURE__*/React.createElement(Application, _extends({}, passedInOption, {
+      puppeteer: props.puppeteer,
+      basename: props.basename,
       sandbox: option.sandbox || props.sandbox,
       deps: dependencies || {},
       customProps: customProps

package/es/createApplication.js

@@ -10,7 +10,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React, { useRef, useEffect, useState, useMemo } from 'react';
 import Loading from './components/Loading';
-import { normalizeName } from './utils';
+import { normalizeName, isOsContext } from './utils';
 import { version as loaderVersion } from './version';
 
 /**
@@ -40,7 +40,10 @@ export default function createApplication(loader) {
         beforeUpdate = props.beforeUpdate,
         customSandbox = props.sandbox,
         locale = props.locale,
-        dynamicConfig = props.dynamicConfig;
+        dynamicConfig = props.dynamicConfig,
+        noCache = props.noCache,
+        puppeteer = props.puppeteer,
+        basename = props.basename;
 
     var _useState = useState(null),
         _useState2 = _slicedToArray(_useState, 2),
@@ -52,7 +55,11 @@ export default function createApplication(loader) {
         setError = _useState4[1];
 
     var appRef = useRef(undefined);
+    var $puppeteer = useRef(puppeteer);
+    var $basename = useRef(basename);
     var tagName = normalizeName(props.name);
+    $puppeteer.current = puppeteer;
+    $basename.current = basename;
     var sandbox = useMemo(function () {
       var _UA_Opt, _RISK_INFO, _um;
 
@@ -98,6 +105,7 @@ export default function createApplication(loader) {
         afterUnmount: afterUnmount,
         beforeUpdate: beforeUpdate,
         locale: locale,
+        noCache: noCache,
         // 用户自定义 manifest 且未传入 dynamicConfig 时，默认值为 false，否则为 true
         dynamicConfig: typeof dynamicConfig === 'boolean' ? dynamicConfig : !manifest
       };
@@ -105,11 +113,13 @@ export default function createApplication(loader) {
     useEffect(function () {
       var isUnmounted = false;
       var App;
+      var originalPushState;
+      var originalReplaceState;
 
       _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var _app$context$updateBo, _app$context;
+        var _app$context$updateBo, _app$context, _app$context$baseFram;
 
-        var _yield$loader$registe, app, logger;
+        var _yield$loader$registe, app, logger, _ref2, path, frameWindow;
 
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
@@ -158,15 +168,38 @@ export default function createApplication(loader) {
               case 12:
                 // update body in sandbox context
                 (_app$context$updateBo = (_app$context = app.context).updateBody) === null || _app$context$updateBo === void 0 ? void 0 : _app$context$updateBo.call(_app$context, memoOptions.sandbox.disableFakeBody ? document.body : appRef.current);
-                _context.next = 15;
+                _ref2 = memoOptions.props, path = _ref2.path;
+                frameWindow = (_app$context$baseFram = app.context.baseFrame) === null || _app$context$baseFram === void 0 ? void 0 : _app$context$baseFram.contentWindow;
+
+                if (frameWindow) {
+                  originalPushState = frameWindow === null || frameWindow === void 0 ? void 0 : frameWindow.history.pushState;
+                  originalReplaceState = frameWindow === null || frameWindow === void 0 ? void 0 : frameWindow.history.replaceState; // update context history according to path
+
+                  if (path) originalReplaceState(null, '', path);
+
+                  if ($puppeteer.current && frameWindow) {
+                    frameWindow.history.pushState = function (data, unused, _url) {
+                      window.history.pushState(data, unused, "".concat($basename.current || '', "/").concat(_url).replace(/\/\//g, '/'));
+                      originalReplaceState(data, unused, _url);
+                    };
+
+                    frameWindow.history.replaceState = function (data, unused, _url) {
+                      window.history.replaceState(data, unused, "".concat($basename.current || '', "/").concat(_url).replace(/\/\//g, '/'));
+                      originalReplaceState(data, unused, _url);
+                    };
+                  }
+                }
+
+                _context.next = 18;
                 return app.mount(appRef.current, {
                   customProps: customProps
                 });
 
-              case 15:
+              case 18:
+                // just run once
                 setAppInstance(app);
 
-              case 16:
+              case 19:
               case "end":
                 return _context.stop();
             }
@@ -179,8 +212,16 @@ export default function createApplication(loader) {
       });
 
       return function () {
+        var _App$context$baseFram;
+
         isUnmounted = true;
-        App && App.unmount();
+        if (!App) return;
+        App.unmount();
+        var frameWindow = (_App$context$baseFram = App.context.baseFrame) === null || _App$context$baseFram === void 0 ? void 0 : _App$context$baseFram.contentWindow;
+        if (frameWindow && originalPushState) frameWindow.history.pushState = originalPushState;
+        if (frameWindow && originalReplaceState) frameWindow.history.pushState = originalReplaceState; // 在沙箱中嵌套时，必须销毁实例，避免第二次加载时异常
+
+        if (isOsContext()) App.destroy();
       };
     }, [memoOptions]);
 

package/es/hooks/beforeLoadHook.js

@@ -18,7 +18,7 @@ function afterLoadHook(_x) {
 
 function _afterLoadHook() {
   _afterLoadHook = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(appConfig) {
-    var app, logger, sandbox, dynamicConfig, defaultConsoleConfig, defaultConsoleGlobal, CONFIG_START_TIME, CONFIG_END_TIME, configData, _yield$Promise$all, _yield$Promise$all2, consoleConfig, consoleGlobal, messages, i18nMessages, END_TIME;
+    var app, logger, sandbox, dynamicConfig, defaultConsoleConfig, defaultConsoleGlobal, CONFIG_START_TIME, CONFIG_END_TIME, configData, _yield$Promise$all, _yield$Promise$all2, consoleConfig, consoleGlobal, messages, i18nMessages, overrides, END_TIME;
 
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) {
@@ -71,6 +71,18 @@ function _afterLoadHook() {
             }
 
           case 22:
+            overrides = sandbox === null || sandbox === void 0 ? void 0 : sandbox.overrideGlobalVars;
+
+            if (overrides && app) {
+              Object.entries(overrides).forEach(function (_ref) {
+                var _ref2 = _slicedToArray(_ref, 2),
+                    key = _ref2[0],
+                    value = _ref2[1];
+
+                app.context.window[key] = value;
+              });
+            }
+
             END_TIME = Date.now();
             (logger === null || logger === void 0 ? void 0 : logger.record) && logger.record({
               CONFIG_START_TIME: CONFIG_START_TIME,
@@ -81,7 +93,7 @@ function _afterLoadHook() {
             (logger === null || logger === void 0 ? void 0 : logger.send) && logger.send();
             return _context.abrupt("return", appConfig);
 
-          case 26:
+          case 28:
           case "end":
             return _context.stop();
         }

package/es/utils/index.js

@@ -1,3 +1,19 @@
+/**
+ * kernel 会为沙箱 context 注入 __IS_CONSOLE_OS_CONTEXT__
+ */
 export var normalizeName = function normalizeName(name) {
   return name.replace(/@/g, '').replace(/\//g, '-');
+};
+/**
+ * 判断是否在沙箱环境中运行
+ */
+
+export var isOsContext = function isOsContext() {
+  try {
+    return context.__IS_CONSOLE_OS_CONTEXT__;
+  } catch (e) {
+    // 历史逻辑问题，window.__IS_CONSOLE_OS_CONTEXT__ 会被污染导致判断异常
+    // 降级
+    return !!window.__IS_CONSOLE_OS_CONTEXT__;
+  }
 };

package/es/version.js

@@ -1 +1 @@
-export var version = '1.4.29';
+export var version = '1.4.30-alpha.1';

package/lib/createAlfaApp.js

@@ -49,6 +49,8 @@ function createAlfaApp(option) {
     });
 
     return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.default, props, /*#__PURE__*/_react.default.createElement(Application, (0, _extends2.default)({}, passedInOption, {
+      puppeteer: props.puppeteer,
+      basename: props.basename,
       sandbox: option.sandbox || props.sandbox,
       deps: dependencies || {},
       customProps: customProps

package/lib/createApplication.js

@@ -62,7 +62,10 @@ function createApplication(loader) {
         beforeUpdate = props.beforeUpdate,
         customSandbox = props.sandbox,
         locale = props.locale,
-        dynamicConfig = props.dynamicConfig;
+        dynamicConfig = props.dynamicConfig,
+        noCache = props.noCache,
+        puppeteer = props.puppeteer,
+        basename = props.basename;
 
     var _useState = (0, _react.useState)(null),
         _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -74,7 +77,11 @@ function createApplication(loader) {
         setError = _useState4[1];
 
     var appRef = (0, _react.useRef)(undefined);
+    var $puppeteer = (0, _react.useRef)(puppeteer);
+    var $basename = (0, _react.useRef)(basename);
     var tagName = (0, _utils.normalizeName)(props.name);
+    $puppeteer.current = puppeteer;
+    $basename.current = basename;
     var sandbox = (0, _react.useMemo)(function () {
       var _UA_Opt, _RISK_INFO, _um;
 
@@ -120,6 +127,7 @@ function createApplication(loader) {
         afterUnmount: afterUnmount,
         beforeUpdate: beforeUpdate,
         locale: locale,
+        noCache: noCache,
         // 用户自定义 manifest 且未传入 dynamicConfig 时，默认值为 false，否则为 true
         dynamicConfig: typeof dynamicConfig === 'boolean' ? dynamicConfig : !manifest
       };
@@ -127,10 +135,12 @@ function createApplication(loader) {
     (0, _react.useEffect)(function () {
       var isUnmounted = false;
       var App;
+      var originalPushState;
+      var originalReplaceState;
       (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var _app$context$updateBo, _app$context;
+        var _app$context$updateBo, _app$context, _app$context$baseFram;
 
-        var _yield$loader$registe, app, logger;
+        var _yield$loader$registe, app, logger, _ref2, path, frameWindow;
 
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) {
@@ -179,15 +189,38 @@ function createApplication(loader) {
               case 12:
                 // update body in sandbox context
                 (_app$context$updateBo = (_app$context = app.context).updateBody) === null || _app$context$updateBo === void 0 ? void 0 : _app$context$updateBo.call(_app$context, memoOptions.sandbox.disableFakeBody ? document.body : appRef.current);
-                _context.next = 15;
+                _ref2 = memoOptions.props, path = _ref2.path;
+                frameWindow = (_app$context$baseFram = app.context.baseFrame) === null || _app$context$baseFram === void 0 ? void 0 : _app$context$baseFram.contentWindow;
+
+                if (frameWindow) {
+                  originalPushState = frameWindow === null || frameWindow === void 0 ? void 0 : frameWindow.history.pushState;
+                  originalReplaceState = frameWindow === null || frameWindow === void 0 ? void 0 : frameWindow.history.replaceState; // update context history according to path
+
+                  if (path) originalReplaceState(null, '', path);
+
+                  if ($puppeteer.current && frameWindow) {
+                    frameWindow.history.pushState = function (data, unused, _url) {
+                      window.history.pushState(data, unused, "".concat($basename.current || '', "/").concat(_url).replace(/\/\//g, '/'));
+                      originalReplaceState(data, unused, _url);
+                    };
+
+                    frameWindow.history.replaceState = function (data, unused, _url) {
+                      window.history.replaceState(data, unused, "".concat($basename.current || '', "/").concat(_url).replace(/\/\//g, '/'));
+                      originalReplaceState(data, unused, _url);
+                    };
+                  }
+                }
+
+                _context.next = 18;
                 return app.mount(appRef.current, {
                   customProps: customProps
                 });
 
-              case 15:
+              case 18:
+                // just run once
                 setAppInstance(app);
 
-              case 16:
+              case 19:
               case "end":
                 return _context.stop();
             }
@@ -199,8 +232,16 @@ function createApplication(loader) {
         });
       });
       return function () {
+        var _App$context$baseFram;
+
         isUnmounted = true;
-        App && App.unmount();
+        if (!App) return;
+        App.unmount();
+        var frameWindow = (_App$context$baseFram = App.context.baseFrame) === null || _App$context$baseFram === void 0 ? void 0 : _App$context$baseFram.contentWindow;
+        if (frameWindow && originalPushState) frameWindow.history.pushState = originalPushState;
+        if (frameWindow && originalReplaceState) frameWindow.history.pushState = originalReplaceState; // 在沙箱中嵌套时，必须销毁实例，避免第二次加载时异常
+
+        if ((0, _utils.isOsContext)()) App.destroy();
       };
     }, [memoOptions]);
 

package/lib/hooks/beforeLoadHook.js

@@ -32,7 +32,7 @@ function afterLoadHook(_x) {
 
 function _afterLoadHook() {
   _afterLoadHook = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(appConfig) {
-    var app, logger, sandbox, dynamicConfig, defaultConsoleConfig, defaultConsoleGlobal, CONFIG_START_TIME, CONFIG_END_TIME, configData, _yield$Promise$all, _yield$Promise$all2, consoleConfig, consoleGlobal, messages, i18nMessages, END_TIME;
+    var app, logger, sandbox, dynamicConfig, defaultConsoleConfig, defaultConsoleGlobal, CONFIG_START_TIME, CONFIG_END_TIME, configData, _yield$Promise$all, _yield$Promise$all2, consoleConfig, consoleGlobal, messages, i18nMessages, overrides, END_TIME;
 
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) {
@@ -85,6 +85,18 @@ function _afterLoadHook() {
             }
 
           case 22:
+            overrides = sandbox === null || sandbox === void 0 ? void 0 : sandbox.overrideGlobalVars;
+
+            if (overrides && app) {
+              Object.entries(overrides).forEach(function (_ref) {
+                var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+                    key = _ref2[0],
+                    value = _ref2[1];
+
+                app.context.window[key] = value;
+              });
+            }
+
             END_TIME = Date.now();
             (logger === null || logger === void 0 ? void 0 : logger.record) && logger.record({
               CONFIG_START_TIME: CONFIG_START_TIME,
@@ -95,7 +107,7 @@ function _afterLoadHook() {
             (logger === null || logger === void 0 ? void 0 : logger.send) && logger.send();
             return _context.abrupt("return", appConfig);
 
-          case 26:
+          case 28:
           case "end":
             return _context.stop();
         }

package/lib/utils/index.js

@@ -3,10 +3,29 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.normalizeName = void 0;
+exports.normalizeName = exports.isOsContext = void 0;
 
+/**
+ * kernel 会为沙箱 context 注入 __IS_CONSOLE_OS_CONTEXT__
+ */
 var normalizeName = function normalizeName(name) {
   return name.replace(/@/g, '').replace(/\//g, '-');
 };
+/**
+ * 判断是否在沙箱环境中运行
+ */
 
-exports.normalizeName = normalizeName;
+
+exports.normalizeName = normalizeName;
+
+var isOsContext = function isOsContext() {
+  try {
+    return context.__IS_CONSOLE_OS_CONTEXT__;
+  } catch (e) {
+    // 历史逻辑问题，window.__IS_CONSOLE_OS_CONTEXT__ 会被污染导致判断异常
+    // 降级
+    return !!window.__IS_CONSOLE_OS_CONTEXT__;
+  }
+};
+
+exports.isOsContext = isOsContext;

package/lib/version.js

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.version = void 0;
-var version = '1.4.29';
+var version = '1.4.30-alpha.1';
 exports.version = version;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alicloud/alfa-react",
-  "version": "1.4.29",
+  "version": "1.4.30-alpha.1",
   "description": "Alfa Framework (React Version)",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -42,8 +42,8 @@
     "typescript": "^3.0.3"
   },
   "dependencies": {
-    "@alicloud/alfa-core": "^1.4.25",
-    "@alicloud/console-os-loader": "^1.4.14-alpha.1",
+    "@alicloud/alfa-core": "1.4.30-alpha.0",
+    "@alicloud/console-os-loader": "1.4.30-alpha.0",
     "@alicloud/widget-utils-console": "^0.1.6",
     "classnames": "^2.2.6",
     "crypto-js": "^4.1.1"
@@ -51,5 +51,5 @@
   "peerDependencies": {
     "react": ">=16.0.0"
   },
-  "gitHead": "7ba041c936d2d2738a4675710bbc979b7973ff67"
+  "gitHead": "ff9294b1d5e08b14691c8aa2bef098da2857f3df"
 }

package/types/createAlfaApp.d.ts

@@ -3,5 +3,7 @@ import { AlfaFactoryOption } from './types';
 declare function createAlfaApp<P = any>(option: AlfaFactoryOption): (() => null) | React.MemoExoticComponent<(props: P & {
     history: any;
     sandbox: {};
+    puppeteer?: boolean;
+    basename?: string;
 }) => JSX.Element>;
 export default createAlfaApp;

package/types/createApplication.d.ts

@@ -3,6 +3,8 @@ import { BaseLoader } from '@alicloud/alfa-core';
 import { AlfaFactoryOption } from './types';
 interface IProps<C = any> extends AlfaFactoryOption {
     customProps: C;
+    puppeteer?: boolean;
+    basename?: string;
 }
 /**
  * container for microApp mount

package/types/types/index.d.ts

@@ -19,6 +19,13 @@ export interface AlfaFactoryOption extends IAppConfig {
         css?: Record<string, string>;
         js?: Record<string, string>;
     };
+    /**
+     * 关闭缓存模式
+     */
+    noCache?: boolean;
+    /**
+     * 开启业务配置加载
+     */
     dynamicConfig?: boolean;
     runtimeVersion?: string;
     fallbackRender?: (error: Error) => Element;

package/types/utils/index.d.ts

@@ -1 +1,5 @@
 export declare const normalizeName: (name: string) => string;
+/**
+ * 判断是否在沙箱环境中运行
+ */
+export declare const isOsContext: () => boolean;

package/types/version.d.ts

@@ -1 +1 @@
-export declare const version = "1.4.29";
+export declare const version = "1.4.30-alpha.1";

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2019 Alibaba Cloud
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.