@atlaskit/react-ufo 4.1.10 → 4.1.12

package/dist/esm/interaction-metrics/index.js

@@ -13,6 +13,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import coinflip from '../coinflip';
 import { getAwaitBM3TTIList, getCapabilityRate, getConfig, getExperimentalInteractionRate, getInteractionTimeout, getPostInteractionRate } from '../config';
 import { experimentalVC, getExperimentalVCMetrics, onExperimentalInteractionComplete } from '../create-experimental-interaction-metrics-payload';
+import { sanitizeUfoName } from '../create-payload/common/utils';
 import { clearActiveTrace } from '../experience-trace-id-context';
 import { allFeatureFlagsAccessed, currentFeatureFlagsAccessed } from '../feature-flags-accessed';
 import { getInteractionId } from '../interaction-id-context';
@@ -189,10 +190,23 @@ export function addCustomTiming(interactionId, labelStack, data) {
           endTime = timingData.endTime;
         try {
           // for Firefox 102 and older
-          performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack, key), " [custom_timing]"), {
-            start: startTime,
-            end: endTime
-          });
+          if (fg('ufo_chrome_devtools_uplift')) {
+            performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack, key), " [custom_timing]"), {
+              start: startTime,
+              end: endTime,
+              detail: {
+                devtools: {
+                  track: '🛸 reactUFO detailed timings',
+                  color: 'tertiary-light'
+                }
+              }
+            });
+          } else {
+            performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack, key), " [custom_timing]"), {
+              start: startTime,
+              end: endTime
+            });
+          }
         } catch (e) {
           // do nothing
         }
@@ -249,10 +263,23 @@ export function addSpan(interactionId, type, name, labelStack, start) {
     if (isPerformanceTracingEnabled()) {
       try {
         // for Firefox 102 and older
-        performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack, name), " [").concat(type, "]"), {
-          start: start,
-          end: end
-        });
+        if (fg('ufo_chrome_devtools_uplift')) {
+          performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack, name), " [").concat(type, "]"), {
+            start: start,
+            end: end,
+            detail: {
+              devtools: {
+                track: '🛸 reactUFO detailed timings',
+                color: 'secondary'
+              }
+            }
+          });
+        } else {
+          performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack, name), " [").concat(type, "]"), {
+            start: start,
+            end: end
+          });
+        }
       } catch (e) {
         // do nothing
       }
@@ -275,10 +302,23 @@ export function addSpanToAll(type, name, labelStack, start) {
   if (isPerformanceTracingEnabled()) {
     try {
       // for Firefox 102 and older
-      performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack, name), " [").concat(type, "]"), {
-        start: start,
-        end: end
-      });
+      if (fg('ufo_chrome_devtools_uplift')) {
+        performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack, name), " [").concat(type, "]"), {
+          start: start,
+          end: end,
+          detail: {
+            devtools: {
+              track: '🛸 reactUFO detailed timings',
+              color: 'secondary'
+            }
+          }
+        });
+      } else {
+        performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack, name), " [").concat(type, "]"), {
+          start: start,
+          end: end
+        });
+      }
     } catch (e) {
       // do nothing
     }
@@ -339,10 +379,23 @@ export function addHold(interactionId, labelStack, name, experimental) {
       if (isPerformanceTracingEnabled()) {
         try {
           // for Firefox 102 and older
-          performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack, name), " [hold]"), {
-            start: start,
-            end: end
-          });
+          if (fg('ufo_chrome_devtools_uplift')) {
+            performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack, name), " [hold]"), {
+              start: start,
+              end: end,
+              detail: {
+                devtools: {
+                  track: '🛸 reactUFO detailed timings',
+                  color: 'secondary-light'
+                }
+              }
+            });
+          } else {
+            performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack, name), " [hold]"), {
+              start: start,
+              end: end
+            });
+          }
         } catch (e) {
           // do nothing
         }
