@atlaskit/react-ufo 3.4.9 → 3.4.11

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

@@ -4,20 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getRevisions = void 0;
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _fy25_ = require("./fy25_01");
 var _fy25_2 = require("./fy25_02");
-var Revisions = [{
-  name: 'fy25.01',
-  classifier: _fy25_.revFY25_01Classifier
-}, {
-  name: 'fy25.02',
-  classifier: _fy25_2.revFY25_02Classifier
-}];
-var revisionResultCache = null;
 var getRevisions = exports.getRevisions = function getRevisions() {
-  if (revisionResultCache !== null) {
-    return revisionResultCache;
+  if ((0, _platformFeatureFlags.fg)('platform_ufo_disable_ttvc_v1')) {
+    return [{
+      name: 'fy25.02',
+      classifier: _fy25_2.revFY25_02Classifier
+    }];
   }
-  revisionResultCache = [].concat(Revisions);
-  return revisionResultCache;
+  return [{
+    name: 'fy25.01',
+    classifier: _fy25_.revFY25_01Classifier
+  }, {
+    name: 'fy25.02',
+    classifier: _fy25_2.revFY25_02Classifier
+  }];
 };

package/dist/cjs/vc/vc-observer-new/viewport-observer/mutation-observer/index.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = createMutationObserver;
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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; }
@@ -27,11 +28,32 @@ function createMutationObserver(_ref) {
           continue;
         }
         if (mut.type === 'attributes') {
-          var _mut$attributeName;
-          onAttributeMutation({
-            target: mut.target,
-            attributeName: (_mut$attributeName = mut.attributeName) !== null && _mut$attributeName !== void 0 ? _mut$attributeName : 'unknown'
-          });
+          if ((0, _platformFeatureFlags.fg)('platform_ufo_vc_ignore_same_value_mutation')) {
+            var _mut$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 = (_mut$oldValue = mut.oldValue) !== null && _mut$oldValue !== void 0 ? _mut$oldValue : undefined;
+            var newValue = mut.attributeName ? mut.target.getAttribute(mut.attributeName) : undefined;
+            if (oldValue !== newValue) {
+              var _mut$attributeName;
+              onAttributeMutation({
+                target: mut.target,
+                attributeName: (_mut$attributeName = mut.attributeName) !== null && _mut$attributeName !== void 0 ? _mut$attributeName : 'unknown'
+              });
+            }
+          } else {
+            var _mut$attributeName2;
+            onAttributeMutation({
+              target: mut.target,
+              attributeName: (_mut$attributeName2 = mut.attributeName) !== null && _mut$attributeName2 !== void 0 ? _mut$attributeName2 : 'unknown'
+            });
+          }
           continue;
         } else if (mut.type === 'childList') {
           var _mut$addedNodes, _mut$removedNodes;

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

@@ -39,15 +39,28 @@ export default async function getVCMetrics(interaction) {
     getVCObserver().stop();
   }
   postInteractionLog.setLastInteractionFinishVCResult(result);
-  const VC = result === null || result === void 0 ? void 0 : result['metrics:vc'];
-  if (!VC || !(result !== null && result !== void 0 && result[`${prefix}:vc:clean`])) {
-    return result;
+  if (fg('platform_ufo_disable_ttvc_v1')) {
+    const ttvcV2Revision = (result === null || result === void 0 ? void 0 : result['ufo:vc:rev']).find(({
+      revision
+    }) => revision === 'fy25.02');
+    if (!(ttvcV2Revision !== null && ttvcV2Revision !== void 0 && ttvcV2Revision.clean)) {
+      return result;
+    }
+    return {
+      ...result,
+      'metric:vc90': ttvcV2Revision['metric:vc90']
+    };
+  } else {
+    const VC = result === null || result === void 0 ? void 0 : result['metrics:vc'];
+    if (!VC || !(result !== null && result !== void 0 && result[`${prefix}:vc:clean`])) {
+      return result;
+    }
+    if (interactionStatus.originalInteractionStatus !== 'SUCCEEDED' || pageVisibilityUpToTTAI !== 'visible') {
+      return result;
+    }
+    return {
+      ...result,
+      'metric:vc90': VC['90']
+    };
   }
-  if (interactionStatus.originalInteractionStatus !== 'SUCCEEDED' || pageVisibilityUpToTTAI !== 'visible') {
-    return result;
-  }
-  return {
-    ...result,
-    'metric:vc90': VC['90']
-  };
 }

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

@@ -0,0 +1,76 @@
+import { fg } from '@atlaskit/platform-feature-flags';
+import { getPageVisibilityState } from '../../hidden-timing';
+import { getRevisions } from './revisions/revisions';
+const VCParts = ['25', '50', '75', '80', '85', '90', '95', '98', '99'];
+export function getVCRevisionsData({
+  fullPrefix,
+  interaction,
+  isVCClean,
+  isEventAborted,
+  multiHeatmap,
+  ssr,
+  calculatedVC,
+  calculatedVCNext
+}) {
+  const isMultiHeatmapEnabled = !fg('platform_ufo_multiheatmap_killswitch');
+  if (!isMultiHeatmapEnabled) {
+    return null;
+  }
+  if (!fg('platform_ufo_vc_observer_new')) {
+    if (!multiHeatmap) {
+      return null;
+    }
+    return {
+      [`${fullPrefix}vc:rev`]: multiHeatmap === null || multiHeatmap === void 0 ? void 0 : multiHeatmap.getPayloadShapedData({
+        VCParts: VCParts.map(v => parseInt(v)),
+        VCCalculationMethods: getRevisions().map(({
+          classifier
+        }) => classifier.VCCalculationMethod),
+        filterComponentsLog: getRevisions().map(({
+          classifier
+        }) => classifier.filterComponentsLog),
+        isEventAborted,
+        interactionStart: interaction.start,
+        ttai: interaction.end,
+        ssr,
+        clean: isVCClean
+      })
+    };
+  }
+  const pageVisibilityUpToTTAI = getPageVisibilityState(interaction.start, interaction.end);
+  const isVisiblePageVisibleUpToTTAI = pageVisibilityUpToTTAI === 'visible';
+  const shouldHaveVCmetric = isVCClean && !isEventAborted && isVisiblePageVisibleUpToTTAI;
+  const ttvcV1Revision = {
+    revision: 'fy25.01',
+    clean: isVCClean,
+    'metric:vc90': shouldHaveVCmetric ? calculatedVC.VC['90'] : null,
+    vcDetails: shouldHaveVCmetric ? Object.fromEntries(VCParts.map(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 : []
+      }];
+    })) : {}
+  };
+  const ttvcV2ReportedMetric = fg('platform_ufo_fix_v2_reported_vc90') ? calculatedVCNext.VC['90'] : calculatedVC.VC['90'];
+  const ttvcV2Revision = {
+    revision: 'fy25.02',
+    clean: isVCClean,
+    'metric:vc90': shouldHaveVCmetric ? ttvcV2ReportedMetric : null,
+    vcDetails: shouldHaveVCmetric ? Object.fromEntries(VCParts.map(key => {
+      var _calculatedVCNext$VCB;
+      return [key, {
+        t: calculatedVCNext.VC[key],
+        e: (_calculatedVCNext$VCB = calculatedVCNext.VCBox[key]) !== null && _calculatedVCNext$VCB !== void 0 ? _calculatedVCNext$VCB : []
+      }];
+    })) : {}
+  };
+  if (fg('platform_ufo_disable_ttvc_v1')) {
+    return {
+      [`${fullPrefix}vc:rev`]: [ttvcV2Revision]
+    };
+  }
+  return {
+    [`${fullPrefix}vc:rev`]: [ttvcV1Revision, ttvcV2Revision]
+  };
+}

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

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { fg } from '@atlaskit/platform-feature-flags';
-import { getPageVisibilityState } from '../../hidden-timing';
 import { attachAbortListeners } from './attachAbortListeners';
