@safaricom-mxl/web-sdk 0.0.0

package/dist/instrumentations/web-vitals/WebVitalsInstrumentation/WebVitalsInstrumentation.cjs

@@ -0,0 +1,202 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_constants_attributes = require('../../../constants/attributes.cjs');
+const require_api_page_pageAPI = require('../../../api-page/pageAPI.cjs');
+const require_instrumentations_MXLInstrumentationBase_MXLInstrumentationBase = require('../../MXLInstrumentationBase/MXLInstrumentationBase.cjs');
+const require_instrumentations_web_vitals_WebVitalsInstrumentation_constants = require('./constants.cjs');
+let _opentelemetry_semantic_conventions = require("@opentelemetry/semantic-conventions");
+
+//#region src/instrumentations/web-vitals/WebVitalsInstrumentation/WebVitalsInstrumentation.ts
+const webVitalAttributionToReport = (name, metric) => {
+	const attributes = {};
+	const toReport = [];
+	if (name === "CLS") {
+		const attribution = metric.attribution;
+		toReport.push(...[{
+			key: "largestShiftTarget",
+			value: attribution.largestShiftTarget
+		}, {
+			key: "largestShiftValue",
+			value: attribution.largestShiftValue
+		}]);
+	} else if (name === "INP") {
+		const attribution = metric.attribution;
+		toReport.push(...[
+			{
+				key: "interactionTarget",
+				value: attribution.interactionTarget
+			},
+			{
+				key: "interactionType",
+				value: attribution.interactionType
+			},
+			{
+				key: "nextPaintTime",
+				value: attribution.nextPaintTime
+			},
+			{
+				key: "inputDelay",
+				value: attribution.inputDelay
+			},
+			{
+				key: "processingDuration",
+				value: attribution.processingDuration
+			},
+			{
+				key: "presentationDelay",
+				value: attribution.presentationDelay
+			},
+			{
+				key: "totalScriptDuration",
+				value: attribution.totalScriptDuration
+			},
+			{
+				key: "totalStyleAndLayoutDuration",
+				value: attribution.totalStyleAndLayoutDuration
+			},
+			{
+				key: "totalPaintDuration",
+				value: attribution.totalPaintDuration
+			},
+			{
+				key: "totalUnattributedDuration",
+				value: attribution.totalUnattributedDuration
+			},
+			{
+				key: "loadState",
+				value: attribution.loadState
+			}
+		]);
+	} else if (name === "LCP") {
+		const attribution = metric.attribution;
+		toReport.push(...[
+			{
+				key: "target",
+				value: attribution.target
+			},
+			{
+				key: "url",
+				value: attribution.url
+			},
+			{
+				key: "timeToFirstByte",
+				value: attribution.timeToFirstByte
+			},
+			{
+				key: "resourceLoadDelay",
+				value: attribution.resourceLoadDelay
+			},
+			{
+				key: "resourceLoadDuration",
+				value: attribution.resourceLoadDuration
+			},
+			{
+				key: "elementRenderDelay",
+				value: attribution.elementRenderDelay
+			}
+		]);
+	}
+	toReport.forEach((report) => {
+		if (report.value !== void 0) attributes[`mxl.web_vital.attribution.${report.key}`] = report.value;
+	});
+	return attributes;
+};
+var WebVitalsInstrumentation = class extends require_instrumentations_MXLInstrumentationBase_MXLInstrumentationBase.MXLInstrumentationBase {
+	_metricsToTrack;
+	_listeners;
+	_urlDocument;
+	_urlAttribution;
+	_pageManager;
+	_attributedPage = {
+		INP: void 0,
+		LCP: void 0,
+		CLS: void 0,
+		FCP: void 0,
+		TTFB: void 0
+	};
+	_largestShiftTargetForCLS;
+	_listenersRegistered = false;
+	constructor({ diag, perf, trackingLevel = "core", listeners = require_instrumentations_web_vitals_WebVitalsInstrumentation_constants.WEB_VITALS_ID_TO_LISTENER, urlDocument = window.document, urlAttribution = true, pageManager } = {}) {
+		super({
+			instrumentationName: "WebVitalsInstrumentation",
+			instrumentationVersion: "1.0.0",
+			diag,
+			perf,
+			config: {}
+		});
+		this._listeners = listeners;
+		this._urlDocument = urlDocument;
+		this._metricsToTrack = trackingLevel === "all" ? [...require_instrumentations_web_vitals_WebVitalsInstrumentation_constants.ALL_WEB_VITALS] : [...require_instrumentations_web_vitals_WebVitalsInstrumentation_constants.CORE_WEB_VITALS];
+		this._urlAttribution = urlAttribution;
+		this._pageManager = pageManager ?? require_api_page_pageAPI.page.getPageManager();
+		if (this._config.enabled) this.enable();
+	}
+	disable() {}
+	enable() {
+		if (this._listenersRegistered) return;
+		this._listenersRegistered = true;
+		this._metricsToTrack.forEach((name) => {
+			this._listeners[name]?.((metric) => {
+				const currentSessionSpan = this.sessionManager.getSessionSpan();
+				if (!currentSessionSpan) return;
+				const metricTime = this._getTimeForMetric(metric);
+				const attributedPage = this._getAttributedPageForMetric(metric);
+				const attrs = {
+					[require_constants_attributes.KEY_EMB_TYPE]: require_constants_attributes.EMB_TYPES.WebVital,
+					[_opentelemetry_semantic_conventions.ATTR_URL_FULL]: attributedPage.fullURL,
+					"mxl.web_vital.navigation_type": metric.navigationType,
+					"mxl.web_vital.name": metric.name,
+					"mxl.web_vital.rating": metric.rating,
+					"mxl.web_vital.id": metric.id,
+					"mxl.web_vital.delta": metric.delta,
+					"mxl.web_vital.value": metric.value,
+					...webVitalAttributionToReport(name, metric)
+				};
+				if (attributedPage.path && attributedPage.pageID) {
+					attrs[require_constants_attributes.KEY_EMB_PAGE_PATH] = attributedPage.path;
+					attrs[require_constants_attributes.KEY_EMB_PAGE_ID] = attributedPage.pageID;
+				}
+				currentSessionSpan.addEvent(`${require_instrumentations_web_vitals_WebVitalsInstrumentation_constants.EMB_WEB_VITALS_PREFIX}-report-${name}`, attrs, metricTime);
+			});
+		});
+		if (this._urlAttribution) {
+			this._listeners.INP?.(() => {
+				this._attributedPage.INP = this._currentAttributedPage();
+			}, { reportAllChanges: true });
+			this._listeners.LCP?.(() => {
+				this._attributedPage.LCP = this._currentAttributedPage();
+			}, { reportAllChanges: true });
+			this._listeners.CLS?.((metric) => {
+				const clsMetric = metric;
+				if (this._largestShiftTargetForCLS !== clsMetric.attribution.largestShiftTarget) {
+					this._largestShiftTargetForCLS = clsMetric.attribution.largestShiftTarget;
+					this._attributedPage.CLS = this._currentAttributedPage();
+				}
+			}, { reportAllChanges: true });
+		}
+	}
+	_getTimeForMetric(metric) {
+		if (metric.name === "CLS" && metric.attribution.largestShiftTime) return this.perf.epochMillisFromOriginOffset(metric.attribution.largestShiftTime);
+		if (metric.name === "INP" && metric.attribution.interactionTime) return this.perf.epochMillisFromOriginOffset(metric.attribution.interactionTime);
+		return this.perf.getNowMillis();
+	}
+	_currentAttributedPage() {
+		const attributed = { fullURL: this._urlDocument.URL };
+		const currentRoute = this._pageManager.getCurrentRoute();
+		const currentPageId = this._pageManager.getCurrentPageId();
+		if (currentRoute && currentPageId) {
+			attributed.path = currentRoute.path;
+			attributed.pageID = currentPageId;
+		}
+		return attributed;
+	}
+	_getAttributedPageForMetric(metric) {
+		if (metric.name === "INP" && this._attributedPage.INP) return this._attributedPage.INP;
+		if (metric.name === "LCP" && this._attributedPage.LCP) return this._attributedPage.LCP;
+		if (metric.name === "CLS" && this._attributedPage.CLS && metric.attribution.largestShiftTarget === this._largestShiftTargetForCLS) return this._attributedPage.CLS;
+		return this._currentAttributedPage();
+	}
+};
+
+//#endregion
+exports.WebVitalsInstrumentation = WebVitalsInstrumentation;
+//# sourceMappingURL=WebVitalsInstrumentation.cjs.map

