@alicloud/alfa-react 1.4.30-alpha.0 → 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

@@ -41,7 +41,9 @@ export default function createApplication(loader) {
         customSandbox = props.sandbox,
         locale = props.locale,
         dynamicConfig = props.dynamicConfig,
-        noCache = props.noCache;
+        noCache = props.noCache,
+        puppeteer = props.puppeteer,
+        basename = props.basename;
 
     var _useState = useState(null),
         _useState2 = _slicedToArray(_useState, 2),
@@ -53,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;
 
@@ -107,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) {
@@ -160,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();
             }
@@ -181,12 +212,16 @@ export default function createApplication(loader) {
       });
 
       return function () {
-        var _App;
+        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 = App) === null || _App === void 0 ? void 0 : _App.destroy();
+        if (isOsContext()) App.destroy();
       };
     }, [memoOptions]);
 

package/es/version.js

@@ -1 +1 @@
-export var version = '1.4.30-alpha.0';
+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

@@ -63,7 +63,9 @@ function createApplication(loader) {
         customSandbox = props.sandbox,
         locale = props.locale,
         dynamicConfig = props.dynamicConfig,
-        noCache = props.noCache;
+        noCache = props.noCache,
+        puppeteer = props.puppeteer,
+        basename = props.basename;
 
     var _useState = (0, _react.useState)(null),
         _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -75,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;
 
@@ -129,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) {
@@ -181,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();
             }
@@ -201,12 +232,16 @@ function createApplication(loader) {
         });
       });
       return function () {
-        var _App;
+        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 = App) === null || _App === void 0 ? void 0 : _App.destroy();
+        if ((0, _utils.isOsContext)()) App.destroy();
       };
     }, [memoOptions]);
 

package/lib/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alicloud/alfa-react",
-  "version": "1.4.30-alpha.0",
+  "version": "1.4.30-alpha.1",
   "description": "Alfa Framework (React Version)",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -51,5 +51,5 @@
   "peerDependencies": {
     "react": ">=16.0.0"
   },
-  "gitHead": "971f337e52ca2ea36090f1e6f0fc6c57bb715a06"
+  "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/version.d.ts

@@ -1 +1 @@
-export declare const version = "1.4.30-alpha.0";
+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.