anys-web 1.4.0 → 2.0.0

package/package.json

@@ -1,40 +1,33 @@
 {
   "name": "anys-web",
-  "version": "1.4.0",
+  "version": "2.0.0",
   "description": "",
-  "main": "cjs/index.js",
-  "module": "src/index.js",
+  "main": "src/index.js",
   "type": "module",
-  "exports": {
-    "import": "./src/index.js",
-    "require": "./cjs/index.js"
-  },
   "scripts": {
-    "build:cjs": "rimraf cjs && babel src --out-dir cjs --root-mode upward",
-    "build:dist": "rimraf dist && webpack --config ../../webpack.config.js",
-    "build": "npm run build:cjs && npm run build:dist"
+    "build": "rimraf dist && webpack --config ../../webpack.config.js"
   },
   "keywords": [],
   "author": "tangshuang",
   "license": "Apache-2.0",
   "dependencies": {
-    "anys": "^1.2.0",
-    "anys-shared": "^1.4.0",
-    "anys-web-plugin-identify": "^1.1.0",
-    "anys-web-plugin-monitor-ajax": "^1.4.0",
-    "anys-web-plugin-monitor-dom-mutation": "^1.4.0",
-    "anys-web-plugin-monitor-input-event": "^1.4.0",
-    "anys-web-plugin-monitor-mouse-event": "^1.4.0",
-    "anys-web-plugin-monitor-scroll-event": "^1.4.0",
-    "anys-web-plugin-monitor-touch-event": "^1.4.0",
-    "anys-web-plugin-monitor-url": "^1.4.0",
-    "anys-web-plugin-monitor-window-activity": "^1.4.0",
-    "anys-web-plugin-monitor-window-size": "^1.4.0",
-    "anys-web-plugin-send-by-ajax": "^1.4.0",
-    "anys-web-plugin-store-offline": "^1.4.0"
+    "anys": "^2.0.0",
+    "anys-shared": "^2.0.0",
+    "anys-web-plugin-identify": "^2.0.0",
+    "anys-web-plugin-monitor-ajax": "^2.0.0",
+    "anys-web-plugin-monitor-dom-mutation": "^2.0.0",
+    "anys-web-plugin-monitor-input-event": "^2.0.0",
+    "anys-web-plugin-monitor-mouse-event": "^2.0.0",
+    "anys-web-plugin-monitor-scroll-event": "^2.0.0",
+    "anys-web-plugin-monitor-touch-event": "^2.0.0",
+    "anys-web-plugin-monitor-url": "^2.0.0",
+    "anys-web-plugin-monitor-window-activity": "^2.0.0",
+    "anys-web-plugin-monitor-window-size": "^2.0.0",
+    "anys-web-plugin-send-by-ajax": "^2.0.0",
+    "anys-web-plugin-store-offline": "^2.0.0"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "6ef25cf88b9eadb84b226eece90df9854ca5dfbf"
+  "gitHead": "4264c187b83f68eb7095c1f27eb644a21fd7df54"
 }

package/src/recorder-plugin.js

@@ -46,7 +46,7 @@ export class AnysRecorderPlugin extends AnysPlugin {
             mousemove: true,
             mouseup: true,
             autoReport: false,
-            reportUrl: new Error('[Anys]: options.reportUrl is required!'),
+            reportUrl: new Error('options.reportUrl is required!'),
             reportInterval: 10000,
             reportParams: null,
         };
@@ -145,7 +145,7 @@ export class AnysRecorderPlugin extends AnysPlugin {
 
             const { reportUrl, reportParams } = this.anys.options;
             const url = reportParams ? replaceUrlSearch(reportUrl, reportParams) : reportUrl;
-            return ajaxPost(url, items).then(() => {
+            return ajaxPost(url, { data: items }).then(() => {
                 ids.forEach((id) => {
                     delete this.cache[id];
                 });

package/cjs/index.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.create = void 0;
-var _anys = require("anys");
-var _recorderPlugin = require("./recorder-plugin.js");
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-let RecorderAnys = /*#__PURE__*/function (_Anys) {
-  _inheritsLoose(RecorderAnys, _Anys);
-  function RecorderAnys() {
-    return _Anys.apply(this, arguments) || this;
-  }
-  var _proto = RecorderAnys.prototype;
-  /**
-   * patch auth info into reportParams
-   * @param {object} info
-   */
-  _proto.auth = function auth(info) {
-    this.options.reportParams = Object.assign(this.options.reportParams || {}, info);
-  };
-  return RecorderAnys;
-}(_anys.Anys);
-const create = (options = {}) => new RecorderAnys({
-  namespace: 'AnysTracer',
-  autoReport: false,
-  ...options,
-  plugins: {
-    ...(options.plugins || {}),
-    recorder: _recorderPlugin.AnysRecorderPlugin
-  }
-});
-exports.create = create;

package/cjs/recorder-plugin.js

@@ -1,162 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AnysRecorderPlugin = void 0;
-var _anysShared = require("anys-shared");
-var _anysWebPluginMonitorAjax = require("anys-web-plugin-monitor-ajax");
-var _anysWebPluginIdentify = require("anys-web-plugin-identify");
-var _anysWebPluginMonitorInputEvent = require("anys-web-plugin-monitor-input-event");
-var _anysWebPluginMonitorMouseEvent = require("anys-web-plugin-monitor-mouse-event");
-var _anysWebPluginMonitorWindowActivity = require("anys-web-plugin-monitor-window-activity");
-var _anysWebPluginMonitorUrl = require("anys-web-plugin-monitor-url");
-var _anysWebPluginMonitorTouchEvent = require("anys-web-plugin-monitor-touch-event");
-var _anysWebPluginStoreOffline = require("anys-web-plugin-store-offline");
-var _anysWebPluginMonitorDomMutation = require("anys-web-plugin-monitor-dom-mutation");
-var _anysWebPluginMonitorWindowSize = require("anys-web-plugin-monitor-window-size");
-var _anysWebPluginMonitorScrollEvent = require("anys-web-plugin-monitor-scroll-event");
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-let AnysRecorderPlugin = /*#__PURE__*/function (_AnysPlugin) {
-  _inheritsLoose(AnysRecorderPlugin, _AnysPlugin);
-  function AnysRecorderPlugin(anys, [offlineStore, urlMonitor, windowSizeMonitor, DOMMutationMonitor]) {
-    var _this;
-    _this = _AnysPlugin.call(this, anys) || this;
-    _this.offlineStore = offlineStore;
-    _this.urlMonitor = urlMonitor;
-    _this.windowSizeMonitor = windowSizeMonitor;
-    _this.DOMMutationMonitor = DOMMutationMonitor;
-    // cache for trace logs to be send by beacon
-    _this.cache = {};
-    return _this;
-  }
-  var _proto = AnysRecorderPlugin.prototype;
-  _proto.options = function options() {
-    const isSupportTouch = ('ontouchend' in document);
-    return {
-      touch: isSupportTouch,
-      mouse: !isSupportTouch,
-      click: false,
-      mousedown: true,
-      mousemove: true,
-      mouseup: true,
-      autoReport: false,
-      reportUrl: new Error('[Anys]: options.reportUrl is required!'),
-      reportInterval: 10000,
-      reportParams: null
-    };
-  };
-  _proto.registerAutoReport = function registerAutoReport() {
-    const {
-      clientId
-    } = this.anys;
-    const autoReportWhenRefreshTraceId = ({
-      prev
-    }) => {
-      // report previous trace logs
-      this.anys.report([{
-        key: 'client',
-        value: clientId
-      }, {
-        key: 'trace',
-        value: prev
-      }]);
-
-      // clear cache
-      this.cache = {};
-
-      // record new information
-      this.urlMonitor.recordUrl();
-      this.windowSizeMonitor.recordSize();
-      this.DOMMutationMonitor.recordSnapshot();
-    };
-    this.anys.on('refreshTraceId', autoReportWhenRefreshTraceId);
-    const timer = setInterval(() => {
-      this.anys.report();
-    }, this.anys.options.reportInterval);
-    let isUnloaded = 0;
-    const sendBeaconWhenBeforeUnload = () => {
-      if (isUnloaded) {
-        return;
-      }
-      isUnloaded = 1;
-      const ids = Object.keys(this.cache);
-      const logs = Object.values(this.cache);
-      if (ids.length) {
-        this.offlineStore.remove(ids); // async may not executed
-        navigator.sendBeacon(this.anys.options.reportUrl, JSON.stringify(logs));
-        this.cache = {};
-      }
-    };
-    window.addEventListener('beforeunload', sendBeaconWhenBeforeUnload);
-    window.addEventListener('pagehide', sendBeaconWhenBeforeUnload); // 兼容微信浏览器
-    window.addEventListener('unload', sendBeaconWhenBeforeUnload);
-    const addCacheWhenWriteLog = ({
-      id,
-      data
-    }) => {
-      this.cache[id] = data;
-    };
-    this.anys.on('writeOfflineLog', addCacheWhenWriteLog);
-    return () => {
-      this.anys.off('refreshTraceId', autoReportWhenRefreshTraceId);
-      this.anys.off('writeOfflineLog', addCacheWhenWriteLog);
-      // @ts-ignore
-      clearInterval(timer);
-      window.removeEventListener('beforeunload', sendBeaconWhenBeforeUnload);
-    };
-  }
-
-  /**
-   * define read here, so that recorder will not send other plugins 'read' output
-   * @param {*} message
-   * @returns
-   */;
-  _proto.read = function read(message) {
-    return this.offlineStore.read(message);
-  };
-  _proto.send = function send(logs) {
-    const groups = [];
-    let i = 0;
-    logs.forEach(item => {
-      groups[i] = groups[i] || [];
-      groups[i].push(item);
-      if (groups[i].length > 200) {
-        i++;
-      }
-    });
-    const defers = groups.map(data => {
-      const items = [];
-      const ids = [];
-      data.forEach(item => {
-        const {
-          _id,
-          ...info
-        } = item;
-        ids.push(_id);
-        items.push(info);
-      });
-      if (!items.length) {
-        return;
-      }
-      const {
-        reportUrl,
-        reportParams
-      } = this.anys.options;
-      const url = reportParams ? (0, _anysShared.replaceUrlSearch)(reportUrl, reportParams) : reportUrl;
-      return (0, _anysShared.ajaxPost)(url, items).then(() => {
-        ids.forEach(id => {
-          delete this.cache[id];
-        });
-      });
-    });
-    return Promise.all(defers);
-  };
-  _proto.clear = function clear() {
-    this.cache = {};
-  };
-  return AnysRecorderPlugin;
-}(_anysShared.AnysPlugin);
-exports.AnysRecorderPlugin = AnysRecorderPlugin;
-AnysRecorderPlugin.dependencies = [_anysWebPluginStoreOffline.AnysStoreOfflinePlugin, _anysWebPluginMonitorUrl.AnysMonitorUrlPlugin, _anysWebPluginMonitorWindowSize.AnysMonitorWindowSizePlugin, _anysWebPluginMonitorDomMutation.AnysMonitorDOMMutationPlugin, _anysWebPluginIdentify.AnysIdentifyPlugin, _anysWebPluginMonitorAjax.AnysMonitorAjaxPlugin, _anysWebPluginMonitorInputEvent.AnysMonitorInputEventPlugin, _anysWebPluginMonitorMouseEvent.AnysMonitorMouseEventPlugin, _anysWebPluginMonitorWindowActivity.AnysMonitorWindowActivityPlugin, _anysWebPluginMonitorTouchEvent.AnysMonitorTouchEventPlugin, _anysWebPluginMonitorScrollEvent.AnysMonitorScrollEventPlugin];