@alicloud/console-os-browser-vm 1.4.21-alpha.0 → 1.4.23

package/es/Context.js

@@ -3,40 +3,34 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-
 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; }
-
 /**
  * Context
  * @lastModified 2019086
  * @forwardCompatibleTo 2019086
  * @createAt 2019086
  */
+
 import Window from './Window';
 import Document from './Document';
 import Location from './Location';
 import History from './History';
 import { getFetchCredentials } from './utils/credentials';
-
 var Context = /*#__PURE__*/function () {
   function Context(conf, frame) {
     _classCallCheck(this, Context);
-
     this.location = new Location(frame.contentWindow.location);
     this.history = new History(conf.id, frame.contentWindow);
     this.window = new Window(conf, this, frame, location);
     this.allowResources = conf.allowResources || [];
     var body = conf.body;
-
     if (conf.disableBody) {
       body = document.body;
     } else if (!conf.body) {
       body = document.createElement('body');
       document.documentElement.appendChild(body);
     }
-
     this.body = body;
     this.document = new Document(_objectSpread({
       enableScriptEscape: true
@@ -45,42 +39,34 @@ var Context = /*#__PURE__*/function () {
     this._listenerMap = new Map();
     this.window.__IS_CONSOLE_OS_CONTEXT__ = true;
   }
-
   _createClass(Context, [{
     key: "loadScripts",
     value: function () {
       var _loadScripts = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(url) {
         var resp, code;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.next = 2;
-                return fetch(url, {
-                  credentials: getFetchCredentials(url)
-                });
-
-              case 2:
-                resp = _context.sent;
-                _context.next = 5;
-                return resp.text();
-
-              case 5:
-                code = _context.sent;
-                this.evalScript(code, url);
-
-              case 7:
-              case "end":
-                return _context.stop();
-            }
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return fetch(url, {
+                credentials: getFetchCredentials(url)
+              });
+            case 2:
+              resp = _context.sent;
+              _context.next = 5;
+              return resp.text();
+            case 5:
+              code = _context.sent;
+              this.evalScript(code, url);
+            case 7:
+            case "end":
+              return _context.stop();
           }
         }, _callee, this);
       }));
-
       function loadScripts(_x) {
         return _loadScripts.apply(this, arguments);
       }
-
       return loadScripts;
     }()
   }, {
@@ -101,7 +87,6 @@ var Context = /*#__PURE__*/function () {
     key: "remove",
     value: function remove() {
       this.document.removeEventListeners();
-
       if (this.baseFrame) {
         if (this.baseFrame.parentNode) {
           this.baseFrame.parentNode.removeChild(this.baseFrame);
@@ -114,23 +99,23 @@ var Context = /*#__PURE__*/function () {
     key: "create",
     value: function create(conf) {
       var _this = this;
-
       return new Promise(function (resolve) {
         var _document$documentEle;
+        var iframe = document.createElement('iframe');
 
-        var iframe = document.createElement('iframe'); // TODO: change src to a reasonable value.
-
+        // TODO: change src to a reasonable value.
         iframe.setAttribute('src', conf.url ? conf.url : '/api.json');
         iframe.style.cssText = 'position: absolute; top: -20000px; width: 1px; height: 1px;';
-        if (conf.id) iframe.setAttribute('data-id', conf.id); // body will be hijacked in sandbox, so get body from html
+        if (conf.id) iframe.setAttribute('data-id', conf.id);
 
+        // body will be hijacked in sandbox, so get body from html
         var topBody = ((_document$documentEle = document.documentElement) === null || _document$documentEle === void 0 ? void 0 : _document$documentEle.getElementsByTagName('body')[0]) || document.body;
-        topBody.appendChild(iframe); // the onload will no trigger when src is about:blank
+        topBody.appendChild(iframe);
 
+        // the onload will no trigger when src is about:blank
         if (conf.url === 'about:blank') {
           return resolve(new _this(conf, iframe));
         }
-
         iframe.onload = function () {
           resolve(new _this(conf, iframe));
         };
@@ -141,30 +126,23 @@ var Context = /*#__PURE__*/function () {
     value: function () {
       var _remove = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(context) {
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                if (context.remove) {
-                  context.remove();
-                }
-
-              case 1:
-              case "end":
-                return _context2.stop();
-            }
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              if (context.remove) {
+                context.remove();
+              }
+            case 1:
+            case "end":
+              return _context2.stop();
           }
         }, _callee2);
       }));
-
       function remove(_x2) {
         return _remove.apply(this, arguments);
       }
-
       return remove;
     }()
   }]);
-
   return Context;
 }();
-
 export default Context;

package/es/Document.js

@@ -1,28 +1,19 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 /**
  * Document.js
  * @lastModified 2019085
  * @forwardCompatibleTo 2019085
  * @createAt 2019085
  */
-import { injectHTMLScriptElement } from './utils/HTMLScriptElement';
 
+import { injectHTMLScriptElement } from './utils/HTMLScriptElement';
 var Document = /*#__PURE__*/_createClass(function Document() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var context = arguments.length > 1 ? arguments[1] : undefined;
   var frame = arguments.length > 2 ? arguments[2] : undefined;
-
   _classCallCheck(this, Document);
-
   var eventListeners = [];
   return new Proxy(document, {
     set: function set(target, name, value) {
@@ -30,75 +21,53 @@ var Document = /*#__PURE__*/_createClass(function Document() {
         case 'cookie':
           document.cookie = value;
           break;
-
         default:
           target[name] = value;
       }
-
       return true;
     },
     get: function get(target, name) {
       switch (name) {
         case 'body':
           return context.body;
-
         case 'location':
           return context.location;
-
         case 'defaultView':
           return context.window;
-
         case 'write':
         case 'writeln':
           return function () {};
-
         case 'createElement':
           return function () {
             var _document;
-
             var el = (_document = document).createElement.apply(_document, arguments);
-
             el.ownerContext = context;
-            el.appId = options.id; // 对于 script 标签如果开启防逃逸，就直接 hack script 标签
-
+            el.appId = options.id;
+            // 对于 script 标签如果开启防逃逸，就直接 hack script 标签
             if (el.tagName === 'SCRIPT' && !options.enableScriptEscape) {
               injectHTMLScriptElement(el);
             }
-
             return el;
           };
-
         case 'addEventListener':
           return function () {
             for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
               args[_key] = arguments[_key];
             }
-
             eventListeners.push(args);
             return target.addEventListener.apply(target, args);
           };
-
         case 'removeEventListeners':
           return function () {
-            var _iterator = _createForOfIteratorHelper(eventListeners),
-                _step;
-
-            try {
-              for (_iterator.s(); !(_step = _iterator.n()).done;) {
-                var args = _step.value;
-                target.removeEventListener.apply(target, _toConsumableArray(args));
-              }
-            } catch (err) {
-              _iterator.e(err);
-            } finally {
-              _iterator.f();
+            for (var _i = 0, _eventListeners = eventListeners; _i < _eventListeners.length; _i++) {
+              var args = _eventListeners[_i];
+              target.removeEventListener.apply(target, _toConsumableArray(args));
             }
           };
-
         default:
-      } // TODO: hijack document.getElementsByTagName('body')
-
+      }
 
+      // TODO: hijack document.getElementsByTagName('body')
       if (typeof target[name] === 'function') {
         return target[name].bind && target[name].bind(target);
       } else {
@@ -107,5 +76,4 @@ var Document = /*#__PURE__*/_createClass(function Document() {
     }
   });
 });
-
 export default Document;

package/es/Elements.js

@@ -1,57 +1,49 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import injectScriptCallBack, { getJsonCallback } from './utils/injectScriptCallBack';
 import { isSSR } from './utils/isSSR';
-
 var makeElInjector = function makeElInjector(originMethod, methodName) {
   return function (el) {
-    var notAllowed = el.ownerContext && el.ownerContext.allowResources.indexOf(el.src) === -1 && el.ownerContext.allowResources !== '*'; // 如果不在 BrowserVM 的白名单内，尝试通过 context 的 load script 通过 xhr 获取脚本内容，并在沙箱中执行
+    var notAllowed = el.ownerContext && el.ownerContext.allowResources.indexOf(el.src) === -1 && el.ownerContext.allowResources !== '*';
 
+    // 如果不在 BrowserVM 的白名单内，尝试通过 context 的 load script 通过 xhr 获取脚本内容，并在沙箱中执行
     if (el && el._evalScriptInSandbox && el.ownerContext && el.nodeName === 'SCRIPT' && el.src && notAllowed && !getJsonCallback(el.src)) {
       return el.ownerContext.loadScripts(el.src).then(function () {
         var fns = el._listenerMap.get('load');
-
         if (fns) {
           fns.forEach(function (fn) {
             fn();
           });
         }
-
         var e = new Event('load');
         el.onload && el.onload(e);
       }).catch(function (e) {
         console.error(e);
-
         var fns = el._listenerMap.get('error');
-
         if (fns) {
           fns.forEach(function (fn) {
             fn(e);
           });
         }
-
         el.onerror && el.onerror(e);
       });
     }
-
     if (el && el.nodeName === 'SCRIPT' && el.ownerContext) {
       injectScriptCallBack(el);
-    } // 如果有 scriptText, 证明在 append 之前被设置了 text
-    // 所以直接执行这个 script
-
+    }
 
+    // 如果有 scriptText, 证明在 append 之前被设置了 text
+    // 所以直接执行这个 script
     if (el && el.scriptText) {
       el.ownerContext.evalScript(el.scriptText);
-    } // fix: babel 会把 fn.call 转义成 fn.call.apply 造成 chrome 50 的几个版本报错
-    // 这里 尝试 try catch 如果报错 直接调用 fn.apply
-
+    }
 
+    // fix: babel 会把 fn.call 转义成 fn.call.apply 造成 chrome 50 的几个版本报错
+    // 这里 尝试 try catch 如果报错 直接调用 fn.apply
     for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
       args[_key - 1] = arguments[_key];
     }
-
     var methodArgs = methodName === 'append' && el === undefined // 修复 append 的过程中 append() 为一个没参数的状态。应为 append 的函数签名为 append(param1, param2, /* ... ,*/ paramN)
     ? [].concat(args) : [el].concat(args);
-
     try {
       return originMethod.call.apply(originMethod, [this].concat(_toConsumableArray(methodArgs)));
     } catch (_unused) {
@@ -59,10 +51,8 @@ var makeElInjector = function makeElInjector(originMethod, methodName) {
     }
   };
 };
-
 if (!isSSR() && typeof window.Element === 'function') {
   var mountElementMethods = ['appendChild', 'insertBefore', 'append'];
-
   for (var _i = 0, _mountElementMethods = mountElementMethods; _i < _mountElementMethods.length; _i++) {
     var method = _mountElementMethods[_i];
     var originMethod = window.Element.prototype[method];

package/es/History.js

@@ -1,49 +1,40 @@
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-
 var History = /*#__PURE__*/_createClass(function History(id, frame) {
   _classCallCheck(this, History);
-
   if (!id) {
     return frame.history;
   }
-
   var postMessage = function postMessage() {
     frame.postMessage({
       type: "".concat(id, ":history-change"),
       data: JSON.parse(JSON.stringify(frame.location))
     }, '*');
-  }; // throw error when iframe src is about:blank
-
+  };
 
+  // throw error when iframe src is about:blank
   try {
     var originalPushStatus = frame.history.pushState;
     var originalReplaceStatus = frame.history.replaceState;
-
     frame.history.pushState = function () {
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
-
       var returnValue = originalPushStatus.apply(frame.history, [].concat(args));
       postMessage();
       return returnValue;
     };
-
     frame.history.replaceState = function () {
       for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
         args[_key2] = arguments[_key2];
       }
-
       var returnValue = originalReplaceStatus.apply(frame.history, [].concat(args));
       postMessage();
       return returnValue;
     };
-
     return frame.history;
   } catch (e) {
     return undefined;
   }
 });
-
 export default History;

package/es/Location.js

@@ -1,19 +1,15 @@
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-
 var Location = /*#__PURE__*/_createClass(function Location(location) {
   _classCallCheck(this, Location);
-
   return new Proxy({}, {
     set: function set(target, name, value) {
       switch (name) {
         case 'href':
           break;
-
         default:
           location[name] = value;
       }
-
       return true;
     },
     get: function get(target, name) {
@@ -22,10 +18,8 @@ var Location = /*#__PURE__*/_createClass(function Location(location) {
           return function () {
             return window.location.reload();
           };
-
         case 'replace':
           return function () {};
-
         case 'toString':
           return function () {
             try {
@@ -34,11 +28,9 @@ var Location = /*#__PURE__*/_createClass(function Location(location) {
               return location.href;
             }
           };
-
         default:
           break;
       }
-
       if (typeof location[name] === 'function') {
         return location[name].bind && location[name].bind(target);
       } else {
@@ -47,5 +39,4 @@ var Location = /*#__PURE__*/_createClass(function Location(location) {
     }
   });
 });
-
 export default Location;

package/es/Window.js

@@ -1,29 +1,24 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-
 /**
  * Window.js
  */
 import { addEventListener, removeEventListener } from './events';
 import { isConstructable, isBoundedFunction } from './utils/common';
 var globalFnName = ['setTimeout', 'setInterval', 'clearInterval', 'clearTimeout'];
-var defaultExternals = ['requestAnimationFrame', 'webkitRequestAnimationFrame', 'mozRequestAnimationFrame', 'oRequestAnimationFrame', 'msRequestAnimationFrame', 'cancelAnimationFrame', 'webkitCancelAnimationFrame', 'mozCancelAnimationFrame', 'oCancelAnimationFrame', 'msCancelAnimationFrame'];
-
+var defaultExternals = ['requestAnimationFrame', 'webkitRequestAnimationFrame', 'mozRequestAnimationFrame', 'oRequestAnimationFrame', 'msRequestAnimationFrame', 'cancelAnimationFrame', 'webkitCancelAnimationFrame', 'mozCancelAnimationFrame', 'oCancelAnimationFrame', 'msCancelAnimationFrame', 'matchMedia'];
 var Window = /*#__PURE__*/_createClass(function Window() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var context = arguments.length > 1 ? arguments[1] : undefined;
   var frame = arguments.length > 2 ? arguments[2] : undefined;
-
   _classCallCheck(this, Window);
-
   var externals = [].concat(defaultExternals, _toConsumableArray(options.externals || []));
   var __CONSOLE_OS_GLOBAL_VARS_ = {};
   globalFnName.forEach(function (name) {
     if (externals.includes(name)) {
       return;
     }
-
     __CONSOLE_OS_GLOBAL_VARS_[name] = frame.contentWindow[name].bind(frame.contentWindow);
   });
   return new Proxy(frame.contentWindow, {
@@ -35,46 +30,34 @@ var Window = /*#__PURE__*/_createClass(function Window() {
     get: function get(target, name) {
       if (externals.includes(name)) {
         var windowValue = window[name];
-
         if (typeof windowValue === 'function' && !isBoundedFunction(windowValue) && !isConstructable(windowValue)) {
           var bindFn = windowValue.bind(window);
-
           for (var key in windowValue) {
             bindFn[key] = windowValue[key];
           }
-
           return bindFn;
         } else {
           return windowValue;
         }
       }
-
       switch (name) {
         case 'document':
           return context.document;
-
         case 'location':
           return context.location;
-
         case 'history':
           return context.history;
-
         case '__CONSOLE_OS_GLOBAL_VARS_':
           return __CONSOLE_OS_GLOBAL_VARS_;
-
         case 'addEventListener':
           return addEventListener(context);
-
         case 'removeEventListener':
           return removeEventListener(context);
       }
-
       if (__CONSOLE_OS_GLOBAL_VARS_[name]) {
         return __CONSOLE_OS_GLOBAL_VARS_[name];
       }
-
       var value = target[name];
-
       if (typeof value === 'function' && !isBoundedFunction(value) && !isConstructable(value)) {
         return value.bind && value.bind(target);
       } else {
@@ -83,5 +66,4 @@ var Window = /*#__PURE__*/_createClass(function Window() {
     }
   });
 });
-
 export default Window;

package/es/events.js

@@ -7,28 +7,22 @@ export var domEventsListeningTo = ['webkitmouseforcedown', 'webkitmouseforcewill
 export var addEventListener = function addEventListener(context) {
   return function (type, listener, options) {
     var listeners = context._listenerMap.get(type) || [];
-
     context._listenerMap.set(type, [].concat(_toConsumableArray(listeners), [listener]));
-
     if (domEventsListeningTo.indexOf(type) === -1) {
       return context.baseFrame.addEventListener.apply(context.baseFrame.contentWindow, [type, listener, options]);
     }
-
     return rawAddEventListener.apply(window, [type, listener, options]);
   };
 };
 export var removeEventListener = function removeEventListener(context) {
   return function (type, listener, options) {
     var storedTypeListeners = context._listenerMap.get(type);
-
     if (storedTypeListeners && storedTypeListeners.length && storedTypeListeners.indexOf(listener) !== -1) {
       storedTypeListeners.splice(storedTypeListeners.indexOf(listener), 1);
     }
-
     if (domEventsListeningTo.indexOf(type) === -1) {
       return context.baseFrame.removeEventListener.apply(context.baseFrame.contentWindow, [type, listener, options]);
     }
-
     return rawRemoveEventListener.apply(window, [type, listener, options]);
   };
 };