noibu-react-native 0.2.6 → 0.2.8

package/dist/utils/stacktrace-parser.d.ts

@@ -0,0 +1,8 @@
+export declare const MAX_FRAMES_IN_ARRAY = 15;
+export declare interface RawStackFrame {
+    file: string;
+    line?: number;
+    column?: number;
+    mname: string;
+}
+export declare function parseStack(stackString: string | NativeStackAndroid): RawStackFrame[];

package/dist/utils/stacktrace-parser.js

@@ -1,4 +1,4 @@
-import { MAX_FRAMES_IN_ARRAY, MAX_STRING_LENGTH } from '../constants.js';
+import { MAX_STRING_LENGTH } from '../constants.js';
 
 /* eslint-disable require-jsdoc,prefer-destructuring,camelcase */
 // This is a loose copy of ravenjs code
@@ -15,13 +15,14 @@ import { MAX_FRAMES_IN_ARRAY, MAX_STRING_LENGTH } from '../constants.js';
 // or substantial portions of the Software.
 //
 // THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
-// INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
+// INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR Target
 // PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
 // HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
 // CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE
 // OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 // global reference to slice
 const UNKNOWN_FUNCTION = '<unknown>';
+const MAX_FRAMES_IN_ARRAY = 15;
 /**
  * Safari web extensions, starting version unknown, can produce "frames-only" stacktraces.
  * What it means, is that instead of format like:
@@ -48,9 +49,7 @@ const extractSafariExtensionDetails = (func, filename) => {
     return isSafariExtension || isSafariWebExtension
         ? [
             func.indexOf('@') !== -1 ? func.split('@')[0] : UNKNOWN_FUNCTION,
-            isSafariExtension
-                ? `safari-extension:${filename}`
-                : `safari-web-extension:${filename}`,
+            isSafariExtension ? `safari-extension:${filename}` : `safari-web-extension:${filename}`,
         ]
         : [func, filename];
 };
@@ -68,8 +67,8 @@ function createFrame(filename, func, lineno, colno) {
     return frame;
 }
 // Chromium based browsers: Chrome, Brave, new Opera, new Edge
-const chromeRegex = /^\s*at (?:(.+?\)(?: \[.+\])?|.*?) ?\((?:address at )?)?(?:async )?((?:<anonymous>|[-a-z]+:|.*bundle|\/)?.*?)(?::(\d+))?(?::(\d+))?\)?\s*$/i;
-const chromeEvalRegex = /\((\S*)(?::(\d+))(?::(\d+))\)/;
+const chromeRegex = /^\s*at (?:(.+?\)(?: \[.+])?|.*?) ?\((?:address at )?)?(?:async )?((?:<anonymous>|[-a-z]+:|.*bundle|\/)?.*?)(?::(\d+))?(?::(\d+))?\)?\s*$/i;
+const chromeEvalRegex = /\((\S*):(\d+):(\d+)\)/;
 const chrome = (line) => {
     const parts = chromeRegex.exec(line);
     if (parts) {
@@ -89,20 +88,29 @@ const chrome = (line) => {
     return undefined;
 };
 function parseStack(stackString) {
-    const lines = stackString.split('\n');
-    if (lines.length > MAX_FRAMES_IN_ARRAY) {
-        return [];
-    }
-    return lines.reduce((stack, line) => {
-        if (line.length > MAX_STRING_LENGTH) {
+    if (typeof stackString === 'string') {
+        return stackString
+            .split('\n')
+            .slice(0, MAX_FRAMES_IN_ARRAY + 1)
+            .reduce((stack, line) => {
+            if (line.length > MAX_STRING_LENGTH) {
+                return stack;
+            }
+            const parseResult = chrome(line);
+            if (parseResult) {
+                stack.push(parseResult);
+            }
             return stack;
-        }
-        const parseResult = chrome(line);
-        if (parseResult) {
-            stack.push(parseResult);
-        }
-        return stack;
-    }, []);
+        }, []);
+    }
+    if (stackString.length && stackString[0].file) {
+        return stackString.map(frame => ({
+            file: frame.file || '<unknown>',
+            line: frame.lineNumber,
+            mname: `${frame.class}.${frame.methodName}`,
+        }));
+    }
+    return [];
 }
 
-export { parseStack };
+export { MAX_FRAMES_IN_ARRAY, parseStack };

package/dist/utils/stacktrace-parser.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "noibu-react-native",
-  "version": "0.2.6",
+  "version": "0.2.8",
   "targetNjsVersion": "1.0.104",
   "description": "React-Native SDK for NoibuJS to collect errors in React-Native applications",
   "main": "dist/entry/index.js",
@@ -16,12 +16,10 @@
     "clean": "rimraf ./dist/*",
     "build": "node ./build.js",
     "build:dev": "node ./build.watch.js",
-    "prepare": "npm run clean; npm run build;",
+    "prepack": "npm run clean; npm run build;",
     "test": "jest --coverage",
     "tsc": "tsc",
-    "lint": "eslint src -c .eslintrc.json --ext js,ts,jsx,tsx",
-    "lint_output": "eslint src -c .eslintrc.json --ext js,ts,jsx,tsx -f json > eslint_report.json",
-    "codecov": "codecov"
+    "lint": "tsc eslint.config.ts && eslint ."
   },
   "peerDependenciesMeta": {
     "react-native-navigation": {
@@ -42,13 +40,16 @@
     "react-native": ">=0.63.0",
     "react-native-navigation": ">=2.29.0",
     "react-native-url-polyfill": "^1.3.0",
-    "react-native-uuid": "^2.0.1"
+    "react-native-uuid": "^2.0.1",
+    "whatwg-fetch": "^3.6.20"
   },
   "devDependencies": {
     "@babel/core": "^7.26.0",
     "@babel/preset-env": "^7.26.0",
     "@babel/preset-typescript": "^7.26.0",
+    "@eslint/eslintrc": "^3.2.0",
     "@jest/globals": "^29.7.0",
+    "@noibu/metroplex-ts-bindings": "1.0.25",
     "@react-native-async-storage/async-storage": "^1.19.0",
     "@rollup/plugin-commonjs": "^25.0.0",
     "@rollup/plugin-json": "^6.0.0",
@@ -60,20 +61,19 @@
     "@types/node": "^20.2.3",
     "@types/react": "16.14.62",
     "@types/react-test-renderer": "^18.0.0",
-    "@typescript-eslint/eslint-plugin": "^6.21.0",
-    "@typescript-eslint/parser": "^6.21.0",
+    "@typescript-eslint/eslint-plugin": "^8.19.1",
+    "@typescript-eslint/parser": "^8.19.1",
     "babel-jest": "^29.7.0",
     "babel-plugin-transform-flow-strip-types": "^6.22.0",
     "codecov": "^3.8.3",
     "dotenv": "^16.1.3",
-    "eslint": "^8.41.0",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-jsdoc": "^44.2.4",
-    "eslint-plugin-prettier": "^4.2.1",
+    "eslint": "^9.17.0",
+    "eslint-plugin-jsdoc": "^50.6.1",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-react": "^7.37.3",
     "fflate": "0.8.2",
     "jest": "^29.7.0",
-    "prettier": "^2.8.8",
+    "prettier": "^3.4.2",
     "react": "16.13.1",
     "react-native": "0.63.0",
     "react-native-navigation": "^7.40.3",

package/dist/api/inputManager.js

@@ -1,227 +0,0 @@
-import { NOIBUJS_SDK_REQUEST_HELP_CODE, NOIBUJS_SDK_ADD_ID_FUNCTION, NOIBUJS_SDK_ADD_ERROR_FUNCTION, NOIBUJS_SDK_ADD_ERROR_FROM_JS_FMW_FUNCTION, MAX_CUSTOM_ERRORS_PER_PAGEVISIT, MAX_CUSTOM_IDS_PER_PAGEVISIT, META_DATA_METROPLEX_TYPE, PAGE_VISIT_META_DATA_ATT_NAME, CUSTOM_ID_NAME_TYPE, CUSTOM_ID_VALUE_TYPE, CUSTOM_ERROR_EVENT_TYPE } from '../constants.js';
-import MetroplexSocket from './metroplexSocket.js';
-import { saveErrorToPagevisit } from '../pageVisit/pageVisitEventError.js';
-import HelpCode from './helpCode.js';
-
-/** @module InputManager */
-
-/** this class controls the input that customers can inject into
- * our script via the NoibuJS SDK
- */
-class InputManager {
-  /**
-   * Creates a new InputManager
-   */
-  constructor() {
-    this.customIDs = {};
-    this.customErrorsCount = 0;
-
-    this.TOO_MANY_IDS_ADDED_MSG = 'TOO_MANY_IDS_ADDED';
-    this.ID_NAME_ALREADY_ADDED_MSG = 'ID_NAME_ALREADY_ADDED';
-    this.NAME_TOO_LONG_MSG = 'NAME_TOO_LONG';
-    this.VALUE_TOO_LONG_MSG = 'VALUE_TOO_LONG';
-    this.INVALID_NAME_TYPE_MSG = 'INVALID_NAME_TYPE';
-    this.INVALID_VALUE_TYPE_MSG = 'INVALID_VALUE_TYPE';
-    this.NAME_HAS_NO_LENGTH_MSG = 'NAME_HAS_NO_LENGTH';
-    this.VALUE_HAS_NO_LENGTH_MSG = 'VALUE_HAS_NO_LENGTH';
-    this.SUCCESS_MSG = 'SUCCESS';
-    this.ERROR_HAS_NO_MSG_MSG = 'ERROR_HAS_NO_MSG';
-    this.ERROR_HAS_NO_STACK_MSG = 'ERROR_HAS_NO_STACK';
-    this.NULL_CUSTOM_ERR_MSG = 'NULL_CUSTOM_ERROR';
-    this.ERROR_ALREADY_RECEIVED_MSG = 'ERROR_ALREADY_RECEIVED';
-    this.INVALID_ERROR_SOURCE_MSG = 'INVALID_ERROR_SOURCE_MSG';
-    this.TOO_MANY_ERRORS_RECEIVED_PER_PAGEVISIT_MSG =
-      'TOO_MANY_ERRORS_RECEIVED_PER_PAGEVISIT';
-  }
-
-  /** gets the singleton instance */
-  static getInstance() {
-    if (!this.instance) {
-      this.instance = new InputManager();
-    }
-
-    return this.instance;
-  }
-
-  /** exposes functions to the window of the browser for the clients
-   * to interact with on their end
-   */
-  exposeFunctions() {
-    return this._getSDKWindowObject();
-  }
-
-  /**
-   * gets the sdk object that will be assigned to a window variable
-   * @returns {{
-   *    requestHelpCode: (alert?: boolean) => Promise<string>,
-   *    addCustomAttribute: (name: string, value: string) => Promise<string>,
-   *    addError: (customError: Error) => string,
-   *    addJsSdkError: (customError: string, errorSource: string) => string
-   * }}
-   */
-  _getSDKWindowObject() {
-    return {
-      // adding all the functions and binding the current context
-      // so that we can use the exposed function as if they are running`
-      // in the noibujs script
-      [NOIBUJS_SDK_REQUEST_HELP_CODE]: this._requestHelpCode.bind(this),
-      [NOIBUJS_SDK_ADD_ID_FUNCTION]: this._addCustomAttribute.bind(this),
-      [NOIBUJS_SDK_ADD_ERROR_FUNCTION]: this._addCustomError.bind(this),
-      [NOIBUJS_SDK_ADD_ERROR_FROM_JS_FMW_FUNCTION]:
-        this._addErrorFromJSSdk.bind(this),
-    };
-  }
-
-  /**
-   * validates the custom error that was passed
-   * @param  {} customError
-   */
-  _validateCustomError(customError) {
-    // customError cannot be null
-    if (!customError) {
-      return this.NULL_CUSTOM_ERR_MSG;
-    }
-
-    // making sure we have the message and stack to create an error signature
-    if (!customError.message) {
-      return this.ERROR_HAS_NO_MSG_MSG;
-    }
-
-    if (!customError.stack) {
-      return this.ERROR_HAS_NO_STACK_MSG;
-    }
-
-    return this.SUCCESS_MSG;
-  }
-
-  /**
-   * Validates and sets the custom error to our internal trackers
-   * @param  {} customError
-   */
-  _validateAndSetCustomError(customError) {
-    // we cap the number of errors allowed to be sent
-    if (this.customErrorsCount >= MAX_CUSTOM_ERRORS_PER_PAGEVISIT) {
-      return this.TOO_MANY_ERRORS_RECEIVED_PER_PAGEVISIT_MSG;
-    }
-
-    // need to validate first before we start operating with the received
-    // data
-    const validationResult = this._validateCustomError(customError);
-    if (validationResult !== this.SUCCESS_MSG) {
-      return validationResult;
-    }
-
-    this.customErrorsCount += 1;
-    return this.SUCCESS_MSG;
-  }
-
-  /**
-   * adds an error from a JS Sdk to the session
-   * @param  {} customError
-   * @param {string} errorSource
-   */
-  _addErrorFromJSSdk(customError, errorSource) {
-    const validationAndSettingResult =
-      this._validateAndSetCustomError(customError);
-
-    if (validationAndSettingResult !== this.SUCCESS_MSG) {
-      return validationAndSettingResult;
-    }
-
-    saveErrorToPagevisit(errorSource, { error: customError });
-    return validationAndSettingResult;
-  }
-
-  /**
-   * adds a custom Error to the session
-   * @param  {} customError
-   */
-  _addCustomError(customError) {
-    const validationAndSettingResult =
-      this._validateAndSetCustomError(customError);
-    if (validationAndSettingResult !== this.SUCCESS_MSG) {
-      return validationAndSettingResult;
-    }
-    saveErrorToPagevisit(CUSTOM_ERROR_EVENT_TYPE, { error: customError });
-    return validationAndSettingResult;
-  }
-
-  /**
-   * adds a custom id to the session
-   * @param  {} name
-   * @param  {} value
-   */
-  async _addCustomAttribute(name, value) {
-    // we return if we are over the limit of ids
-    if (Object.keys(this.customIDs).length >= MAX_CUSTOM_IDS_PER_PAGEVISIT) {
-      return this.TOO_MANY_IDS_ADDED_MSG;
-    }
-
-    // need to validate first before we start operating with the received
-    // data
-    const validationResult = this._validateCustomIDInput(name, value);
-    if (validationResult !== this.SUCCESS_MSG) {
-      return validationResult;
-    }
-
-    // we do not want to keep sending something that was already sent
-    if (name in this.customIDs) {
-      return this.ID_NAME_ALREADY_ADDED_MSG;
-    }
-
-    this.customIDs[name] = value;
-    await MetroplexSocket.getInstance().sendMessage(META_DATA_METROPLEX_TYPE, {
-      [PAGE_VISIT_META_DATA_ATT_NAME]: {
-        [CUSTOM_ID_NAME_TYPE]: name,
-        [CUSTOM_ID_VALUE_TYPE]: value,
-      },
-    });
-
-    return this.SUCCESS_MSG;
-  }
-
-  /**
-   * validation function for customer input
-   * @param  {} name
-   * @param  {} value
-   */
-  _validateCustomIDInput(name, value) {
-    // all ids need to be strings and less than 50 chars and more than 0 chars
-    if (typeof name !== 'string') {
-      return this.INVALID_NAME_TYPE_MSG;
-    }
-
-    if (typeof value !== 'string') {
-      return this.INVALID_VALUE_TYPE_MSG;
-    }
-
-    if (value.length > 50) {
-      return this.VALUE_TOO_LONG_MSG;
-    }
-
-    if (name.length > 50) {
-      return this.NAME_TOO_LONG_MSG;
-    }
-
-    if (value.length === 0) {
-      return this.VALUE_HAS_NO_LENGTH_MSG;
-    }
-
-    if (name.length === 0) {
-      return this.NAME_HAS_NO_LENGTH_MSG;
-    }
-
-    return this.SUCCESS_MSG;
-  }
-
-  /**
-   * Requests a help code from the HelpCode instance.
-   * @param {boolean} [alertUser=true] - Whether to alert the user about the help code request.
-   * @returns {Promise<string>} A promise that resolves with the requested help code.
-   */
-  _requestHelpCode() {
-    return HelpCode.getInstance().requestHelpCode();
-  }
-}
-
-export { InputManager as default };