+import { getVCRevisionsData } from './getVCRevisionsData';
 import { getViewportHeight, getViewportWidth } from './getViewport';
 import { MultiRevisionHeatmap } from './heatmap/heatmap';
 import { Observers } from './observers';
@@ -128,12 +128,17 @@ export class VCObserver {
           [`${fullPrefix}vc:abort:timestamp`]: abortReason.timestamp
         };
       }
-      const {
-        VC,
-        VCBox,
-        VCEntries,
-        totalPainted
-      } = VCObserver.calculateVC({
+      const isTTVCv1Disabled = fg('platform_ufo_disable_ttvc_v1');
+      const ttvcV1Result = isTTVCv1Disabled ? {
+        VC: {},
+        VCBox: {},
+        VCEntries: {
+          abs: [],
+          rel: [],
+          speedIndex: -1
+        },
+        totalPainted: -1
+      } : VCObserver.calculateVC({
         heatmap,
         ssr,
         componentsLog: {
@@ -141,35 +146,19 @@ export class VCObserver {
         },
         viewport
       });
-      try {
-        if (!this.isPostInteraction) {
-          VCObserver.VCParts.forEach(key => {
-            const duration = VC[key];
-            if (duration !== null && duration !== undefined) {
-              performance.measure(`VC${key}`, {
-                start,
-                duration
-              });
-            }
-          });
+      const {
+        VC,
+        VCBox,
+        VCEntries,
+        totalPainted
+      } = ttvcV1Result;
+      const _componentsLog = {};
+      Object.entries(this.componentsLog).forEach(([_timestamp, value]) => {
+        const timestamp = Number(_timestamp);
+        if (stop > timestamp) {
+          _componentsLog[timestamp] = value;
         }
-      } catch (e) {
-        /* empty */
-      }
-      let _componentsLog = {};
-      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-      if (fg('ufo-remove-vc-component-observations-after-ttai')) {
-        Object.entries(this.componentsLog).forEach(([_timestamp, value]) => {
-          const timestamp = Number(_timestamp);
-          if (stop > timestamp) {
-            _componentsLog[timestamp] = value;
-          }
-        });
-      } else {
-        _componentsLog = {
-          ...componentsLog
-        };
-      }
+      });
       const vcNext = VCObserver.calculateVC({
         heatmap: heatmapNext,
         ssr,
@@ -179,12 +168,33 @@ export class VCObserver {
       try {
         if (!this.isPostInteraction) {
           VCObserver.VCParts.forEach(key => {
-            const duration = vcNext.VC[key];
-            if (duration !== null && duration !== undefined) {
-              performance.measure(`VC_Next${key}`, {
-                start,
-                duration
-              });
+            if (isTTVCv1Disabled) {
+              const duration = vcNext.VC[key];
+              if (duration !== null && duration !== undefined) {
+                performance.measure(`VC${key}`, {
+                  start,
+                  duration
+                });
+                performance.measure(`VC_Next${key}`, {
+                  start,
+                  duration
+                });
+              }
+            } else {
+              const ttvcV1duration = VC[key];
+              if (ttvcV1duration !== null && ttvcV1duration !== undefined) {
+                performance.measure(`VC${key}`, {
+                  start,
+                  duration: ttvcV1duration
+                });
+              }
+              const ttvcV2duration = vcNext.VC[key];
+              if (ttvcV2duration !== null && ttvcV2duration !== undefined) {
+                performance.measure(`VC_Next${key}`, {
+                  start,
+                  duration: ttvcV2duration
+                });
+              }
             }
           });
         }
@@ -201,7 +211,7 @@ export class VCObserver {
       // exposing data to devtools
       try {
         if (!this.isPostInteraction && devToolsEnabled) {
-          window.__vc = {
+          const ttvcV1DevToolInfo = isTTVCv1Disabled ? undefined : {
             entries: VCEntries.rel,
             log: componentsLog,
             metrics: {
@@ -220,7 +230,7 @@ export class VCObserver {
             heatmap,
             ratios
           };
-          window.__vcNext = {
+          const ttvcV2DevToolInfo = {
             entries: vcNext.VCEntries.rel,
             log: componentsLog,
             metrics: {
@@ -239,12 +249,19 @@ export class VCObserver {
             heatmap: heatmapNext,
             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
             }
           }));
         }
@@ -252,56 +269,42 @@ export class VCObserver {
         /*  do nothing */
       }
       const isVCClean = !abortReasonInfo;
-      const isMultiHeatmapEnabled = !fg('platform_ufo_multiheatmap_killswitch');
-      const pageVisibilityUpToTTAI = getPageVisibilityState(start, stop);
-      const isVisiblePageVisibleUpToTTAI = pageVisibilityUpToTTAI === 'visible';
-      const shouldHaveVCmetric = isVCClean && !isEventAborted && isVisiblePageVisibleUpToTTAI;
-      const revisionsData = isMultiHeatmapEnabled ? fg('platform_ufo_vc_observer_new') ? {
-        [`${fullPrefix}vc:rev`]: [{
-          revision: 'fy25.01',
-          clean: isVCClean,
-          'metric:vc90': shouldHaveVCmetric ? VC['90'] : null,
-          vcDetails: shouldHaveVCmetric ? Object.fromEntries(VCObserver.VCParts.map(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(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 ? {
-        [`${fullPrefix}vc:rev`]: multiHeatmap === null || multiHeatmap === void 0 ? void 0 : multiHeatmap.getPayloadShapedData({
-          VCParts: VCObserver.VCParts.map(v => parseInt(v)),
-          VCCalculationMethods: getRevisions().map(({
-            classifier
-          }) => classifier.VCCalculationMethod),
-          filterComponentsLog: getRevisions().map(({
-            classifier
-          }) => classifier.filterComponentsLog),
-          isEventAborted,
-          interactionStart: start,
-          ttai: stop,
-          ssr,
-          clean: isVCClean
-        })
-      } : null : null;
+      const revisionsData = getVCRevisionsData({
+        fullPrefix,
+        interaction: {
+          start,
+          end: stop
+        },
+        isVCClean,
+        multiHeatmap,
+        ssr,
+        calculatedVC: {
+          VC,
+          VCBox
+        },
+        calculatedVCNext: {
+          VC: vcNext.VC,
+          VCBox: vcNext.VCBox
+        },
+        isEventAborted
+      });
       // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
       const isCalcSpeedIndexEnabled = fg('ufo-calc-speed-index');
       const speedIndex = {
-        [`ufo:speedIndex`]: VCEntries.speedIndex,
+        [`ufo:speedIndex`]: isTTVCv1Disabled ? vcNext.VCEntries.speedIndex : VCEntries.speedIndex,
         [`ufo:next:speedIndex`]: vcNext.VCEntries.speedIndex
       };
+      if (isTTVCv1Disabled) {
+        return {
+          [`${fullPrefix}vc:size`]: viewport,
+          [`${fullPrefix}vc:time`]: Math.round(totalTime + (stopTime - startTime)),
+          [`${fullPrefix}vc:ratios`]: ratios,
+          ...outOfBoundary,
+          [`${fullPrefix}vc:ignored`]: this.getIgnoredElements(componentsLog),
+          ...revisionsData,
+          ...(isCalcSpeedIndexEnabled ? speedIndex : {})
+        };
+      }
       return {
         'metrics:vc': VC,
         [`${fullPrefix}vc:state`]: true,
@@ -317,7 +320,6 @@ export class VCObserver {
         [`${fullPrefix}vc:next`]: vcNext.VC,
         [`${fullPrefix}vc:next:updates`]: vcNext.VCEntries.rel.slice(0, 50),
         [`${fullPrefix}vc:next:dom`]: vcNext.VCBox,
-        //...oldDomUpdates,
         [`${fullPrefix}vc:ignored`]: this.getIgnoredElements(componentsLog),
         ...revisionsData,
         ...(isCalcSpeedIndexEnabled ? speedIndex : {})
@@ -346,7 +348,8 @@ export class VCObserver {
         if (!ignoreReason) {
           this.applyChangesToHeatMap(mappedValues, time, this.heatmapNext);
         }
-        if ((!ignoreReason || ignoreReason === 'not-visible') && type !== 'attr') {
+        const isTTVCv1Disabled = fg('platform_ufo_disable_ttvc_v1');
+        if (!isTTVCv1Disabled && (!ignoreReason || ignoreReason === 'not-visible') && type !== 'attr') {
           this.applyChangesToHeatMap(mappedValues, time, this.heatmap);
         }
         if (!this.componentsLog[time]) {
@@ -474,7 +477,7 @@ export class VCObserver {
         dataVC: true
       }
     });
-    this.heatmap = this.getCleanHeatmap();
+    this.heatmap = fg('platform_ufo_disable_ttvc_v1') ? [] : this.getCleanHeatmap();
     this.heatmapNext = this.getCleanHeatmap();
     this.multiHeatmap = new MultiRevisionHeatmap({
       viewport: this.viewport,
@@ -637,7 +640,7 @@ export class VCObserver {
       blocking: false
     };
     this.detachAbortListeners();
-    this.heatmap = this.getCleanHeatmap();
+    this.heatmap = fg('platform_ufo_disable_ttvc_v1') ? [] : this.getCleanHeatmap();
     this.heatmapNext = this.getCleanHeatmap();
     this.multiHeatmap = new MultiRevisionHeatmap({
       viewport: this.viewport,

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

@@ -80,7 +80,7 @@ export class Observers {
       renderStop: -1
     };
     (_this$mutationObserve = this.mutationObserver) === null || _this$mutationObserve === void 0 ? void 0 : _this$mutationObserve.observe(document.body, {
-      attributeFilter: fg('platform-ufo-vc-observe-attributes') ? ['hidden', 'style', 'src', 'class'] : ['hidden', 'style', 'src'],
+      attributeFilter: ['hidden', 'style', 'src', 'class'],
       attributeOldValue: true,
       attributes: true,
       childList: true,
@@ -183,13 +183,27 @@ export class Observers {
           });
         } else if (mutation.type === 'attributes') {
           if (mutation.target instanceof HTMLElement) {
-            if (fg('platform-ufo-vc-observe-attributes')) {
+            if (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
+              	*/
+              const oldValue = (_mutation$oldValue = mutation.oldValue) !== null && _mutation$oldValue !== void 0 ? _mutation$oldValue : undefined;
+              const newValue = mutation.attributeName ? mutation.target.getAttribute(mutation.attributeName) : undefined;
+              if (oldValue !== newValue) {
+                this.observeElement(mutation.target, mutation, 'attr', ignoreReason);
+              }
+            } else {
               this.observeElement(mutation.target, mutation, 'attr', ignoreReason);
             }
           }
         }
       });
-      this.measureStop();
     }) : null;
   }
   getElementName(element) {
@@ -235,10 +249,8 @@ export class Observers {
             // ignore intersection report without recent mutation
             return;
           }
-          if (fg('platform-ufo-invisible-element-vc-calculations')) {
-            if (!isElementVisible(target)) {
-              data.ignoreReason = 'not-visible';
-            }
+          if (!isElementVisible(target)) {
+            data.ignoreReason = 'not-visible';
           }
           if (fg('platform_editor_ed-25937_ignore_mutations_for_ttvc')) {
             if (isInsideEditorContainer(target)) {

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

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { fg } from '@atlaskit/platform-feature-flags';
 import { FY25_01Classifier } from './fy25_01';
 export class FY25_02Classifier extends FY25_01Classifier {
   // @todo remove it once fixed as described: https://product-fabric.atlassian.net/browse/AFO-3443
@@ -7,21 +6,13 @@ export class FY25_02Classifier extends FY25_01Classifier {
     componentsLog,
     ttai
   }) {
-    let _componentsLog = {};
-
-    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-    if (fg('ufo-remove-vc-component-observations-after-ttai')) {
-      Object.entries(componentsLog).forEach(([_timestamp, value]) => {
-        const timestamp = Number(_timestamp);
-        if (ttai > timestamp) {
-          _componentsLog[timestamp] = value;
-        }
-      });
-    } else {
-      _componentsLog = {
-        ...componentsLog
-      };
-    }
+    const _componentsLog = {};
+    Object.entries(componentsLog).forEach(([_timestamp, value]) => {
+      const timestamp = Number(_timestamp);
+      if (Math.ceil(ttai) >= timestamp) {
+        _componentsLog[timestamp] = value;
+      }
+    });
     return _componentsLog;
   }
   constructor() {

package/dist/es2019/vc/vc-observer/revisions/revisions.js

@@ -1,19 +1,18 @@
+import { fg } from '@atlaskit/platform-feature-flags';
 import { revFY25_01Classifier } from './fy25_01';
 import { revFY25_02Classifier } from './fy25_02';
-const Revisions = [{
-  name: 'fy25.01',
-  classifier: revFY25_01Classifier
-}, {
-  name: 'fy25.02',
-  classifier: revFY25_02Classifier
-}];
-let revisionResultCache = null;
 export const getRevisions = () => {
-  if (revisionResultCache !== null) {
-    return revisionResultCache;
+  if (fg('platform_ufo_disable_ttvc_v1')) {
+    return [{
+      name: 'fy25.02',
+      classifier: revFY25_02Classifier
+    }];
   }
-  revisionResultCache = [...Revisions
-  //...(fg('next_available') ? [{name: 'next', classifier:NEXT}] : [])
-  ];
-  return revisionResultCache;
+  return [{
+    name: 'fy25.01',
+    classifier: revFY25_01Classifier
+  }, {
+    name: 'fy25.02',
+    classifier: revFY25_02Classifier
+  }];
 };

package/dist/es2019/vc/vc-observer-new/viewport-observer/mutation-observer/index.js

@@ -1,3 +1,4 @@
+import { fg } from '@atlaskit/platform-feature-flags';
 export default function createMutationObserver({
   onAttributeMutation,
   onChildListMutation,
@@ -15,11 +16,32 @@ export default function createMutationObserver({
         continue;
       }
       if (mut.type === 'attributes') {
-        var _mut$attributeName;
-        onAttributeMutation({
-          target: mut.target,
-          attributeName: (_mut$attributeName = mut.attributeName) !== null && _mut$attributeName !== void 0 ? _mut$attributeName : 'unknown'
-        });
+        if (fg('platform_ufo_vc_ignore_same_value_mutation')) {
+          var _mut$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
+          */
+          const oldValue = (_mut$oldValue = mut.oldValue) !== null && _mut$oldValue !== void 0 ? _mut$oldValue : undefined;
+          const newValue = mut.attributeName ? mut.target.getAttribute(mut.attributeName) : undefined;
+          if (oldValue !== newValue) {
+            var _mut$attributeName;
+            onAttributeMutation({
+              target: mut.target,
+              attributeName: (_mut$attributeName = mut.attributeName) !== null && _mut$attributeName !== void 0 ? _mut$attributeName : 'unknown'
+            });
+          }
+        } else {
+          var _mut$attributeName2;
+          onAttributeMutation({
+            target: mut.target,
+            attributeName: (_mut$attributeName2 = mut.attributeName) !== null && _mut$attributeName2 !== void 0 ? _mut$attributeName2 : 'unknown'
+          });
+        }
         continue;
       } else if (mut.type === 'childList') {
         var _mut$addedNodes, _mut$removedNodes;