@newrelic/browser-agent 1.232.1 → 1.233.1

package/dist/cjs/common/session/session-entity.test.js

@@ -38,17 +38,19 @@ describe('constructor', () => {
     expect(session).toMatchObject({
       agentIdentifier: expect.any(String),
       key: expect.any(String),
-      value: expect.any(String),
       expiresMs: expect.any(Number),
-      expiresAt: expect.any(Number),
       expiresTimer: expect.any(Object),
       inactiveMs: expect.any(Number),
-      inactiveAt: expect.any(Number),
       inactiveTimer: expect.any(Object),
       isNew: expect.any(Boolean),
-      sessionReplayActive: expect.any(Boolean),
-      sessionTraceActive: expect.any(Boolean),
-      storage: expect.any(Object)
+      storage: expect.any(Object),
+      state: expect.objectContaining({
+        value: expect.any(String),
+        expiresAt: expect.any(Number),
+        inactiveAt: expect.any(Number),
+        sessionReplay: expect.any(Number),
+        sessionTraceActive: expect.any(Boolean)
+      })
     });
   });
   test('can use sane defaults', () => {
@@ -56,11 +58,12 @@ describe('constructor', () => {
       agentIdentifier,
       key
     });
-    expect(session).toEqual(expect.objectContaining({
+    expect(session.state).toEqual(expect.objectContaining({
       value: expect.any(String),
       expiresAt: expect.any(Number),
       inactiveAt: expect.any(Number),
-      sessionReplayActive: expect.any(Boolean),
+      updatedAt: expect.any(Number),
+      sessionReplay: expect.any(Number),
       sessionTraceActive: expect.any(Boolean)
     }));
   });
@@ -81,7 +84,7 @@ describe('constructor', () => {
       key,
       expiresMs: 100
     });
-    expect(session.expiresAt).toEqual(now + 100);
+    expect(session.state.expiresAt).toEqual(now + 100);
   });
   test('expiresAt is the correct future timestamp - existing session', () => {
     const now = Date.now();
@@ -90,7 +93,11 @@ describe('constructor', () => {
       ["".concat(_constants.PREFIX, "_").concat(key)]: {
         value,
         expiresAt: now + 5000,
-        inactiveAt: Infinity
+        inactiveAt: Infinity,
+        updatedAt: now,
+        sessionReplay: 0,
+        sessionTraceActive: false,
+        custom: {}
       }
     });
     const session = new _sessionEntity.SessionEntity({
@@ -99,7 +106,7 @@ describe('constructor', () => {
       expiresMs: 100,
       storageAPI: existingData
     });
-    expect(session.expiresAt).toEqual(now + 5000);
+    expect(session.state.expiresAt).toEqual(now + 5000);
   });
   test('expiresAt never expires if 0', () => {
     const session = new _sessionEntity.SessionEntity({
@@ -107,7 +114,7 @@ describe('constructor', () => {
       key,
       expiresMs: 0
     });
-    expect(session.expiresAt).toEqual(Infinity);
+    expect(session.state.expiresAt).toEqual(Infinity);
   });
   test('inactiveAt is the correct future timestamp - new session', () => {
     const now = Date.now();
@@ -117,7 +124,7 @@ describe('constructor', () => {
       key,
       inactiveMs: 100
     });
-    expect(session.inactiveAt).toEqual(now + 100);
+    expect(session.state.inactiveAt).toEqual(now + 100);
   });
   test('inactiveAt is the correct future timestamp - existing session', () => {
     const now = Date.now();
@@ -126,7 +133,11 @@ describe('constructor', () => {
       ["".concat(_constants.PREFIX, "_").concat(key)]: {
         value,
         inactiveAt: now + 5000,
-        expiresAt: Infinity
+        expiresAt: Infinity,
+        updatedAt: now,
+        sessionReplay: 0,
+        sessionTraceActive: false,
+        custom: {}
       }
     });
     const session = new _sessionEntity.SessionEntity({
@@ -135,7 +146,7 @@ describe('constructor', () => {
       inactiveMs: 100,
       storageAPI: existingData
     });
-    expect(session.inactiveAt).toEqual(now + 5000);
+    expect(session.state.inactiveAt).toEqual(now + 5000);
   });
   test('inactiveAt never expires if 0', () => {
     const session = new _sessionEntity.SessionEntity({
@@ -143,7 +154,7 @@ describe('constructor', () => {
       key,
       inactiveMs: 0
     });
-    expect(session.inactiveAt).toEqual(Infinity);
+    expect(session.state.inactiveAt).toEqual(Infinity);
   });
   test('should handle isNew', () => {
     const newSession = new _sessionEntity.SessionEntity({
@@ -156,7 +167,11 @@ describe('constructor', () => {
       ["".concat(_constants.PREFIX, "_").concat(key)]: {
         value,
         expiresAt: Infinity,
-        inactiveAt: Infinity
+        inactiveAt: Infinity,
+        updatedAt: Date.now(),
+        sessionReplay: 0,
+        sessionTraceActive: false,
+        custom: {}
       }
     });
     const existingSession = new _sessionEntity.SessionEntity({
@@ -179,11 +194,12 @@ describe('constructor', () => {
       key,
       storageAPI
     });
-    expect(session).toEqual(expect.objectContaining({
+    expect(session.state).toEqual(expect.objectContaining({
       value: expect.any(String),
       expiresAt: expect.any(Number),
       inactiveAt: expect.any(Number),
-      sessionReplayActive: expect.any(Boolean),
+      updatedAt: expect.any(Number),
+      sessionReplay: expect.any(Number),
       sessionTraceActive: expect.any(Boolean)
     }));
   });
@@ -202,11 +218,12 @@ describe('constructor', () => {
       key,
       storageAPI
     });
-    expect(session).toEqual(expect.objectContaining({
+    expect(session.state).toEqual(expect.objectContaining({
       value: expect.any(String),
       expiresAt: expect.any(Number),
       inactiveAt: expect.any(Number),
-      sessionReplayActive: expect.any(Boolean),
+      updatedAt: expect.any(Number),
+      sessionReplay: expect.any(Number),
       sessionTraceActive: expect.any(Boolean)
     }));
   });
@@ -225,11 +242,12 @@ describe('constructor', () => {
       key,
       storageAPI
     });
-    expect(session).toEqual(expect.objectContaining({
+    expect(session.state).toEqual(expect.objectContaining({
       value: expect.any(String),
       expiresAt: expect.any(Number),
       inactiveAt: expect.any(Number),
-      sessionReplayActive: expect.any(Boolean),
+      updatedAt: expect.any(Number),
+      sessionReplay: expect.any(Number),
       sessionTraceActive: expect.any(Boolean)
     }));
   });
@@ -244,10 +262,10 @@ describe('reset()', () => {
       expiresMs: 10
     });
     const sessionVal = session.value;
-    expect(session.value).toBeTruthy();
+    expect(session.state.value).toBeTruthy();
     session.reset();
-    expect(session.value).toBeTruthy();
-    expect(session.value).not.toEqual(sessionVal);
+    expect(session.state.value).toBeTruthy();
+    expect(session.state.value).not.toEqual(sessionVal);
   });
   test('custom data should be wiped on reset', () => {
     const now = Date.now();
@@ -258,12 +276,12 @@ describe('reset()', () => {
       expiresMs: 10
     });
     session.syncCustomAttribute('test', 123);
-    expect(session.custom.test).toEqual(123);
+    expect(session.state.custom.test).toEqual(123);
     expect(session.read().custom.test).toEqual(123);
 
     // simulate a timer expiring
     session.reset();
-    expect(session.custom?.test).toEqual(undefined);
+    expect(session.state.custom?.test).toEqual(undefined);
     expect(session.read()?.custom?.test).toEqual(undefined);
   });
 });
@@ -279,7 +297,7 @@ describe('read()', () => {
       value: expect.any(String),
       expiresAt: expect.any(Number),
       inactiveAt: expect.any(Number),
-      sessionReplayActive: expect.any(Boolean),
+      sessionReplay: expect.any(Number),
       sessionTraceActive: expect.any(Boolean)
     }));
   });
@@ -288,7 +306,11 @@ describe('read()', () => {
       ["".concat(_constants.PREFIX, "_").concat(key)]: {
         value,
         expiresAt: Infinity,
-        inactiveAt: Infinity
+        inactiveAt: Infinity,
+        updatedAt: Date.now(),
+        sessionReplay: 0,
+        sessionTraceActive: false,
+        custom: {}
       }
     });
     const session = new _sessionEntity.SessionEntity({
@@ -310,17 +332,18 @@ describe('write()', () => {
       agentIdentifier,
       key
     });
-    expect(session.value).not.toEqual(value);
-    expect(session.expiresAt).not.toEqual(Infinity);
-    expect(session.inactiveAt).not.toEqual(Infinity);
+    expect(session.state.value).not.toEqual(value);
+    expect(session.state.expiresAt).not.toEqual(Infinity);
+    expect(session.state.inactiveAt).not.toEqual(Infinity);
     session.write({
+      ...session.state,
       value,
       expiresAt: Infinity,
       inactiveAt: Infinity
     });
-    expect(session.value).toEqual(value);
-    expect(session.expiresAt).toEqual(Infinity);
-    expect(session.inactiveAt).toEqual(Infinity);
+    expect(session.state.value).toEqual(value);
+    expect(session.state.expiresAt).toEqual(Infinity);
+    expect(session.state.inactiveAt).toEqual(Infinity);
   });
   test('write() sets data that read() can access', () => {
     const now = Date.now();
@@ -330,6 +353,7 @@ describe('write()', () => {
       key
     });
     session.write({
+      ...session.state,
       value,
       expiresAt: now + 100,
       inactiveAt: now + 100
@@ -365,10 +389,10 @@ describe('refresh()', () => {
       key,
       inactiveMs: 100
     });
-    expect(session.inactiveAt).toEqual(now + 100);
+    expect(session.state.inactiveAt).toEqual(now + 100);
     jest.setSystemTime(now + 1000);
     session.refresh();
-    expect(session.inactiveAt).toEqual(now + 100 + 1000);
+    expect(session.state.inactiveAt).toEqual(now + 100 + 1000);
   });
   test('refresh resets the entity if expiresTimer is invalid', () => {
     const now = Date.now();
@@ -378,13 +402,13 @@ describe('refresh()', () => {
       key,
       value
     });
-    expect(session.value).toEqual(value);
+    expect(session.state.value).toEqual(value);
     session.write({
-      ...session.read(),
+      ...session.state,
       expiresAt: now - 1
     });
     session.refresh();
-    expect(session.value).not.toEqual(value);
+    expect(session.state.value).not.toEqual(value);
   });
   test('refresh resets the entity if inactiveTimer is invalid', () => {
     const now = Date.now();
@@ -394,13 +418,13 @@ describe('refresh()', () => {
       key,
       value
     });
-    expect(session.value).toEqual(value);
+    expect(session.state.value).toEqual(value);
     session.write({
-      ...session.read(),
+      ...session.state,
       inactiveAt: now - 1
     });
     session.refresh();
-    expect(session.value).not.toEqual(value);
+    expect(session.state.value).not.toEqual(value);
   });
 });
 describe('syncCustomAttribute()', () => {
@@ -412,17 +436,17 @@ describe('syncCustomAttribute()', () => {
 
     // if custom has never been set, and a "delete" action is triggered, do nothing
     session.syncCustomAttribute('test', null);
-    expect(session?.custom?.test).toEqual(undefined);
+    expect(session?.state?.custom?.test).toEqual(undefined);
     session.syncCustomAttribute('test', 1);
-    expect(session?.custom?.test).toEqual(1);
+    expect(session?.state?.custom?.test).toEqual(1);
     session.syncCustomAttribute('test', 'string');
-    expect(session?.custom?.test).toEqual('string');
+    expect(session?.state?.custom?.test).toEqual('string');
     session.syncCustomAttribute('test', false);
-    expect(session?.custom?.test).toEqual(false);
+    expect(session?.state?.custom?.test).toEqual(false);
 
     // null specifically deletes the object completely
     session.syncCustomAttribute('test', null);
-    expect(session?.custom?.test).toEqual(undefined);
+    expect(session?.state?.custom?.test).toEqual(undefined);
   });
   test('Only runs in browser scope', () => {
     mockBrowserScope.mockReturnValue(false);

package/dist/cjs/common/timer/interaction-timer.js

@@ -11,8 +11,9 @@ var _globalScope = require("../util/global-scope");
 class InteractionTimer extends _timer.Timer {
   constructor(opts, ms) {
     super(opts, ms);
-    this.onRefresh = opts.onRefresh;
-    this.onPause = opts.onPause;
+    this.onPause = typeof opts.onPause === 'function' ? opts.onPause : () => {/* noop */};
+    this.onRefresh = typeof opts.onRefresh === 'function' ? opts.onRefresh : () => {/* noop */};
+    this.onResume = typeof opts.onResume === 'function' ? opts.onResume : () => {/* noop */};
 
     // used by pause/resume
     this.remainingMs = undefined;
@@ -47,7 +48,10 @@ class InteractionTimer extends _timer.Timer {
       (0, _pageVisibility.subscribeToVisibilityChange)(state => {
         if (state === 'hidden') this.pause();
         // vis change --> visible is treated like a new interaction with the page
-        else this.refresh();
+        else {
+          this.onResume();
+          this.refresh();
+        }
       }, false, false, this.abortController?.signal);
     }
   }
@@ -56,7 +60,7 @@ class InteractionTimer extends _timer.Timer {
     this.abortController?.abort();
   }
   pause() {
-    this.onPause?.();
+    this.onPause();
     clearTimeout(this.timer);
     this.remainingMs = this.initialMs - (Date.now() - this.startTimestamp);
   }
@@ -65,14 +69,7 @@ class InteractionTimer extends _timer.Timer {
     this.timer = this.create(cb, ms);
     this.startTimestamp = Date.now();
     this.remainingMs = undefined;
-    this.onRefresh?.();
+    this.onRefresh();
   }
-
-  // NOT CURRENTLY UTILIZED BY ANYTHING
-  // resume () {
-  //   if (!this.remainingMs || !this.isValid()) return
-  //   this.timer = this.create(this.cb, this.remainingMs)
-  //   this.remainingMs = undefined
-  // }
 }
 exports.InteractionTimer = InteractionTimer;

package/dist/cjs/common/url/protocol.test.js

@@ -1,6 +1,5 @@
 "use strict";
 
-var _faker = require("@faker-js/faker");
 var _protocol = require("./protocol");
 test('should return true when location url contains file protocol', () => {
   jest.spyOn(window, 'location', 'get').mockReturnValue({

package/dist/cjs/common/util/feature-flags.js

@@ -19,7 +19,8 @@ const bucketMap = {
   stn: [_features.FEATURE_NAMES.sessionTrace],
   err: [_features.FEATURE_NAMES.jserrors, _features.FEATURE_NAMES.metrics],
   ins: [_features.FEATURE_NAMES.pageAction],
-  spa: [_features.FEATURE_NAMES.spa]
+  spa: [_features.FEATURE_NAMES.spa],
+  sr: [_features.FEATURE_NAMES.sessionReplay]
 };
 function activateFeatures(flags, agentIdentifier) {
   var sharedEE = _contextualEe.ee.get(agentIdentifier);

package/dist/cjs/common/util/submit-data.js

@@ -14,12 +14,18 @@ const submitData = {};
 
 /**
  * Send via JSONP. Do NOT call this function outside of a guaranteed web window environment.
- * @param {string} url
- * @param {string} jsonp
+ * @param {Object} args - The args
+ * @param {string} args.url - The URL to send to
+ * @param {string} args.jsonp - The string name of the jsonp cb method
+ * @returns {XMLHttpRequest}
  * @returns {Element}
  */
 exports.submitData = submitData;
-submitData.jsonp = function jsonp(url, jsonp) {
+submitData.jsonp = function jsonp(_ref) {
+  let {
+    url,
+    jsonp
+  } = _ref;
   try {
     if (_globalScope.isWorkerScope) {
       try {
@@ -27,7 +33,9 @@ submitData.jsonp = function jsonp(url, jsonp) {
       } catch (e) {
         // for now theres no other way to execute the callback from ingest without jsonp, or unsafe eval / new Function calls
         // future work needs to be conducted to allow ingest to return a more traditional JSON API-like experience for the entitlement flags
-        submitData.xhrGet(url + '&jsonp=' + jsonp);
+        submitData.xhrGet({
+          url: url + '&jsonp=' + jsonp
+        });
         return false;
       }
     } else {
@@ -42,19 +50,38 @@ submitData.jsonp = function jsonp(url, jsonp) {
     // do nothing
   }
 };
-submitData.xhrGet = function xhrGet(url) {
-  return submitData.xhr(url, undefined, false, 'GET');
+submitData.xhrGet = function xhrGet(_ref2) {
+  let {
+    url
+  } = _ref2;
+  return submitData.xhr({
+    url,
+    sync: false,
+    method: 'GET'
+  });
 };
 
 /**
  * Send via XHR
- * @param {string} url
- * @param {string} body
- * @param {boolean} sync
+ * @param {Object} args - The args
+ * @param {string} args.url - The URL to send to
+ * @param {string=} args.body - The Stringified body
+ * @param {boolean=} args.sync - Run XHR as Synchronous
+ * @param {string=} [args.method=POST] - The XHR method to use
+ * @param {{key: string, value: string}[]} [args.headers] - The headers to attach
  * @returns {XMLHttpRequest}
  */
-submitData.xhr = function xhr(url, body, sync) {
-  let method = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'POST';
+submitData.xhr = function xhr(_ref3) {
+  let {
+    url,
+    body,
+    sync,
+    method = 'POST',
+    headers = [{
+      key: 'content-type',
+      value: 'text/plain'
+    }]
+  } = _ref3;
   var request = new XMLHttpRequest();
   request.open(method, url, !sync);
   try {
@@ -63,7 +90,9 @@ submitData.xhr = function xhr(url, body, sync) {
   } catch (e) {
     // do nothing
   }
-  request.setRequestHeader('content-type', 'text/plain');
+  headers.forEach(header => {
+    request.setRequestHeader(header.key, header.value);
+  });
   request.send(body);
   return request;
 };
@@ -77,10 +106,15 @@ submitData.xhr = function xhr(url, body, sync) {
 
 /**
  * Send by appending an <img> element to the page. Do NOT call this function outside of a guaranteed web window environment.
- * @param {string} url
- * @returns {Element}
+ * @param {Object} args - The args
+ * @param {string} args.url - The URL to send to
+ * @returns {HTMLImageElement}
  */
-submitData.img = function img(url) {
+submitData.img = function img(_ref4) {
+  let {
+    url
+  } = _ref4;
+  console.log('img url', url);
   var element = new Image();
   element.src = url;
   return element;
@@ -88,11 +122,16 @@ submitData.img = function img(url) {
 
 /**
  * Send via sendBeacon. Do NOT call this function outside of a guaranteed web window environment.
- * @param {string} url
- * @param {string} body
+ * @param {Object} args - The args
+ * @param {string} args.url - The URL to send to
+ * @param {string=} args.body - The Stringified body
  * @returns {boolean}
  */
-submitData.beacon = function (url, body) {
+submitData.beacon = function (_ref5) {
+  let {
+    url,
+    body
+  } = _ref5;
   // Navigator has to be bound to ensure it does not error in some browsers
   // https://xgwang.me/posts/you-may-not-know-beacon/#it-may-throw-error%2C-be-sure-to-catch
   const send = window.navigator.sendBeacon.bind(window.navigator);

package/dist/cjs/common/wrap/wrap-fetch.js

@@ -75,7 +75,7 @@ function wrapFetch(sharedEE) {
     var fn = target[name];
     if (typeof fn === 'function') {
       target[name] = function () {
-        var args = Array.from(arguments);
+        var args = [...arguments];
         var ctx = {};
         // we are wrapping args in an array so we can preserve the reference
         ee.emit(prefix + 'before-start', [args], ctx);

package/dist/cjs/common/wrap/wrap-function.js

@@ -81,7 +81,7 @@ function createWrapperWithEmitter(emitter, always) {
       var result;
       try {
         originalThis = this;
-        args = Array.from(arguments);
+        args = [...arguments];
         if (typeof getContext === 'function') {
           ctx = getContext(args, originalThis);
         } else {

package/dist/cjs/common/wrap/wrap-promise.js

@@ -76,7 +76,7 @@ function wrapPromise(sharedEE) {
       WrappedPromise[method] = function (subPromises) {
         // use our own wrapped version of "Promise.all" and ".race" static fns
         let finalized = false;
-        Array.from(subPromises || []).forEach(sub => {
+        [...(subPromises || [])].forEach(sub => {
           this.resolve(sub).then(setNrId(method === 'all'), setNrId(false));
         });
         const origFnCallWithThis = prevStaticFn.apply(this, arguments);

package/dist/cjs/features/ajax/aggregate/index.js

@@ -15,13 +15,13 @@ var _constants = require("../constants");
 var _drain = require("../../../common/drain/drain");
 var _features = require("../../../loaders/features/features");
 var _constants2 = require("../../metrics/constants");
-var _featureBase = require("../../utils/feature-base");
+var _aggregateBase = require("../../utils/aggregate-base");
 /*
  * Copyright 2020 New Relic Corporation. All rights reserved.
  * SPDX-License-Identifier: Apache-2.0
  */
 
-class Aggregate extends _featureBase.FeatureBase {
+class Aggregate extends _aggregateBase.AggregateBase {
   static featureName = _constants.FEATURE_NAME;
   constructor(agentIdentifier, aggregator) {
     super(agentIdentifier, aggregator, _constants.FEATURE_NAME);

package/dist/cjs/features/jserrors/aggregate/index.js

@@ -19,7 +19,7 @@ var _globalScope = require("../../../common/util/global-scope");
 var _constants = require("../constants");
 var _drain = require("../../../common/drain/drain");
 var _features = require("../../../loaders/features/features");
-var _featureBase = require("../../utils/feature-base");
+var _aggregateBase = require("../../utils/aggregate-base");
 /*
  * Copyright 2020 New Relic Corporation. All rights reserved.
  * SPDX-License-Identifier: Apache-2.0
@@ -29,7 +29,7 @@ var _featureBase = require("../../utils/feature-base");
  * @typedef {import('./compute-stack-trace.js').StackInfo} StackInfo
  */
 
-class Aggregate extends _featureBase.FeatureBase {
+class Aggregate extends _aggregateBase.AggregateBase {
   static featureName = _constants.FEATURE_NAME;
   constructor(agentIdentifier, aggregator) {
     var _this;
@@ -188,10 +188,12 @@ class Aggregate extends _featureBase.FeatureBase {
       time: time
     };
 
-    // stn and spa aggregators listen to this event - stn sends the error in its payload,
+    // sr, stn and spa aggregators listen to this event - stn sends the error in its payload,
     // and spa annotates the error with interaction info
-    (0, _handle.handle)('errorAgg', [type, bucketHash, params, newMetrics], undefined, _features.FEATURE_NAMES.sessionTrace, this.ee);
-    (0, _handle.handle)('errorAgg', [type, bucketHash, params, newMetrics], undefined, _features.FEATURE_NAMES.spa, this.ee);
+    const msg = [type, bucketHash, params, newMetrics];
+    (0, _handle.handle)('errorAgg', msg, undefined, _features.FEATURE_NAMES.sessionTrace, this.ee);
+    (0, _handle.handle)('errorAgg', msg, undefined, _features.FEATURE_NAMES.spa, this.ee);
+    (0, _handle.handle)('errorAgg', msg, undefined, _features.FEATURE_NAMES.sessionReplay, this.ee);
 
     // still send EE events for other features such as above, but stop this one from aggregating internal data
     if (this.blocked) return;

package/dist/cjs/features/metrics/aggregate/framework-detection.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFrameworks = getFrameworks;
+var _globalScope = require("../../../common/util/global-scope");
+const FRAMEWORKS = {
+  REACT: 'React',
+  ANGULAR: 'Angular',
+  ANGULARJS: 'AngularJS',
+  BACKBONE: 'Backbone',
+  EMBER: 'Ember',
+  VUE: 'Vue',
+  METEOR: 'Meteor',
+  ZEPTO: 'Zepto',
+  JQUERY: 'Jquery',
+  MOOTOOLS: 'MooTools'
+};
+function getFrameworks() {
+  if (!_globalScope.isBrowserScope) return []; // don't bother detecting frameworks if not in the main window context
+
+  const frameworks = [];
+  try {
+    if (detectReact()) frameworks.push(FRAMEWORKS.REACT);
+    if (detectAngularJs()) frameworks.push(FRAMEWORKS.ANGULARJS);
+    if (detectAngular()) frameworks.push(FRAMEWORKS.ANGULAR);
+    if (Object.prototype.hasOwnProperty.call(window, 'Backbone')) frameworks.push(FRAMEWORKS.BACKBONE);
+    if (Object.prototype.hasOwnProperty.call(window, 'Ember')) frameworks.push(FRAMEWORKS.EMBER);
+    if (Object.prototype.hasOwnProperty.call(window, 'Vue')) frameworks.push(FRAMEWORKS.VUE);
+    if (Object.prototype.hasOwnProperty.call(window, 'Meteor')) frameworks.push(FRAMEWORKS.METEOR);
+    if (Object.prototype.hasOwnProperty.call(window, 'Zepto')) frameworks.push(FRAMEWORKS.ZEPTO);
+    if (Object.prototype.hasOwnProperty.call(window, 'jQuery')) frameworks.push(FRAMEWORKS.JQUERY);
+    if (Object.prototype.hasOwnProperty.call(window, 'MooTools')) frameworks.push(FRAMEWORKS.MOOTOOLS);
+  } catch (err) {
+    // Possibly not supported
+  }
+  return frameworks;
+}
+function detectReact() {
+  try {
+    return Object.prototype.hasOwnProperty.call(window, 'React') || Object.prototype.hasOwnProperty.call(window, 'ReactDOM') || Object.prototype.hasOwnProperty.call(window, 'ReactRedux') || document.querySelector('[data-reactroot], [data-reactid]') || (() => {
+      const divs = document.querySelectorAll('body > div');
+      for (let i = 0; i < divs.length; i++) {
+        if (Object.prototype.hasOwnProperty.call(divs[i], '_reactRootContainer')) {
+          return true;
+        }
+      }
+    })();
+  } catch (err) {
+    return false;
+  }
+}
+function detectAngularJs() {
+  try {
+    return Object.prototype.hasOwnProperty.call(window, 'angular') || document.querySelector('.ng-binding, [ng-app], [data-ng-app], [ng-controller], [data-ng-controller], [ng-repeat], [data-ng-repeat]') || document.querySelector('script[src*="angular.js"], script[src*="angular.min.js"]');
+  } catch (err) {
+    return false;
+  }
+}
+function detectAngular() {
+  try {
+    return Object.prototype.hasOwnProperty.call(window, 'ng') || document.querySelector('[ng-version]');
+  } catch (err) {
+    return false;
+  }
+}