package/dist/api/storedMetrics.js

@@ -1,198 +0,0 @@
-import { BROWSER_ID_ATT_NAME, PV_ID_ATT_NAME, COLLECT_VER_ATT_NAME, CURRENT_NOIBUJS_VERSION, VER_ATT_NAME, CURRENT_METRICS_VERSION, EXP_VIDEO_LENGTH_ATT_NAME, PV_EXP_VF_SEQ_ATT_NAME, PV_EXP_PART_COUNTER_ATT_NAME, PV_EXP_HTTP_DATA_SEQ_ATT_NAME, PV_HTTP_PAYLOADS_COLLECTED_ATT_NAME, PV_HTTP_PAYLOADS_DROPPED_OVERSIZE_ATT_NAME, PV_HTTP_PAYLOADS_DROPPED_TYPE_ATT_NAME, PV_HTTP_REQUESTS_DROPPED_OVER_LIMIT, VIDEO_CLICKS_ATT_NAME, PV_CLICKS_ATT_NAME, DID_CUT_PV_ATT_NAME, DID_CUT_VID_ATT_NAME, DID_START_VID_ATT_NAME, HTTP_COUNT_EXPECTED_ATT_NAME, ERR_COUNT_EXPECTED_ATT_NAME, ON_URL_ATT_NAME, GET_METROPLEX_METRICS_URL } from '../constants.js';
-import ClientConfig from './clientConfig.js';
-import { getUserAgent, stringifyJSON } from '../utils/function.js';
-import { addSafeEventListener } from '../utils/eventlistener.js';
-import { unwrapNoibuWrapped } from '../utils/object.js';
-
-/** @module StoredMetrics */
-
-/**
- * This class holds the final page visit and video frag metrics. It flushes
- * them to storage and then finally sends them to Metroplex via the post
- * route when the next page is loaded
- */
-class StoredMetrics {
-  /**
-   * Creates a new StoredMetrics instance
-   */
-  constructor() {
-    this.expectedVideoLength = 0;
-    this.expectedVfSeq = 0;
-    this.httpSequenceNumber = 0;
-    this.httpOverLimitCount = 0;
-    this.httpDroppedPayloadByTypeCount = 0;
-    this.httpDroppedPayloadByLengthCount = 0;
-    this.httpPayloadCount = 0;
-    this.expectedPvPart = 0;
-    this.videoClicks = 0;
-    this.pvClicks = 0;
-    this.errCount = 0;
-    this.httpCount = 0;
-    this.didCutPv = false;
-    this.didCutVideo = false;
-    this.writeTimeout = null;
-    this.didStartVideo = false;
-
-    this._setupListeners();
-  }
-
-  /**
-   * gets the singleton instance
-   * @returns {StoredMetrics}
-   */
-  static getInstance() {
-    if (!this.instance) {
-      this.instance = new StoredMetrics();
-    }
-
-    return this.instance;
-  }
-
-  /** Add video frag payload data to the stored metrics
-   * @param  {} expectedVfSeq
-   * @param  {} expectedVideoLength
-   */
-  addVideoFragData(expectedVfSeq, expectedVideoLength) {
-    this.expectedVfSeq = expectedVfSeq;
-    this.expectedVideoLength = expectedVideoLength;
-  }
-
-  /** Set the amount of page visit parts
-   * @param  {} expectedPvPart
-   */
-  setPvPart(expectedPvPart) {
-    this.expectedPvPart = expectedPvPart;
-  }
-
-  /** Increase the amount of video clicks seen in the session */
-  addVideoClick() {
-    this.videoClicks += 1;
-  }
-
-  /** Increase the amount of page visit clicks */
-  addPvClick() {
-    this.pvClicks += 1;
-  }
-
-  /** Increments the error count by 1 */
-  addError() {
-    this.errCount += 1;
-  }
-
-  /** Increments the http count by 1 */
-  addHttpEvent() {
-    this.httpCount += 1;
-  }
-
-  /** Increments the http data sequence count by 1 */
-  addHttpData() {
-    this.httpSequenceNumber += 1;
-  }
-
-  /** Increments the http data over limit count by 1 */
-  addHttpDataOverLimit() {
-    this.httpOverLimitCount += 1;
-  }
-
-  /** Increments the http data drop count by content type */
-  addHttpDataDropByType() {
-    this.httpDroppedPayloadByTypeCount += 1;
-  }
-
-  /** Increments the http data drop count by content length */
-  addHttpDataDropByLength() {
-    this.httpDroppedPayloadByLengthCount += 1;
-  }
-
-  /** Increments the http data payload collected count */
-  addHttpDataPayloadCount() {
-    this.httpPayloadCount += 1;
-  }
-
-  /** Set that the video was cut/blocked due to size constraints */
-  setDidCutVideo() {
-    this.didCutVideo = true;
-  }
-
-  /** Set that the video was started */
-  setDidStartVideo() {
-    this.didStartVideo = true;
-  }
-
-  /** Set that the page visit was cut/blocked due to size constraints */
-  setDidCutPv() {
-    this.didCutPv = true;
-  }
-
-  /**
-   * Sets up all the listeners that noibujs should listen to before storing
-   * our metrics to localstorage
-   */
-  _setupListeners() {
-    // Add the window event handlers to post the data to the metrics endpoint
-    const evt = 'pagehide';
-    addSafeEventListener(window, evt, () => {
-      this._postMetricsIfActive(evt);
-    });
-  }
-
-  /** posts the metrics to metroplex if client is active
-   * @param  {} eventName
-   */
-  _postMetricsIfActive(eventName) {
-    if (ClientConfig.getInstance().isClientDisabled) {
-      return;
-    }
-    // Don't send the metrics if the session has become inactive
-    // already sent when went inactive
-    if (ClientConfig.getInstance().isInactive()) {
-      return;
-    }
-    this.postMetrics(eventName);
-  }
-
-  /** posts the metrics to metroplex using the beacon API
-   */
-  async postMetrics() {
-    // Create a new object to write to local storage that doesnt have the timeout and flush members.
-    const lsMetrics = {
-      // metadata
-      [BROWSER_ID_ATT_NAME]: ClientConfig.getInstance().browserId,
-      [PV_ID_ATT_NAME]: ClientConfig.getInstance().pageVisitId,
-      [COLLECT_VER_ATT_NAME]: CURRENT_NOIBUJS_VERSION,
-      [VER_ATT_NAME]: CURRENT_METRICS_VERSION,
-
-      // metrics
-      [EXP_VIDEO_LENGTH_ATT_NAME]: this.expectedVideoLength,
-      [PV_EXP_VF_SEQ_ATT_NAME]: this.expectedVfSeq,
-      [PV_EXP_PART_COUNTER_ATT_NAME]: this.expectedPvPart,
-      [PV_EXP_HTTP_DATA_SEQ_ATT_NAME]: this.httpSequenceNumber,
-      [PV_HTTP_PAYLOADS_COLLECTED_ATT_NAME]: this.httpPayloadCount,
-      [PV_HTTP_PAYLOADS_DROPPED_OVERSIZE_ATT_NAME]:
-        this.httpDroppedPayloadByLengthCount,
-      [PV_HTTP_PAYLOADS_DROPPED_TYPE_ATT_NAME]:
-        this.httpDroppedPayloadByTypeCount,
-      [PV_HTTP_REQUESTS_DROPPED_OVER_LIMIT]: this.httpOverLimitCount,
-      [VIDEO_CLICKS_ATT_NAME]: this.videoClicks,
-      [PV_CLICKS_ATT_NAME]: this.pvClicks,
-      [DID_CUT_PV_ATT_NAME]: this.didCutPv,
-      [DID_CUT_VID_ATT_NAME]: this.didCutVideo,
-      [DID_START_VID_ATT_NAME]: this.didStartVideo,
-      [HTTP_COUNT_EXPECTED_ATT_NAME]: this.httpCount,
-      [ERR_COUNT_EXPECTED_ATT_NAME]: this.errCount,
-      [ON_URL_ATT_NAME]: ClientConfig.getInstance().globalUrl,
-    };
-    unwrapNoibuWrapped(fetch)(GET_METROPLEX_METRICS_URL(), {
-      method: 'POST',
-      headers: {
-        'content-type': 'application/json',
-        'User-Agent': await getUserAgent(),
-      },
-      body: stringifyJSON(lsMetrics),
-      // keep alive outlives the current page, its the same as beacon
-      keepalive: true,
-    });
-  }
-}
-
-export { StoredMetrics as default };