package/dist/instrumentations/web-vitals/WebVitalsInstrumentation/WebVitalsInstrumentation.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebVitalsInstrumentation.cjs","names":["MXLInstrumentationBase","WEB_VITALS_ID_TO_LISTENER","ALL_WEB_VITALS","CORE_WEB_VITALS","page","KEY_EMB_TYPE","EMB_TYPES","ATTR_URL_FULL","KEY_EMB_PAGE_PATH","KEY_EMB_PAGE_ID","EMB_WEB_VITALS_PREFIX"],"sources":["../../../../src/instrumentations/web-vitals/WebVitalsInstrumentation/WebVitalsInstrumentation.ts"],"sourcesContent":["import type { Attributes } from '@opentelemetry/api';\nimport { ATTR_URL_FULL } from '@opentelemetry/semantic-conventions';\nimport type {\n  CLSAttribution,\n  CLSMetricWithAttribution,\n  INPAttribution,\n  LCPAttribution,\n  Metric,\n  MetricWithAttribution,\n} from 'web-vitals/attribution';\nimport type { PageManager } from '../../../api-page/index.ts';\nimport { page } from '../../../api-page/index.ts';\nimport type { URLDocument } from '../../../common/index.ts';\nimport {\n  EMB_TYPES,\n  KEY_EMB_PAGE_ID,\n  KEY_EMB_PAGE_PATH,\n  KEY_EMB_TYPE,\n} from '../../../constants/index.ts';\nimport { MXLInstrumentationBase } from '../../MXLInstrumentationBase/index.ts';\nimport {\n  ALL_WEB_VITALS,\n  CORE_WEB_VITALS,\n  EMB_WEB_VITALS_PREFIX,\n  WEB_VITALS_ID_TO_LISTENER,\n} from './constants.ts';\nimport type {\n  WebVitalListeners,\n  WebVitalsInstrumentationArgs,\n} from './types.ts';\n\ntype AttributedPage = {\n  fullURL: string;\n  path?: string;\n  pageID?: string;\n};\n\nconst webVitalAttributionToReport = (\n  name: Metric['name'],\n  metric: MetricWithAttribution,\n) => {\n  const attributes: Attributes = {};\n  const toReport: {\n    key: string;\n    value: string | boolean | number | undefined;\n  }[] = [];\n\n  if (name === 'CLS') {\n    // https://www.npmjs.com/package/web-vitals#CLSAttribution\n    const attribution = metric.attribution as CLSAttribution;\n    toReport.push(\n      ...[\n        {\n          key: 'largestShiftTarget',\n          value: attribution.largestShiftTarget,\n        },\n        {\n          key: 'largestShiftValue',\n          value: attribution.largestShiftValue,\n        },\n      ],\n    );\n  } else if (name === 'INP') {\n    // https://www.npmjs.com/package/web-vitals#inpattribution\n    const attribution = metric.attribution as INPAttribution;\n    toReport.push(\n      ...[\n        { key: 'interactionTarget', value: attribution.interactionTarget },\n        { key: 'interactionType', value: attribution.interactionType },\n        { key: 'nextPaintTime', value: attribution.nextPaintTime },\n        { key: 'inputDelay', value: attribution.inputDelay },\n        { key: 'processingDuration', value: attribution.processingDuration },\n        { key: 'presentationDelay', value: attribution.presentationDelay },\n        { key: 'totalScriptDuration', value: attribution.totalScriptDuration },\n        {\n          key: 'totalStyleAndLayoutDuration',\n          value: attribution.totalStyleAndLayoutDuration,\n        },\n        { key: 'totalPaintDuration', value: attribution.totalPaintDuration },\n        {\n          key: 'totalUnattributedDuration',\n          value: attribution.totalUnattributedDuration,\n        },\n        { key: 'loadState', value: attribution.loadState },\n      ],\n    );\n  } else if (name === 'LCP') {\n    // https://www.npmjs.com/package/web-vitals#lcpattribution\n    const attribution = metric.attribution as LCPAttribution;\n    toReport.push(\n      ...[\n        { key: 'target', value: attribution.target },\n        { key: 'url', value: attribution.url },\n        { key: 'timeToFirstByte', value: attribution.timeToFirstByte },\n        { key: 'resourceLoadDelay', value: attribution.resourceLoadDelay },\n        {\n          key: 'resourceLoadDuration',\n          value: attribution.resourceLoadDuration,\n        },\n        { key: 'elementRenderDelay', value: attribution.elementRenderDelay },\n      ],\n    );\n  }\n\n  toReport.forEach((report) => {\n    if (report.value !== undefined) {\n      attributes[`mxl.web_vital.attribution.${report.key}`] = report.value;\n    }\n  });\n\n  return attributes;\n};\n\nexport class WebVitalsInstrumentation extends MXLInstrumentationBase {\n  private readonly _metricsToTrack: Metric['name'][];\n  private readonly _listeners: WebVitalListeners;\n  private readonly _urlDocument: URLDocument;\n  private readonly _urlAttribution: boolean;\n  private readonly _pageManager: PageManager;\n  private readonly _attributedPage: Record<\n    Metric['name'],\n    AttributedPage | undefined\n  > = {\n    INP: undefined,\n    LCP: undefined,\n    CLS: undefined,\n    FCP: undefined,\n    TTFB: undefined,\n  };\n  private _largestShiftTargetForCLS: string | undefined;\n  private _listenersRegistered = false;\n\n  // instrumentation that adds an event to the session span for each web vital report\n  public constructor({\n    diag,\n    perf,\n    trackingLevel = 'core',\n    listeners = WEB_VITALS_ID_TO_LISTENER,\n    urlDocument = window.document,\n    urlAttribution = true,\n    pageManager,\n  }: WebVitalsInstrumentationArgs = {}) {\n    super({\n      instrumentationName: 'WebVitalsInstrumentation',\n      instrumentationVersion: '1.0.0',\n      diag,\n      perf,\n      config: {},\n    });\n    this._listeners = listeners;\n    this._urlDocument = urlDocument;\n    this._metricsToTrack =\n      trackingLevel === 'all' ? [...ALL_WEB_VITALS] : [...CORE_WEB_VITALS];\n    this._urlAttribution = urlAttribution;\n    this._pageManager = pageManager ?? page.getPageManager();\n\n    if (this._config.enabled) {\n      this.enable();\n    }\n  }\n\n  public override disable(): void {\n    // do nothing.\n    // https://github.com/GoogleChrome/web-vitals/issues/357#issuecomment-1593439036\n  }\n\n  public enable(): void {\n    // web-vitals library doesn't support removing listeners, so only register once\n    if (this._listenersRegistered) {\n      return;\n    }\n    this._listenersRegistered = true;\n\n    this._metricsToTrack.forEach((name) => {\n      this._listeners[name]?.((metric) => {\n        const currentSessionSpan = this.sessionManager.getSessionSpan();\n\n        if (!currentSessionSpan) {\n          return;\n        }\n\n        // first thing record the time when this cb was invoked\n        const metricTime = this._getTimeForMetric(metric);\n\n        const attributedPage = this._getAttributedPageForMetric(metric);\n\n        const attrs: Attributes = {\n          [KEY_EMB_TYPE]: EMB_TYPES.WebVital,\n          [ATTR_URL_FULL]: attributedPage.fullURL,\n          'mxl.web_vital.navigation_type': metric.navigationType,\n          'mxl.web_vital.name': metric.name,\n          'mxl.web_vital.rating': metric.rating,\n          'mxl.web_vital.id': metric.id,\n          'mxl.web_vital.delta': metric.delta,\n          'mxl.web_vital.value': metric.value,\n          ...webVitalAttributionToReport(name, metric),\n        };\n\n        // Add page attributes if route and page ID exist\n        if (attributedPage.path && attributedPage.pageID) {\n          attrs[KEY_EMB_PAGE_PATH] = attributedPage.path;\n          attrs[KEY_EMB_PAGE_ID] = attributedPage.pageID;\n        }\n\n        currentSessionSpan.addEvent(\n          `${EMB_WEB_VITALS_PREFIX}-report-${name}`,\n          attrs,\n          metricTime,\n        );\n      });\n    });\n\n    if (this._urlAttribution) {\n      // When these web vitals make their final report (e.g. when the listeners w/ reportAllChanges=false trigger) the\n      // document's URL at that time may not match what it was at the time the scores were last updated. Instead, listen\n      // for updates to the scores and keep track of the Page information to attribute for each\n      this._listeners.INP?.(\n        () => {\n          this._attributedPage.INP = this._currentAttributedPage();\n        },\n        {\n          reportAllChanges: true,\n        },\n      );\n      this._listeners.LCP?.(\n        () => {\n          this._attributedPage.LCP = this._currentAttributedPage();\n        },\n        {\n          reportAllChanges: true,\n        },\n      );\n      this._listeners.CLS?.(\n        (metric: MetricWithAttribution) => {\n          const clsMetric = metric as CLSMetricWithAttribution;\n          // A layout shift could cause CLS to change its rating but because the score is cumulative this might not\n          // correspond with an updated `largestShiftTarget`. Since we want to tie the attributed URL to the page that\n          // the `largestShiftTarget` was on we only update the attributed URL if that target has changed\n          if (\n            this._largestShiftTargetForCLS !==\n            clsMetric.attribution.largestShiftTarget\n          ) {\n            this._largestShiftTargetForCLS =\n              clsMetric.attribution.largestShiftTarget;\n            this._attributedPage.CLS = this._currentAttributedPage();\n          }\n        },\n        {\n          reportAllChanges: true,\n        },\n      );\n    }\n  }\n\n  private _getTimeForMetric(metric: MetricWithAttribution): number {\n    if (metric.name === 'CLS' && metric.attribution.largestShiftTime) {\n      return this.perf.epochMillisFromOriginOffset(\n        metric.attribution.largestShiftTime,\n      );\n    }\n\n    if (metric.name === 'INP' && metric.attribution.interactionTime) {\n      return this.perf.epochMillisFromOriginOffset(\n        metric.attribution.interactionTime,\n      );\n    }\n\n    return this.perf.getNowMillis();\n  }\n\n  private _currentAttributedPage(): AttributedPage {\n    const attributed: AttributedPage = {\n      fullURL: this._urlDocument.URL,\n    };\n\n    const currentRoute = this._pageManager.getCurrentRoute();\n    const currentPageId = this._pageManager.getCurrentPageId();\n    if (currentRoute && currentPageId) {\n      attributed.path = currentRoute.path;\n      attributed.pageID = currentPageId;\n    }\n\n    return attributed;\n  }\n\n  private _getAttributedPageForMetric(\n    metric: MetricWithAttribution,\n  ): AttributedPage {\n    if (metric.name === 'INP' && this._attributedPage.INP) {\n      return this._attributedPage.INP;\n    }\n\n    if (metric.name === 'LCP' && this._attributedPage.LCP) {\n      return this._attributedPage.LCP;\n    }\n\n    if (\n      metric.name === 'CLS' &&\n      this._attributedPage.CLS &&\n      metric.attribution.largestShiftTarget === this._largestShiftTargetForCLS\n    ) {\n      return this._attributedPage.CLS;\n    }\n\n    return this._currentAttributedPage();\n  }\n}\n"],"mappings":";;;;;;;;AAqCA,MAAM,+BACJ,MACA,WACG;CACH,MAAM,aAAyB,EAAE;CACjC,MAAM,WAGA,EAAE;AAER,KAAI,SAAS,OAAO;EAElB,MAAM,cAAc,OAAO;AAC3B,WAAS,KACP,GAAG,CACD;GACE,KAAK;GACL,OAAO,YAAY;GACpB,EACD;GACE,KAAK;GACL,OAAO,YAAY;GACpB,CACF,CACF;YACQ,SAAS,OAAO;EAEzB,MAAM,cAAc,OAAO;AAC3B,WAAS,KACP,GAAG;GACD;IAAE,KAAK;IAAqB,OAAO,YAAY;IAAmB;GAClE;IAAE,KAAK;IAAmB,OAAO,YAAY;IAAiB;GAC9D;IAAE,KAAK;IAAiB,OAAO,YAAY;IAAe;GAC1D;IAAE,KAAK;IAAc,OAAO,YAAY;IAAY;GACpD;IAAE,KAAK;IAAsB,OAAO,YAAY;IAAoB;GACpE;IAAE,KAAK;IAAqB,OAAO,YAAY;IAAmB;GAClE;IAAE,KAAK;IAAuB,OAAO,YAAY;IAAqB;GACtE;IACE,KAAK;IACL,OAAO,YAAY;IACpB;GACD;IAAE,KAAK;IAAsB,OAAO,YAAY;IAAoB;GACpE;IACE,KAAK;IACL,OAAO,YAAY;IACpB;GACD;IAAE,KAAK;IAAa,OAAO,YAAY;IAAW;GACnD,CACF;YACQ,SAAS,OAAO;EAEzB,MAAM,cAAc,OAAO;AAC3B,WAAS,KACP,GAAG;GACD;IAAE,KAAK;IAAU,OAAO,YAAY;IAAQ;GAC5C;IAAE,KAAK;IAAO,OAAO,YAAY;IAAK;GACtC;IAAE,KAAK;IAAmB,OAAO,YAAY;IAAiB;GAC9D;IAAE,KAAK;IAAqB,OAAO,YAAY;IAAmB;GAClE;IACE,KAAK;IACL,OAAO,YAAY;IACpB;GACD;IAAE,KAAK;IAAsB,OAAO,YAAY;IAAoB;GACrE,CACF;;AAGH,UAAS,SAAS,WAAW;AAC3B,MAAI,OAAO,UAAU,OACnB,YAAW,6BAA6B,OAAO,SAAS,OAAO;GAEjE;AAEF,QAAO;;AAGT,IAAa,2BAAb,cAA8CA,8FAAuB;CACnE,AAAiB;CACjB,AAAiB;CACjB,AAAiB;CACjB,AAAiB;CACjB,AAAiB;CACjB,AAAiB,kBAGb;EACF,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,MAAM;EACP;CACD,AAAQ;CACR,AAAQ,uBAAuB;CAG/B,AAAO,YAAY,EACjB,MACA,MACA,gBAAgB,QAChB,YAAYC,kGACZ,cAAc,OAAO,UACrB,iBAAiB,MACjB,gBACgC,EAAE,EAAE;AACpC,QAAM;GACJ,qBAAqB;GACrB,wBAAwB;GACxB;GACA;GACA,QAAQ,EAAE;GACX,CAAC;AACF,OAAK,aAAa;AAClB,OAAK,eAAe;AACpB,OAAK,kBACH,kBAAkB,QAAQ,CAAC,GAAGC,sFAAe,GAAG,CAAC,GAAGC,uFAAgB;AACtE,OAAK,kBAAkB;AACvB,OAAK,eAAe,eAAeC,8BAAK,gBAAgB;AAExD,MAAI,KAAK,QAAQ,QACf,MAAK,QAAQ;;CAIjB,AAAgB,UAAgB;CAKhC,AAAO,SAAe;AAEpB,MAAI,KAAK,qBACP;AAEF,OAAK,uBAAuB;AAE5B,OAAK,gBAAgB,SAAS,SAAS;AACrC,QAAK,WAAW,SAAS,WAAW;IAClC,MAAM,qBAAqB,KAAK,eAAe,gBAAgB;AAE/D,QAAI,CAAC,mBACH;IAIF,MAAM,aAAa,KAAK,kBAAkB,OAAO;IAEjD,MAAM,iBAAiB,KAAK,4BAA4B,OAAO;IAE/D,MAAM,QAAoB;MACvBC,4CAAeC,uCAAU;MACzBC,oDAAgB,eAAe;KAChC,iCAAiC,OAAO;KACxC,sBAAsB,OAAO;KAC7B,wBAAwB,OAAO;KAC/B,oBAAoB,OAAO;KAC3B,uBAAuB,OAAO;KAC9B,uBAAuB,OAAO;KAC9B,GAAG,4BAA4B,MAAM,OAAO;KAC7C;AAGD,QAAI,eAAe,QAAQ,eAAe,QAAQ;AAChD,WAAMC,kDAAqB,eAAe;AAC1C,WAAMC,gDAAmB,eAAe;;AAG1C,uBAAmB,SACjB,GAAGC,6FAAsB,UAAU,QACnC,OACA,WACD;KACD;IACF;AAEF,MAAI,KAAK,iBAAiB;AAIxB,QAAK,WAAW,YACR;AACJ,SAAK,gBAAgB,MAAM,KAAK,wBAAwB;MAE1D,EACE,kBAAkB,MACnB,CACF;AACD,QAAK,WAAW,YACR;AACJ,SAAK,gBAAgB,MAAM,KAAK,wBAAwB;MAE1D,EACE,kBAAkB,MACnB,CACF;AACD,QAAK,WAAW,OACb,WAAkC;IACjC,MAAM,YAAY;AAIlB,QACE,KAAK,8BACL,UAAU,YAAY,oBACtB;AACA,UAAK,4BACH,UAAU,YAAY;AACxB,UAAK,gBAAgB,MAAM,KAAK,wBAAwB;;MAG5D,EACE,kBAAkB,MACnB,CACF;;;CAIL,AAAQ,kBAAkB,QAAuC;AAC/D,MAAI,OAAO,SAAS,SAAS,OAAO,YAAY,iBAC9C,QAAO,KAAK,KAAK,4BACf,OAAO,YAAY,iBACpB;AAGH,MAAI,OAAO,SAAS,SAAS,OAAO,YAAY,gBAC9C,QAAO,KAAK,KAAK,4BACf,OAAO,YAAY,gBACpB;AAGH,SAAO,KAAK,KAAK,cAAc;;CAGjC,AAAQ,yBAAyC;EAC/C,MAAM,aAA6B,EACjC,SAAS,KAAK,aAAa,KAC5B;EAED,MAAM,eAAe,KAAK,aAAa,iBAAiB;EACxD,MAAM,gBAAgB,KAAK,aAAa,kBAAkB;AAC1D,MAAI,gBAAgB,eAAe;AACjC,cAAW,OAAO,aAAa;AAC/B,cAAW,SAAS;;AAGtB,SAAO;;CAGT,AAAQ,4BACN,QACgB;AAChB,MAAI,OAAO,SAAS,SAAS,KAAK,gBAAgB,IAChD,QAAO,KAAK,gBAAgB;AAG9B,MAAI,OAAO,SAAS,SAAS,KAAK,gBAAgB,IAChD,QAAO,KAAK,gBAAgB;AAG9B,MACE,OAAO,SAAS,SAChB,KAAK,gBAAgB,OACrB,OAAO,YAAY,uBAAuB,KAAK,0BAE/C,QAAO,KAAK,gBAAgB;AAG9B,SAAO,KAAK,wBAAwB"}

package/dist/instrumentations/web-vitals/WebVitalsInstrumentation/WebVitalsInstrumentation.d.cts

@@ -0,0 +1,31 @@
+import { MXLInstrumentationBase } from "../../MXLInstrumentationBase/MXLInstrumentationBase.cjs";
+import { WebVitalsInstrumentationArgs } from "./types.cjs";
+
+//#region src/instrumentations/web-vitals/WebVitalsInstrumentation/WebVitalsInstrumentation.d.ts
+declare class WebVitalsInstrumentation extends MXLInstrumentationBase {
+  private readonly _metricsToTrack;
+  private readonly _listeners;
+  private readonly _urlDocument;
+  private readonly _urlAttribution;
+  private readonly _pageManager;
+  private readonly _attributedPage;
+  private _largestShiftTargetForCLS;
+  private _listenersRegistered;
+  constructor({
+    diag,
+    perf,
+    trackingLevel,
+    listeners,
+    urlDocument,
+    urlAttribution,
+    pageManager
+  }?: WebVitalsInstrumentationArgs);
+  disable(): void;
+  enable(): void;
+  private _getTimeForMetric;
+  private _currentAttributedPage;
+  private _getAttributedPageForMetric;
+}
+//#endregion
+export { WebVitalsInstrumentation };
+//# sourceMappingURL=WebVitalsInstrumentation.d.cts.map

package/dist/instrumentations/web-vitals/WebVitalsInstrumentation/WebVitalsInstrumentation.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebVitalsInstrumentation.d.cts","names":[],"sources":["../../../../src/instrumentations/web-vitals/WebVitalsInstrumentation/WebVitalsInstrumentation.ts"],"sourcesContent":[],"mappings":";;;;cAiHa,wBAAA,SAAiC,sBAAA;;EAAjC,iBAAA,UAAyB;EAqBlC,iBAAA,YAAA;EACA,iBAAA,eAAA;EACA,iBAAA,YAAA;EACA,iBAAA,eAAA;EACA,QAAA,yBAAA;EACA,QAAA,oBAAA;EACA,WAAA,CAAA;IAAA,IAAA;IAAA,IAAA;IAAA,aAAA;IAAA,SAAA;IAAA,WAAA;IAAA,cAAA;IAAA;EAAA,CAAA,CAAA,EACC,4BADD;EACC,OAAA,CAAA,CAAA,EAAA,IAAA;EA5ByC,MAAA,CAAA,CAAA,EAAA,IAAA;EAAsB,QAAA,iBAAA"}

package/dist/instrumentations/web-vitals/WebVitalsInstrumentation/WebVitalsInstrumentation.d.ts

@@ -0,0 +1,32 @@
+import { MXLInstrumentationBase } from "../../MXLInstrumentationBase/MXLInstrumentationBase.js";
+import "../../MXLInstrumentationBase/index.js";
+import { WebVitalsInstrumentationArgs } from "./types.js";
+
+//#region src/instrumentations/web-vitals/WebVitalsInstrumentation/WebVitalsInstrumentation.d.ts
+declare class WebVitalsInstrumentation extends MXLInstrumentationBase {
+  private readonly _metricsToTrack;
+  private readonly _listeners;
+  private readonly _urlDocument;
+  private readonly _urlAttribution;
+  private readonly _pageManager;
+  private readonly _attributedPage;
+  private _largestShiftTargetForCLS;
+  private _listenersRegistered;
+  constructor({
+    diag,
+    perf,
+    trackingLevel,
+    listeners,
+    urlDocument,
+    urlAttribution,
+    pageManager
+  }?: WebVitalsInstrumentationArgs);
+  disable(): void;
+  enable(): void;
+  private _getTimeForMetric;
+  private _currentAttributedPage;
+  private _getAttributedPageForMetric;
+}
+//#endregion
+export { WebVitalsInstrumentation };
+//# sourceMappingURL=WebVitalsInstrumentation.d.ts.map

package/dist/instrumentations/web-vitals/WebVitalsInstrumentation/WebVitalsInstrumentation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebVitalsInstrumentation.d.ts","names":[],"sources":["../../../../src/instrumentations/web-vitals/WebVitalsInstrumentation/WebVitalsInstrumentation.ts"],"sourcesContent":[],"mappings":";;;;;cAiHa,wBAAA,SAAiC,sBAAA;;;EAAjC,iBAAA,YAAyB;EAqBlC,iBAAA,eAAA;EACA,iBAAA,YAAA;EACA,iBAAA,eAAA;EACA,QAAA,yBAAA;EACA,QAAA,oBAAA;EACA,WAAA,CAAA;IAAA,IAAA;IAAA,IAAA;IAAA,aAAA;IAAA,SAAA;IAAA,WAAA;IAAA,cAAA;IAAA;EAAA,CAAA,CAAA,EAEC,4BAFD;EACA,OAAA,CAAA,CAAA,EAAA,IAAA;EACC,MAAA,CAAA,CAAA,EAAA,IAAA;EA5ByC,QAAA,iBAAA;EAAsB,QAAA,sBAAA"}

package/dist/instrumentations/web-vitals/WebVitalsInstrumentation/WebVitalsInstrumentation.js

@@ -0,0 +1,201 @@
+import { EMB_TYPES, KEY_EMB_PAGE_ID, KEY_EMB_PAGE_PATH, KEY_EMB_TYPE } from "../../../constants/attributes.js";
+import { page } from "../../../api-page/pageAPI.js";
+import { MXLInstrumentationBase } from "../../MXLInstrumentationBase/MXLInstrumentationBase.js";
+import { ALL_WEB_VITALS, CORE_WEB_VITALS, EMB_WEB_VITALS_PREFIX, WEB_VITALS_ID_TO_LISTENER } from "./constants.js";
+import { ATTR_URL_FULL } from "@opentelemetry/semantic-conventions";
+
+//#region src/instrumentations/web-vitals/WebVitalsInstrumentation/WebVitalsInstrumentation.ts
+const webVitalAttributionToReport = (name, metric) => {
+	const attributes = {};
+	const toReport = [];
+	if (name === "CLS") {
+		const attribution = metric.attribution;
+		toReport.push(...[{
+			key: "largestShiftTarget",
+			value: attribution.largestShiftTarget
+		}, {
+			key: "largestShiftValue",
+			value: attribution.largestShiftValue
+		}]);
+	} else if (name === "INP") {
+		const attribution = metric.attribution;
+		toReport.push(...[
+			{
+				key: "interactionTarget",
+				value: attribution.interactionTarget
+			},
+			{
+				key: "interactionType",
+				value: attribution.interactionType
+			},
+			{
+				key: "nextPaintTime",
+				value: attribution.nextPaintTime
+			},
+			{
+				key: "inputDelay",
+				value: attribution.inputDelay
+			},
+			{
+				key: "processingDuration",
+				value: attribution.processingDuration
+			},
+			{
+				key: "presentationDelay",
+				value: attribution.presentationDelay
+			},
+			{
+				key: "totalScriptDuration",
+				value: attribution.totalScriptDuration
+			},
+			{
+				key: "totalStyleAndLayoutDuration",
+				value: attribution.totalStyleAndLayoutDuration
+			},
+			{
+				key: "totalPaintDuration",
+				value: attribution.totalPaintDuration
+			},
+			{
+				key: "totalUnattributedDuration",
+				value: attribution.totalUnattributedDuration
+			},
+			{
+				key: "loadState",
+				value: attribution.loadState
+			}
+		]);
+	} else if (name === "LCP") {
+		const attribution = metric.attribution;
+		toReport.push(...[
+			{
+				key: "target",
+				value: attribution.target
+			},
+			{
+				key: "url",
+				value: attribution.url
+			},
+			{
+				key: "timeToFirstByte",
+				value: attribution.timeToFirstByte
+			},
+			{
+				key: "resourceLoadDelay",
+				value: attribution.resourceLoadDelay
+			},
+			{
+				key: "resourceLoadDuration",
+				value: attribution.resourceLoadDuration
+			},
+			{
+				key: "elementRenderDelay",
+				value: attribution.elementRenderDelay
+			}
+		]);
+	}
+	toReport.forEach((report) => {
+		if (report.value !== void 0) attributes[`mxl.web_vital.attribution.${report.key}`] = report.value;
+	});
+	return attributes;
+};
+var WebVitalsInstrumentation = class extends MXLInstrumentationBase {
+	_metricsToTrack;
+	_listeners;
+	_urlDocument;
+	_urlAttribution;
+	_pageManager;
+	_attributedPage = {
+		INP: void 0,
+		LCP: void 0,
+		CLS: void 0,
+		FCP: void 0,
+		TTFB: void 0
+	};
+	_largestShiftTargetForCLS;
+	_listenersRegistered = false;
+	constructor({ diag, perf, trackingLevel = "core", listeners = WEB_VITALS_ID_TO_LISTENER, urlDocument = window.document, urlAttribution = true, pageManager } = {}) {
+		super({
+			instrumentationName: "WebVitalsInstrumentation",
+			instrumentationVersion: "1.0.0",
+			diag,
+			perf,
+			config: {}
+		});
+		this._listeners = listeners;
+		this._urlDocument = urlDocument;
+		this._metricsToTrack = trackingLevel === "all" ? [...ALL_WEB_VITALS] : [...CORE_WEB_VITALS];
+		this._urlAttribution = urlAttribution;
+		this._pageManager = pageManager ?? page.getPageManager();
+		if (this._config.enabled) this.enable();
+	}
+	disable() {}
+	enable() {
+		if (this._listenersRegistered) return;
+		this._listenersRegistered = true;
+		this._metricsToTrack.forEach((name) => {
+			this._listeners[name]?.((metric) => {
+				const currentSessionSpan = this.sessionManager.getSessionSpan();
+				if (!currentSessionSpan) return;
+				const metricTime = this._getTimeForMetric(metric);
+				const attributedPage = this._getAttributedPageForMetric(metric);
+				const attrs = {
+					[KEY_EMB_TYPE]: EMB_TYPES.WebVital,
+					[ATTR_URL_FULL]: attributedPage.fullURL,
+					"mxl.web_vital.navigation_type": metric.navigationType,
+					"mxl.web_vital.name": metric.name,
+					"mxl.web_vital.rating": metric.rating,
+					"mxl.web_vital.id": metric.id,
+					"mxl.web_vital.delta": metric.delta,
+					"mxl.web_vital.value": metric.value,
+					...webVitalAttributionToReport(name, metric)
+				};
+				if (attributedPage.path && attributedPage.pageID) {
+					attrs[KEY_EMB_PAGE_PATH] = attributedPage.path;
+					attrs[KEY_EMB_PAGE_ID] = attributedPage.pageID;
+				}
+				currentSessionSpan.addEvent(`${EMB_WEB_VITALS_PREFIX}-report-${name}`, attrs, metricTime);
+			});
+		});
+		if (this._urlAttribution) {
+			this._listeners.INP?.(() => {
+				this._attributedPage.INP = this._currentAttributedPage();
+			}, { reportAllChanges: true });
+			this._listeners.LCP?.(() => {
+				this._attributedPage.LCP = this._currentAttributedPage();
+			}, { reportAllChanges: true });
+			this._listeners.CLS?.((metric) => {
+				const clsMetric = metric;
+				if (this._largestShiftTargetForCLS !== clsMetric.attribution.largestShiftTarget) {
+					this._largestShiftTargetForCLS = clsMetric.attribution.largestShiftTarget;
+					this._attributedPage.CLS = this._currentAttributedPage();
+				}
+			}, { reportAllChanges: true });
+		}
+	}
+	_getTimeForMetric(metric) {
+		if (metric.name === "CLS" && metric.attribution.largestShiftTime) return this.perf.epochMillisFromOriginOffset(metric.attribution.largestShiftTime);
+		if (metric.name === "INP" && metric.attribution.interactionTime) return this.perf.epochMillisFromOriginOffset(metric.attribution.interactionTime);
+		return this.perf.getNowMillis();
+	}
+	_currentAttributedPage() {
+		const attributed = { fullURL: this._urlDocument.URL };
+		const currentRoute = this._pageManager.getCurrentRoute();
+		const currentPageId = this._pageManager.getCurrentPageId();
+		if (currentRoute && currentPageId) {
+			attributed.path = currentRoute.path;
+			attributed.pageID = currentPageId;
+		}
+		return attributed;
+	}
+	_getAttributedPageForMetric(metric) {
+		if (metric.name === "INP" && this._attributedPage.INP) return this._attributedPage.INP;
+		if (metric.name === "LCP" && this._attributedPage.LCP) return this._attributedPage.LCP;
+		if (metric.name === "CLS" && this._attributedPage.CLS && metric.attribution.largestShiftTarget === this._largestShiftTargetForCLS) return this._attributedPage.CLS;
+		return this._currentAttributedPage();
+	}
+};
+
+//#endregion
+export { WebVitalsInstrumentation };
+//# sourceMappingURL=WebVitalsInstrumentation.js.map

package/dist/instrumentations/web-vitals/WebVitalsInstrumentation/WebVitalsInstrumentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebVitalsInstrumentation.js","names":[],"sources":["../../../../src/instrumentations/web-vitals/WebVitalsInstrumentation/WebVitalsInstrumentation.ts"],"sourcesContent":["import type { Attributes } from '@opentelemetry/api';\nimport { ATTR_URL_FULL } from '@opentelemetry/semantic-conventions';\nimport type {\n  CLSAttribution,\n  CLSMetricWithAttribution,\n  INPAttribution,\n  LCPAttribution,\n  Metric,\n  MetricWithAttribution,\n} from 'web-vitals/attribution';\nimport type { PageManager } from '../../../api-page/index.ts';\nimport { page } from '../../../api-page/index.ts';\nimport type { URLDocument } from '../../../common/index.ts';\nimport {\n  EMB_TYPES,\n  KEY_EMB_PAGE_ID,\n  KEY_EMB_PAGE_PATH,\n  KEY_EMB_TYPE,\n} from '../../../constants/index.ts';\nimport { MXLInstrumentationBase } from '../../MXLInstrumentationBase/index.ts';\nimport {\n  ALL_WEB_VITALS,\n  CORE_WEB_VITALS,\n  EMB_WEB_VITALS_PREFIX,\n  WEB_VITALS_ID_TO_LISTENER,\n} from './constants.ts';\nimport type {\n  WebVitalListeners,\n  WebVitalsInstrumentationArgs,\n} from './types.ts';\n\ntype AttributedPage = {\n  fullURL: string;\n  path?: string;\n  pageID?: string;\n};\n\nconst webVitalAttributionToReport = (\n  name: Metric['name'],\n  metric: MetricWithAttribution,\n) => {\n  const attributes: Attributes = {};\n  const toReport: {\n    key: string;\n    value: string | boolean | number | undefined;\n  }[] = [];\n\n  if (name === 'CLS') {\n    // https://www.npmjs.com/package/web-vitals#CLSAttribution\n    const attribution = metric.attribution as CLSAttribution;\n    toReport.push(\n      ...[\n        {\n          key: 'largestShiftTarget',\n          value: attribution.largestShiftTarget,\n        },\n        {\n          key: 'largestShiftValue',\n          value: attribution.largestShiftValue,\n        },\n      ],\n    );\n  } else if (name === 'INP') {\n    // https://www.npmjs.com/package/web-vitals#inpattribution\n    const attribution = metric.attribution as INPAttribution;\n    toReport.push(\n      ...[\n        { key: 'interactionTarget', value: attribution.interactionTarget },\n        { key: 'interactionType', value: attribution.interactionType },\n        { key: 'nextPaintTime', value: attribution.nextPaintTime },\n        { key: 'inputDelay', value: attribution.inputDelay },\n        { key: 'processingDuration', value: attribution.processingDuration },\n        { key: 'presentationDelay', value: attribution.presentationDelay },\n        { key: 'totalScriptDuration', value: attribution.totalScriptDuration },\n        {\n          key: 'totalStyleAndLayoutDuration',\n          value: attribution.totalStyleAndLayoutDuration,\n        },\n        { key: 'totalPaintDuration', value: attribution.totalPaintDuration },\n        {\n          key: 'totalUnattributedDuration',\n          value: attribution.totalUnattributedDuration,\n        },\n        { key: 'loadState', value: attribution.loadState },\n      ],\n    );\n  } else if (name === 'LCP') {\n    // https://www.npmjs.com/package/web-vitals#lcpattribution\n    const attribution = metric.attribution as LCPAttribution;\n    toReport.push(\n      ...[\n        { key: 'target', value: attribution.target },\n        { key: 'url', value: attribution.url },\n        { key: 'timeToFirstByte', value: attribution.timeToFirstByte },\n        { key: 'resourceLoadDelay', value: attribution.resourceLoadDelay },\n        {\n          key: 'resourceLoadDuration',\n          value: attribution.resourceLoadDuration,\n        },\n        { key: 'elementRenderDelay', value: attribution.elementRenderDelay },\n      ],\n    );\n  }\n\n  toReport.forEach((report) => {\n    if (report.value !== undefined) {\n      attributes[`mxl.web_vital.attribution.${report.key}`] = report.value;\n    }\n  });\n\n  return attributes;\n};\n\nexport class WebVitalsInstrumentation extends MXLInstrumentationBase {\n  private readonly _metricsToTrack: Metric['name'][];\n  private readonly _listeners: WebVitalListeners;\n  private readonly _urlDocument: URLDocument;\n  private readonly _urlAttribution: boolean;\n  private readonly _pageManager: PageManager;\n  private readonly _attributedPage: Record<\n    Metric['name'],\n    AttributedPage | undefined\n  > = {\n    INP: undefined,\n    LCP: undefined,\n    CLS: undefined,\n    FCP: undefined,\n    TTFB: undefined,\n  };\n  private _largestShiftTargetForCLS: string | undefined;\n  private _listenersRegistered = false;\n\n  // instrumentation that adds an event to the session span for each web vital report\n  public constructor({\n    diag,\n    perf,\n    trackingLevel = 'core',\n    listeners = WEB_VITALS_ID_TO_LISTENER,\n    urlDocument = window.document,\n    urlAttribution = true,\n    pageManager,\n  }: WebVitalsInstrumentationArgs = {}) {\n    super({\n      instrumentationName: 'WebVitalsInstrumentation',\n      instrumentationVersion: '1.0.0',\n      diag,\n      perf,\n      config: {},\n    });\n    this._listeners = listeners;\n    this._urlDocument = urlDocument;\n    this._metricsToTrack =\n      trackingLevel === 'all' ? [...ALL_WEB_VITALS] : [...CORE_WEB_VITALS];\n    this._urlAttribution = urlAttribution;\n    this._pageManager = pageManager ?? page.getPageManager();\n\n    if (this._config.enabled) {\n      this.enable();\n    }\n  }\n\n  public override disable(): void {\n    // do nothing.\n    // https://github.com/GoogleChrome/web-vitals/issues/357#issuecomment-1593439036\n  }\n\n  public enable(): void {\n    // web-vitals library doesn't support removing listeners, so only register once\n    if (this._listenersRegistered) {\n      return;\n    }\n    this._listenersRegistered = true;\n\n    this._metricsToTrack.forEach((name) => {\n      this._listeners[name]?.((metric) => {\n        const currentSessionSpan = this.sessionManager.getSessionSpan();\n\n        if (!currentSessionSpan) {\n          return;\n        }\n\n        // first thing record the time when this cb was invoked\n        const metricTime = this._getTimeForMetric(metric);\n\n        const attributedPage = this._getAttributedPageForMetric(metric);\n\n        const attrs: Attributes = {\n          [KEY_EMB_TYPE]: EMB_TYPES.WebVital,\n          [ATTR_URL_FULL]: attributedPage.fullURL,\n          'mxl.web_vital.navigation_type': metric.navigationType,\n          'mxl.web_vital.name': metric.name,\n          'mxl.web_vital.rating': metric.rating,\n          'mxl.web_vital.id': metric.id,\n          'mxl.web_vital.delta': metric.delta,\n          'mxl.web_vital.value': metric.value,\n          ...webVitalAttributionToReport(name, metric),\n        };\n\n        // Add page attributes if route and page ID exist\n        if (attributedPage.path && attributedPage.pageID) {\n          attrs[KEY_EMB_PAGE_PATH] = attributedPage.path;\n          attrs[KEY_EMB_PAGE_ID] = attributedPage.pageID;\n        }\n\n        currentSessionSpan.addEvent(\n          `${EMB_WEB_VITALS_PREFIX}-report-${name}`,\n          attrs,\n          metricTime,\n        );\n      });\n    });\n\n    if (this._urlAttribution) {\n      // When these web vitals make their final report (e.g. when the listeners w/ reportAllChanges=false trigger) the\n      // document's URL at that time may not match what it was at the time the scores were last updated. Instead, listen\n      // for updates to the scores and keep track of the Page information to attribute for each\n      this._listeners.INP?.(\n        () => {\n          this._attributedPage.INP = this._currentAttributedPage();\n        },\n        {\n          reportAllChanges: true,\n        },\n      );\n      this._listeners.LCP?.(\n        () => {\n          this._attributedPage.LCP = this._currentAttributedPage();\n        },\n        {\n          reportAllChanges: true,\n        },\n      );\n      this._listeners.CLS?.(\n        (metric: MetricWithAttribution) => {\n          const clsMetric = metric as CLSMetricWithAttribution;\n          // A layout shift could cause CLS to change its rating but because the score is cumulative this might not\n          // correspond with an updated `largestShiftTarget`. Since we want to tie the attributed URL to the page that\n          // the `largestShiftTarget` was on we only update the attributed URL if that target has changed\n          if (\n            this._largestShiftTargetForCLS !==\n            clsMetric.attribution.largestShiftTarget\n          ) {\n            this._largestShiftTargetForCLS =\n              clsMetric.attribution.largestShiftTarget;\n            this._attributedPage.CLS = this._currentAttributedPage();\n          }\n        },\n        {\n          reportAllChanges: true,\n        },\n      );\n    }\n  }\n\n  private _getTimeForMetric(metric: MetricWithAttribution): number {\n    if (metric.name === 'CLS' && metric.attribution.largestShiftTime) {\n      return this.perf.epochMillisFromOriginOffset(\n        metric.attribution.largestShiftTime,\n      );\n    }\n\n    if (metric.name === 'INP' && metric.attribution.interactionTime) {\n      return this.perf.epochMillisFromOriginOffset(\n        metric.attribution.interactionTime,\n      );\n    }\n\n    return this.perf.getNowMillis();\n  }\n\n  private _currentAttributedPage(): AttributedPage {\n    const attributed: AttributedPage = {\n      fullURL: this._urlDocument.URL,\n    };\n\n    const currentRoute = this._pageManager.getCurrentRoute();\n    const currentPageId = this._pageManager.getCurrentPageId();\n    if (currentRoute && currentPageId) {\n      attributed.path = currentRoute.path;\n      attributed.pageID = currentPageId;\n    }\n\n    return attributed;\n  }\n\n  private _getAttributedPageForMetric(\n    metric: MetricWithAttribution,\n  ): AttributedPage {\n    if (metric.name === 'INP' && this._attributedPage.INP) {\n      return this._attributedPage.INP;\n    }\n\n    if (metric.name === 'LCP' && this._attributedPage.LCP) {\n      return this._attributedPage.LCP;\n    }\n\n    if (\n      metric.name === 'CLS' &&\n      this._attributedPage.CLS &&\n      metric.attribution.largestShiftTarget === this._largestShiftTargetForCLS\n    ) {\n      return this._attributedPage.CLS;\n    }\n\n    return this._currentAttributedPage();\n  }\n}\n"],"mappings":"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"}

package/dist/instrumentations/web-vitals/WebVitalsInstrumentation/constants.cjs

@@ -0,0 +1,32 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let web_vitals_attribution = require("web-vitals/attribution");
+
+//#region src/instrumentations/web-vitals/WebVitalsInstrumentation/constants.ts
+const EMB_WEB_VITALS_PREFIX = "mxl-web-vitals";
+const CORE_WEB_VITALS = [
+	"CLS",
+	"INP",
+	"LCP"
+];
+const ALL_WEB_VITALS = [
+	"CLS",
+	"INP",
+	"LCP",
+	"FCP",
+	"TTFB"
+];
+const WEB_VITALS_ID_TO_LISTENER = {
+	CLS: web_vitals_attribution.onCLS,
+	FCP: web_vitals_attribution.onFCP,
+	LCP: web_vitals_attribution.onLCP,
+	INP: web_vitals_attribution.onINP,
+	TTFB: web_vitals_attribution.onTTFB,
+	FID: void 0
+};
+
+//#endregion
+exports.ALL_WEB_VITALS = ALL_WEB_VITALS;
+exports.CORE_WEB_VITALS = CORE_WEB_VITALS;
+exports.EMB_WEB_VITALS_PREFIX = EMB_WEB_VITALS_PREFIX;
+exports.WEB_VITALS_ID_TO_LISTENER = WEB_VITALS_ID_TO_LISTENER;
+//# sourceMappingURL=constants.cjs.map

package/dist/instrumentations/web-vitals/WebVitalsInstrumentation/constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","names":["onCLS","onFCP","onLCP","onINP","onTTFB"],"sources":["../../../../src/instrumentations/web-vitals/WebVitalsInstrumentation/constants.ts"],"sourcesContent":["import { onCLS, onFCP, onINP, onLCP, onTTFB } from 'web-vitals/attribution';\n\nexport const EMB_WEB_VITALS_PREFIX = 'mxl-web-vitals';\nexport const CORE_WEB_VITALS = ['CLS', 'INP', 'LCP'] as const;\nexport const ALL_WEB_VITALS = ['CLS', 'INP', 'LCP', 'FCP', 'TTFB'] as const;\nexport const WEB_VITALS_ID_TO_LISTENER = {\n  /**\n   *  Cumulative Layout Shift (CLS)\n   *  https://web.dev/articles/cls\n   *\n   *  Measures _unexpected_ layout shifts throughout the lifespan of a page load. User-initiated shifts, e.g. showing\n   *  a loading indicator after a user clicked a button that triggered a network request, are excluded since these are\n   *  expected.\n   *\n   *  onCLS is always called when the page's visibility state changes to hidden and may be called multiple times for\n   *  a single page load.\n   *\n   *  SPA Note: Since this is cumulative it could be misleading in a SPA, e.g. you might cross the threshold from\n   *  good -> bad on Page 3 but the largest contributor to your score might have actually occurred on Page 1\n   */\n  CLS: onCLS,\n\n  /**\n   * First Contentful Paint (FCP)\n   * https://web.dev/articles/fcp\n   *\n   * Measures from first hard page load to when the first \"content\" (text, image, svg elements, etc.) is rendered\n   *\n   * Only measured once per page load\n   */\n  FCP: onFCP,\n\n  /**\n   * Largest Contentful Paint (LCP)\n   * https://web.dev/articles/lcp\n   *\n   * Uses heuristics to try and measure when the \"main\" content has been rendered on the page. Size is a factor, but\n   * certain elements that likely represent backgrounds or splash screens are excluded.\n   *\n   * As the page loads the element considered the largest could change, once the user interacts with the page these\n   * entries stop getting reported and the metric is ready\n   *\n   * Only measured once per page load\n   */\n  LCP: onLCP,\n\n  /**\n   * Interaction to Next Paint (INP)\n   * https://web.dev/articles/inp\n   *\n   * Measures how long it takes from a user interaction until the next paint. The final INP value is the longest\n   * interaction observed, ignoring outliers.\n   *\n   * onINP is always called when the page's visibility state changes to hidden and may be called multiple times for\n   * a single page load.\n   *\n   * Each interaction is not reported even when setting reportAllChanges=true, just when an interaction causes an\n   * increase to INP.\n   */\n  INP: onINP,\n\n  /**\n   * Time to First Byte (TTFB)\n   * https://web.dev/articles/ttfb\n   *\n   * Measures the time between the request for a resource and when the first byte of a response begins to arrive.\n   */\n  TTFB: onTTFB,\n\n  // Omitting onFID since FID (First Input Delay) has been deprecated\n  FID: undefined,\n} as const;\n"],"mappings":";;;;AAEA,MAAa,wBAAwB;AACrC,MAAa,kBAAkB;CAAC;CAAO;CAAO;CAAM;AACpD,MAAa,iBAAiB;CAAC;CAAO;CAAO;CAAO;CAAO;CAAO;AAClE,MAAa,4BAA4B;CAevC,KAAKA;CAUL,KAAKC;CAcL,KAAKC;CAeL,KAAKC;CAQL,MAAMC;CAGN,KAAK;CACN"}

package/dist/instrumentations/web-vitals/WebVitalsInstrumentation/constants.d.cts

@@ -0,0 +1,70 @@
+import * as web_vitals_attribution0 from "web-vitals/attribution";
+
+//#region src/instrumentations/web-vitals/WebVitalsInstrumentation/constants.d.ts
+declare const EMB_WEB_VITALS_PREFIX = "mxl-web-vitals";
+declare const CORE_WEB_VITALS: readonly ["CLS", "INP", "LCP"];
+declare const ALL_WEB_VITALS: readonly ["CLS", "INP", "LCP", "FCP", "TTFB"];
+declare const WEB_VITALS_ID_TO_LISTENER: {
+  /**
+   *  Cumulative Layout Shift (CLS)
+   *  https://web.dev/articles/cls
+   *
+   *  Measures _unexpected_ layout shifts throughout the lifespan of a page load. User-initiated shifts, e.g. showing
+   *  a loading indicator after a user clicked a button that triggered a network request, are excluded since these are
+   *  expected.
+   *
+   *  onCLS is always called when the page's visibility state changes to hidden and may be called multiple times for
+   *  a single page load.
+   *
+   *  SPA Note: Since this is cumulative it could be misleading in a SPA, e.g. you might cross the threshold from
+   *  good -> bad on Page 3 but the largest contributor to your score might have actually occurred on Page 1
+   */
+  readonly CLS: (onReport: (metric: web_vitals_attribution0.CLSMetricWithAttribution) => void, opts?: web_vitals_attribution0.AttributionReportOpts) => void;
+  /**
+   * First Contentful Paint (FCP)
+   * https://web.dev/articles/fcp
+   *
+   * Measures from first hard page load to when the first "content" (text, image, svg elements, etc.) is rendered
+   *
+   * Only measured once per page load
+   */
+  readonly FCP: (onReport: (metric: web_vitals_attribution0.FCPMetricWithAttribution) => void, opts?: web_vitals_attribution0.AttributionReportOpts) => void;
+  /**
+   * Largest Contentful Paint (LCP)
+   * https://web.dev/articles/lcp
+   *
+   * Uses heuristics to try and measure when the "main" content has been rendered on the page. Size is a factor, but
+   * certain elements that likely represent backgrounds or splash screens are excluded.
+   *
+   * As the page loads the element considered the largest could change, once the user interacts with the page these
+   * entries stop getting reported and the metric is ready
+   *
+   * Only measured once per page load
+   */
+  readonly LCP: (onReport: (metric: web_vitals_attribution0.LCPMetricWithAttribution) => void, opts?: web_vitals_attribution0.AttributionReportOpts) => void;
+  /**
+   * Interaction to Next Paint (INP)
+   * https://web.dev/articles/inp
+   *
+   * Measures how long it takes from a user interaction until the next paint. The final INP value is the longest
+   * interaction observed, ignoring outliers.
+   *
+   * onINP is always called when the page's visibility state changes to hidden and may be called multiple times for
+   * a single page load.
+   *
+   * Each interaction is not reported even when setting reportAllChanges=true, just when an interaction causes an
+   * increase to INP.
+   */
+  readonly INP: (onReport: (metric: web_vitals_attribution0.INPMetricWithAttribution) => void, opts?: web_vitals_attribution0.INPAttributionReportOpts) => void;
+  /**
+   * Time to First Byte (TTFB)
+   * https://web.dev/articles/ttfb
+   *
+   * Measures the time between the request for a resource and when the first byte of a response begins to arrive.
+   */
+  readonly TTFB: (onReport: (metric: web_vitals_attribution0.TTFBMetricWithAttribution) => void, opts?: web_vitals_attribution0.AttributionReportOpts) => void;
+  readonly FID: undefined;
+};
+//#endregion
+export { ALL_WEB_VITALS, CORE_WEB_VITALS, EMB_WEB_VITALS_PREFIX, WEB_VITALS_ID_TO_LISTENER };
+//# sourceMappingURL=constants.d.cts.map

package/dist/instrumentations/web-vitals/WebVitalsInstrumentation/constants.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.cts","names":[],"sources":["../../../../src/instrumentations/web-vitals/WebVitalsInstrumentation/constants.ts"],"sourcesContent":[],"mappings":";;;cAEa,qBAAA;cACA;cACA;AAFA,cAGA,yBAHqB,EAAA;EACrB;AACb;AACA;;;;;;;;;;;;oCAkEU,uBAAA,CAAA"}