npm - @newrelic/browser-agent - Versions diffs - 1.241.0 → 1.243.0 - Mend

@newrelic/browser-agent 1.241.0 → 1.243.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (132) hide show

package/CHANGELOG.md +1465 -0
package/dist/cjs/cdn/polyfills/lite.js +13 -1
package/dist/cjs/cdn/polyfills/pro.js +17 -1
package/dist/cjs/cdn/polyfills/spa.js +18 -1
package/dist/cjs/common/config/state/init.js +32 -5
package/dist/cjs/common/constants/env.cdn.js +1 -1
package/dist/cjs/common/constants/env.npm.js +1 -1
package/dist/cjs/common/dom/query-selector.js +16 -0
package/dist/cjs/common/session/session-entity.js +20 -2
package/dist/cjs/common/wrap/wrap-function.js +1 -1
package/dist/cjs/features/ajax/aggregate/index.js +1 -1
package/dist/cjs/features/session_replay/aggregate/index.js +84 -50
package/dist/cjs/features/utils/feature-base.js +1 -2
package/dist/cjs/features/utils/instrument-base.js +1 -0
package/dist/cjs/loaders/api/api.js +2 -2
package/dist/cjs/loaders/api/apiAsync.js +0 -37
package/dist/cjs/loaders/configure/configure.js +1 -1
package/dist/cjs/loaders/configure/public-path.js +6 -3
package/dist/esm/cdn/polyfills/lite.js +8 -1
package/dist/esm/cdn/polyfills/pro.js +13 -2
package/dist/esm/cdn/polyfills/spa.js +13 -1
package/dist/esm/common/config/state/init.js +32 -5
package/dist/esm/common/constants/env.cdn.js +1 -1
package/dist/esm/common/constants/env.npm.js +1 -1
package/dist/esm/common/dom/query-selector.js +9 -0
package/dist/esm/common/session/session-entity.js +18 -1
package/dist/esm/common/wrap/wrap-function.js +1 -1
package/dist/esm/features/ajax/aggregate/index.js +1 -1
package/dist/esm/features/session_replay/aggregate/index.js +83 -50
package/dist/esm/features/utils/feature-base.js +1 -2
package/dist/esm/features/utils/instrument-base.js +1 -0
package/dist/esm/loaders/api/api.js +2 -2
package/dist/esm/loaders/api/apiAsync.js +1 -36
package/dist/esm/loaders/configure/configure.js +1 -1
package/dist/esm/loaders/configure/public-path.js +6 -3
package/dist/types/common/config/state/init.d.ts.map +1 -1
package/dist/types/common/dom/query-selector.d.ts +2 -0
package/dist/types/common/dom/query-selector.d.ts.map +1 -0
package/dist/types/common/session/session-entity.d.ts +5 -0
package/dist/types/common/session/session-entity.d.ts.map +1 -1
package/dist/types/features/session_replay/aggregate/index.d.ts +11 -14
package/dist/types/features/session_replay/aggregate/index.d.ts.map +1 -1
package/dist/types/features/utils/feature-base.d.ts.map +1 -1
package/dist/types/features/utils/instrument-base.d.ts.map +1 -1
package/dist/types/loaders/api/api.d.ts.map +1 -1
package/dist/types/loaders/api/apiAsync.d.ts.map +1 -1
package/dist/types/loaders/configure/public-path.d.ts +1 -1
package/dist/types/loaders/configure/public-path.d.ts.map +1 -1
package/package.json +2 -2
package/src/cdn/polyfills/lite.js +14 -1
package/src/cdn/polyfills/pro.js +23 -2
package/src/cdn/polyfills/spa.js +24 -1
package/src/common/config/state/init.js +33 -4
package/src/common/dom/query-selector.js +9 -0
package/src/common/session/session-entity.js +20 -1
package/src/common/wrap/wrap-function.js +1 -1
package/src/features/ajax/aggregate/index.js +2 -2
package/src/features/session_replay/aggregate/index.js +82 -34
package/src/features/utils/feature-base.js +1 -2
package/src/features/utils/instrument-base.js +1 -0
package/src/loaders/api/api.js +1 -2
package/src/loaders/api/apiAsync.js +1 -39
package/src/loaders/configure/configure.js +1 -1
package/src/loaders/configure/public-path.js +6 -3
package/src/common/aggregate/aggregator.test.js +0 -107
package/src/common/config/state/configurable.test.js +0 -73
package/src/common/config/state/info.test.js +0 -31
package/src/common/config/state/init.test.js +0 -28
package/src/common/config/state/loader-config.test.js +0 -21
package/src/common/config/state/runtime.test.js +0 -21
package/src/common/constants/env.cdn.test.js +0 -7
package/src/common/constants/env.npm.test.js +0 -7
package/src/common/constants/env.test.js +0 -7
package/src/common/constants/runtime.test.js +0 -176
package/src/common/deny-list/deny-list.test.js +0 -104
package/src/common/drain/drain.test.js +0 -74
package/src/common/event-emitter/contextual-ee.component-test.js +0 -293
package/src/common/event-emitter/handle.test.js +0 -56
package/src/common/event-emitter/register-handler.test.js +0 -61
package/src/common/harvest/harvest-scheduler.test.js +0 -492
package/src/common/harvest/harvest.test.js +0 -813
package/src/common/ids/id.test.js +0 -92
package/src/common/ids/unique-id.test.js +0 -58
package/src/common/session/session-entity.component-test.js +0 -346
package/src/common/storage/local-storage.test.js +0 -17
package/src/common/timer/interaction-timer.component-test.js +0 -212
package/src/common/timer/timer.test.js +0 -99
package/src/common/timing/nav-timing.test.js +0 -161
package/src/common/url/canonicalize-url.test.js +0 -45
package/src/common/url/clean-url.test.js +0 -25
package/src/common/url/encode.test.js +0 -81
package/src/common/url/location.test.js +0 -15
package/src/common/url/parse-url.test.js +0 -110
package/src/common/url/protocol.test.js +0 -17
package/src/common/util/console.test.js +0 -34
package/src/common/util/data-size.test.js +0 -56
package/src/common/util/feature-flags.test.js +0 -94
package/src/common/util/get-or-set.test.js +0 -58
package/src/common/util/invoke.test.js +0 -65
package/src/common/util/map-own.test.js +0 -52
package/src/common/util/obfuscate.component-test.js +0 -173
package/src/common/util/stringify.test.js +0 -49
package/src/common/util/submit-data.test.js +0 -183
package/src/common/util/traverse.test.js +0 -50
package/src/common/vitals/cumulative-layout-shift.test.js +0 -71
package/src/common/vitals/first-contentful-paint.test.js +0 -124
package/src/common/vitals/first-input-delay.test.js +0 -88
package/src/common/vitals/first-paint.test.js +0 -127
package/src/common/vitals/interaction-to-next-paint.test.js +0 -74
package/src/common/vitals/largest-contentful-paint.test.js +0 -94
package/src/common/vitals/long-task.test.js +0 -122
package/src/common/vitals/time-to-first-byte.test.js +0 -147
package/src/common/vitals/vital-metric.test.js +0 -171
package/src/common/wrap/wrap-promise.component-test.js +0 -110
package/src/features/ajax/instrument/distributed-tracing.test.js +0 -375
package/src/features/jserrors/aggregate/canonical-function-name.test.js +0 -13
package/src/features/jserrors/aggregate/compute-stack-trace.test.js +0 -414
package/src/features/jserrors/aggregate/format-stack-trace.test.js +0 -39
package/src/features/jserrors/aggregate/string-hash-code.test.js +0 -12
package/src/features/metrics/aggregate/framework-detection.test.js +0 -332
package/src/features/page_view_timing/aggregate/index.component-test.js +0 -86
package/src/features/session_replay/aggregate/index.component-test.js +0 -317
package/src/features/spa/aggregate/interaction-node.test.js +0 -17
package/src/features/utils/agent-session.test.js +0 -194
package/src/features/utils/aggregate-base.test.js +0 -123
package/src/features/utils/feature-base.test.js +0 -45
package/src/features/utils/handler-cache.test.js +0 -72
package/src/features/utils/instrument-base.test.js +0 -216
package/src/features/utils/lazy-feature-loader.test.js +0 -37
package/src/loaders/api/api.component-test.js +0 -45
package/src/loaders/api/api.test.js +0 -85
package/src/loaders/api/apiAsync.test.js +0 -17