@@ -469,10 +522,23 @@ export function addProfilerTimings(interactionId, labelStack, type, actualDurati
   if (isPerformanceTracingEnabled()) {
     try {
       // for Firefox 102 and older
-      performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack), " [react-profiler] ").concat(type), {
-        start: startTime,
-        duration: actualDuration
-      });
+      if (fg('ufo_chrome_devtools_uplift')) {
+        performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack), " [react-profiler] ").concat(type), {
+          start: startTime,
+          duration: actualDuration,
+          detail: {
+            devtools: {
+              track: '🛸 reactUFO detailed timings',
+              color: 'secondary-dark'
+            }
+          }
+        });
+      } else {
+        performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack), " [react-profiler] ").concat(type), {
+          start: startTime,
+          duration: actualDuration
+        });
+      }
     } catch (e) {
       // do nothing
     }
@@ -509,10 +575,24 @@ function finishInteraction(id, data) {
   data.end = endTime;
   try {
     // for Firefox 102 and older
-    performance.measure("\uD83D\uDEF8 [".concat(data.type, "] ").concat(data.ufoName, " [ttai]"), {
-      start: data.start,
-      end: data.end
-    });
+    if (fg('ufo_chrome_devtools_uplift')) {
+      performance.measure("\uD83D\uDEF8 [".concat(data.type, "] ").concat(data.ufoName, " [ttai]"), {
+        start: data.start,
+        end: data.end,
+        detail: {
+          devtools: {
+            track: 'main metrics',
+            trackGroup: '🛸 reactUFO metrics',
+            color: 'tertiary'
+          }
+        }
+      });
+    } else {
+      performance.measure("\uD83D\uDEF8 [".concat(data.type, "] ").concat(data.ufoName, " [ttai]"), {
+        start: data.start,
+        end: data.end
+      });
+    }
   } catch (e) {
     // do nothing
   }
@@ -528,6 +608,18 @@ function finishInteraction(id, data) {
       data.vc = observer.getVCRawData();
     }
   }
+
+  // By this time, stop the post interaction log observer if coinflip rate is 0
+  if (fg('platform_ufo_post_interaction_check_name')) {
+    var sanitisedUfoName = sanitizeUfoName(data.ufoName);
+    if (!coinflip(getPostInteractionRate(sanitisedUfoName, data.type))) {
+      postInteractionLog.stopVCObserver();
+    }
+  } else {
+    if (!coinflip(getPostInteractionRate(data.routeName || data.ufoName, data.type))) {
+      postInteractionLog.stopVCObserver();
+    }
+  }
   if (!((_getConfig5 = getConfig()) !== null && _getConfig5 !== void 0 && (_getConfig5 = _getConfig5.experimentalInteractionMetrics) !== null && _getConfig5 !== void 0 && _getConfig5.enabled)) {
     remove(id);
   }
