@atlaskit/editor-plugin-base/dist/cjs/pm-plugins/utils/input-latency-tracking.js

Base plugin for @atlaskit/editor-core

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _analytics = require("@atlaskit/editor-common/utils/analytics");
var _getTimeSince = require("./getTimeSince");
var InputLatencyTracker = exports.default = /*#__PURE__*/function () {
  function InputLatencyTracker(_ref) {
    var samplingRate = _ref.samplingRate,
      slowThreshold = _ref.slowThreshold,
      normalThreshold = _ref.normalThreshold,
      degradedThreshold = _ref.degradedThreshold,
      dispatchAverage = _ref.dispatchAverage,
      dispatchSample = _ref.dispatchSample,
      onSampleStart = _ref.onSampleStart,
      onSampleEnd = _ref.onSampleEnd,
      onSlowInput = _ref.onSlowInput;
    (0, _classCallCheck2.default)(this, InputLatencyTracker);
    (0, _defineProperty2.default)(this, "samples", []);
    (0, _defineProperty2.default)(this, "total", 0);
    this.samplingRate = samplingRate;
    this.slowThreshold = slowThreshold;
    this.normalThreshold = normalThreshold;
    this.degradedThreshold = degradedThreshold;
    this.dispatchAverage = dispatchAverage;
    this.dispatchSample = dispatchSample;
    this.onSampleStart = onSampleStart;
    this.onSampleEnd = onSampleEnd;
    this.onSlowInput = onSlowInput;
  }
  return (0, _createClass2.default)(InputLatencyTracker, [{
    key: "start",
    value: function start() {
      var _this = this;
      var currentStart = performance.now();
      if (this.samples.length + 1 === this.samplingRate) {
        var _this$onSampleStart;
        (_this$onSampleStart = this.onSampleStart) === null || _this$onSampleStart === void 0 || _this$onSampleStart.call(this);
      }
      var end = function end() {
        if (currentStart === null) {
          return;
        }
        var isSlow = false;
        var time = (0, _getTimeSince.getTimeSince)(currentStart);
        _this.push(time);
        if (time > _this.slowThreshold) {
          var _this$onSlowInput;
          (_this$onSlowInput = _this.onSlowInput) === null || _this$onSlowInput === void 0 || _this$onSlowInput.call(_this, time);
          isSlow = true;
        }
        if (_this.samples.length === _this.samplingRate) {
          var _this$onSampleEnd;
          _this.flush();
          (_this$onSampleEnd = _this.onSampleEnd) === null || _this$onSampleEnd === void 0 || _this$onSampleEnd.call(_this, time, {
            isSlow: isSlow,
            severity: _this.severity(time)
          });
        }
      };
      return end;
    }
  }, {
    key: "flush",
    value: function flush() {
      if (this.samples.length === 0) {
        return;
      }
      this.dispatch();
      this.samples = [];
      this.total = 0;
    }
  }, {
    key: "dispatch",
    value: function dispatch() {
      var _this$dispatchSample, _this$dispatchAverage;
      (_this$dispatchSample = this.dispatchSample) === null || _this$dispatchSample === void 0 || _this$dispatchSample.call(this, this.getLast(), this.severity(this.getLast()));
      // cache
      var median = this.getMedian();
      (_this$dispatchAverage = this.dispatchAverage) === null || _this$dispatchAverage === void 0 || _this$dispatchAverage.call(this, {
        mean: this.getMean(),
        median: median,
        sampleSize: this.samples.length
      }, this.severity(median));
    }
  }, {
    key: "push",
    value: function push(latency) {
      this.samples.push(latency);
      this.total += latency;
    }
  }, {
    key: "severity",
    value: function severity(time) {
      return (0, _analytics.getAnalyticsEventSeverity)(time, this.normalThreshold, this.degradedThreshold);
    }
  }, {
    key: "getLast",
    value: function getLast() {
      return this.samples[this.samples.length - 1];
    }
  }, {
    key: "getMean",
    value: function getMean() {
      return this.total / this.samples.length;
    }
  }, {
    key: "getMedian",
    value: function getMedian() {
      if (this.samples.length === 1) {
        return this.samples[0];
      }
      this.samples.sort(function (a, b) {
        return a - b;
      });
      var middle = (this.samples.length + 1) / 2;
      var floorMiddle = Math.floor(middle);
      var remainder = middle % floorMiddle;
      if (remainder === 0) {
        return this.samples[middle - 1];
      }
      var left = this.samples[floorMiddle - 1];
      var right = this.samples[floorMiddle];
      return (left + right) / 2;
    }
  }]);
}();