package/src/features/metrics/aggregate/framework-detection.test.js DELETED Viewed

@@ -1,332 +0,0 @@
-import { faker } from '@faker-js/faker'
-import { getFrameworks } from './framework-detection'
-jest.mock('../../../common/constants/runtime', () => ({
-  isBrowserScope: true
-}))
-afterEach(() => {
-  document.body.innerHTML = ''
-})
-test('framework detection should not happen in non-browser scope', async () => {
-  global.React = {}
-  jest.resetModules()
-  jest.doMock('../../../common/constants/runtime', () => ({
-    isBrowserScope: false
-  }))
-  const frameworkDetector = await import('./framework-detection')
-  expect(frameworkDetector.getFrameworks()).toEqual([])
-  delete global.React
-})
-describe('react', () => {
-  test('should detect react from global React property', () => {
-    global.React = {}
-    expect(getFrameworks()).toEqual(['React'])
-    delete global.React
-  })
-  test('should detect react from global ReactDOM property', () => {
-    global.ReactDOM = {}
-    expect(getFrameworks()).toEqual(['React'])
-    delete global.ReactDOM
-  })
-  test('should detect react from global ReactRedux property', () => {
-    global.ReactRedux = {}
-    expect(getFrameworks()).toEqual(['React'])
-    delete global.ReactRedux
-  })
-  test('should detect react from html [data-reactroot] property', () => {
-    document.body.innerHTML = '<div data-reactroot=""></div>'
-    expect(getFrameworks()).toEqual(['React'])
-  })
-  test('should detect react from html [data-reactid] property', () => {
-    document.body.innerHTML = '<div data-reactid=""></div>'
-    expect(getFrameworks()).toEqual(['React'])
-  })
-  test('should detect react from element _reactRootContainer property', () => {
-    const element = document.createElement('div')
-    element._reactRootContainer = {}
-    document.body.innerHTML = '<html><body></body></html>'
-    document.body.appendChild(element)
-    expect(getFrameworks()).toEqual(['React'])
-  })
-  describe('nextjs', () => {
-    test('should not detect nextjs if react is not detected', () => {
-      global.next = { version: 'test' }
-      expect(getFrameworks()).toEqual([])
-      delete global.next
-    })
-    test('should detect nextjs if global is set', () => {
-      global.React = {}
-      global.next = { version: 'test' }
-      expect(getFrameworks()).toEqual(['React', 'NextJS'])
-      delete global.React
-      delete global.next
-    })
-  })
-})
-describe('vue', () => {
-  test('should detect vue from global Vue property', () => {
-    global.Vue = {}
-    expect(getFrameworks()).toEqual(['Vue'])
-    delete global.Vue
-  })
-  describe('nuxtjs', () => {
-    test('should not detect nuxtjs if vue is not detected', () => {
-      global.$nuxt = { nuxt: {} }
-      expect(getFrameworks()).toEqual([])
-      delete global.$nuxt
-    })
-    test('should detect nuxtjs if global is set', () => {
-      global.Vue = {}
-      global.$nuxt = { nuxt: {} }
-      expect(getFrameworks()).toEqual(['Vue', 'NuxtJS'])
-      delete global.Vue
-      delete global.$nuxt
-    })
-  })
-})
-describe('angular', () => {
-  test('should detect angular from global ng property', () => {
-    global.ng = {}
-    expect(getFrameworks()).toEqual(['Angular'])
-    delete global.ng
-  })
-  test('should detect angular from html [ng-version] property', () => {
-    document.body.innerHTML = '<div ng-version=""></div>'
-    expect(getFrameworks()).toEqual(['Angular'])
-  })
-  describe('angular universal', () => {
-    test('should not detect angular universal if angular is not detected', () => {
-      document.body.innerHTML = '<div ng-server-context=""></div>'
-      expect(getFrameworks()).toEqual([])
-    })
-    test('should detect nuxtjs if global is set', () => {
-      document.body.innerHTML = '<div ng-version="" ng-server-context=""></div>'
-      expect(getFrameworks()).toEqual(['Angular', 'AngularUniversal'])
-    })
-  })
-})
-describe('svelte', () => {
-  test('should detect svelte from global __svelte property', () => {
-    global.__svelte = {}
-    expect(getFrameworks()).toEqual(['Svelte'])
-    delete global.__svelte
-  })
-  describe('sveltekit', () => {
-    test('should not detect sveltekit if svelte is not detected', () => {
-      global.__sveltekit_1234 = { }
-      expect(getFrameworks()).toEqual([])
-      delete global.__sveltekit_1234
-    })
-    test('should detect sveltekit if global is set', () => {
-      global.__svelte = {}
-      global.__sveltekit_4567 = {}
-      expect(getFrameworks()).toEqual(['Svelte', 'SvelteKit'])
-      delete global.__svelte
-      delete global.__sveltekit_4567
-    })
-  })
-})
-describe('preact', () => {
-  test('should detect preact from global preact property', () => {
-    global.preact = {}
-    expect(getFrameworks()).toEqual(['Preact'])
-    delete global.preact
-  })
-  describe('preact ssr', () => {
-    test('should not detect preact ssr if preact is not detected', () => {
-      document.body.innerHTML = '<script type="__PREACT_CLI_DATA__"></div>'
-      expect(getFrameworks()).toEqual([])
-    })
-    test('should detect sveltekit if global is set', () => {
-      global.preact = {}
-      document.body.innerHTML = '<script type="__PREACT_CLI_DATA__"></div>'
-      expect(getFrameworks()).toEqual(['Preact', 'PreactSSR'])
-      delete global.preact
-    })
-  })
-})
-describe('angularjs', () => {
-  test('should detect angularjs from global angular property', () => {
-    global.angular = {}
-    expect(getFrameworks()).toEqual(['AngularJS'])
-    delete global.angular
-  })
-  test('should detect angularjs from html .ng-binding property', () => {
-    document.body.innerHTML = '<div class="ng-binding"></div>'
-    expect(getFrameworks()).toEqual(['AngularJS'])
-  })
-  test('should detect angularjs from html [ng-app] property', () => {
-    document.body.innerHTML = '<div ng-app=""></div>'
-    expect(getFrameworks()).toEqual(['AngularJS'])
-  })
-  test('should detect angularjs from html [data-ng-app] property', () => {
-    document.body.innerHTML = '<div data-ng-app=""></div>'
-    expect(getFrameworks()).toEqual(['AngularJS'])
-  })
-  test('should detect angularjs from html [ng-controller] property', () => {
-    document.body.innerHTML = '<div ng-controller=""></div>'
-    expect(getFrameworks()).toEqual(['AngularJS'])
-  })
-  test('should detect angularjs from html [data-ng-controller] property', () => {
-    document.body.innerHTML = '<div data-ng-controller=""></div>'
-    expect(getFrameworks()).toEqual(['AngularJS'])
-  })
-  test('should detect angularjs from html [ng-repeat] property', () => {
-    document.body.innerHTML = '<div ng-repeat=""></div>'
-    expect(getFrameworks()).toEqual(['AngularJS'])
-  })
-  test('should detect angularjs from html [data-ng-repeat] property', () => {
-    document.body.innerHTML = '<div data-ng-repeat=""></div>'
-    expect(getFrameworks()).toEqual(['AngularJS'])
-  })
-  test('should detect angularjs from angular.js script element', () => {
-    document.body.innerHTML = `<script src="${faker.internet.url()}/angular.js"></script>`
-    expect(getFrameworks()).toEqual(['AngularJS'])
-  })
-  test('should detect angularjs from angular.min.js script element', () => {
-    document.body.innerHTML = `<script src="${faker.internet.url()}/angular.min.js"></script>`
-    expect(getFrameworks()).toEqual(['AngularJS'])
-  })
-})
-test('should detect backbone from global Backbone property', () => {
-  global.Backbone = {}
-  expect(getFrameworks()).toEqual(['Backbone'])
-  delete global.Backbone
-})
-test('should detect ember from global Ember property', () => {
-  global.Ember = {}
-  expect(getFrameworks()).toEqual(['Ember'])
-  delete global.Ember
-})
-test('should detect meteor from global Meteor property', () => {
-  global.Meteor = {}
-  expect(getFrameworks()).toEqual(['Meteor'])
-  delete global.Meteor
-})
-test('should detect zepto from global Zepto property', () => {
-  global.Zepto = {}
-  expect(getFrameworks()).toEqual(['Zepto'])
-  delete global.Zepto
-})
-test('should detect jquery from global jQuery property', () => {
-  global.jQuery = {}
-  expect(getFrameworks()).toEqual(['Jquery'])
-  delete global.jQuery
-})
-test('should detect mootools from global MooTools property', () => {
-  global.MooTools = {}
-  expect(getFrameworks()).toEqual(['MooTools'])
-  delete global.MooTools
-})
-test('should detect electron from user agent', () => {
-  const currentNavigator = global.navigator
-  Object.defineProperty(global, 'navigator', {
-    value: { userAgent: 'This is a test; Electron some version; foobar' },
-    writable: true
-  })
-  expect(getFrameworks()).toEqual(['Electron'])
-  global.navigator = currentNavigator
-})