@@ -561,10 +653,23 @@ function finishInteraction(id, data) {
             labelStack = _step3$value$.labelStack,
             start = _step3$value$.start,
             end = _step3$value$.end;
-          performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack), " [segment_ttai]"), {
-            start: start,
-            end: end
-          });
+          if (fg('ufo_chrome_devtools_uplift')) {
+            performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack), " [segment_ttai]"), {
+              start: start,
+              end: end,
+              detail: {
+                devtools: {
+                  track: '🛸 reactUFO detailed timings',
+                  color: 'secondary-dark'
+                }
+              }
+            });
+          } else {
+            performance.measure("\uD83D\uDEF8 ".concat(labelStackToString(labelStack), " [segment_ttai]"), {
+              start: start,
+              end: end
+            });
+          }
         }
       } catch (err) {
         _iterator3.e(err);
@@ -737,8 +842,12 @@ export function addOnCancelCallback(id, cancelCallback) {
 }
 export function addNewInteraction(interactionId, ufoName, type, startTime, rate, labelStack, routeName) {
   var trace = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : null;
-  if (coinflip(getPostInteractionRate(routeName || ufoName, type))) {
+  if (fg('platform_ufo_post_interaction_check_name')) {
     postInteractionLog.reset();
+  } else {
+    if (coinflip(getPostInteractionRate(routeName || ufoName, type))) {
+      postInteractionLog.reset();
+    }
   }
   var vcObserver;
   var previousTime = startTime;
@@ -857,10 +966,21 @@ export function addNewInteraction(interactionId, ufoName, type, startTime, rate,
         experienceKey: ufoName
       });
     }
-    if (coinflip(getPostInteractionRate(routeName || ufoName, type))) {
-      postInteractionLog.startVCObserver({
-        startTime: startTime
-      });
+    if (fg('platform_ufo_post_interaction_check_name')) {
+      var _getConfig0;
+      // Start post interaction observer for all if config is enabled
+      // in case ufoName is updated at later time
+      if ((_getConfig0 = getConfig()) !== null && _getConfig0 !== void 0 && (_getConfig0 = _getConfig0.postInteractionLog) !== null && _getConfig0 !== void 0 && _getConfig0.enabled) {
+        postInteractionLog.startVCObserver({
+          startTime: startTime
+        });
+      }
+    } else {
+      if (coinflip(getPostInteractionRate(routeName || ufoName, type))) {
+        postInteractionLog.startVCObserver({
+          startTime: startTime
+        });
+      }
     }
     if (coinflip(getExperimentalInteractionRate(ufoName, type))) {
       experimentalVC.start({
@@ -894,12 +1014,27 @@ export function addApdexToAll(apdex) {
   interactions.forEach(function (interaction, key) {
     interaction.apdex.push(apdex);
     try {
-      var _apdex$startTime;
       // for Firefox 102 and older
-      performance.measure("\uD83D\uDEF8 ".concat(apdex.key, " [bm3_tti]"), {
-        start: (_apdex$startTime = apdex.startTime) !== null && _apdex$startTime !== void 0 ? _apdex$startTime : interaction.start,
-        end: apdex.stopTime
-      });
+      if (fg('ufo_chrome_devtools_uplift')) {
+        var _apdex$startTime;
+        performance.measure("\uD83D\uDEF8 ".concat(apdex.key, " [bm3_tti]"), {
+          start: (_apdex$startTime = apdex.startTime) !== null && _apdex$startTime !== void 0 ? _apdex$startTime : interaction.start,
+          end: apdex.stopTime,
+          detail: {
+            devtools: {
+              track: 'main metrics',
+              trackGroup: '🛸 reactUFO metrics',
+              color: 'primary-dark'
+            }
+          }
+        });
+      } else {
+        var _apdex$startTime2;
+        performance.measure("\uD83D\uDEF8 ".concat(apdex.key, " [bm3_tti]"), {
+          start: (_apdex$startTime2 = apdex.startTime) !== null && _apdex$startTime2 !== void 0 ? _apdex$startTime2 : interaction.start,
+          end: apdex.stopTime
+        });
+      }
     } catch (e) {
       // do nothing
     }
@@ -913,12 +1048,27 @@ export function addApdex(interactionId, apdexInfo) {
   if (interaction != null) {
     interaction.apdex.push(apdexInfo);
     try {
-      var _apdexInfo$startTime;
       // for Firefox 102 and older
-      performance.measure("\uD83D\uDEF8 ".concat(apdexInfo.key, " [bm3_tti]"), {
-        start: (_apdexInfo$startTime = apdexInfo.startTime) !== null && _apdexInfo$startTime !== void 0 ? _apdexInfo$startTime : interaction.start,
-        end: apdexInfo.stopTime
-      });
+      if (fg('ufo_chrome_devtools_uplift')) {
+        var _apdexInfo$startTime;
+        performance.measure("\uD83D\uDEF8 ".concat(apdexInfo.key, " [bm3_tti]"), {
+          start: (_apdexInfo$startTime = apdexInfo.startTime) !== null && _apdexInfo$startTime !== void 0 ? _apdexInfo$startTime : interaction.start,
+          end: apdexInfo.stopTime,
+          detail: {
+            devtools: {
+              track: 'main metrics',
+              trackGroup: '🛸 reactUFO metrics',
+              color: 'primary-dark'
+            }
+          }
+        });
+      } else {
+        var _apdexInfo$startTime2;
+        performance.measure("\uD83D\uDEF8 ".concat(apdexInfo.key, " [bm3_tti]"), {
+          start: (_apdexInfo$startTime2 = apdexInfo.startTime) !== null && _apdexInfo$startTime2 !== void 0 ? _apdexInfo$startTime2 : interaction.start,
+          end: apdexInfo.stopTime
+        });
+      }
     } catch (e) {
       // do nothing
     }
@@ -981,12 +1131,26 @@ export function addRedirect(interactionId, fromUfoName, nextUfoName, nextRouteNa
     if (isPerformanceTracingEnabled()) {
       var prevRedirect = interaction.redirects.at(-2);
       try {
-        var _prevRedirect$time;
         // for Firefox 102 and older
-        performance.measure("\uD83D\uDEF8 ".concat(nextUfoName, " [redirect]"), {
-          start: (_prevRedirect$time = prevRedirect === null || prevRedirect === void 0 ? void 0 : prevRedirect.time) !== null && _prevRedirect$time !== void 0 ? _prevRedirect$time : interaction.start,
-          end: time
-        });
+        if (fg('ufo_chrome_devtools_uplift')) {
+          var _prevRedirect$time;
+          performance.measure("\uD83D\uDEF8 ".concat(nextUfoName, " [redirect]"), {
+            start: (_prevRedirect$time = prevRedirect === null || prevRedirect === void 0 ? void 0 : prevRedirect.time) !== null && _prevRedirect$time !== void 0 ? _prevRedirect$time : interaction.start,
+            end: time,
+            detail: {
+              devtools: {
+                track: '🛸 reactUFO detailed timings',
+                color: 'tertiary'
+              }
+            }
+          });
+        } else {
+          var _prevRedirect$time2;
+          performance.measure("\uD83D\uDEF8 ".concat(nextUfoName, " [redirect]"), {
+            start: (_prevRedirect$time2 = prevRedirect === null || prevRedirect === void 0 ? void 0 : prevRedirect.time) !== null && _prevRedirect$time2 !== void 0 ? _prevRedirect$time2 : interaction.start,
+            end: time
+          });
+        }
       } catch (e) {
         // do nothing
       }

package/dist/esm/interaction-metrics/post-interaction-log.js

@@ -113,8 +113,8 @@ var PostInteractionLog = /*#__PURE__*/function () {
     key: "sendPostInteractionLog",
     value: (function () {
       var _sendPostInteractionLog = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var _this$vcObserver4, _this$vcObserver5;
-        var _this$vcObserver3, postInteractionFinishVCResult;
+        var _this$vcObserver4, _config$vc, _config$vc2, _this$vcObserver5;
+        var _this$vcObserver3, config, postInteractionFinishVCResult;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -126,18 +126,21 @@ var PostInteractionLog = /*#__PURE__*/function () {
               (_this$vcObserver3 = this.vcObserver) === null || _this$vcObserver3 === void 0 || _this$vcObserver3.stop();
               return _context.abrupt("return");
             case 4:
-              _context.next = 6;
-              return (_this$vcObserver4 = this.vcObserver) === null || _this$vcObserver4 === void 0 ? void 0 : _this$vcObserver4.getVCResult(_objectSpread(_objectSpread({
+              config = getConfig();
+              _context.next = 7;
+              return (_this$vcObserver4 = this.vcObserver) === null || _this$vcObserver4 === void 0 ? void 0 : _this$vcObserver4.getVCResult(_objectSpread({
                 start: this.lastInteractionFinish.start,
                 stop: performance.now(),
                 tti: -1,
                 // no need for TTI value here
                 isEventAborted: !!this.lastInteractionFinish.abortReason,
-                prefix: 'ufo'
-              }, this.vcObserverSSRConfig), {}, {
-                experienceKey: this.lastInteractionFinish.ufoName
-              }));
-            case 6:
+                prefix: 'ufo',
+                experienceKey: this.lastInteractionFinish.ufoName,
+                interactionId: this.lastInteractionFinish.id,
+                includeSSRInV3: config === null || config === void 0 || (_config$vc = config.vc) === null || _config$vc === void 0 ? void 0 : _config$vc.includeSSRInV3,
+                includeSSRRatio: config === null || config === void 0 || (_config$vc2 = config.vc) === null || _config$vc2 === void 0 ? void 0 : _config$vc2.includeSSRRatio
+              }, this.vcObserverSSRConfig));
+            case 7:
               postInteractionFinishVCResult = _context.sent;
               (_this$vcObserver5 = this.vcObserver) === null || _this$vcObserver5 === void 0 || _this$vcObserver5.stop();
               this.sinkHandlerFn({
@@ -147,7 +150,7 @@ var PostInteractionLog = /*#__PURE__*/function () {
                 lastInteractionFinishVCResult: this.lastInteractionFinishVCResult
               });
               this.reset();
-            case 10:
+            case 11:
             case "end":
               return _context.stop();
           }

package/dist/esm/vc/index.js

@@ -7,6 +7,7 @@ var _process;
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 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) { _defineProperty(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; }
+import { fg } from '@atlaskit/platform-feature-flags';
 import { isVCRevisionEnabled } from '../config';
 import { VCObserverNOOP } from './no-op-vc-observer';
 import { VCObserver } from './vc-observer';
@@ -158,16 +159,17 @@ export var VCObserverWrapper = /*#__PURE__*/function () {
               _context.t1 = [];
             case 16:
               v3Result = _context.t1;
+              fg('ufo_chrome_devtools_uplift') && this.addPerformanceMeasures(param.start, [].concat(_toConsumableArray((v1v2Result === null || v1v2Result === void 0 ? void 0 : v1v2Result['ufo:vc:rev']) || []), _toConsumableArray(v3Result !== null && v3Result !== void 0 ? v3Result : [])));
               if (v3Result) {
-                _context.next = 19;
+                _context.next = 20;
                 break;
               }
               return _context.abrupt("return", v1v2Result !== null && v1v2Result !== void 0 ? v1v2Result : {});
-            case 19:
+            case 20:
               return _context.abrupt("return", _objectSpread(_objectSpread({}, v1v2Result), {}, {
                 'ufo:vc:rev': [].concat(_toConsumableArray((_ref2 = v1v2Result === null || v1v2Result === void 0 ? void 0 : v1v2Result['ufo:vc:rev']) !== null && _ref2 !== void 0 ? _ref2 : []), _toConsumableArray(v3Result !== null && v3Result !== void 0 ? v3Result : []))
               }));
-            case 20:
+            case 21:
             case "end":
               return _context.stop();
           }
@@ -204,6 +206,48 @@ export var VCObserverWrapper = /*#__PURE__*/function () {
     value: function collectSSRPlaceholders() {
       this.ssrPlaceholderHandler.collectExistingPlaceholders();
     }
+  }, {
+    key: "addPerformanceMeasures",
+    value: function addPerformanceMeasures(start, measures) {
+      try {
+        measures.forEach(function (entry) {
+          var _entry$vcDetails;
+          if (!entry || !entry.vcDetails) {
+            return;
+          }
+          var VCParts = Object.keys(entry.vcDetails);
+          performance.measure("VC90 (".concat(entry.revision, ")"), {
+            start: start,
+            duration: (_entry$vcDetails = entry.vcDetails) === null || _entry$vcDetails === void 0 || (_entry$vcDetails = _entry$vcDetails['90']) === null || _entry$vcDetails === void 0 ? void 0 : _entry$vcDetails.t,
+            detail: {
+              devtools: {
+                track: "main metrics",
+                trackGroup: '🛸 reactUFO metrics',
+                color: 'tertiary'
+              }
+            }
+          });
+          VCParts.forEach(function (key) {
+            var _entry$vcDetails2;
+            var duration = (_entry$vcDetails2 = entry.vcDetails) === null || _entry$vcDetails2 === void 0 ? void 0 : _entry$vcDetails2[key].t;
+            if (typeof duration !== 'number') {
+              return;
+            }
+            performance.measure("VC".concat(key), {
+              start: start,
+              duration: duration,
+              detail: {
+                devtools: {
+                  track: "VC ".concat(entry.revision),
+                  trackGroup: '🛸 reactUFO metrics',
+                  color: key === '90' ? 'tertiary' : 'primary-light'
+                }
+              }
+            });
+          });
+        });
+      } catch (error) {}
+    }
   }]);
 }();
 

package/dist/esm/vc/vc-observer/index.js

@@ -9,6 +9,7 @@ var _excluded = ["__debug__element"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 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) { _defineProperty(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; }
+import { fg } from '@atlaskit/platform-feature-flags';
 import { isVCRevisionEnabled } from '../../config';
 import { getActiveInteraction } from '../../interaction-metrics';
 import { attachAbortListeners } from './attachAbortListeners';
@@ -177,29 +178,35 @@ export var VCObserver = /*#__PURE__*/function () {
                     if (isTTVCv1Disabled) {
                       var duration = vcNext.VC[key];
                       if (duration !== null && duration !== undefined) {
-                        performance.measure("VC".concat(key), {
-                          start: start,
-                          duration: duration
-                        });
-                        performance.measure("VC_Next".concat(key), {
-                          start: start,
-                          duration: duration
-                        });
+                        if (!fg('ufo_chrome_devtools_uplift')) {
+                          performance.measure("VC".concat(key), {
+                            start: start,
+                            duration: duration
+                          });
+                          performance.measure("VC_Next".concat(key), {
+                            start: start,
+                            duration: duration
+                          });
+                        }
                       }
                     } else {
                       var ttvcV1duration = VC[key];
                       if (ttvcV1duration !== null && ttvcV1duration !== undefined) {
-                        performance.measure("VC".concat(key), {
-                          start: start,
-                          duration: ttvcV1duration
-                        });
+                        if (!fg('ufo_chrome_devtools_uplift')) {
+                          performance.measure("VC".concat(key), {
+                            start: start,
+                            duration: ttvcV1duration
+                          });
+                        }
                       }
                       var ttvcV2duration = vcNext.VC[key];
                       if (ttvcV2duration !== null && ttvcV2duration !== undefined) {
-                        performance.measure("VC_Next".concat(key), {
-                          start: start,
-                          duration: ttvcV2duration
-                        });
+                        if (!fg('ufo_chrome_devtools_uplift')) {
+                          performance.measure("VC_Next".concat(key), {
+                            start: start,
+                            duration: ttvcV2duration
+                          });
+                        }
                       }
                     }
                   });

package/dist/types/vc/index.d.ts

@@ -21,6 +21,7 @@ export declare class VCObserverWrapper implements VCObserverInterface {
     setReactRootRenderStart(startTime: number): void;
     setReactRootRenderStop(stopTime: number): void;
     collectSSRPlaceholders(): void;
+    private addPerformanceMeasures;
 }
 export declare function isEnvironmentSupported(): boolean;
 export declare function getVCObserver(opts?: VCObserverOptions): VCObserverInterface;

package/dist/types-ts4.5/vc/index.d.ts

@@ -21,6 +21,7 @@ export declare class VCObserverWrapper implements VCObserverInterface {
     setReactRootRenderStart(startTime: number): void;
     setReactRootRenderStop(stopTime: number): void;
     collectSSRPlaceholders(): void;
+    private addPerformanceMeasures;
 }
 export declare function isEnvironmentSupported(): boolean;
 export declare function getVCObserver(opts?: VCObserverOptions): VCObserverInterface;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "4.1.10",
+	"version": "4.1.12",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -191,6 +191,12 @@
 		},
 		"platform_ufo_segment_critical_metrics": {
 			"type": "boolean"
+		},
+		"ufo_chrome_devtools_uplift": {
+			"type": "boolean"
+		},
+		"platform_ufo_post_interaction_check_name": {
+			"type": "boolean"
 		}
 	}
 }