@atlaskit/react-ufo 3.4.9 → 3.4.11

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 3.4.11
+
+### Patch Changes
+
+- [#134206](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/134206)
+  [`073d4d11dd3d6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/073d4d11dd3d6) -
+  add FG to disable TTVC v1 calculations
+
+## 3.4.10
+
+### Patch Changes
+
+- [#134112](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/134112)
+  [`b993bf17b9c1b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b993bf17b9c1b) -
+  Ignore same value attribute mutation
+
 ## 3.4.9
 
 ### Patch Changes

package/dist/cjs/create-payload/utils/get-vc-metrics.js

@@ -23,7 +23,7 @@ function getVCMetrics(_x) {
 function _getVCMetrics() {
   _getVCMetrics = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(interaction) {
     var _config$vc, _config$vc$ssrWhiteli, _interaction$apdex, _config$experimentalI;
-    var config, interactionStatus, pageVisibilityUpToTTAI, isSSREnabled, ssr, tti, prefix, result, VC;
+    var config, interactionStatus, pageVisibilityUpToTTAI, isSSREnabled, ssr, tti, prefix, result, ttvcV2Revision, VC;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -70,23 +70,41 @@ function _getVCMetrics() {
             (0, _vc.getVCObserver)().stop();
           }
           _interactionMetrics.postInteractionLog.setLastInteractionFinishVCResult(result);
+          if (!(0, _platformFeatureFlags.fg)('platform_ufo_disable_ttvc_v1')) {
+            _context.next = 26;
+            break;
+          }
+          ttvcV2Revision = (result === null || result === void 0 ? void 0 : result['ufo:vc:rev']).find(function (_ref) {
+            var revision = _ref.revision;
+            return revision === 'fy25.02';
+          });
+          if (ttvcV2Revision !== null && ttvcV2Revision !== void 0 && ttvcV2Revision.clean) {
+            _context.next = 23;
+            break;
+          }
+          return _context.abrupt("return", result);
+        case 23:
+          return _context.abrupt("return", _objectSpread(_objectSpread({}, result), {}, {
+            'metric:vc90': ttvcV2Revision['metric:vc90']
+          }));
+        case 26:
           VC = result === null || result === void 0 ? void 0 : result['metrics:vc'];
           if (!(!VC || !(result !== null && result !== void 0 && result["".concat(prefix, ":vc:clean")]))) {
-            _context.next = 22;
+            _context.next = 29;
             break;
           }
           return _context.abrupt("return", result);
-        case 22:
+        case 29:
           if (!(interactionStatus.originalInteractionStatus !== 'SUCCEEDED' || pageVisibilityUpToTTAI !== 'visible')) {
-            _context.next = 24;
+            _context.next = 31;
             break;
           }
           return _context.abrupt("return", result);
-        case 24:
+        case 31:
           return _context.abrupt("return", _objectSpread(_objectSpread({}, result), {}, {
             'metric:vc90': VC['90']
           }));
-        case 25:
+        case 32:
         case "end":
           return _context.stop();
       }

package/dist/cjs/vc/vc-observer/getVCRevisionsData.js

@@ -0,0 +1,81 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getVCRevisionsData = getVCRevisionsData;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _hiddenTiming = require("../../hidden-timing");
+var _revisions = require("./revisions/revisions");
+var VCParts = ['25', '50', '75', '80', '85', '90', '95', '98', '99'];
+function getVCRevisionsData(_ref) {
+  var fullPrefix = _ref.fullPrefix,
+    interaction = _ref.interaction,
+    isVCClean = _ref.isVCClean,
+    isEventAborted = _ref.isEventAborted,
+    multiHeatmap = _ref.multiHeatmap,
+    ssr = _ref.ssr,
+    calculatedVC = _ref.calculatedVC,
+    calculatedVCNext = _ref.calculatedVCNext;
+  var isMultiHeatmapEnabled = !(0, _platformFeatureFlags.fg)('platform_ufo_multiheatmap_killswitch');
+  if (!isMultiHeatmapEnabled) {
+    return null;
+  }
+  if (!(0, _platformFeatureFlags.fg)('platform_ufo_vc_observer_new')) {
+    if (!multiHeatmap) {
+      return null;
+    }
+    return (0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:rev"), multiHeatmap === null || multiHeatmap === void 0 ? void 0 : multiHeatmap.getPayloadShapedData({
+      VCParts: VCParts.map(function (v) {
+        return parseInt(v);
+      }),
+      VCCalculationMethods: (0, _revisions.getRevisions)().map(function (_ref2) {
+        var classifier = _ref2.classifier;
+        return classifier.VCCalculationMethod;
+      }),
+      filterComponentsLog: (0, _revisions.getRevisions)().map(function (_ref3) {
+        var classifier = _ref3.classifier;
+        return classifier.filterComponentsLog;
+      }),
+      isEventAborted: isEventAborted,
+      interactionStart: interaction.start,
+      ttai: interaction.end,
+      ssr: ssr,
+      clean: isVCClean
+    }));
+  }
+  var pageVisibilityUpToTTAI = (0, _hiddenTiming.getPageVisibilityState)(interaction.start, interaction.end);
+  var isVisiblePageVisibleUpToTTAI = pageVisibilityUpToTTAI === 'visible';
+  var shouldHaveVCmetric = isVCClean && !isEventAborted && isVisiblePageVisibleUpToTTAI;
+  var ttvcV1Revision = {
+    revision: 'fy25.01',
+    clean: isVCClean,
+    'metric:vc90': shouldHaveVCmetric ? calculatedVC.VC['90'] : null,
+    vcDetails: shouldHaveVCmetric ? Object.fromEntries(VCParts.map(function (key) {
+      var _calculatedVC$VCBox$k;
+      return [key, {
+        t: calculatedVC.VC[key],
+        e: (_calculatedVC$VCBox$k = calculatedVC.VCBox[key]) !== null && _calculatedVC$VCBox$k !== void 0 ? _calculatedVC$VCBox$k : []
+      }];
+    })) : {}
+  };
+  var ttvcV2ReportedMetric = (0, _platformFeatureFlags.fg)('platform_ufo_fix_v2_reported_vc90') ? calculatedVCNext.VC['90'] : calculatedVC.VC['90'];
+  var ttvcV2Revision = {
+    revision: 'fy25.02',
+    clean: isVCClean,
+    'metric:vc90': shouldHaveVCmetric ? ttvcV2ReportedMetric : null,
+    vcDetails: shouldHaveVCmetric ? Object.fromEntries(VCParts.map(function (key) {
+      var _calculatedVCNext$VCB;
+      return [key, {
+        t: calculatedVCNext.VC[key],
+        e: (_calculatedVCNext$VCB = calculatedVCNext.VCBox[key]) !== null && _calculatedVCNext$VCB !== void 0 ? _calculatedVCNext$VCB : []
+      }];
+    })) : {}
+  };
+  if ((0, _platformFeatureFlags.fg)('platform_ufo_disable_ttvc_v1')) {
+    return (0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:rev"), [ttvcV2Revision]);
+  }
+  return (0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:rev"), [ttvcV1Revision, ttvcV2Revision]);
+}

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

@@ -14,8 +14,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _hiddenTiming = require("../../hidden-timing");
 var _attachAbortListeners = require("./attachAbortListeners");
+var _getVCRevisionsData = require("./getVCRevisionsData");
 var _getViewport = require("./getViewport");
 var _heatmap = require("./heatmap/heatmap");
 var _observers = require("./observers");
@@ -104,7 +104,7 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
     });
     (0, _defineProperty2.default)(this, "getVCResult", /*#__PURE__*/function () {
       var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref3) {
-        var start, stop, tti, prefix, ssr, vc, isEventAborted, startTime, fullPrefix, rawData, abortReason, abortReasonInfo, heatmap, heatmapNext, outOfBoundaryInfo, totalTime, componentsLog, viewport, devToolsEnabled, ratios, multiHeatmap, _VCObserver$calculate, VC, VCBox, VCEntries, totalPainted, _componentsLog, vcNext, outOfBoundary, stopTime, isVCClean, isMultiHeatmapEnabled, pageVisibilityUpToTTAI, isVisiblePageVisibleUpToTTAI, shouldHaveVCmetric, revisionsData, isCalcSpeedIndexEnabled, speedIndex;
+        var start, stop, tti, prefix, ssr, vc, isEventAborted, startTime, fullPrefix, rawData, abortReason, abortReasonInfo, heatmap, heatmapNext, outOfBoundaryInfo, totalTime, componentsLog, viewport, devToolsEnabled, ratios, multiHeatmap, isTTVCv1Disabled, ttvcV1Result, VC, VCBox, VCEntries, totalPainted, _componentsLog, vcNext, outOfBoundary, stopTime, ttvcV1DevToolInfo, ttvcV2DevToolInfo, isVCClean, revisionsData, isCalcSpeedIndexEnabled, speedIndex;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -131,41 +131,33 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
               } catch (e) {}
               return _context.abrupt("return", (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:state"), false), "".concat(fullPrefix, "vc:abort:reason"), abortReasonInfo), "".concat(fullPrefix, "vc:abort:timestamp"), abortReason.timestamp));
             case 10:
-              _VCObserver$calculate = VCObserver.calculateVC({
+              isTTVCv1Disabled = (0, _platformFeatureFlags.fg)('platform_ufo_disable_ttvc_v1');
+              ttvcV1Result = isTTVCv1Disabled ? {
+                VC: {},
+                VCBox: {},
+                VCEntries: {
+                  abs: [],
+                  rel: [],
+                  speedIndex: -1
+                },
+                totalPainted: -1
+              } : VCObserver.calculateVC({
                 heatmap: heatmap,
                 ssr: ssr,
                 componentsLog: _objectSpread({}, componentsLog),
                 viewport: viewport
-              }), VC = _VCObserver$calculate.VC, VCBox = _VCObserver$calculate.VCBox, VCEntries = _VCObserver$calculate.VCEntries, totalPainted = _VCObserver$calculate.totalPainted;
-              try {
-                if (!_this.isPostInteraction) {
-                  VCObserver.VCParts.forEach(function (key) {
-                    var duration = VC[key];
-                    if (duration !== null && duration !== undefined) {
-                      performance.measure("VC".concat(key), {
-                        start: start,
-                        duration: duration
-                      });
-                    }
-                  });
+              });
+              VC = ttvcV1Result.VC, VCBox = ttvcV1Result.VCBox, VCEntries = ttvcV1Result.VCEntries, totalPainted = ttvcV1Result.totalPainted;
+              _componentsLog = {};
+              Object.entries(_this.componentsLog).forEach(function (_ref6) {
+                var _ref7 = (0, _slicedToArray2.default)(_ref6, 2),
+                  _timestamp = _ref7[0],
+                  value = _ref7[1];
+                var timestamp = Number(_timestamp);
+                if (stop > timestamp) {
+                  _componentsLog[timestamp] = value;
                 }
-              } catch (e) {
-                /* empty */
-              }
-              _componentsLog = {}; // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-              if ((0, _platformFeatureFlags.fg)('ufo-remove-vc-component-observations-after-ttai')) {
-                Object.entries(_this.componentsLog).forEach(function (_ref6) {
-                  var _ref7 = (0, _slicedToArray2.default)(_ref6, 2),
-                    _timestamp = _ref7[0],
-                    value = _ref7[1];
-                  var timestamp = Number(_timestamp);
-                  if (stop > timestamp) {
-                    _componentsLog[timestamp] = value;
-                  }
-                });
-              } else {
-                _componentsLog = _objectSpread({}, componentsLog);
-              }
+              });
               vcNext = VCObserver.calculateVC({
                 heatmap: heatmapNext,
                 ssr: ssr,
@@ -175,12 +167,33 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
               try {
                 if (!_this.isPostInteraction) {
                   VCObserver.VCParts.forEach(function (key) {
-                    var duration = vcNext.VC[key];
-                    if (duration !== null && duration !== undefined) {
-                      performance.measure("VC_Next".concat(key), {
-                        start: start,
-                        duration: duration
-                      });
+                    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
+                        });
+                      }
+                    } else {
+                      var ttvcV1duration = VC[key];
+                      if (ttvcV1duration !== null && ttvcV1duration !== undefined) {
+                        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
+                        });
+                      }
                     }
                   });
                 }
@@ -191,7 +204,7 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
               stopTime = performance.now(); // exposing data to devtools
               try {
                 if (!_this.isPostInteraction && devToolsEnabled) {
-                  window.__vc = {
+                  ttvcV1DevToolInfo = isTTVCv1Disabled ? undefined : {
                     entries: VCEntries.rel,
                     log: componentsLog,
                     metrics: {
@@ -210,7 +223,7 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
                     heatmap: heatmap,
                     ratios: ratios
                   };
-                  window.__vcNext = {
+                  ttvcV2DevToolInfo = {
                     entries: vcNext.VCEntries.rel,
                     log: componentsLog,
                     metrics: {
@@ -229,12 +242,19 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
                     heatmap: heatmapNext,
                     ratios: ratios
                   };
+                  if (isTTVCv1Disabled) {
+                    window.__vc = ttvcV2DevToolInfo;
+                    window.__vcNext = ttvcV2DevToolInfo;
+                  } else {
+                    window.__vc = ttvcV1DevToolInfo;
+                    window.__vcNext = ttvcV2DevToolInfo;
+                  }
 
                   // Emitting a custom event to make it available in the Chrome extension
                   window.dispatchEvent(new CustomEvent('vcReady', {
                     detail: {
                       log: filterComponentsLog(componentsLog),
-                      entries: VCEntries.rel
+                      entries: isTTVCv1Disabled ? vcNext.VCEntries.rel : VCEntries.rel
                     }
                   }));
                 }
@@ -242,56 +262,37 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
                 /*  do nothing */
               }
               isVCClean = !abortReasonInfo;
-              isMultiHeatmapEnabled = !(0, _platformFeatureFlags.fg)('platform_ufo_multiheatmap_killswitch');
-              pageVisibilityUpToTTAI = (0, _hiddenTiming.getPageVisibilityState)(start, stop);
-              isVisiblePageVisibleUpToTTAI = pageVisibilityUpToTTAI === 'visible';
-              shouldHaveVCmetric = isVCClean && !isEventAborted && isVisiblePageVisibleUpToTTAI;
-              revisionsData = isMultiHeatmapEnabled ? (0, _platformFeatureFlags.fg)('platform_ufo_vc_observer_new') ? (0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:rev"), [{
-                revision: 'fy25.01',
-                clean: isVCClean,
-                'metric:vc90': shouldHaveVCmetric ? VC['90'] : null,
-                vcDetails: shouldHaveVCmetric ? Object.fromEntries(VCObserver.VCParts.map(function (key) {
-                  var _VCBox$key;
-                  return [key, {
-                    t: VC[key],
-                    e: (_VCBox$key = VCBox[key]) !== null && _VCBox$key !== void 0 ? _VCBox$key : []
-                  }];
-                })) : []
-              }, {
-                revision: 'fy25.02',
-                clean: isVCClean,
-                'metric:vc90': shouldHaveVCmetric ? VC['90'] : null,
-                vcDetails: shouldHaveVCmetric ? Object.fromEntries(VCObserver.VCParts.map(function (key) {
-                  var _vcNext$VCBox$key;
-                  return [key, {
-                    t: vcNext.VC[key],
-                    e: (_vcNext$VCBox$key = vcNext.VCBox[key]) !== null && _vcNext$VCBox$key !== void 0 ? _vcNext$VCBox$key : []
-                  }];
-                })) : []
-              }]) : multiHeatmap !== null ? (0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:rev"), multiHeatmap === null || multiHeatmap === void 0 ? void 0 : multiHeatmap.getPayloadShapedData({
-                VCParts: VCObserver.VCParts.map(function (v) {
-                  return parseInt(v);
-                }),
-                VCCalculationMethods: (0, _revisions.getRevisions)().map(function (_ref10) {
-                  var classifier = _ref10.classifier;
-                  return classifier.VCCalculationMethod;
-                }),
-                filterComponentsLog: (0, _revisions.getRevisions)().map(function (_ref11) {
-                  var classifier = _ref11.classifier;
-                  return classifier.filterComponentsLog;
-                }),
-                isEventAborted: isEventAborted,
-                interactionStart: start,
-                ttai: stop,
+              revisionsData = (0, _getVCRevisionsData.getVCRevisionsData)({
+                fullPrefix: fullPrefix,
+                interaction: {
+                  start: start,
+                  end: stop
+                },
+                isVCClean: isVCClean,
+                multiHeatmap: multiHeatmap,
                 ssr: ssr,
-                clean: isVCClean
-              })) : null : null; // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+                calculatedVC: {
+                  VC: VC,
+                  VCBox: VCBox
+                },
+                calculatedVCNext: {
+                  VC: vcNext.VC,
+                  VCBox: vcNext.VCBox
+                },
+                isEventAborted: isEventAborted
+              }); // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
               isCalcSpeedIndexEnabled = (0, _platformFeatureFlags.fg)('ufo-calc-speed-index');
-              speedIndex = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "ufo:speedIndex", VCEntries.speedIndex), "ufo:next:speedIndex", vcNext.VCEntries.speedIndex);
+              speedIndex = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "ufo:speedIndex", isTTVCv1Disabled ? vcNext.VCEntries.speedIndex : VCEntries.speedIndex), "ufo:next:speedIndex", vcNext.VCEntries.speedIndex);
+              if (!isTTVCv1Disabled) {
+                _context.next = 26;
+                break;
+              }
+              return _context.abrupt("return", _objectSpread(_objectSpread(_objectSpread((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:size"), viewport), "".concat(fullPrefix, "vc:time"), Math.round(totalTime + (stopTime - startTime))), "".concat(fullPrefix, "vc:ratios"), ratios), outOfBoundary), {}, (0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:ignored"), _this.getIgnoredElements(componentsLog)), revisionsData), isCalcSpeedIndexEnabled ? speedIndex : {}));
+            case 26:
               return _context.abrupt("return", _objectSpread(_objectSpread(_objectSpread((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
                 'metrics:vc': VC
               }, "".concat(fullPrefix, "vc:state"), true), "".concat(fullPrefix, "vc:clean"), isVCClean), "".concat(fullPrefix, "vc:dom"), VCBox), "".concat(fullPrefix, "vc:updates"), VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:size"), viewport), "".concat(fullPrefix, "vc:time"), Math.round(totalTime + (stopTime - startTime))), "".concat(fullPrefix, "vc:total"), totalPainted), "".concat(fullPrefix, "vc:ratios"), ratios), outOfBoundary), {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:next"), vcNext.VC), "".concat(fullPrefix, "vc:next:updates"), vcNext.VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:next:dom"), vcNext.VCBox), "".concat(fullPrefix, "vc:ignored"), _this.getIgnoredElements(componentsLog)), revisionsData), isCalcSpeedIndexEnabled ? speedIndex : {}));