package/src/features/page_view_timing/aggregate/index.component-test.js DELETED Viewed

@@ -1,86 +0,0 @@
-import { Aggregator } from '../../../common/aggregate/aggregator'
-import { ee } from '../../../common/event-emitter/contextual-ee'
-import { drain } from '../../../common/drain/drain'
-import { setRuntime } from '../../../common/config/config'
-jest.mock('web-vitals', () => ({
-  __esModule: true,
-  // eslint-disable-next-line
-  onFID: jest.fn(cb => cb({
-    value: 1234,
-    entries: [{ name: 'pointerdown', startTime: 5 }]
-  })),
-  // eslint-disable-next-line
-  onCLS: jest.fn((cb) => cb({
-    value: 1,
-    entries: [{ value: 1 }]
-  })),
-  // eslint-disable-next-line
-  onFCP: jest.fn((cb) => cb({
-    value: 1,
-    entries: [{ value: 1 }]
-  })),
-  // eslint-disable-next-line
-  onINP: jest.fn((cb) => cb({
-    value: 1,
-    entries: [{ value: 1 }]
-  })),
-  // eslint-disable-next-line
-  onLCP: jest.fn((cb) => cb({
-    value: 1,
-    entries: [{ value: 1 }]
-  }))
-})
-)
-let pvtAgg, cumulativeLayoutShift
-describe('pvt aggregate tests', () => {
-  beforeEach(async () => {
-    const { Aggregate } = await import('.')
-    setRuntime('abcd', {})
-    pvtAgg = new Aggregate('abcd', new Aggregator({ agentIdentifier: 'abcd', ee }))
-    pvtAgg.scheduler.harvest.send = jest.fn()
-    pvtAgg.prepareHarvest = jest.fn(() => ({}))
-    drain('abcd', 'feature')
-    global.navigator.connection = {
-      type: 'cellular',
-      effectiveType: '3g',
-      rtt: 270,
-      downlink: 700
-    }
-    const { cumulativeLayoutShift: cls } = await import('../../../common/vitals/cumulative-layout-shift')
-    cumulativeLayoutShift = cls
-  })
-  test('LCP event with CLS attribute', () => {
-    cumulativeLayoutShift.update({ value: 1 })
-    pvtAgg.addTiming('lcp', 1, { size: 1, startTime: 1 })
-    var timing = find(pvtAgg.timings, function (t) {
-      return t.name === 'lcp'
-    })
-    expect(timing.attrs.cls).toEqual(1) // 'CLS value should be the one present at the time LCP happened'
-    function find (arr, fn) {
-      if (arr.find) {
-        return arr.find(fn)
-      }
-      var match = null
-      arr.forEach(function (t) {
-        if (fn(t)) {
-          match = t
-        }
-      })
-      return match
-    }
-  })
-  test('sends expected FI attributes when available', () => {
-    expect(pvtAgg.timings.length).toBeGreaterThanOrEqual(1)
-    const fiPayload = pvtAgg.timings.find(x => x.name === 'fi')
-    expect(fiPayload.value).toEqual(5)
-    expect(fiPayload.attrs).toEqual(expect.objectContaining({ type: 'pointerdown', fid: 1234, cls: 1 }))
-  })
-})