@atlaskit/react-ufo 2.5.3 → 2.7.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 2.7.0
+
+### Minor Changes
+
+- [#179617](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/179617)
+  [`755cc79765ae8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/755cc79765ae8) -
+  Added API to support SSR whitelist
+
+## 2.6.0
+
+### Minor Changes
+
+- [#180750](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/180750)
+  [`a876090daed20`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a876090daed20) -
+  Experimental UFO holds the third iteration
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 2.5.3
 
 ### Patch Changes

package/create-experimental-interaction-metrics-payload/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/react-ufo/create-experimental-interaction-metrics-payload",
+  "main": "../dist/cjs/create-experimental-interaction-metrics-payload/index.js",
+  "module": "../dist/esm/create-experimental-interaction-metrics-payload/index.js",
+  "module:es2019": "../dist/es2019/create-experimental-interaction-metrics-payload/index.js",
+  "sideEffects": false,
+  "types": "../dist/types/create-experimental-interaction-metrics-payload/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.4": {
+      "*": [
+        "../dist/types-ts4.5/create-experimental-interaction-metrics-payload/index.d.ts"
+      ]
+    }
+  }
+}

package/dist/cjs/config/index.js

@@ -8,6 +8,7 @@ exports.getCapabilityRate = getCapabilityRate;
 exports.getConfig = getConfig;
 exports.getDoNotAbortActivePressInteraction = getDoNotAbortActivePressInteraction;
 exports.getDoNotAbortActivePressInteractionOnTransition = getDoNotAbortActivePressInteractionOnTransition;
+exports.getExperimentalInteractionRate = getExperimentalInteractionRate;
 exports.getInteractionRate = getInteractionRate;
 exports.getPostInteractionRate = getPostInteractionRate;
 exports.getRemoveInteractionsUFOPrefixes = getRemoveInteractionsUFOPrefixes;
@@ -81,13 +82,34 @@ function getInteractionRate(name, interactionKind) {
     return 0;
   }
 }
-function getPostInteractionRate(name, interactionType) {
+function getExperimentalInteractionRate(name, interactionType) {
   try {
     if (!config) {
       return 0;
     }
     var _config2 = config,
-      postInteractionLog = _config2.postInteractionLog;
+      experimentalInteractionMetrics = _config2.experimentalInteractionMetrics;
+    if (!(experimentalInteractionMetrics !== null && experimentalInteractionMetrics !== void 0 && experimentalInteractionMetrics.enabled)) {
+      return 0;
+    }
+    if (experimentalInteractionMetrics.rates && typeof experimentalInteractionMetrics.rates[name] === 'number') {
+      return experimentalInteractionMetrics.rates[name];
+    }
+    if (experimentalInteractionMetrics.kind && typeof experimentalInteractionMetrics.kind[interactionType] === 'number') {
+      return experimentalInteractionMetrics.kind[interactionType];
+    }
+    return 0;
+  } catch (e) {
+    return 0;
+  }
+}
+function getPostInteractionRate(name, interactionType) {
+  try {
+    if (!config) {
+      return 0;
+    }
+    var _config3 = config,
+      postInteractionLog = _config3.postInteractionLog;
     if (!(postInteractionLog !== null && postInteractionLog !== void 0 && postInteractionLog.enabled)) {
       return 0;
     }
@@ -107,8 +129,8 @@ function getCapabilityRate(capability) {
     if (!config) {
       return 0;
     }
-    var _config3 = config,
-      capabilityRate = _config3.capability;
+    var _config4 = config,
+      capabilityRate = _config4.capability;
     if (capabilityRate != null) {
       var rate = capabilityRate[capability];
       if (rate != null) {
@@ -127,8 +149,8 @@ function getTypingPerformanceTracingMethod() {
     if (!config) {
       return defaultMethod;
     }
-    var _config4 = config,
-      typingMethod = _config4.typingMethod;
+    var _config5 = config,
+      typingMethod = _config5.typingMethod;
     if (typingMethod != null && validTypingMethods.find(function (m) {
       return m === typingMethod;
     })) {
@@ -147,8 +169,8 @@ function getAwaitBM3TTIList() {
     if (!config) {
       return [];
     }
-    var _config5 = config,
-      awaitBM3TTI = _config5.awaitBM3TTI;
+    var _config6 = config,
+      awaitBM3TTI = _config6.awaitBM3TTI;
     if (awaitBM3TTI != null) {
       return awaitBM3TTI;
     } else {
@@ -165,8 +187,8 @@ function getRemovePageSegmentsUFOPrefixes() {
     if (!config) {
       return false;
     }
-    var _config6 = config,
-      removePageSegmentsUFOPrefixes = _config6.removePageSegmentsUFOPrefixes;
+    var _config7 = config,
+      removePageSegmentsUFOPrefixes = _config7.removePageSegmentsUFOPrefixes;
     if (removePageSegmentsUFOPrefixes != null) {
       return removePageSegmentsUFOPrefixes;
     } else {
@@ -183,8 +205,8 @@ function getRemoveInteractionsUFOPrefixes() {
     if (!config) {
       return false;
     }
-    var _config7 = config,
-      removeInteractionsUFOPrefixes = _config7.removeInteractionsUFOPrefixes;
+    var _config8 = config,
+      removeInteractionsUFOPrefixes = _config8.removeInteractionsUFOPrefixes;
     if (removeInteractionsUFOPrefixes != null) {
       return removeInteractionsUFOPrefixes;
     } else {
@@ -204,8 +226,8 @@ function getUfoNameOverrides() {
     if (!config) {
       return undefined;
     }
-    var _config8 = config,
-      ufoNameOverrides = _config8.ufoNameOverrides;
+    var _config9 = config,
+      ufoNameOverrides = _config9.ufoNameOverrides;
     if (ufoNameOverrides != null) {
       return ufoNameOverrides;
     }
@@ -221,8 +243,8 @@ function getDoNotAbortActivePressInteraction() {
     if (!config) {
       return undefined;
     }
-    var _config9 = config,
-      doNotAbortActivePressInteraction = _config9.doNotAbortActivePressInteraction;
+    var _config10 = config,
+      doNotAbortActivePressInteraction = _config10.doNotAbortActivePressInteraction;
     return doNotAbortActivePressInteraction;
   } catch (e) {
     return undefined;
@@ -235,8 +257,8 @@ function getDoNotAbortActivePressInteractionOnTransition() {
     if (!config) {
       return undefined;
     }
-    var _config10 = config,
-      doNotAbortActivePressInteractionOnTransition = _config10.doNotAbortActivePressInteractionOnTransition;
+    var _config11 = config,
+      doNotAbortActivePressInteractionOnTransition = _config11.doNotAbortActivePressInteractionOnTransition;
     return doNotAbortActivePressInteractionOnTransition;
   } catch (e) {
     return undefined;

package/dist/cjs/create-experimental-interaction-metrics-payload/index.js

@@ -0,0 +1,100 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getExperimentalVCMetrics = exports.experimentalVC = exports.ExperimentalVCMetrics = void 0;
+exports.installInteractionSink = installInteractionSink;
+exports.onExperimentalInteractionComplete = onExperimentalInteractionComplete;
+exports.sinkExperimentalHandler = sinkExperimentalHandler;
+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 _utils = require("../create-payload/common/utils");
+var _vcObserver = require("../vc/vc-observer");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+var interactionBuffer = [];
+var bufferInteractionData = function bufferInteractionData(interactionId, data) {
+  interactionBuffer.push({
+    interactionId: interactionId,
+    data: data
+  });
+};
+function clearInteractionBuffer() {
+  interactionBuffer.length = 0;
+}
+function appendInteractionData(interactionId, data) {
+  bufferInteractionData(interactionId, data);
+}
+function installInteractionSink(handler) {
+  var _iterator = _createForOfIteratorHelper(interactionBuffer),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _step$value = _step.value,
+        _interactionId = _step$value.interactionId,
+        data = _step$value.data;
+      handler(_interactionId, data);
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  clearInteractionBuffer();
+  bufferInteractionData = handler;
+}
+function sinkExperimentalHandler(sinkFn) {
+  installInteractionSink(sinkFn);
+}
+function onExperimentalInteractionComplete(interactionId, data) {
+  var endTime = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : performance.now();
+  if (data.ufoName) {
+    data.end = endTime;
+    appendInteractionData(interactionId, data);
+    clearInteractionBuffer();
+  }
+}
+var ExperimentalVCMetrics = exports.ExperimentalVCMetrics = /*#__PURE__*/function () {
+  function ExperimentalVCMetrics() {
+    (0, _classCallCheck2.default)(this, ExperimentalVCMetrics);
+    (0, _defineProperty2.default)(this, "vcObserver", null);
+  }
+  return (0, _createClass2.default)(ExperimentalVCMetrics, [{
+    key: "initialize",
+    value: function initialize(options) {
+      if (this.vcObserver === null) {
+        this.vcObserver = new _vcObserver.VCObserver(_objectSpread(_objectSpread({}, options), {}, {
+          isPostInteraction: true
+        }));
+      }
+      return this;
+    }
+  }, {
+    key: "start",
+    value: function start(_ref) {
+      var _this$vcObserver;
+      var startTime = _ref.startTime;
+      (_this$vcObserver = this.vcObserver) === null || _this$vcObserver === void 0 || _this$vcObserver.start({
+        startTime: startTime
+      });
+    }
+  }]);
+}();
+var experimentalVC = exports.experimentalVC = new ExperimentalVCMetrics();
+var getExperimentalVCMetrics = exports.getExperimentalVCMetrics = function getExperimentalVCMetrics(interaction) {
+  if (experimentalVC.vcObserver) {
+    var _result$metricsVc;
+    var result = (0, _utils.calculateVCMetrics)(interaction, 'ufo-experimental', experimentalVC.vcObserver.getVCResult);
+    experimentalVC.vcObserver.stop();
+    return _objectSpread(_objectSpread({}, result), {}, {
+      'metric:experimental:vc90': result === null || result === void 0 || (_result$metricsVc = result['metrics:vc']) === null || _result$metricsVc === void 0 ? void 0 : _result$metricsVc['90']
+    });
+  }
+  return null;
+};

package/dist/cjs/create-payload/common/utils/index.js

@@ -5,15 +5,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.buildSegmentTree = buildSegmentTree;
+exports.getPageVisibilityUpToTTAI = exports.calculateVCMetrics = void 0;
+exports.getSSRDoneTimeValue = getSSRDoneTimeValue;
+exports.getVCMetrics = exports.getTTAI = void 0;
 exports.isSegmentLabel = isSegmentLabel;
 exports.labelStackStartWith = labelStackStartWith;
 exports.optimizeLabelStack = optimizeLabelStack;
-exports.sanitizeUfoName = void 0;
+exports.sanitizeUfoName = exports.postInteractionLog = void 0;
 exports.stringifyLabelStackFully = stringifyLabelStackFully;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _constants = require("../../../common/constants");
+var _config = require("../../../config");
+var _hiddenTiming = require("../../../hidden-timing");
+var _postInteractionLog = _interopRequireDefault(require("../../../interaction-metrics/post-interaction-log"));
+var _ssr = require("../../../ssr");
+var _vc = require("../../../vc");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /* eslint-disable @typescript-eslint/no-non-null-asserted-optional-chain */
+var postInteractionLog = exports.postInteractionLog = new _postInteractionLog.default();
 var sanitizeUfoName = exports.sanitizeUfoName = function sanitizeUfoName(name) {
   return name.replace(/_/g, '-');
 };
@@ -70,4 +79,59 @@ function optimizeLabelStack(labelStack) {
       s: ls.segmentId
     } : {});
   });
-}
+}
+var getPageVisibilityUpToTTAI = exports.getPageVisibilityUpToTTAI = function getPageVisibilityUpToTTAI(interaction) {
+  var start = interaction.start,
+    end = interaction.end;
+  return (0, _hiddenTiming.getPageVisibilityState)(start, end);
+};
+var calculateVCMetrics = exports.calculateVCMetrics = function calculateVCMetrics(interaction, prefix, getVCResultFn) {
+  var _interaction$apdex;
+  var result = getVCResultFn({
+    start: interaction.start,
+    stop: interaction.end,
+    tti: (_interaction$apdex = interaction.apdex) === null || _interaction$apdex === void 0 || (_interaction$apdex = _interaction$apdex[0]) === null || _interaction$apdex === void 0 ? void 0 : _interaction$apdex.stopTime,
+    prefix: prefix,
+    vc: interaction.vc
+  });
+  var VC = result === null || result === void 0 ? void 0 : result['metrics:vc'];
+  if (!VC || !(result !== null && result !== void 0 && result["".concat(prefix, ":vc:clean")])) {
+    return result;
+  }
+  var pageVisibilityUpToTTAI = getPageVisibilityUpToTTAI(interaction);
+  if (interaction.abortReason || pageVisibilityUpToTTAI !== 'visible') {
+    return result;
+  }
+  return result;
+};
+function getSSRDoneTimeValue(config) {
+  var _config$ssr, _config$ssr2;
+  return config !== null && config !== void 0 && (_config$ssr = config.ssr) !== null && _config$ssr !== void 0 && _config$ssr.getSSRDoneTime ? config === null || config === void 0 || (_config$ssr2 = config.ssr) === null || _config$ssr2 === void 0 ? void 0 : _config$ssr2.getSSRDoneTime() : (0, _ssr.getSSRDoneTime)();
+}
+var getVCMetrics = exports.getVCMetrics = function getVCMetrics(interaction) {
+  var _config$vc, _config$vc$ssrWhiteli, _result$metricsVc;
+  var config = (0, _config.getConfig)();
+  if (!(config !== null && config !== void 0 && (_config$vc = config.vc) !== null && _config$vc !== void 0 && _config$vc.enabled)) {
+    return {};
+  }
+  if (interaction.type !== 'page_load' && interaction.type !== 'transition') {
+    return {};
+  }
+  var isSSREnabled = (config === null || config === void 0 ? void 0 : config.ssr) || (config === null || config === void 0 || (_config$vc$ssrWhiteli = config.vc.ssrWhitelist) === null || _config$vc$ssrWhiteli === void 0 ? void 0 : _config$vc$ssrWhiteli.includes(interaction.ufoName));
+  var ssr = interaction.type === 'page_load' && isSSREnabled ? {
+    ssr: getSSRDoneTimeValue(config)
+  } : null;
+  postInteractionLog.setVCObserverSSRConfig(ssr);
+  var result = calculateVCMetrics(interaction, 'ufo', (0, _vc.getVCObserver)().getVCResult);
+  (0, _vc.getVCObserver)().stop();
+  postInteractionLog.setLastInteractionFinishVCResult(result);
+  return _objectSpread(_objectSpread({}, result), {}, {
+    'metric:vc90': result === null || result === void 0 || (_result$metricsVc = result['metrics:vc']) === null || _result$metricsVc === void 0 ? void 0 : _result$metricsVc['90']
+  });
+};
+var getTTAI = exports.getTTAI = function getTTAI(interaction) {
+  var start = interaction.start,
+    end = interaction.end;
+  var pageVisibilityUpToTTAI = getPageVisibilityUpToTTAI(interaction);
+  return !interaction.abortReason && pageVisibilityUpToTTAI === 'visible' ? Math.round(end - start) : undefined;
+};