@grafana/faro-web-sdk 2.3.1 → 2.5.0

package/dist/cjs/instrumentations/userActions/util.js

@@ -4,7 +4,7 @@ exports.convertDataAttributeName = convertDataAttributeName;
 exports.startTimeout = startTimeout;
 exports.isRequestStartMessage = isRequestStartMessage;
 exports.isRequestEndMessage = isRequestEndMessage;
-var const_1 = require("./const");
+const const_1 = require("./const");
 /**
  * Parses the action attribute name by removing the 'data-' prefix and converting
  * the remaining string to camelCase.
@@ -13,8 +13,8 @@ var const_1 = require("./const");
  * data attributes and make then camelCase.
  */
 function convertDataAttributeName(userActionDataAttribute) {
-    var withoutData = userActionDataAttribute.split('data-')[1];
-    var withUpperCase = withoutData === null || withoutData === void 0 ? void 0 : withoutData.replace(/-(.)/g, function (_, char) { return char.toUpperCase(); });
+    const withoutData = userActionDataAttribute.split('data-')[1];
+    const withUpperCase = withoutData === null || withoutData === void 0 ? void 0 : withoutData.replace(/-(.)/g, (_, char) => char.toUpperCase());
     return withUpperCase === null || withUpperCase === void 0 ? void 0 : withUpperCase.replace(/-/g, '');
 }
 function startTimeout(timeoutId, cb, delay) {
@@ -22,7 +22,7 @@ function startTimeout(timeoutId, cb, delay) {
         clearTimeout(timeoutId);
     }
     //@ts-expect-error for some reason vscode is using the node types
-    timeoutId = setTimeout(function () {
+    timeoutId = setTimeout(() => {
         cb();
     }, delay);
     return timeoutId;

package/dist/cjs/instrumentations/userActions/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../../src/instrumentations/userActions/util.ts"],"names":[],"mappings":";;AAWA,4DAIC;AAED,oCAWC;AAED,sDAEC;AAED,kDAEC;AAlCD,iCAAyF;AAEzF;;;;;;GAMG;AACH,SAAgB,wBAAwB,CAAC,uBAA+B;IACtE,IAAM,WAAW,GAAG,uBAAuB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9D,IAAM,aAAa,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAC,OAAO,EAAE,UAAC,CAAC,EAAE,IAAI,IAAK,OAAA,IAAI,CAAC,WAAW,EAAE,EAAlB,CAAkB,CAAC,CAAC;IACrF,OAAO,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAC1C,CAAC;AAED,SAAgB,YAAY,CAAC,SAA6B,EAAE,EAAc,EAAE,KAAa;IACvF,IAAI,SAAS,EAAE,CAAC;QACd,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1B,CAAC;IAED,iEAAiE;IACjE,SAAS,GAAG,UAAU,CAAC;QACrB,EAAE,EAAE,CAAC;IACP,CAAC,EAAE,KAAK,CAAC,CAAC;IAEV,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAgB,qBAAqB,CAAC,GAAQ;IAC5C,OAAO,GAAG,CAAC,IAAI,KAAK,uCAA+B,CAAC;AACtD,CAAC;AAED,SAAgB,mBAAmB,CAAC,GAAQ;IAC1C,OAAO,GAAG,CAAC,IAAI,KAAK,qCAA6B,CAAC;AACpD,CAAC","sourcesContent":["import type { HttpRequestEndMessage, HttpRequestStartMessage } from '../_internal/monitors/types';\n\nimport { MESSAGE_TYPE_HTTP_REQUEST_END, MESSAGE_TYPE_HTTP_REQUEST_START } from './const';\n\n/**\n * Parses the action attribute name by removing the 'data-' prefix and converting\n * the remaining string to camelCase.\n *\n * This is needed because the browser will remove the 'data-' prefix and the dashes from\n * data attributes and make then camelCase.\n */\nexport function convertDataAttributeName(userActionDataAttribute: string) {\n  const withoutData = userActionDataAttribute.split('data-')[1];\n  const withUpperCase = withoutData?.replace(/-(.)/g, (_, char) => char.toUpperCase());\n  return withUpperCase?.replace(/-/g, '');\n}\n\nexport function startTimeout(timeoutId: number | undefined, cb: () => void, delay: number) {\n  if (timeoutId) {\n    clearTimeout(timeoutId);\n  }\n\n  //@ts-expect-error for some reason vscode is using the node types\n  timeoutId = setTimeout(() => {\n    cb();\n  }, delay);\n\n  return timeoutId;\n}\n\nexport function isRequestStartMessage(msg: any): msg is HttpRequestStartMessage {\n  return msg.type === MESSAGE_TYPE_HTTP_REQUEST_START;\n}\n\nexport function isRequestEndMessage(msg: any): msg is HttpRequestEndMessage {\n  return msg.type === MESSAGE_TYPE_HTTP_REQUEST_END;\n}\n"]}
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../../src/instrumentations/userActions/util.ts"],"names":[],"mappings":";;AAWA,4DAIC;AAED,oCAWC;AAED,sDAEC;AAED,kDAEC;AAlCD,mCAAyF;AAEzF;;;;;;GAMG;AACH,SAAgB,wBAAwB,CAAC,uBAA+B;IACtE,MAAM,WAAW,GAAG,uBAAuB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9D,MAAM,aAAa,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;IACrF,OAAO,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAC1C,CAAC;AAED,SAAgB,YAAY,CAAC,SAA6B,EAAE,EAAc,EAAE,KAAa;IACvF,IAAI,SAAS,EAAE,CAAC;QACd,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1B,CAAC;IAED,iEAAiE;IACjE,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;QAC1B,EAAE,EAAE,CAAC;IACP,CAAC,EAAE,KAAK,CAAC,CAAC;IAEV,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAgB,qBAAqB,CAAC,GAAQ;IAC5C,OAAO,GAAG,CAAC,IAAI,KAAK,uCAA+B,CAAC;AACtD,CAAC;AAED,SAAgB,mBAAmB,CAAC,GAAQ;IAC1C,OAAO,GAAG,CAAC,IAAI,KAAK,qCAA6B,CAAC;AACpD,CAAC","sourcesContent":["import type { HttpRequestEndMessage, HttpRequestStartMessage } from '../_internal/monitors/types';\n\nimport { MESSAGE_TYPE_HTTP_REQUEST_END, MESSAGE_TYPE_HTTP_REQUEST_START } from './const';\n\n/**\n * Parses the action attribute name by removing the 'data-' prefix and converting\n * the remaining string to camelCase.\n *\n * This is needed because the browser will remove the 'data-' prefix and the dashes from\n * data attributes and make then camelCase.\n */\nexport function convertDataAttributeName(userActionDataAttribute: string) {\n  const withoutData = userActionDataAttribute.split('data-')[1];\n  const withUpperCase = withoutData?.replace(/-(.)/g, (_, char) => char.toUpperCase());\n  return withUpperCase?.replace(/-/g, '');\n}\n\nexport function startTimeout(timeoutId: number | undefined, cb: () => void, delay: number) {\n  if (timeoutId) {\n    clearTimeout(timeoutId);\n  }\n\n  //@ts-expect-error for some reason vscode is using the node types\n  timeoutId = setTimeout(() => {\n    cb();\n  }, delay);\n\n  return timeoutId;\n}\n\nexport function isRequestStartMessage(msg: any): msg is HttpRequestStartMessage {\n  return msg.type === MESSAGE_TYPE_HTTP_REQUEST_START;\n}\n\nexport function isRequestEndMessage(msg: any): msg is HttpRequestEndMessage {\n  return msg.type === MESSAGE_TYPE_HTTP_REQUEST_END;\n}\n"]}

package/dist/cjs/instrumentations/view/instrumentation.js

@@ -1,34 +1,17 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ViewInstrumentation = void 0;
-var faro_core_1 = require("@grafana/faro-core");
+const faro_core_1 = require("@grafana/faro-core");
 // all this does is send VIEW_CHANGED event
-var ViewInstrumentation = /** @class */ (function (_super) {
-    __extends(ViewInstrumentation, _super);
-    function ViewInstrumentation() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.name = '@grafana/faro-web-sdk:instrumentation-view';
-        _this.version = faro_core_1.VERSION;
-        return _this;
+class ViewInstrumentation extends faro_core_1.BaseInstrumentation {
+    constructor() {
+        super(...arguments);
+        this.name = '@grafana/faro-web-sdk:instrumentation-view';
+        this.version = faro_core_1.VERSION;
     }
-    ViewInstrumentation.prototype.sendViewChangedEvent = function (meta) {
+    sendViewChangedEvent(meta) {
         var _a, _b, _c, _d;
-        var view = meta.view;
+        const view = meta.view;
         if (view && view.name !== ((_a = this.notifiedView) === null || _a === void 0 ? void 0 : _a.name)) {
             this.api.pushEvent(faro_core_1.EVENT_VIEW_CHANGED, {
                 fromView: (_c = (_b = this.notifiedView) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : faro_core_1.unknownString,
@@ -36,11 +19,10 @@ var ViewInstrumentation = /** @class */ (function (_super) {
             }, undefined, { skipDedupe: true });
             this.notifiedView = view;
         }
-    };
-    ViewInstrumentation.prototype.initialize = function () {
+    }
+    initialize() {
         this.metas.addListener(this.sendViewChangedEvent.bind(this));
-    };
-    return ViewInstrumentation;
-}(faro_core_1.BaseInstrumentation));
+    }
+}
 exports.ViewInstrumentation = ViewInstrumentation;
 //# sourceMappingURL=instrumentation.js.map

package/dist/cjs/instrumentations/view/instrumentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"instrumentation.js","sourceRoot":"","sources":["../../../../src/instrumentations/view/instrumentation.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAAqG;AAGrG,2CAA2C;AAC3C;IAAyC,uCAAmB;IAA5D;;QACW,UAAI,GAAG,4CAA4C,CAAC;QACpD,aAAO,GAAG,mBAAO,CAAC;;IA2B7B,CAAC;IArBS,kDAAoB,GAA5B,UAA6B,IAAU;;QACrC,IAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAEvB,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,MAAK,MAAA,IAAI,CAAC,YAAY,0CAAE,IAAI,CAAA,EAAE,CAAC;YAClD,IAAI,CAAC,GAAG,CAAC,SAAS,CAChB,8BAAkB,EAClB;gBACE,QAAQ,EAAE,MAAA,MAAA,IAAI,CAAC,YAAY,0CAAE,IAAI,mCAAI,yBAAa;gBAClD,MAAM,EAAE,MAAA,IAAI,CAAC,IAAI,mCAAI,yBAAa;aACnC,EACD,SAAS,EACT,EAAE,UAAU,EAAE,IAAI,EAAE,CACrB,CAAC;YAEF,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QAC3B,CAAC;IACH,CAAC;IAED,wCAAU,GAAV;QACE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC/D,CAAC;IACH,0BAAC;AAAD,CAAC,AA7BD,CAAyC,+BAAmB,GA6B3D;AA7BY,kDAAmB","sourcesContent":["import { BaseInstrumentation, EVENT_VIEW_CHANGED, unknownString, VERSION } from '@grafana/faro-core';\nimport type { Meta, MetaView } from '@grafana/faro-core';\n\n// all this does is send VIEW_CHANGED event\nexport class ViewInstrumentation extends BaseInstrumentation {\n  readonly name = '@grafana/faro-web-sdk:instrumentation-view';\n  readonly version = VERSION;\n\n  // previously notified view, to ensure we don't send view changed\n  // event twice for the same view\n  private notifiedView: MetaView | undefined;\n\n  private sendViewChangedEvent(meta: Meta): void {\n    const view = meta.view;\n\n    if (view && view.name !== this.notifiedView?.name) {\n      this.api.pushEvent(\n        EVENT_VIEW_CHANGED,\n        {\n          fromView: this.notifiedView?.name ?? unknownString,\n          toView: view.name ?? unknownString,\n        },\n        undefined,\n        { skipDedupe: true }\n      );\n\n      this.notifiedView = view;\n    }\n  }\n\n  initialize() {\n    this.metas.addListener(this.sendViewChangedEvent.bind(this));\n  }\n}\n"]}
+{"version":3,"file":"instrumentation.js","sourceRoot":"","sources":["../../../../src/instrumentations/view/instrumentation.ts"],"names":[],"mappings":";;;AAAA,kDAAqG;AAGrG,2CAA2C;AAC3C,MAAa,mBAAoB,SAAQ,+BAAmB;IAA5D;;QACW,SAAI,GAAG,4CAA4C,CAAC;QACpD,YAAO,GAAG,mBAAO,CAAC;IA2B7B,CAAC;IArBS,oBAAoB,CAAC,IAAU;;QACrC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAEvB,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,MAAK,MAAA,IAAI,CAAC,YAAY,0CAAE,IAAI,CAAA,EAAE,CAAC;YAClD,IAAI,CAAC,GAAG,CAAC,SAAS,CAChB,8BAAkB,EAClB;gBACE,QAAQ,EAAE,MAAA,MAAA,IAAI,CAAC,YAAY,0CAAE,IAAI,mCAAI,yBAAa;gBAClD,MAAM,EAAE,MAAA,IAAI,CAAC,IAAI,mCAAI,yBAAa;aACnC,EACD,SAAS,EACT,EAAE,UAAU,EAAE,IAAI,EAAE,CACrB,CAAC;YAEF,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QAC3B,CAAC;IACH,CAAC;IAED,UAAU;QACR,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC/D,CAAC;CACF;AA7BD,kDA6BC","sourcesContent":["import { BaseInstrumentation, EVENT_VIEW_CHANGED, unknownString, VERSION } from '@grafana/faro-core';\nimport type { Meta, MetaView } from '@grafana/faro-core';\n\n// all this does is send VIEW_CHANGED event\nexport class ViewInstrumentation extends BaseInstrumentation {\n  readonly name = '@grafana/faro-web-sdk:instrumentation-view';\n  readonly version = VERSION;\n\n  // previously notified view, to ensure we don't send view changed\n  // event twice for the same view\n  private notifiedView: MetaView | undefined;\n\n  private sendViewChangedEvent(meta: Meta): void {\n    const view = meta.view;\n\n    if (view && view.name !== this.notifiedView?.name) {\n      this.api.pushEvent(\n        EVENT_VIEW_CHANGED,\n        {\n          fromView: this.notifiedView?.name ?? unknownString,\n          toView: view.name ?? unknownString,\n        },\n        undefined,\n        { skipDedupe: true }\n      );\n\n      this.notifiedView = view;\n    }\n  }\n\n  initialize() {\n    this.metas.addListener(this.sendViewChangedEvent.bind(this));\n  }\n}\n"]}

package/dist/cjs/instrumentations/webVitals/instrumentation.js

@@ -1,37 +1,19 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WebVitalsInstrumentation = void 0;
-var faro_core_1 = require("@grafana/faro-core");
-var webVitalsWithAttribution_1 = require("./webVitalsWithAttribution");
-var WebVitalsInstrumentation = /** @class */ (function (_super) {
-    __extends(WebVitalsInstrumentation, _super);
-    function WebVitalsInstrumentation() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.name = '@grafana/faro-web-sdk:instrumentation-web-vitals';
-        _this.version = faro_core_1.VERSION;
-        return _this;
+const faro_core_1 = require("@grafana/faro-core");
+const webVitalsWithAttribution_1 = require("./webVitalsWithAttribution");
+class WebVitalsInstrumentation extends faro_core_1.BaseInstrumentation {
+    constructor() {
+        super(...arguments);
+        this.name = '@grafana/faro-web-sdk:instrumentation-web-vitals';
+        this.version = faro_core_1.VERSION;
     }
-    WebVitalsInstrumentation.prototype.initialize = function () {
+    initialize() {
         this.logDebug('Initializing');
-        var webVitals = new webVitalsWithAttribution_1.WebVitalsWithAttribution(this.api.pushMeasurement, this.config.webVitalsInstrumentation);
+        const webVitals = new webVitalsWithAttribution_1.WebVitalsWithAttribution(this.api.pushMeasurement, this.config.webVitalsInstrumentation);
         webVitals.initialize();
-    };
-    return WebVitalsInstrumentation;
-}(faro_core_1.BaseInstrumentation));
+    }
+}
 exports.WebVitalsInstrumentation = WebVitalsInstrumentation;
 //# sourceMappingURL=instrumentation.js.map

package/dist/cjs/instrumentations/webVitals/instrumentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"instrumentation.js","sourceRoot":"","sources":["../../../../src/instrumentations/webVitals/instrumentation.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAAkE;AAElE,uEAAsE;AAEtE;IAA8C,4CAAmB;IAAjE;;QACW,UAAI,GAAG,kDAAkD,CAAC;QAC1D,aAAO,GAAG,mBAAO,CAAC;;IAO7B,CAAC;IALC,6CAAU,GAAV;QACE,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;QAC9B,IAAM,SAAS,GAAG,IAAI,mDAAwB,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,IAAI,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC;QAC/G,SAAS,CAAC,UAAU,EAAE,CAAC;IACzB,CAAC;IACH,+BAAC;AAAD,CAAC,AATD,CAA8C,+BAAmB,GAShE;AATY,4DAAwB","sourcesContent":["import { BaseInstrumentation, VERSION } from '@grafana/faro-core';\n\nimport { WebVitalsWithAttribution } from './webVitalsWithAttribution';\n\nexport class WebVitalsInstrumentation extends BaseInstrumentation {\n  readonly name = '@grafana/faro-web-sdk:instrumentation-web-vitals';\n  readonly version = VERSION;\n\n  initialize(): void {\n    this.logDebug('Initializing');\n    const webVitals = new WebVitalsWithAttribution(this.api.pushMeasurement, this.config.webVitalsInstrumentation);\n    webVitals.initialize();\n  }\n}\n"]}
+{"version":3,"file":"instrumentation.js","sourceRoot":"","sources":["../../../../src/instrumentations/webVitals/instrumentation.ts"],"names":[],"mappings":";;;AAAA,kDAAkE;AAElE,yEAAsE;AAEtE,MAAa,wBAAyB,SAAQ,+BAAmB;IAAjE;;QACW,SAAI,GAAG,kDAAkD,CAAC;QAC1D,YAAO,GAAG,mBAAO,CAAC;IAO7B,CAAC;IALC,UAAU;QACR,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;QAC9B,MAAM,SAAS,GAAG,IAAI,mDAAwB,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,IAAI,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC;QAC/G,SAAS,CAAC,UAAU,EAAE,CAAC;IACzB,CAAC;CACF;AATD,4DASC","sourcesContent":["import { BaseInstrumentation, VERSION } from '@grafana/faro-core';\n\nimport { WebVitalsWithAttribution } from './webVitalsWithAttribution';\n\nexport class WebVitalsInstrumentation extends BaseInstrumentation {\n  readonly name = '@grafana/faro-web-sdk:instrumentation-web-vitals';\n  readonly version = VERSION;\n\n  initialize(): void {\n    this.logDebug('Initializing');\n    const webVitals = new WebVitalsWithAttribution(this.api.pushMeasurement, this.config.webVitalsInstrumentation);\n    webVitals.initialize();\n  }\n}\n"]}

package/dist/cjs/instrumentations/webVitals/webVitalsWithAttribution.js

@@ -1,129 +1,122 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WebVitalsWithAttribution = void 0;
-var attribution_1 = require("web-vitals/attribution");
-var faro_core_1 = require("@grafana/faro-core");
-var utils_1 = require("../../utils");
-var instrumentationConstants_1 = require("../instrumentationConstants");
+const attribution_1 = require("web-vitals/attribution");
+const faro_core_1 = require("@grafana/faro-core");
+const utils_1 = require("../../utils");
+const instrumentationConstants_1 = require("../instrumentationConstants");
 // duplicate keys saved in variables to save bundle size
 // refs: https://github.com/grafana/faro-web-sdk/pull/595#discussion_r1615833968
-var loadStateKey = 'load_state';
-var timeToFirstByteKey = 'time_to_first_byte';
-var WebVitalsWithAttribution = /** @class */ (function () {
-    function WebVitalsWithAttribution(corePushMeasurement, webVitalConfig) {
+const loadStateKey = 'load_state';
+const timeToFirstByteKey = 'time_to_first_byte';
+class WebVitalsWithAttribution {
+    constructor(corePushMeasurement, webVitalConfig) {
         this.corePushMeasurement = corePushMeasurement;
         this.webVitalConfig = webVitalConfig;
     }
-    WebVitalsWithAttribution.prototype.initialize = function () {
+    initialize() {
         this.measureCLS();
         this.measureFCP();
         this.measureINP();
         this.measureLCP();
         this.measureTTFB();
-    };
-    WebVitalsWithAttribution.prototype.measureCLS = function () {
-        var _this = this;
+    }
+    measureCLS() {
         var _a;
-        (0, attribution_1.onCLS)(function (metric) {
-            var _a = metric.attribution, loadState = _a.loadState, largestShiftValue = _a.largestShiftValue, largestShiftTime = _a.largestShiftTime, largestShiftTarget = _a.largestShiftTarget;
-            var values = _this.buildInitialValues(metric);
-            _this.addIfPresent(values, 'largest_shift_value', largestShiftValue);
-            _this.addIfPresent(values, 'largest_shift_time', largestShiftTime);
-            var context = _this.buildInitialContext(metric);
-            _this.addIfPresent(context, loadStateKey, loadState);
-            _this.addIfPresent(context, 'largest_shift_target', largestShiftTarget);
-            _this.pushMeasurement(values, context);
+        (0, attribution_1.onCLS)((metric) => {
+            const { loadState, largestShiftValue, largestShiftTime, largestShiftTarget } = metric.attribution;
+            const values = this.buildInitialValues(metric);
+            this.addIfPresent(values, 'largest_shift_value', largestShiftValue);
+            this.addIfPresent(values, 'largest_shift_time', largestShiftTime);
+            const context = this.buildInitialContext(metric);
+            this.addIfPresent(context, loadStateKey, loadState);
+            this.addIfPresent(context, 'largest_shift_target', largestShiftTarget);
+            this.pushMeasurement(values, context);
         }, { reportAllChanges: (_a = this.webVitalConfig) === null || _a === void 0 ? void 0 : _a.reportAllChanges });
-    };
-    WebVitalsWithAttribution.prototype.measureFCP = function () {
-        var _this = this;
+    }
+    measureFCP() {
         var _a;
-        (0, attribution_1.onFCP)(function (metric) {
-            var _a = metric.attribution, firstByteToFCP = _a.firstByteToFCP, timeToFirstByte = _a.timeToFirstByte, loadState = _a.loadState;
-            var values = _this.buildInitialValues(metric);
-            _this.addIfPresent(values, 'first_byte_to_fcp', firstByteToFCP);
-            _this.addIfPresent(values, timeToFirstByteKey, timeToFirstByte);
-            var context = _this.buildInitialContext(metric);
-            _this.addIfPresent(context, loadStateKey, loadState);
-            _this.pushMeasurement(values, context);
+        (0, attribution_1.onFCP)((metric) => {
+            const { firstByteToFCP, timeToFirstByte, loadState } = metric.attribution;
+            const values = this.buildInitialValues(metric);
+            this.addIfPresent(values, 'first_byte_to_fcp', firstByteToFCP);
+            this.addIfPresent(values, timeToFirstByteKey, timeToFirstByte);
+            const context = this.buildInitialContext(metric);
+            this.addIfPresent(context, loadStateKey, loadState);
+            this.pushMeasurement(values, context);
         }, { reportAllChanges: (_a = this.webVitalConfig) === null || _a === void 0 ? void 0 : _a.reportAllChanges });
-    };
-    WebVitalsWithAttribution.prototype.measureINP = function () {
-        var _this = this;
+    }
+    measureINP() {
         var _a;
-        (0, attribution_1.onINP)(function (metric) {
-            var _a = metric.attribution, interactionTime = _a.interactionTime, presentationDelay = _a.presentationDelay, inputDelay = _a.inputDelay, processingDuration = _a.processingDuration, nextPaintTime = _a.nextPaintTime, loadState = _a.loadState, interactionTarget = _a.interactionTarget, interactionType = _a.interactionType;
-            var values = _this.buildInitialValues(metric);
-            _this.addIfPresent(values, 'interaction_time', interactionTime);
-            _this.addIfPresent(values, 'presentation_delay', presentationDelay);
-            _this.addIfPresent(values, 'input_delay', inputDelay);
-            _this.addIfPresent(values, 'processing_duration', processingDuration);
-            _this.addIfPresent(values, 'next_paint_time', nextPaintTime);
-            var context = _this.buildInitialContext(metric);
-            _this.addIfPresent(context, loadStateKey, loadState);
-            _this.addIfPresent(context, 'interaction_target', interactionTarget);
-            _this.addIfPresent(context, 'interaction_type', interactionType);
-            _this.pushMeasurement(values, context);
+        (0, attribution_1.onINP)((metric) => {
+            const { interactionTime, presentationDelay, inputDelay, processingDuration, nextPaintTime, loadState, interactionTarget, interactionType, } = metric.attribution;
+            const values = this.buildInitialValues(metric);
+            this.addIfPresent(values, 'interaction_time', interactionTime);
+            this.addIfPresent(values, 'presentation_delay', presentationDelay);
+            this.addIfPresent(values, 'input_delay', inputDelay);
+            this.addIfPresent(values, 'processing_duration', processingDuration);
+            this.addIfPresent(values, 'next_paint_time', nextPaintTime);
+            const context = this.buildInitialContext(metric);
+            this.addIfPresent(context, loadStateKey, loadState);
+            this.addIfPresent(context, 'interaction_target', interactionTarget);
+            this.addIfPresent(context, 'interaction_type', interactionType);
+            this.pushMeasurement(values, context);
         }, { reportAllChanges: (_a = this.webVitalConfig) === null || _a === void 0 ? void 0 : _a.reportAllChanges });
-    };
-    WebVitalsWithAttribution.prototype.measureLCP = function () {
-        var _this = this;
+    }
+    measureLCP() {
         var _a;
-        (0, attribution_1.onLCP)(function (metric) {
-            var _a = metric.attribution, elementRenderDelay = _a.elementRenderDelay, resourceLoadDelay = _a.resourceLoadDelay, resourceLoadDuration = _a.resourceLoadDuration, timeToFirstByte = _a.timeToFirstByte, target = _a.target;
-            var values = _this.buildInitialValues(metric);
-            _this.addIfPresent(values, 'element_render_delay', elementRenderDelay);
-            _this.addIfPresent(values, 'resource_load_delay', resourceLoadDelay);
-            _this.addIfPresent(values, 'resource_load_duration', resourceLoadDuration);
-            _this.addIfPresent(values, timeToFirstByteKey, timeToFirstByte);
-            var context = _this.buildInitialContext(metric);
-            _this.addIfPresent(context, 'element', target);
-            _this.pushMeasurement(values, context);
+        (0, attribution_1.onLCP)((metric) => {
+            const { elementRenderDelay, resourceLoadDelay, resourceLoadDuration, timeToFirstByte, target } = metric.attribution;
+            const values = this.buildInitialValues(metric);
+            this.addIfPresent(values, 'element_render_delay', elementRenderDelay);
+            this.addIfPresent(values, 'resource_load_delay', resourceLoadDelay);
+            this.addIfPresent(values, 'resource_load_duration', resourceLoadDuration);
+            this.addIfPresent(values, timeToFirstByteKey, timeToFirstByte);
+            const context = this.buildInitialContext(metric);
+            this.addIfPresent(context, 'element', target);
+            this.pushMeasurement(values, context);
         }, { reportAllChanges: (_a = this.webVitalConfig) === null || _a === void 0 ? void 0 : _a.reportAllChanges });
-    };
-    WebVitalsWithAttribution.prototype.measureTTFB = function () {
-        var _this = this;
+    }
+    measureTTFB() {
         var _a;
-        (0, attribution_1.onTTFB)(function (metric) {
-            var _a = metric.attribution, dnsDuration = _a.dnsDuration, connectionDuration = _a.connectionDuration, requestDuration = _a.requestDuration, waitingDuration = _a.waitingDuration, cacheDuration = _a.cacheDuration;
-            var values = _this.buildInitialValues(metric);
-            _this.addIfPresent(values, 'dns_duration', dnsDuration);
-            _this.addIfPresent(values, 'connection_duration', connectionDuration);
-            _this.addIfPresent(values, 'request_duration', requestDuration);
-            _this.addIfPresent(values, 'waiting_duration', waitingDuration);
-            _this.addIfPresent(values, 'cache_duration', cacheDuration);
-            var context = _this.buildInitialContext(metric);
-            _this.pushMeasurement(values, context);
+        (0, attribution_1.onTTFB)((metric) => {
+            const { dnsDuration, connectionDuration, requestDuration, waitingDuration, cacheDuration } = metric.attribution;
+            const values = this.buildInitialValues(metric);
+            this.addIfPresent(values, 'dns_duration', dnsDuration);
+            this.addIfPresent(values, 'connection_duration', connectionDuration);
+            this.addIfPresent(values, 'request_duration', requestDuration);
+            this.addIfPresent(values, 'waiting_duration', waitingDuration);
+            this.addIfPresent(values, 'cache_duration', cacheDuration);
+            const context = this.buildInitialContext(metric);
+            this.pushMeasurement(values, context);
         }, { reportAllChanges: (_a = this.webVitalConfig) === null || _a === void 0 ? void 0 : _a.reportAllChanges });
-    };
-    WebVitalsWithAttribution.prototype.buildInitialValues = function (metric) {
-        var _a;
-        var indicator = metric.name.toLowerCase();
-        return _a = {},
-            _a[indicator] = metric.value,
-            _a.delta = metric.delta,
-            _a;
-    };
-    WebVitalsWithAttribution.prototype.buildInitialContext = function (metric) {
+    }
+    buildInitialValues(metric) {
+        const indicator = metric.name.toLowerCase();
+        return {
+            [indicator]: metric.value,
+            delta: metric.delta,
+        };
+    }
+    buildInitialContext(metric) {
         var _a;
-        var navigationEntryId = (_a = (0, utils_1.getItem)(instrumentationConstants_1.NAVIGATION_ID_STORAGE_KEY, utils_1.webStorageType.session)) !== null && _a !== void 0 ? _a : faro_core_1.unknownString;
+        const navigationEntryId = (_a = (0, utils_1.getItem)(instrumentationConstants_1.NAVIGATION_ID_STORAGE_KEY, utils_1.webStorageType.session)) !== null && _a !== void 0 ? _a : faro_core_1.unknownString;
         return {
             id: metric.id,
             rating: metric.rating,
             navigation_type: metric.navigationType,
             navigation_entry_id: navigationEntryId,
         };
-    };
-    WebVitalsWithAttribution.prototype.pushMeasurement = function (values, context) {
-        var type = 'web-vitals';
-        this.corePushMeasurement({ type: type, values: values }, { context: context });
-    };
-    WebVitalsWithAttribution.prototype.addIfPresent = function (source, key, metric) {
+    }
+    pushMeasurement(values, context) {
+        const type = 'web-vitals';
+        this.corePushMeasurement({ type, values }, { context });
+    }
+    addIfPresent(source, key, metric) {
         if (metric) {
             source[key] = metric;
         }
-    };
-    return WebVitalsWithAttribution;
-}());
+    }
+}
 exports.WebVitalsWithAttribution = WebVitalsWithAttribution;
 //# sourceMappingURL=webVitalsWithAttribution.js.map

package/dist/cjs/instrumentations/webVitals/webVitalsWithAttribution.js.map

@@ -1 +1 @@
-{"version":3,"file":"webVitalsWithAttribution.js","sourceRoot":"","sources":["../../../../src/instrumentations/webVitals/webVitalsWithAttribution.ts"],"names":[],"mappings":"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","sourcesContent":["import { onCLS, onFCP, onINP, onLCP, onTTFB } from 'web-vitals/attribution';\nimport type { Metric } from 'web-vitals/attribution';\n\nimport { unknownString } from '@grafana/faro-core';\nimport type { Config, MeasurementEvent, MeasurementsAPI, PushMeasurementOptions } from '@grafana/faro-core';\n\nimport { getItem, webStorageType } from '../../utils';\nimport { NAVIGATION_ID_STORAGE_KEY } from '../instrumentationConstants';\n\ntype Values = MeasurementEvent['values'];\ntype Context = Required<PushMeasurementOptions>['context'];\n\n// duplicate keys saved in variables to save bundle size\n// refs: https://github.com/grafana/faro-web-sdk/pull/595#discussion_r1615833968\nconst loadStateKey = 'load_state';\nconst timeToFirstByteKey = 'time_to_first_byte';\n\nexport class WebVitalsWithAttribution {\n  constructor(\n    private corePushMeasurement: MeasurementsAPI['pushMeasurement'],\n    private webVitalConfig?: Config['webVitalsInstrumentation']\n  ) {}\n\n  initialize(): void {\n    this.measureCLS();\n    this.measureFCP();\n    this.measureINP();\n    this.measureLCP();\n    this.measureTTFB();\n  }\n\n  private measureCLS(): void {\n    onCLS(\n      (metric) => {\n        const { loadState, largestShiftValue, largestShiftTime, largestShiftTarget } = metric.attribution;\n\n        const values = this.buildInitialValues(metric);\n        this.addIfPresent(values, 'largest_shift_value', largestShiftValue);\n        this.addIfPresent(values, 'largest_shift_time', largestShiftTime);\n\n        const context = this.buildInitialContext(metric);\n        this.addIfPresent(context, loadStateKey, loadState);\n        this.addIfPresent(context, 'largest_shift_target', largestShiftTarget);\n\n        this.pushMeasurement(values, context);\n      },\n      { reportAllChanges: this.webVitalConfig?.reportAllChanges }\n    );\n  }\n\n  private measureFCP(): void {\n    onFCP(\n      (metric) => {\n        const { firstByteToFCP, timeToFirstByte, loadState } = metric.attribution;\n\n        const values = this.buildInitialValues(metric);\n        this.addIfPresent(values, 'first_byte_to_fcp', firstByteToFCP);\n        this.addIfPresent(values, timeToFirstByteKey, timeToFirstByte);\n\n        const context = this.buildInitialContext(metric);\n        this.addIfPresent(context, loadStateKey, loadState);\n\n        this.pushMeasurement(values, context);\n      },\n      { reportAllChanges: this.webVitalConfig?.reportAllChanges }\n    );\n  }\n\n  private measureINP(): void {\n    onINP(\n      (metric) => {\n        const {\n          interactionTime,\n          presentationDelay,\n          inputDelay,\n          processingDuration,\n          nextPaintTime,\n          loadState,\n          interactionTarget,\n          interactionType,\n        } = metric.attribution;\n\n        const values = this.buildInitialValues(metric);\n        this.addIfPresent(values, 'interaction_time', interactionTime);\n        this.addIfPresent(values, 'presentation_delay', presentationDelay);\n        this.addIfPresent(values, 'input_delay', inputDelay);\n        this.addIfPresent(values, 'processing_duration', processingDuration);\n        this.addIfPresent(values, 'next_paint_time', nextPaintTime);\n\n        const context = this.buildInitialContext(metric);\n        this.addIfPresent(context, loadStateKey, loadState);\n        this.addIfPresent(context, 'interaction_target', interactionTarget);\n        this.addIfPresent(context, 'interaction_type', interactionType);\n\n        this.pushMeasurement(values, context);\n      },\n      { reportAllChanges: this.webVitalConfig?.reportAllChanges }\n    );\n  }\n\n  private measureLCP(): void {\n    onLCP(\n      (metric) => {\n        const { elementRenderDelay, resourceLoadDelay, resourceLoadDuration, timeToFirstByte, target } =\n          metric.attribution;\n\n        const values = this.buildInitialValues(metric);\n        this.addIfPresent(values, 'element_render_delay', elementRenderDelay);\n        this.addIfPresent(values, 'resource_load_delay', resourceLoadDelay);\n        this.addIfPresent(values, 'resource_load_duration', resourceLoadDuration);\n        this.addIfPresent(values, timeToFirstByteKey, timeToFirstByte);\n\n        const context = this.buildInitialContext(metric);\n        this.addIfPresent(context, 'element', target);\n\n        this.pushMeasurement(values, context);\n      },\n      { reportAllChanges: this.webVitalConfig?.reportAllChanges }\n    );\n  }\n\n  private measureTTFB(): void {\n    onTTFB(\n      (metric) => {\n        const { dnsDuration, connectionDuration, requestDuration, waitingDuration, cacheDuration } = metric.attribution;\n\n        const values = this.buildInitialValues(metric);\n        this.addIfPresent(values, 'dns_duration', dnsDuration);\n        this.addIfPresent(values, 'connection_duration', connectionDuration);\n        this.addIfPresent(values, 'request_duration', requestDuration);\n        this.addIfPresent(values, 'waiting_duration', waitingDuration);\n        this.addIfPresent(values, 'cache_duration', cacheDuration);\n\n        const context = this.buildInitialContext(metric);\n\n        this.pushMeasurement(values, context);\n      },\n      { reportAllChanges: this.webVitalConfig?.reportAllChanges }\n    );\n  }\n\n  private buildInitialValues(metric: Metric): Values {\n    const indicator = metric.name.toLowerCase();\n    return {\n      [indicator]: metric.value,\n      delta: metric.delta,\n    };\n  }\n\n  private buildInitialContext(metric: Metric): Context {\n    const navigationEntryId = getItem(NAVIGATION_ID_STORAGE_KEY, webStorageType.session) ?? unknownString;\n\n    return {\n      id: metric.id,\n      rating: metric.rating,\n      navigation_type: metric.navigationType,\n      navigation_entry_id: navigationEntryId,\n    };\n  }\n\n  private pushMeasurement(values: Values, context: Context): void {\n    const type = 'web-vitals';\n    this.corePushMeasurement({ type, values }, { context });\n  }\n\n  private addIfPresent(source: Values | Context, key: string, metric?: number | string): void {\n    if (metric) {\n      source[key] = metric;\n    }\n  }\n}\n"]}
+{"version":3,"file":"webVitalsWithAttribution.js","sourceRoot":"","sources":["../../../../src/instrumentations/webVitals/webVitalsWithAttribution.ts"],"names":[],"mappings":"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","sourcesContent":["import { onCLS, onFCP, onINP, onLCP, onTTFB } from 'web-vitals/attribution';\nimport type { Metric } from 'web-vitals/attribution';\n\nimport { unknownString } from '@grafana/faro-core';\nimport type { Config, MeasurementEvent, MeasurementsAPI, PushMeasurementOptions } from '@grafana/faro-core';\n\nimport { getItem, webStorageType } from '../../utils';\nimport { NAVIGATION_ID_STORAGE_KEY } from '../instrumentationConstants';\n\ntype Values = MeasurementEvent['values'];\ntype Context = Required<PushMeasurementOptions>['context'];\n\n// duplicate keys saved in variables to save bundle size\n// refs: https://github.com/grafana/faro-web-sdk/pull/595#discussion_r1615833968\nconst loadStateKey = 'load_state';\nconst timeToFirstByteKey = 'time_to_first_byte';\n\nexport class WebVitalsWithAttribution {\n  constructor(\n    private corePushMeasurement: MeasurementsAPI['pushMeasurement'],\n    private webVitalConfig?: Config['webVitalsInstrumentation']\n  ) {}\n\n  initialize(): void {\n    this.measureCLS();\n    this.measureFCP();\n    this.measureINP();\n    this.measureLCP();\n    this.measureTTFB();\n  }\n\n  private measureCLS(): void {\n    onCLS(\n      (metric) => {\n        const { loadState, largestShiftValue, largestShiftTime, largestShiftTarget } = metric.attribution;\n\n        const values = this.buildInitialValues(metric);\n        this.addIfPresent(values, 'largest_shift_value', largestShiftValue);\n        this.addIfPresent(values, 'largest_shift_time', largestShiftTime);\n\n        const context = this.buildInitialContext(metric);\n        this.addIfPresent(context, loadStateKey, loadState);\n        this.addIfPresent(context, 'largest_shift_target', largestShiftTarget);\n\n        this.pushMeasurement(values, context);\n      },\n      { reportAllChanges: this.webVitalConfig?.reportAllChanges }\n    );\n  }\n\n  private measureFCP(): void {\n    onFCP(\n      (metric) => {\n        const { firstByteToFCP, timeToFirstByte, loadState } = metric.attribution;\n\n        const values = this.buildInitialValues(metric);\n        this.addIfPresent(values, 'first_byte_to_fcp', firstByteToFCP);\n        this.addIfPresent(values, timeToFirstByteKey, timeToFirstByte);\n\n        const context = this.buildInitialContext(metric);\n        this.addIfPresent(context, loadStateKey, loadState);\n\n        this.pushMeasurement(values, context);\n      },\n      { reportAllChanges: this.webVitalConfig?.reportAllChanges }\n    );\n  }\n\n  private measureINP(): void {\n    onINP(\n      (metric) => {\n        const {\n          interactionTime,\n          presentationDelay,\n          inputDelay,\n          processingDuration,\n          nextPaintTime,\n          loadState,\n          interactionTarget,\n          interactionType,\n        } = metric.attribution;\n\n        const values = this.buildInitialValues(metric);\n        this.addIfPresent(values, 'interaction_time', interactionTime);\n        this.addIfPresent(values, 'presentation_delay', presentationDelay);\n        this.addIfPresent(values, 'input_delay', inputDelay);\n        this.addIfPresent(values, 'processing_duration', processingDuration);\n        this.addIfPresent(values, 'next_paint_time', nextPaintTime);\n\n        const context = this.buildInitialContext(metric);\n        this.addIfPresent(context, loadStateKey, loadState);\n        this.addIfPresent(context, 'interaction_target', interactionTarget);\n        this.addIfPresent(context, 'interaction_type', interactionType);\n\n        this.pushMeasurement(values, context);\n      },\n      { reportAllChanges: this.webVitalConfig?.reportAllChanges }\n    );\n  }\n\n  private measureLCP(): void {\n    onLCP(\n      (metric) => {\n        const { elementRenderDelay, resourceLoadDelay, resourceLoadDuration, timeToFirstByte, target } =\n          metric.attribution;\n\n        const values = this.buildInitialValues(metric);\n        this.addIfPresent(values, 'element_render_delay', elementRenderDelay);\n        this.addIfPresent(values, 'resource_load_delay', resourceLoadDelay);\n        this.addIfPresent(values, 'resource_load_duration', resourceLoadDuration);\n        this.addIfPresent(values, timeToFirstByteKey, timeToFirstByte);\n\n        const context = this.buildInitialContext(metric);\n        this.addIfPresent(context, 'element', target);\n\n        this.pushMeasurement(values, context);\n      },\n      { reportAllChanges: this.webVitalConfig?.reportAllChanges }\n    );\n  }\n\n  private measureTTFB(): void {\n    onTTFB(\n      (metric) => {\n        const { dnsDuration, connectionDuration, requestDuration, waitingDuration, cacheDuration } = metric.attribution;\n\n        const values = this.buildInitialValues(metric);\n        this.addIfPresent(values, 'dns_duration', dnsDuration);\n        this.addIfPresent(values, 'connection_duration', connectionDuration);\n        this.addIfPresent(values, 'request_duration', requestDuration);\n        this.addIfPresent(values, 'waiting_duration', waitingDuration);\n        this.addIfPresent(values, 'cache_duration', cacheDuration);\n\n        const context = this.buildInitialContext(metric);\n\n        this.pushMeasurement(values, context);\n      },\n      { reportAllChanges: this.webVitalConfig?.reportAllChanges }\n    );\n  }\n\n  private buildInitialValues(metric: Metric): Values {\n    const indicator = metric.name.toLowerCase();\n    return {\n      [indicator]: metric.value,\n      delta: metric.delta,\n    };\n  }\n\n  private buildInitialContext(metric: Metric): Context {\n    const navigationEntryId = getItem(NAVIGATION_ID_STORAGE_KEY, webStorageType.session) ?? unknownString;\n\n    return {\n      id: metric.id,\n      rating: metric.rating,\n      navigation_type: metric.navigationType,\n      navigation_entry_id: navigationEntryId,\n    };\n  }\n\n  private pushMeasurement(values: Values, context: Context): void {\n    const type = 'web-vitals';\n    this.corePushMeasurement({ type, values }, { context });\n  }\n\n  private addIfPresent(source: Values | Context, key: string, metric?: number | string): void {\n    if (metric) {\n      source[key] = metric;\n    }\n  }\n}\n"]}

package/dist/cjs/metas/browser/meta.js

@@ -1,27 +1,26 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.browserMeta = void 0;
-var ua_parser_js_1 = require("ua-parser-js");
-var faro_core_1 = require("@grafana/faro-core");
-var browserMeta = function () {
-    var parser = new ua_parser_js_1.UAParser();
-    var _a = parser.getBrowser(), name = _a.name, version = _a.version;
-    var _b = parser.getOS(), osName = _b.name, osVersion = _b.version;
-    var userAgent = parser.getUA();
-    var language = navigator.language;
-    var mobile = navigator.userAgent.includes('Mobi');
-    var brands = getBrands();
+const faro_core_1 = require("@grafana/faro-core");
+const shared_1 = require("../shared");
+const browserMeta = () => {
+    const { browser, os, ua: userAgent } = (0, shared_1.getUAResult)();
+    const { name, version } = browser;
+    const { name: osName, version: osVersion } = os;
+    const language = navigator.language;
+    const mobile = userAgent.includes('Mobi');
+    const brands = getBrands();
     return {
         browser: {
             name: name !== null && name !== void 0 ? name : faro_core_1.unknownString,
             version: version !== null && version !== void 0 ? version : faro_core_1.unknownString,
-            os: "".concat(osName !== null && osName !== void 0 ? osName : faro_core_1.unknownString, " ").concat(osVersion !== null && osVersion !== void 0 ? osVersion : faro_core_1.unknownString),
+            os: `${osName !== null && osName !== void 0 ? osName : faro_core_1.unknownString} ${osVersion !== null && osVersion !== void 0 ? osVersion : faro_core_1.unknownString}`,
             userAgent: userAgent !== null && userAgent !== void 0 ? userAgent : faro_core_1.unknownString,
             language: language !== null && language !== void 0 ? language : faro_core_1.unknownString,
-            mobile: mobile,
+            mobile,
             brands: brands !== null && brands !== void 0 ? brands : faro_core_1.unknownString,
-            viewportWidth: "".concat(window.innerWidth),
-            viewportHeight: "".concat(window.innerHeight),
+            viewportWidth: `${window.innerWidth}`,
+            viewportHeight: `${window.innerHeight}`,
         },
     };
     function getBrands() {

package/dist/cjs/metas/browser/meta.js.map

@@ -1 +1 @@
-{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../../src/metas/browser/meta.ts"],"names":[],"mappings":";;;AAAA,6CAAwC;AAExC,gDAAmD;AAG5C,IAAM,WAAW,GAAoC;IAC1D,IAAM,MAAM,GAAG,IAAI,uBAAQ,EAAE,CAAC;IACxB,IAAA,KAAoB,MAAM,CAAC,UAAU,EAAE,EAArC,IAAI,UAAA,EAAE,OAAO,aAAwB,CAAC;IACxC,IAAA,KAAuC,MAAM,CAAC,KAAK,EAAE,EAA7C,MAAM,UAAA,EAAW,SAAS,aAAmB,CAAC;IAC5D,IAAM,SAAS,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC;IACjC,IAAM,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC;IACpC,IAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACpD,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO;QACL,OAAO,EAAE;YACP,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,yBAAa;YAC3B,OAAO,EAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,yBAAa;YACjC,EAAE,EAAE,UAAG,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,yBAAa,cAAI,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,yBAAa,CAAE;YAC9D,SAAS,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,yBAAa;YACrC,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,yBAAa;YACnC,MAAM,QAAA;YACN,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,yBAAa;YAC/B,aAAa,EAAE,UAAG,MAAM,CAAC,UAAU,CAAE;YACrC,cAAc,EAAE,UAAG,MAAM,CAAC,WAAW,CAAE;SACxC;KACF,CAAC;IAEF,SAAS,SAAS;QAChB,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACtB,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,IAAI,eAAe,IAAI,SAAS,IAAI,SAAS,CAAC,aAAa,EAAE,CAAC;YAC5D,iHAAiH;YACjH,OAAQ,SAAiB,CAAC,aAAa,CAAC,MAAM,CAAC;QACjD,CAAC;QAED,OAAO,SAAS,CAAC;IACnB,CAAC;AACH,CAAC,CAAC;AAnCW,QAAA,WAAW,eAmCtB","sourcesContent":["import { UAParser } from 'ua-parser-js';\n\nimport { unknownString } from '@grafana/faro-core';\nimport type { Meta, MetaBrowser, MetaItem } from '@grafana/faro-core';\n\nexport const browserMeta: MetaItem<Pick<Meta, 'browser'>> = () => {\n  const parser = new UAParser();\n  const { name, version } = parser.getBrowser();\n  const { name: osName, version: osVersion } = parser.getOS();\n  const userAgent = parser.getUA();\n  const language = navigator.language;\n  const mobile = navigator.userAgent.includes('Mobi');\n  const brands = getBrands();\n\n  return {\n    browser: {\n      name: name ?? unknownString,\n      version: version ?? unknownString,\n      os: `${osName ?? unknownString} ${osVersion ?? unknownString}`,\n      userAgent: userAgent ?? unknownString,\n      language: language ?? unknownString,\n      mobile,\n      brands: brands ?? unknownString,\n      viewportWidth: `${window.innerWidth}`,\n      viewportHeight: `${window.innerHeight}`,\n    },\n  };\n\n  function getBrands(): MetaBrowser['brands'] | undefined {\n    if (!name || !version) {\n      return undefined;\n    }\n\n    if ('userAgentData' in navigator && navigator.userAgentData) {\n      // userAgentData in experimental (only Chrome supports it) thus TS does not ship the respective type declarations\n      return (navigator as any).userAgentData.brands;\n    }\n\n    return undefined;\n  }\n};\n"]}
+{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../../src/metas/browser/meta.ts"],"names":[],"mappings":";;;AAAA,kDAAmD;AAGnD,sCAAwC;AAEjC,MAAM,WAAW,GAAoC,GAAG,EAAE;IAC/D,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,IAAA,oBAAW,GAAE,CAAC;IACrD,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;IAClC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC;IAChD,MAAM,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC;IACpC,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC1C,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO;QACL,OAAO,EAAE;YACP,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,yBAAa;YAC3B,OAAO,EAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,yBAAa;YACjC,EAAE,EAAE,GAAG,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,yBAAa,IAAI,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,yBAAa,EAAE;YAC9D,SAAS,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,yBAAa;YACrC,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,yBAAa;YACnC,MAAM;YACN,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,yBAAa;YAC/B,aAAa,EAAE,GAAG,MAAM,CAAC,UAAU,EAAE;YACrC,cAAc,EAAE,GAAG,MAAM,CAAC,WAAW,EAAE;SACxC;KACF,CAAC;IAEF,SAAS,SAAS;QAChB,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACtB,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,IAAI,eAAe,IAAI,SAAS,IAAI,SAAS,CAAC,aAAa,EAAE,CAAC;YAC5D,iHAAiH;YACjH,OAAQ,SAAiB,CAAC,aAAa,CAAC,MAAM,CAAC;QACjD,CAAC;QAED,OAAO,SAAS,CAAC;IACnB,CAAC;AACH,CAAC,CAAC;AAlCW,QAAA,WAAW,eAkCtB","sourcesContent":["import { unknownString } from '@grafana/faro-core';\nimport type { Meta, MetaBrowser, MetaItem } from '@grafana/faro-core';\n\nimport { getUAResult } from '../shared';\n\nexport const browserMeta: MetaItem<Pick<Meta, 'browser'>> = () => {\n  const { browser, os, ua: userAgent } = getUAResult();\n  const { name, version } = browser;\n  const { name: osName, version: osVersion } = os;\n  const language = navigator.language;\n  const mobile = userAgent.includes('Mobi');\n  const brands = getBrands();\n\n  return {\n    browser: {\n      name: name ?? unknownString,\n      version: version ?? unknownString,\n      os: `${osName ?? unknownString} ${osVersion ?? unknownString}`,\n      userAgent: userAgent ?? unknownString,\n      language: language ?? unknownString,\n      mobile,\n      brands: brands ?? unknownString,\n      viewportWidth: `${window.innerWidth}`,\n      viewportHeight: `${window.innerHeight}`,\n    },\n  };\n\n  function getBrands(): MetaBrowser['brands'] | undefined {\n    if (!name || !version) {\n      return undefined;\n    }\n\n    if ('userAgentData' in navigator && navigator.userAgentData) {\n      // userAgentData in experimental (only Chrome supports it) thus TS does not ship the respective type declarations\n      return (navigator as any).userAgentData.brands;\n    }\n\n    return undefined;\n  }\n};\n"]}

package/dist/cjs/metas/index.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.sdkMeta = exports.createSession = exports.browserMeta = void 0;
+exports.sdkMeta = exports.createSession = exports.osMeta = exports.browserMeta = void 0;
 var browser_1 = require("./browser");
 Object.defineProperty(exports, "browserMeta", { enumerable: true, get: function () { return browser_1.browserMeta; } });
+var os_1 = require("./os");
+Object.defineProperty(exports, "osMeta", { enumerable: true, get: function () { return os_1.osMeta; } });
 var session_1 = require("./session");
 Object.defineProperty(exports, "createSession", { enumerable: true, get: function () { return session_1.createSession; } });
 var sdk_1 = require("./sdk");

package/dist/cjs/metas/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/metas/index.ts"],"names":[],"mappings":";;;AAAA,qCAAwC;AAA/B,sGAAA,WAAW,OAAA;AAEpB,qCAA0C;AAAjC,wGAAA,aAAa,OAAA;AAEtB,6BAAgC;AAAvB,8FAAA,OAAO,OAAA","sourcesContent":["export { browserMeta } from './browser';\n\nexport { createSession } from './session';\n\nexport { sdkMeta } from './sdk';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/metas/index.ts"],"names":[],"mappings":";;;AAAA,qCAAwC;AAA/B,sGAAA,WAAW,OAAA;AAEpB,2BAA8B;AAArB,4FAAA,MAAM,OAAA;AAEf,qCAA0C;AAAjC,wGAAA,aAAa,OAAA;AAEtB,6BAAgC;AAAvB,8FAAA,OAAO,OAAA","sourcesContent":["export { browserMeta } from './browser';\n\nexport { osMeta } from './os';\n\nexport { createSession } from './session';\n\nexport { sdkMeta } from './sdk';\n"]}

package/dist/cjs/metas/k6/meta.js

@@ -1,21 +1,10 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.k6Meta = void 0;
-var k6Meta = function () {
-    var k6Properties = window.k6;
+const k6Meta = () => {
+    const k6Properties = window.k6;
     return {
-        k6: __assign({ 
+        k6: Object.assign({ 
             // we only add the k6 meta if Faro is running inside a k6 environment, so this is always true
             isK6Browser: true }, ((k6Properties === null || k6Properties === void 0 ? void 0 : k6Properties.testRunId) && { testRunId: k6Properties === null || k6Properties === void 0 ? void 0 : k6Properties.testRunId })),
     };

package/dist/cjs/metas/k6/meta.js.map

@@ -1 +1 @@
-{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../../src/metas/k6/meta.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAMO,IAAM,MAAM,GAA+B;IAChD,IAAM,YAAY,GAAkB,MAAc,CAAC,EAAE,CAAC;IAEtD,OAAO;QACL,EAAE;YACA,6FAA6F;YAC7F,WAAW,EAAE,IAAI,IACd,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,KAAI,EAAE,SAAS,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,EAAE,CAAC,CACvE;KACF,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,MAAM,UAUjB","sourcesContent":["import type { Meta, MetaItem } from '@grafana/faro-core';\n\ntype K6Properties = {\n  testRunId?: string;\n};\n\nexport const k6Meta: MetaItem<Pick<Meta, 'k6'>> = () => {\n  const k6Properties: K6Properties = (window as any).k6;\n\n  return {\n    k6: {\n      // we only add the k6 meta if Faro is running inside a k6 environment, so this is always true\n      isK6Browser: true,\n      ...(k6Properties?.testRunId && { testRunId: k6Properties?.testRunId }),\n    },\n  };\n};\n"]}
+{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../../src/metas/k6/meta.ts"],"names":[],"mappings":";;;AAMO,MAAM,MAAM,GAA+B,GAAG,EAAE;IACrD,MAAM,YAAY,GAAkB,MAAc,CAAC,EAAE,CAAC;IAEtD,OAAO;QACL,EAAE;YACA,6FAA6F;YAC7F,WAAW,EAAE,IAAI,IACd,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,KAAI,EAAE,SAAS,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,EAAE,CAAC,CACvE;KACF,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,MAAM,UAUjB","sourcesContent":["import type { Meta, MetaItem } from '@grafana/faro-core';\n\ntype K6Properties = {\n  testRunId?: string;\n};\n\nexport const k6Meta: MetaItem<Pick<Meta, 'k6'>> = () => {\n  const k6Properties: K6Properties = (window as any).k6;\n\n  return {\n    k6: {\n      // we only add the k6 meta if Faro is running inside a k6 environment, so this is always true\n      isK6Browser: true,\n      ...(k6Properties?.testRunId && { testRunId: k6Properties?.testRunId }),\n    },\n  };\n};\n"]}

package/dist/cjs/metas/os/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.osMeta = void 0;
+var meta_1 = require("./meta");
+Object.defineProperty(exports, "osMeta", { enumerable: true, get: function () { return meta_1.osMeta; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/metas/os/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/metas/os/index.ts"],"names":[],"mappings":";;;AAAA,+BAAgC;AAAvB,8FAAA,MAAM,OAAA","sourcesContent":["export { osMeta } from './meta';\n"]}

package/dist/cjs/metas/os/meta.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.osMeta = void 0;
+const shared_1 = require("../shared");
+const osMeta = () => {
+    const { name, version } = (0, shared_1.getUAResult)().os;
+    if (!name && !version) {
+        return {};
+    }
+    const os = {};
+    if (name) {
+        os.name = name;
+    }
+    if (version) {
+        os.version = version;
+    }
+    return { os };
+};
+exports.osMeta = osMeta;
+//# sourceMappingURL=meta.js.map

package/dist/cjs/metas/os/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../../src/metas/os/meta.ts"],"names":[],"mappings":";;;AAEA,sCAAwC;AAEjC,MAAM,MAAM,GAAiC,GAAG,EAAE;IACvD,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAA,oBAAW,GAAE,CAAC,EAAE,CAAC;IAE3C,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;QACtB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,MAAM,EAAE,GAAW,EAAE,CAAC;IAEtB,IAAI,IAAI,EAAE,CAAC;QACT,EAAE,CAAC,IAAI,GAAG,IAAI,CAAC;IACjB,CAAC;IAED,IAAI,OAAO,EAAE,CAAC;QACZ,EAAE,CAAC,OAAO,GAAG,OAAO,CAAC;IACvB,CAAC;IAED,OAAO,EAAE,EAAE,EAAE,CAAC;AAChB,CAAC,CAAC;AAlBW,QAAA,MAAM,UAkBjB","sourcesContent":["import type { Meta, MetaGetter, MetaOS } from '@grafana/faro-core';\n\nimport { getUAResult } from '../shared';\n\nexport const osMeta: MetaGetter<Pick<Meta, 'os'>> = () => {\n  const { name, version } = getUAResult().os;\n\n  if (!name && !version) {\n    return {};\n  }\n\n  const os: MetaOS = {};\n\n  if (name) {\n    os.name = name;\n  }\n\n  if (version) {\n    os.version = version;\n  }\n\n  return { os };\n};\n"]}