-            case 28:
+            case 27:
             case "end":
               return _context.stop();
           }
@@ -324,7 +325,8 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
         if (!ignoreReason) {
           _this.applyChangesToHeatMap(mappedValues, time, _this.heatmapNext);
         }
-        if ((!ignoreReason || ignoreReason === 'not-visible') && type !== 'attr') {
+        var isTTVCv1Disabled = (0, _platformFeatureFlags.fg)('platform_ufo_disable_ttvc_v1');
+        if (!isTTVCv1Disabled && (!ignoreReason || ignoreReason === 'not-visible') && type !== 'attr') {
           _this.applyChangesToHeatMap(mappedValues, time, _this.heatmap);
         }
         if (!_this.componentsLog[time]) {
@@ -338,13 +340,13 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
         });
       }
     });
-    (0, _defineProperty2.default)(this, "onViewportChangeDetected", function (_ref13) {
-      var element = _ref13.element,
-        type = _ref13.type,
-        ignoreReason = _ref13.ignoreReason,
-        timestamp = _ref13.timestamp,
-        targetName = _ref13.targetName,
-        intersectionRect = _ref13.intersectionRect;
+    (0, _defineProperty2.default)(this, "onViewportChangeDetected", function (_ref9) {
+      var element = _ref9.element,
+        type = _ref9.type,
+        ignoreReason = _ref9.ignoreReason,
+        timestamp = _ref9.timestamp,
+        targetName = _ref9.targetName,
+        intersectionRect = _ref9.intersectionRect;
       if (_this.multiHeatmap === null) {
         return;
       }
@@ -426,10 +428,10 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
       var unbinds = (0, _attachAbortListeners.attachAbortListeners)(window, _this.viewport, _this.abortReasonCallback);
       if ((_window = window) !== null && _window !== void 0 && _window.__SSR_ABORT_LISTENERS__) {
         var _window2;
-        Object.entries(window.__SSR_ABORT_LISTENERS__.aborts).forEach(function (_ref14) {
-          var _ref15 = (0, _slicedToArray2.default)(_ref14, 2),
-            key = _ref15[0],
-            time = _ref15[1];
+        Object.entries(window.__SSR_ABORT_LISTENERS__.aborts).forEach(function (_ref10) {
+          var _ref11 = (0, _slicedToArray2.default)(_ref10, 2),
+            key = _ref11[0],
+            time = _ref11[1];
           if (time) {
             _this.abortReasonCallback(key, time);
           }
@@ -451,7 +453,7 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
         dataVC: true
       }
     });
-    this.heatmap = this.getCleanHeatmap();
+    this.heatmap = (0, _platformFeatureFlags.fg)('platform_ufo_disable_ttvc_v1') ? [] : this.getCleanHeatmap();
     this.heatmapNext = this.getCleanHeatmap();
     this.multiHeatmap = new _heatmap.MultiRevisionHeatmap({
       viewport: this.viewport,
@@ -462,8 +464,8 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
   }
   return (0, _createClass2.default)(VCObserver, [{
     key: "start",
-    value: function start(_ref16) {
-      var startTime = _ref16.startTime;
+    value: function start(_ref12) {
+      var startTime = _ref12.startTime;
       this.active = true;
       if (this.observers.isBrowserSupported()) {
         this.setViewportSize();
@@ -485,12 +487,12 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
   }, {
     key: "getIgnoredElements",
     value: function getIgnoredElements(componentsLog) {
-      return Object.values(componentsLog).flat().filter(function (_ref17) {
-        var ignoreReason = _ref17.ignoreReason;
+      return Object.values(componentsLog).flat().filter(function (_ref13) {
+        var ignoreReason = _ref13.ignoreReason;
         return Boolean(ignoreReason);
-      }).map(function (_ref18) {
-        var targetName = _ref18.targetName,
-          ignoreReason = _ref18.ignoreReason;
+      }).map(function (_ref14) {
+        var targetName = _ref14.targetName,
+          ignoreReason = _ref14.ignoreReason;
         return {
           targetName: targetName,
           ignoreReason: ignoreReason
@@ -538,7 +540,7 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
         blocking: false
       };
       this.detachAbortListeners();
-      this.heatmap = this.getCleanHeatmap();
+      this.heatmap = (0, _platformFeatureFlags.fg)('platform_ufo_disable_ttvc_v1') ? [] : this.getCleanHeatmap();
       this.heatmapNext = this.getCleanHeatmap();
       this.multiHeatmap = new _heatmap.MultiRevisionHeatmap({
         viewport: this.viewport,
@@ -610,12 +612,12 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
     }
   }], [{
     key: "calculateVC",
-    value: function calculateVC(_ref19) {
-      var heatmap = _ref19.heatmap,
-        _ref19$ssr = _ref19.ssr,
-        ssr = _ref19$ssr === void 0 ? UNUSED_SECTOR : _ref19$ssr,
-        componentsLog = _ref19.componentsLog,
-        viewport = _ref19.viewport;
+    value: function calculateVC(_ref15) {
+      var heatmap = _ref15.heatmap,
+        _ref15$ssr = _ref15.ssr,
+        ssr = _ref15$ssr === void 0 ? UNUSED_SECTOR : _ref15$ssr,
+        componentsLog = _ref15.componentsLog,
+        viewport = _ref15.viewport;
       var lastUpdate = {};
       var totalPainted = 0;
       if (ssr !== UNUSED_SECTOR) {
@@ -684,11 +686,11 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
         });
         return VCRatio;
       }, 0);
-      var VCEntries = entries.reduce(function (acc, _ref20, i) {
+      var VCEntries = entries.reduce(function (acc, _ref16, i) {
         var _acc$abs, _componentsLog$timest, _acc$rel$vc, _acc$rel;
-        var _ref21 = (0, _slicedToArray2.default)(_ref20, 2),
-          timestamp = _ref21[0],
-          entryPainted = _ref21[1];
+        var _ref17 = (0, _slicedToArray2.default)(_ref16, 2),
+          timestamp = _ref17[0],
+          entryPainted = _ref17[1];
         var currentlyPainted = entryPainted + (((_acc$abs = acc.abs[i - 1]) === null || _acc$abs === void 0 ? void 0 : _acc$abs[1]) || 0);
         var currentlyPaintedRatio = Math.round(currentlyPainted / totalPainted * 1000) / 10;
         var logEntry = (0, _toConsumableArray2.default)(new Set((_componentsLog$timest = componentsLog[timestamp]) === null || _componentsLog$timest === void 0 ? void 0 : _componentsLog$timest.map(function (v) {

package/dist/cjs/vc/vc-observer/observers/index.js

@@ -94,7 +94,7 @@ var Observers = exports.Observers = /*#__PURE__*/function () {
         renderStop: -1
       };
       (_this$mutationObserve = this.mutationObserver) === null || _this$mutationObserve === void 0 || _this$mutationObserve.observe(document.body, {
-        attributeFilter: (0, _platformFeatureFlags.fg)('platform-ufo-vc-observe-attributes') ? ['hidden', 'style', 'src', 'class'] : ['hidden', 'style', 'src'],
+        attributeFilter: ['hidden', 'style', 'src', 'class'],
         attributeOldValue: true,
         attributes: true,
         childList: true,
@@ -211,13 +211,27 @@ var Observers = exports.Observers = /*#__PURE__*/function () {
             });
           } else if (mutation.type === 'attributes') {
             if (mutation.target instanceof HTMLElement) {
-              if ((0, _platformFeatureFlags.fg)('platform-ufo-vc-observe-attributes')) {
+              if ((0, _platformFeatureFlags.fg)('platform_ufo_vc_ignore_same_value_mutation')) {
+                var _mutation$oldValue;
+                /*
+                		"MutationObserver was explicitly designed to work that way, but I can't now recall the reasoning.
+                		I think it might have been something along the lines that for consistency every setAttribute call should create a record.
+                		Conceptually there is after all a mutation: there is an old value replaced with a new one,
+                		and whether or not they are the same doesn't really matter.
+                		And Custom elements should work the same way as MutationObserver."
+                		https://github.com/whatwg/dom/issues/520#issuecomment-336574796
+                	*/
+                var oldValue = (_mutation$oldValue = mutation.oldValue) !== null && _mutation$oldValue !== void 0 ? _mutation$oldValue : undefined;
+                var newValue = mutation.attributeName ? mutation.target.getAttribute(mutation.attributeName) : undefined;
+                if (oldValue !== newValue) {
+                  _this2.observeElement(mutation.target, mutation, 'attr', ignoreReason);
+                }
+              } else {
                 _this2.observeElement(mutation.target, mutation, 'attr', ignoreReason);
               }
             }
           }
         });
-        _this2.measureStop();
       }) : null;
     }
   }, {
@@ -267,10 +281,8 @@ var Observers = exports.Observers = /*#__PURE__*/function () {
               // ignore intersection report without recent mutation
               return;
             }
-            if ((0, _platformFeatureFlags.fg)('platform-ufo-invisible-element-vc-calculations')) {
-              if (!isElementVisible(target)) {
-                data.ignoreReason = 'not-visible';
-              }
+            if (!isElementVisible(target)) {
+              data.ignoreReason = 'not-visible';
             }
             if ((0, _platformFeatureFlags.fg)('platform_editor_ed-25937_ignore_mutations_for_ttvc')) {
               if (isInsideEditorContainer(target)) {

package/dist/cjs/vc/vc-observer/revisions/fy25_02.js

@@ -12,10 +12,7 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _fy25_ = require("./fy25_01");
-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 _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var FY25_02Classifier = exports.FY25_02Classifier = /*#__PURE__*/function (_FY25_01Classifier) {
@@ -46,21 +43,15 @@ var FY25_02Classifier = exports.FY25_02Classifier = /*#__PURE__*/function (_FY25
       var componentsLog = _ref2.componentsLog,
         ttai = _ref2.ttai;
       var _componentsLog = {};
-
-      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-      if ((0, _platformFeatureFlags.fg)('ufo-remove-vc-component-observations-after-ttai')) {
-        Object.entries(componentsLog).forEach(function (_ref3) {
-          var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
-            _timestamp = _ref4[0],
-            value = _ref4[1];
-          var timestamp = Number(_timestamp);
-          if (ttai > timestamp) {
-            _componentsLog[timestamp] = value;
-          }
-        });
-      } else {
-        _componentsLog = _objectSpread({}, componentsLog);
-      }
+      Object.entries(componentsLog).forEach(function (_ref3) {
+        var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
+          _timestamp = _ref4[0],
+          value = _ref4[1];
+        var timestamp = Number(_timestamp);
+        if (Math.ceil(ttai) >= timestamp) {
+          _componentsLog[timestamp] = value;
+        }
+      });
       return _componentsLog;
     }
   }]);