@amplitude/plugin-network-capture-browser 1.0.1-usenetworkcaptureinanalyticsbrowser-1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Amplitude Analytics
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies 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 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.

package/README.md

@@ -0,0 +1,85 @@
+<p align="center">
+  <a href="https://amplitude.com" target="_blank" align="center">
+    <img src="https://static.amplitude.com/lightning/46c85bfd91905de8047f1ee65c7c93d6fa9ee6ea/static/media/amplitude-logo-with-text.4fb9e463.svg" width="280">
+  </a>
+  <br />
+</p>
+
+# @amplitude/plugin-network-capture-browser (beta)
+**This plugin is in beta at the moment, naming and interface might change in the future.**
+
+## TODO: Re-write this README.md to match plugin-network-capture
+
+Browser SDK plugin for autocapture.
+
+## Installation
+
+This package is published on NPM registry and is available to be installed using npm and yarn.
+
+```sh
+# npm
+npm install @amplitude/plugin-network-capture-browser@beta
+
+# yarn
+yarn add @amplitude/plugin-network-capture-browser@beta
+```
+
+## Usage
+
+This plugin works on top of the Amplitude Browser SDK, generating auto-tracked events and sending to Amplitude.
+
+To use this plugin, you need to install `@amplitude/analytics-browser` version `v1.9.1` or later.
+
+### 1. Import Amplitude packages
+
+* `@amplitude/analytics-browser`
+* `@amplitude/plugin-network-capture-browser`
+
+```typescript
+import * as amplitude from '@amplitude/analytics-browser';
+import { autocapturePlugin } from '@amplitude/plugin-network-capture-browser';
+```
+
+### 2. Instantiate the plugin
+
+The plugin accepts 1 optional parameter, which is an `Object` to configure the allowed tracking options.
+
+```typescript
+const plugin = autocapturePlugin({
+  cssSelectorAllowlist: [
+    '.amp-tracking',
+    '[amp-tracking]'
+  ],
+  pageUrlAllowlist: [
+    'https://amplitude.com',
+    new RegExp('https://amplitude.com/blog/*')
+  ],
+});
+```
+
+Examples:
+- The above `cssSelectorAllowlist` will only allow tracking elements like:
+    - `<button amp-tracking>Click</button>`
+    - `<a class="amp-tracking">Link</a>`
+- The above `pageUrlAllowlist` will only allow the elements on URL "https://amplitude.com" or any URL matching the "https://amplitude.com/blog/*" to be tracked
+
+#### Options
+
+|Name|Type|Default|Description|
+|-|-|-|-|
+|`cssSelectorAllowlist`|`string[]`|`['a', 'button', 'input', 'select', 'textarea', 'label', '[data-amp-default-track]', '.amp-default-track']`| When provided, only allow elements matching any selector to be tracked. |
+|`pageUrlAllowlist`|`(string\|RegExp)[]`|`undefined`| When provided, only allow elements matching URLs to be tracked. |
+|`shouldTrackEventResolver`|`(actionType: ActionType, element: Element) => boolean`|`undefined`| When provided, overwrite all other allowlists and configurations. |
+|`dataAttributePrefix`|`string`|`'data-amp-track-'`| Allow data attributes to be collected in event property. |
+
+### 3. Install plugin to Amplitude SDK
+
+```typescript
+amplitude.add(plugin);
+```
+
+### 4. Initialize Amplitude SDK
+
+```typescript
+amplitude.init('API_KEY');
+```

package/lib/cjs/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const PLUGIN_NAME = "@amplitude/plugin-network-capture-browser";
+export declare const AMPLITUDE_NETWORK_REQUEST_EVENT = "[Amplitude] Network Request";
+//# sourceMappingURL=constants.d.ts.map

package/lib/cjs/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,8CAA8C,CAAC;AAEvE,eAAO,MAAM,+BAA+B,gCAAgC,CAAC"}

package/lib/cjs/constants.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AMPLITUDE_NETWORK_REQUEST_EVENT = exports.PLUGIN_NAME = void 0;
+exports.PLUGIN_NAME = '@amplitude/plugin-network-capture-browser';
+exports.AMPLITUDE_NETWORK_REQUEST_EVENT = '[Amplitude] Network Request';
+//# sourceMappingURL=constants.js.map

package/lib/cjs/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,WAAW,GAAG,2CAA2C,CAAC;AAE1D,QAAA,+BAA+B,GAAG,6BAA6B,CAAC","sourcesContent":["export const PLUGIN_NAME = '@amplitude/plugin-network-capture-browser';\n\nexport const AMPLITUDE_NETWORK_REQUEST_EVENT = '[Amplitude] Network Request';\n"]}

package/lib/cjs/index.d.ts

@@ -0,0 +1,2 @@
+export { networkCapturePlugin as plugin, networkCapturePlugin } from './network-capture-plugin';
+//# sourceMappingURL=index.d.ts.map

package/lib/cjs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,IAAI,MAAM,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC"}

package/lib/cjs/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.networkCapturePlugin = exports.plugin = void 0;
+var network_capture_plugin_1 = require("./network-capture-plugin");
+Object.defineProperty(exports, "plugin", { enumerable: true, get: function () { return network_capture_plugin_1.networkCapturePlugin; } });
+Object.defineProperty(exports, "networkCapturePlugin", { enumerable: true, get: function () { return network_capture_plugin_1.networkCapturePlugin; } });
+//# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,mEAAgG;AAAvF,gHAAA,oBAAoB,OAAU;AAAE,8HAAA,oBAAoB,OAAA","sourcesContent":["export { networkCapturePlugin as plugin, networkCapturePlugin } from './network-capture-plugin';\n"]}

package/lib/cjs/network-capture-plugin.d.ts

@@ -0,0 +1,32 @@
+import { BrowserClient, BrowserConfig, EnrichmentPlugin, ElementInteractionsOptions, NetworkRequestEvent, NetworkTrackingOptions } from '@amplitude/analytics-core';
+import { Observable } from 'rxjs';
+import { HasEventTargetAddRemove } from 'rxjs/internal/observable/fromEvent';
+declare global {
+    interface Window {
+        navigation: HasEventTargetAddRemove<Event>;
+    }
+}
+export type BrowserEnrichmentPlugin = EnrichmentPlugin<BrowserClient, BrowserConfig>;
+export type AutoCaptureOptionsWithDefaults = Required<Pick<ElementInteractionsOptions, 'debounceTime' | 'cssSelectorAllowlist' | 'actionClickAllowlist'>> & ElementInteractionsOptions;
+export declare enum ObservablesEnum {
+    NetworkObservable = "networkObservable"
+}
+type BaseTimestampedEvent<T> = {
+    event: T;
+    timestamp: number;
+    type: 'rage' | 'click' | 'change' | 'error' | 'navigate' | 'mutation' | 'network';
+};
+export type ElementBasedEvent = MouseEvent | Event;
+export type ElementBasedTimestampedEvent<T> = BaseTimestampedEvent<T> & {
+    event: MouseEvent | Event;
+    type: 'click' | 'change';
+    closestTrackedAncestor: Element;
+    targetElementProperties: Record<string, any>;
+};
+export type TimestampedEvent<T> = BaseTimestampedEvent<T> | ElementBasedTimestampedEvent<T>;
+export interface AllWindowObservables {
+    [ObservablesEnum.NetworkObservable]: Observable<TimestampedEvent<NetworkRequestEvent>>;
+}
+export declare const networkCapturePlugin: (options?: NetworkTrackingOptions) => BrowserEnrichmentPlugin;
+export {};
+//# sourceMappingURL=network-capture-plugin.d.ts.map

package/lib/cjs/network-capture-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"network-capture-plugin.d.ts","sourceRoot":"","sources":["../../src/network-capture-plugin.ts"],"names":[],"mappings":"AACA,OAAO,EACL,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,0BAA0B,EAC1B,mBAAmB,EAGnB,sBAAsB,EACvB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAgB,MAAM,MAAM,CAAC;AAChD,OAAO,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAG7E,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,UAAU,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC;KAC5C;CACF;AAED,MAAM,MAAM,uBAAuB,GAAG,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;AAErF,MAAM,MAAM,8BAA8B,GAAG,QAAQ,CACnD,IAAI,CAAC,0BAA0B,EAAE,cAAc,GAAG,sBAAsB,GAAG,sBAAsB,CAAC,CACnG,GACC,0BAA0B,CAAC;AAE7B,oBAAY,eAAe;IACzB,iBAAiB,sBAAsB;CACxC;AAGD,KAAK,oBAAoB,CAAC,CAAC,IAAI;IAC7B,KAAK,EAAE,CAAC,CAAC;IACT,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;CACnF,CAAC;AAGF,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,KAAK,CAAC;AACnD,MAAM,MAAM,4BAA4B,CAAC,CAAC,IAAI,oBAAoB,CAAC,CAAC,CAAC,GAAG;IACtE,KAAK,EAAE,UAAU,GAAG,KAAK,CAAC;IAC1B,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAC;IACzB,sBAAsB,EAAE,OAAO,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC9C,CAAC;AAGF,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,oBAAoB,CAAC,CAAC,CAAC,GAAG,4BAA4B,CAAC,CAAC,CAAC,CAAC;AAE5F,MAAM,WAAW,oBAAoB;IACnC,CAAC,eAAe,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,CAAC;CACxF;AAED,eAAO,MAAM,oBAAoB,aAAa,sBAAsB,KAAQ,uBA2E3E,CAAC"}

package/lib/cjs/network-capture-plugin.js

@@ -0,0 +1,99 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.networkCapturePlugin = exports.ObservablesEnum = void 0;
+var tslib_1 = require("tslib");
+/* eslint-disable no-restricted-globals */
+var analytics_core_1 = require("@amplitude/analytics-core");
+var constants = tslib_1.__importStar(require("./constants"));
+var rxjs_1 = require("rxjs");
+var track_network_event_1 = require("./track-network-event");
+var ObservablesEnum;
+(function (ObservablesEnum) {
+    ObservablesEnum["NetworkObservable"] = "networkObservable";
+})(ObservablesEnum = exports.ObservablesEnum || (exports.ObservablesEnum = {}));
+var networkCapturePlugin = function (options) {
+    if (options === void 0) { options = {}; }
+    var name = constants.PLUGIN_NAME;
+    var type = 'enrichment';
+    var subscriptions = [];
+    var addAdditionalEventProperties = function (event, type) {
+        var baseEvent = {
+            event: event,
+            timestamp: Date.now(),
+            type: type,
+        };
+        return baseEvent;
+    };
+    // Create observables on events on the window
+    var createObservables = function () {
+        var _a;
+        var networkObservable = new rxjs_1.Observable(function (observer) {
+            var callback = new analytics_core_1.NetworkEventCallback(function (event) {
+                var eventWithProperties = addAdditionalEventProperties(event, 'network');
+                observer.next(eventWithProperties);
+            });
+            analytics_core_1.networkObserver.subscribe(callback);
+            return function () {
+                analytics_core_1.networkObserver.unsubscribe(callback);
+            };
+        });
+        return _a = {},
+            _a[ObservablesEnum.NetworkObservable] = networkObservable,
+            _a;
+    };
+    var setup = function (config, amplitude) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var allObservables, networkRequestSubscription;
+        var _a;
+        return tslib_1.__generator(this, function (_b) {
+            /* istanbul ignore if */
+            if (typeof document === 'undefined') {
+                return [2 /*return*/];
+            }
+            allObservables = createObservables();
+            networkRequestSubscription = (0, track_network_event_1.trackNetworkEvents)({
+                allObservables: allObservables,
+                networkTrackingOptions: options,
+                amplitude: amplitude,
+            });
+            subscriptions.push(networkRequestSubscription);
+            /* istanbul ignore next */
+            (_a = config === null || config === void 0 ? void 0 : config.loggerProvider) === null || _a === void 0 ? void 0 : _a.log("".concat(name, " has been successfully added."));
+            return [2 /*return*/];
+        });
+    }); };
+    /* istanbul ignore next */
+    var execute = function (event) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        return tslib_1.__generator(this, function (_a) {
+            return [2 /*return*/, event];
+        });
+    }); };
+    var teardown = function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var subscriptions_1, subscriptions_1_1, subscription;
+        var e_1, _a;
+        return tslib_1.__generator(this, function (_b) {
+            try {
+                for (subscriptions_1 = tslib_1.__values(subscriptions), subscriptions_1_1 = subscriptions_1.next(); !subscriptions_1_1.done; subscriptions_1_1 = subscriptions_1.next()) {
+                    subscription = subscriptions_1_1.value;
+                    subscription.unsubscribe();
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (subscriptions_1_1 && !subscriptions_1_1.done && (_a = subscriptions_1.return)) _a.call(subscriptions_1);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+            return [2 /*return*/];
+        });
+    }); };
+    return {
+        name: name,
+        type: type,
+        setup: setup,
+        execute: execute,
+        teardown: teardown,
+    };
+};
+exports.networkCapturePlugin = networkCapturePlugin;
+//# sourceMappingURL=network-capture-plugin.js.map

package/lib/cjs/network-capture-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"network-capture-plugin.js","sourceRoot":"","sources":["../../src/network-capture-plugin.ts"],"names":[],"mappings":";;;;AAAA,0CAA0C;AAC1C,4DASmC;AACnC,6DAAyC;AACzC,6BAAgD;AAEhD,6DAA2D;AAe3D,IAAY,eAEX;AAFD,WAAY,eAAe;IACzB,0DAAuC,CAAA;AACzC,CAAC,EAFW,eAAe,GAAf,uBAAe,KAAf,uBAAe,QAE1B;AAyBM,IAAM,oBAAoB,GAAG,UAAC,OAAoC;IAApC,wBAAA,EAAA,YAAoC;IACvE,IAAM,IAAI,GAAG,SAAS,CAAC,WAAW,CAAC;IACnC,IAAM,IAAI,GAAG,YAAY,CAAC;IAE1B,IAAM,aAAa,GAAmB,EAAE,CAAC;IAEzC,IAAM,4BAA4B,GAAG,UACnC,KAAQ,EACR,IAAiC;QAEjC,IAAM,SAAS,GAA8D;YAC3E,KAAK,OAAA;YACL,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE;YACrB,IAAI,MAAA;SACL,CAAC;QAEF,OAAO,SAAS,CAAC;IACnB,CAAC,CAAC;IAEF,6CAA6C;IAC7C,IAAM,iBAAiB,GAAG;;QACxB,IAAM,iBAAiB,GAAG,IAAI,iBAAU,CAAwC,UAAC,QAAQ;YACvF,IAAM,QAAQ,GAAG,IAAI,qCAAoB,CAAC,UAAC,KAAK;gBAC9C,IAAM,mBAAmB,GAAG,4BAA4B,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;gBAC3E,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;YACrC,CAAC,CAAC,CAAC;YACH,gCAAe,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YACpC,OAAO;gBACL,gCAAe,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;YACxC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH;YACE,GAAC,eAAe,CAAC,iBAAiB,IAAG,iBAAiB;eACtD;IACJ,CAAC,CAAC;IAEF,IAAM,KAAK,GAAqC,UAAO,MAAM,EAAE,SAAS;;;;YACtE,wBAAwB;YACxB,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;gBACnC,sBAAO;aACR;YAGK,cAAc,GAAG,iBAAiB,EAAE,CAAC;YAErC,0BAA0B,GAAG,IAAA,wCAAkB,EAAC;gBACpD,cAAc,gBAAA;gBACd,sBAAsB,EAAE,OAAO;gBAC/B,SAAS,WAAA;aACV,CAAC,CAAC;YACH,aAAa,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC;YAE/C,0BAA0B;YAC1B,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,cAAc,0CAAE,GAAG,CAAC,UAAG,IAAI,kCAA+B,CAAC,CAAC;;;SACrE,CAAC;IAEF,0BAA0B;IAC1B,IAAM,OAAO,GAAuC,UAAO,KAAK;;YAC9D,sBAAO,KAAK,EAAC;;SACd,CAAC;IAEF,IAAM,QAAQ,GAAG;;;;;gBACf,KAA2B,kBAAA,iBAAA,aAAa,CAAA,mHAAE;oBAA/B,YAAY;oBACrB,YAAY,CAAC,WAAW,EAAE,CAAC;iBAC5B;;;;;;;;;;;SACF,CAAC;IAEF,OAAO;QACL,IAAI,MAAA;QACJ,IAAI,MAAA;QACJ,KAAK,OAAA;QACL,OAAO,SAAA;QACP,QAAQ,UAAA;KACT,CAAC;AACJ,CAAC,CAAC;AA3EW,QAAA,oBAAoB,wBA2E/B","sourcesContent":["/* eslint-disable no-restricted-globals */\nimport {\n  BrowserClient,\n  BrowserConfig,\n  EnrichmentPlugin,\n  ElementInteractionsOptions,\n  NetworkRequestEvent,\n  networkObserver,\n  NetworkEventCallback,\n  NetworkTrackingOptions,\n} from '@amplitude/analytics-core';\nimport * as constants from './constants';\nimport { Observable, Subscription } from 'rxjs';\nimport { HasEventTargetAddRemove } from 'rxjs/internal/observable/fromEvent';\nimport { trackNetworkEvents } from './track-network-event';\n\ndeclare global {\n  interface Window {\n    navigation: HasEventTargetAddRemove<Event>;\n  }\n}\n\nexport type BrowserEnrichmentPlugin = EnrichmentPlugin<BrowserClient, BrowserConfig>;\n\nexport type AutoCaptureOptionsWithDefaults = Required<\n  Pick<ElementInteractionsOptions, 'debounceTime' | 'cssSelectorAllowlist' | 'actionClickAllowlist'>\n> &\n  ElementInteractionsOptions;\n\nexport enum ObservablesEnum {\n  NetworkObservable = 'networkObservable',\n}\n\n// Base TimestampedEvent type\ntype BaseTimestampedEvent<T> = {\n  event: T;\n  timestamp: number;\n  type: 'rage' | 'click' | 'change' | 'error' | 'navigate' | 'mutation' | 'network';\n};\n\n// Specific types for events with targetElementProperties\nexport type ElementBasedEvent = MouseEvent | Event;\nexport type ElementBasedTimestampedEvent<T> = BaseTimestampedEvent<T> & {\n  event: MouseEvent | Event;\n  type: 'click' | 'change';\n  closestTrackedAncestor: Element;\n  targetElementProperties: Record<string, any>;\n};\n\n// Union type for all possible TimestampedEvents\nexport type TimestampedEvent<T> = BaseTimestampedEvent<T> | ElementBasedTimestampedEvent<T>;\n\nexport interface AllWindowObservables {\n  [ObservablesEnum.NetworkObservable]: Observable<TimestampedEvent<NetworkRequestEvent>>;\n}\n\nexport const networkCapturePlugin = (options: NetworkTrackingOptions = {}): BrowserEnrichmentPlugin => {\n  const name = constants.PLUGIN_NAME;\n  const type = 'enrichment';\n\n  const subscriptions: Subscription[] = [];\n\n  const addAdditionalEventProperties = <T>(\n    event: T,\n    type: TimestampedEvent<T>['type'],\n  ): TimestampedEvent<T> | ElementBasedTimestampedEvent<T> => {\n    const baseEvent: BaseTimestampedEvent<T> | ElementBasedTimestampedEvent<T> = {\n      event,\n      timestamp: Date.now(),\n      type,\n    };\n\n    return baseEvent;\n  };\n\n  // Create observables on events on the window\n  const createObservables = (): AllWindowObservables => {\n    const networkObservable = new Observable<TimestampedEvent<NetworkRequestEvent>>((observer) => {\n      const callback = new NetworkEventCallback((event) => {\n        const eventWithProperties = addAdditionalEventProperties(event, 'network');\n        observer.next(eventWithProperties);\n      });\n      networkObserver.subscribe(callback);\n      return () => {\n        networkObserver.unsubscribe(callback);\n      };\n    });\n\n    return {\n      [ObservablesEnum.NetworkObservable]: networkObservable,\n    };\n  };\n\n  const setup: BrowserEnrichmentPlugin['setup'] = async (config, amplitude) => {\n    /* istanbul ignore if */\n    if (typeof document === 'undefined') {\n      return;\n    }\n\n    // Create observables for events on the window\n    const allObservables = createObservables();\n\n    const networkRequestSubscription = trackNetworkEvents({\n      allObservables,\n      networkTrackingOptions: options,\n      amplitude,\n    });\n    subscriptions.push(networkRequestSubscription);\n\n    /* istanbul ignore next */\n    config?.loggerProvider?.log(`${name} has been successfully added.`);\n  };\n\n  /* istanbul ignore next */\n  const execute: BrowserEnrichmentPlugin['execute'] = async (event) => {\n    return event;\n  };\n\n  const teardown = async () => {\n    for (const subscription of subscriptions) {\n      subscription.unsubscribe();\n    }\n  };\n\n  return {\n    name,\n    type,\n    setup,\n    execute,\n    teardown,\n  };\n};\n"]}

package/lib/cjs/track-network-event.d.ts

@@ -0,0 +1,21 @@
+import { BrowserClient, NetworkRequestEvent, NetworkTrackingOptions } from '@amplitude/analytics-core';
+import { AllWindowObservables } from './network-capture-plugin';
+export declare function shouldTrackNetworkEvent(networkEvent: NetworkRequestEvent, options?: NetworkTrackingOptions): boolean;
+export type NetworkAnalyticsEvent = {
+    ['[Amplitude] URL']: string;
+    ['[Amplitude] URL Query']?: string;
+    ['[Amplitude] URL Fragment']?: string;
+    ['[Amplitude] Request Method']: string;
+    ['[Amplitude] Status Code']?: number;
+    ['[Amplitude] Start Time']?: string;
+    ['[Amplitude] Completion Time']?: string;
+    ['[Amplitude] Duration']?: number;
+    ['[Amplitude] Request Body Size']?: number;
+    ['[Amplitude] Response Body Size']?: number;
+};
+export declare function trackNetworkEvents({ allObservables, networkTrackingOptions, amplitude, }: {
+    allObservables: AllWindowObservables;
+    networkTrackingOptions: NetworkTrackingOptions;
+    amplitude: BrowserClient;
+}): import("rxjs").Subscription;
+//# sourceMappingURL=track-network-event.d.ts.map

package/lib/cjs/track-network-event.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"track-network-event.d.ts","sourceRoot":"","sources":["../../src/track-network-event.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,mBAAmB,EAEnB,sBAAsB,EACvB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,oBAAoB,EAAoB,MAAM,0BAA0B,CAAC;AA6ClF,wBAAgB,uBAAuB,CAAC,YAAY,EAAE,mBAAmB,EAAE,OAAO,GAAE,sBAA2B,WA2C9G;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC5B,CAAC,uBAAuB,CAAC,CAAC,EAAE,MAAM,CAAC;IACnC,CAAC,0BAA0B,CAAC,CAAC,EAAE,MAAM,CAAC;IACtC,CAAC,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACvC,CAAC,yBAAyB,CAAC,CAAC,EAAE,MAAM,CAAC;IACrC,CAAC,wBAAwB,CAAC,CAAC,EAAE,MAAM,CAAC;IACpC,CAAC,6BAA6B,CAAC,CAAC,EAAE,MAAM,CAAC;IACzC,CAAC,sBAAsB,CAAC,CAAC,EAAE,MAAM,CAAC;IAClC,CAAC,+BAA+B,CAAC,CAAC,EAAE,MAAM,CAAC;IAC3C,CAAC,gCAAgC,CAAC,CAAC,EAAE,MAAM,CAAC;CAC7C,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,cAAc,EACd,sBAAsB,EACtB,SAAS,GACV,EAAE;IACD,cAAc,EAAE,oBAAoB,CAAC;IACrC,sBAAsB,EAAE,sBAAsB,CAAC;IAC/C,SAAS,EAAE,aAAa,CAAC;CAC1B,+BA0CA"}

package/lib/cjs/track-network-event.js

@@ -0,0 +1,131 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.trackNetworkEvents = exports.shouldTrackNetworkEvent = void 0;
+var tslib_1 = require("tslib");
+var rxjs_1 = require("rxjs");
+var constants_1 = require("./constants");
+var DEFAULT_STATUS_CODE_RANGE = '500-599';
+function wildcardMatch(str, pattern) {
+    // Escape all regex special characters except for *
+    var escapedPattern = pattern.replace(/[-[\]{}()+?.,\\^$|#\s]/g, '\\$&');
+    // Replace * with .*
+    var regexPattern = '^' + escapedPattern.replace(/\*/g, '.*') + '$';
+    var regex = new RegExp(regexPattern);
+    return regex.test(str);
+}
+function isStatusCodeInRange(statusCode, range) {
+    var e_1, _a;
+    var ranges = range.split(',');
+    try {
+        for (var ranges_1 = tslib_1.__values(ranges), ranges_1_1 = ranges_1.next(); !ranges_1_1.done; ranges_1_1 = ranges_1.next()) {
+            var r = ranges_1_1.value;
+            var _b = tslib_1.__read(r.split('-').map(Number), 2), start = _b[0], end = _b[1];
+            if (statusCode === start && end === undefined) {
+                return true;
+            }
+            if (statusCode >= start && statusCode <= end) {
+                return true;
+            }
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (ranges_1_1 && !ranges_1_1.done && (_a = ranges_1.return)) _a.call(ranges_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    return false;
+}
+function isCaptureRuleMatch(rule, hostname, status) {
+    // check if the host is in the allowed hosts
+    if (rule.hosts && !rule.hosts.find(function (host) { return wildcardMatch(hostname, host); })) {
+        return;
+    }
+    // check if the status code is in the allowed range
+    if (status || status === 0) {
+        var statusCodeRange = rule.statusCodeRange || DEFAULT_STATUS_CODE_RANGE;
+        if (!isStatusCodeInRange(status, statusCodeRange)) {
+            return false;
+        }
+    }
+    return true;
+}
+function shouldTrackNetworkEvent(networkEvent, options) {
+    var _a;
+    if (options === void 0) { options = {}; }
+    var url = new URL(networkEvent.url);
+    var host = url.hostname;
+    // false if is amplitude request and not configured to track amplitude requests
+    if (options.ignoreAmplitudeRequests !== false &&
+        (wildcardMatch(host, '*.amplitude.com') || wildcardMatch(host, 'amplitude.com'))) {
+        return false;
+    }
+    // false if the host is in the ignore list
+    if ((_a = options.ignoreHosts) === null || _a === void 0 ? void 0 : _a.find(function (ignoreHost) { return wildcardMatch(host, ignoreHost); })) {
+        return false;
+    }
+    // false if the status code is not 500-599 and there are no captureRules
+    if (!options.captureRules &&
+        networkEvent.status !== undefined &&
+        !isStatusCodeInRange(networkEvent.status, DEFAULT_STATUS_CODE_RANGE)) {
+        return false;
+    }
+    if (options.captureRules) {
+        // find the first capture rule, in reverse-order,
+        // that is a match (true) or a miss (false)
+        var isMatch_1;
+        tslib_1.__spreadArray([], tslib_1.__read(options.captureRules), false).reverse().find(function (rule) {
+            isMatch_1 = isCaptureRuleMatch(rule, host, networkEvent.status);
+            return isMatch_1 !== undefined;
+        });
+        // if we found a miss (false) or no match (undefined),
+        // then do not track the event
+        if (!isMatch_1) {
+            return false;
+        }
+    }
+    return true;
+}
+exports.shouldTrackNetworkEvent = shouldTrackNetworkEvent;
+function trackNetworkEvents(_a) {
+    var allObservables = _a.allObservables, networkTrackingOptions = _a.networkTrackingOptions, amplitude = _a.amplitude;
+    var networkObservable = allObservables.networkObservable;
+    var filteredNetworkObservable = networkObservable.pipe((0, rxjs_1.filter)(function (event) {
+        // Only track network events that should be tracked,
+        return shouldTrackNetworkEvent(event.event, networkTrackingOptions);
+    }));
+    return filteredNetworkObservable.subscribe(function (networkEvent) {
+        var _a;
+        var request = networkEvent.event;
+        // convert to NetworkAnalyticsEvent
+        var url, urlQuery, urlFragment;
+        try {
+            url = new URL(request.url);
+            urlQuery = url.searchParams.toString();
+            urlFragment = url.hash.replace('#', '');
+        }
+        catch (e) {
+            // if the URL failed to parse, just use the original URL
+            // and do not include the query or fragment
+        }
+        var startTimeAsDate = request.startTime ? new Date(request.startTime).toISOString() : undefined;
+        var endTimeAsDate = request.endTime ? new Date(request.endTime).toISOString() : undefined;
+        var networkAnalyticsEvent = (_a = {},
+            _a['[Amplitude] URL'] = request.url,
+            _a['[Amplitude] URL Query'] = urlQuery,
+            _a['[Amplitude] URL Fragment'] = urlFragment,
+            _a['[Amplitude] Request Method'] = request.method,
+            _a['[Amplitude] Status Code'] = request.status,
+            _a['[Amplitude] Start Time'] = startTimeAsDate,
+            _a['[Amplitude] Completion Time'] = endTimeAsDate,
+            _a['[Amplitude] Duration'] = request.duration,
+            _a['[Amplitude] Request Body Size'] = request.requestBodySize,
+            _a['[Amplitude] Response Body Size'] = request.responseBodySize,
+            _a);
+        /* istanbul ignore next */
+        amplitude === null || amplitude === void 0 ? void 0 : amplitude.track(constants_1.AMPLITUDE_NETWORK_REQUEST_EVENT, networkAnalyticsEvent);
+    });
+}
+exports.trackNetworkEvents = trackNetworkEvents;
+//# sourceMappingURL=track-network-event.js.map

package/lib/cjs/track-network-event.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"track-network-event.js","sourceRoot":"","sources":["../../src/track-network-event.ts"],"names":[],"mappings":";;;;AAMA,6BAA8B;AAE9B,yCAA8D;AAE9D,IAAM,yBAAyB,GAAG,SAAS,CAAC;AAE5C,SAAS,aAAa,CAAC,GAAW,EAAE,OAAe;IACjD,mDAAmD;IACnD,IAAM,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC,yBAAyB,EAAE,MAAM,CAAC,CAAC;IAC1E,oBAAoB;IACpB,IAAM,YAAY,GAAG,GAAG,GAAG,cAAc,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,GAAG,CAAC;IACrE,IAAM,KAAK,GAAG,IAAI,MAAM,CAAC,YAAY,CAAC,CAAC;IACvC,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACzB,CAAC;AAED,SAAS,mBAAmB,CAAC,UAAkB,EAAE,KAAa;;IAC5D,IAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;;QAChC,KAAgB,IAAA,WAAA,iBAAA,MAAM,CAAA,8BAAA,kDAAE;YAAnB,IAAM,CAAC,mBAAA;YACJ,IAAA,KAAA,eAAe,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,IAAA,EAAtC,KAAK,QAAA,EAAE,GAAG,QAA4B,CAAC;YAC9C,IAAI,UAAU,KAAK,KAAK,IAAI,GAAG,KAAK,SAAS,EAAE;gBAC7C,OAAO,IAAI,CAAC;aACb;YACD,IAAI,UAAU,IAAI,KAAK,IAAI,UAAU,IAAI,GAAG,EAAE;gBAC5C,OAAO,IAAI,CAAC;aACb;SACF;;;;;;;;;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAS,kBAAkB,CAAC,IAAwB,EAAE,QAAgB,EAAE,MAAe;IACrF,4CAA4C;IAC5C,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAC,IAAY,IAAK,OAAA,aAAa,CAAC,QAAQ,EAAE,IAAI,CAAC,EAA7B,CAA6B,CAAC,EAAE;QACnF,OAAO;KACR;IAED,mDAAmD;IACnD,IAAI,MAAM,IAAI,MAAM,KAAK,CAAC,EAAE;QAC1B,IAAM,eAAe,GAAG,IAAI,CAAC,eAAe,IAAI,yBAAyB,CAAC;QAC1E,IAAI,CAAC,mBAAmB,CAAC,MAAM,EAAE,eAAe,CAAC,EAAE;YACjD,OAAO,KAAK,CAAC;SACd;KACF;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAgB,uBAAuB,CAAC,YAAiC,EAAE,OAAoC;;IAApC,wBAAA,EAAA,YAAoC;IAC7G,IAAM,GAAG,GAAG,IAAI,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IACtC,IAAM,IAAI,GAAG,GAAG,CAAC,QAAQ,CAAC;IAE1B,+EAA+E;IAC/E,IACE,OAAO,CAAC,uBAAuB,KAAK,KAAK;QACzC,CAAC,aAAa,CAAC,IAAI,EAAE,iBAAiB,CAAC,IAAI,aAAa,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC,EAChF;QACA,OAAO,KAAK,CAAC;KACd;IAED,0CAA0C;IAC1C,IAAI,MAAA,OAAO,CAAC,WAAW,0CAAE,IAAI,CAAC,UAAC,UAAkB,IAAK,OAAA,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,EAA/B,CAA+B,CAAC,EAAE;QACtF,OAAO,KAAK,CAAC;KACd;IAED,wEAAwE;IACxE,IACE,CAAC,OAAO,CAAC,YAAY;QACrB,YAAY,CAAC,MAAM,KAAK,SAAS;QACjC,CAAC,mBAAmB,CAAC,YAAY,CAAC,MAAM,EAAE,yBAAyB,CAAC,EACpE;QACA,OAAO,KAAK,CAAC;KACd;IAED,IAAI,OAAO,CAAC,YAAY,EAAE;QACxB,iDAAiD;QACjD,2CAA2C;QAC3C,IAAI,SAA4B,CAAC;QACjC,yCAAI,OAAO,CAAC,YAAY,UAAE,OAAO,EAAE,CAAC,IAAI,CAAC,UAAC,IAAI;YAC5C,SAAO,GAAG,kBAAkB,CAAC,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;YAC9D,OAAO,SAAO,KAAK,SAAS,CAAC;QAC/B,CAAC,CAAC,CAAC;QAEH,sDAAsD;QACtD,8BAA8B;QAC9B,IAAI,CAAC,SAAO,EAAE;YACZ,OAAO,KAAK,CAAC;SACd;KACF;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AA3CD,0DA2CC;AAeD,SAAgB,kBAAkB,CAAC,EAQlC;QAPC,cAAc,oBAAA,EACd,sBAAsB,4BAAA,EACtB,SAAS,eAAA;IAMD,IAAA,iBAAiB,GAAK,cAAc,kBAAnB,CAAoB;IAE7C,IAAM,yBAAyB,GAAG,iBAAiB,CAAC,IAAI,CACtD,IAAA,aAAM,EAAC,UAAC,KAA4C;QAClD,oDAAoD;QACpD,OAAO,uBAAuB,CAAC,KAAK,CAAC,KAA4B,EAAE,sBAAsB,CAAC,CAAC;IAC7F,CAAC,CAAC,CACH,CAAC;IAEF,OAAO,yBAAyB,CAAC,SAAS,CAAC,UAAC,YAAY;;QACtD,IAAM,OAAO,GAAG,YAAY,CAAC,KAA4B,CAAC;QAE1D,mCAAmC;QACnC,IAAI,GAAG,EAAE,QAAQ,EAAE,WAAW,CAAC;QAC/B,IAAI;YACF,GAAG,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;YAC3B,QAAQ,GAAG,GAAG,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC;YACvC,WAAW,GAAG,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;SACzC;QAAC,OAAO,CAAC,EAAE;YACV,wDAAwD;YACxD,2CAA2C;SAC5C;QAED,IAAM,eAAe,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;QAClG,IAAM,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;QAC5F,IAAM,qBAAqB;YACzB,GAAC,iBAAiB,IAAG,OAAO,CAAC,GAAG;YAChC,GAAC,uBAAuB,IAAG,QAAQ;YACnC,GAAC,0BAA0B,IAAG,WAAW;YACzC,GAAC,4BAA4B,IAAG,OAAO,CAAC,MAAM;YAC9C,GAAC,yBAAyB,IAAG,OAAO,CAAC,MAAM;YAC3C,GAAC,wBAAwB,IAAG,eAAe;YAC3C,GAAC,6BAA6B,IAAG,aAAa;YAC9C,GAAC,sBAAsB,IAAG,OAAO,CAAC,QAAQ;YAC1C,GAAC,+BAA+B,IAAG,OAAO,CAAC,eAAe;YAC1D,GAAC,gCAAgC,IAAG,OAAO,CAAC,gBAAgB;eAC7D,CAAC;QAEF,0BAA0B;QAC1B,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,CAAC,2CAA+B,EAAE,qBAAqB,CAAC,CAAC;IAC3E,CAAC,CAAC,CAAC;AACL,CAAC;AAlDD,gDAkDC","sourcesContent":["import {\n  BrowserClient,\n  NetworkRequestEvent,\n  NetworkCaptureRule,\n  NetworkTrackingOptions,\n} from '@amplitude/analytics-core';\nimport { filter } from 'rxjs';\nimport { AllWindowObservables, TimestampedEvent } from './network-capture-plugin';\nimport { AMPLITUDE_NETWORK_REQUEST_EVENT } from './constants';\n\nconst DEFAULT_STATUS_CODE_RANGE = '500-599';\n\nfunction wildcardMatch(str: string, pattern: string) {\n  // Escape all regex special characters except for *\n  const escapedPattern = pattern.replace(/[-[\\]{}()+?.,\\\\^$|#\\s]/g, '\\\\$&');\n  // Replace * with .*\n  const regexPattern = '^' + escapedPattern.replace(/\\*/g, '.*') + '$';\n  const regex = new RegExp(regexPattern);\n  return regex.test(str);\n}\n\nfunction isStatusCodeInRange(statusCode: number, range: string) {\n  const ranges = range.split(',');\n  for (const r of ranges) {\n    const [start, end] = r.split('-').map(Number);\n    if (statusCode === start && end === undefined) {\n      return true;\n    }\n    if (statusCode >= start && statusCode <= end) {\n      return true;\n    }\n  }\n  return false;\n}\n\nfunction isCaptureRuleMatch(rule: NetworkCaptureRule, hostname: string, status?: number) {\n  // check if the host is in the allowed hosts\n  if (rule.hosts && !rule.hosts.find((host: string) => wildcardMatch(hostname, host))) {\n    return;\n  }\n\n  // check if the status code is in the allowed range\n  if (status || status === 0) {\n    const statusCodeRange = rule.statusCodeRange || DEFAULT_STATUS_CODE_RANGE;\n    if (!isStatusCodeInRange(status, statusCodeRange)) {\n      return false;\n    }\n  }\n\n  return true;\n}\n\nexport function shouldTrackNetworkEvent(networkEvent: NetworkRequestEvent, options: NetworkTrackingOptions = {}) {\n  const url = new URL(networkEvent.url);\n  const host = url.hostname;\n\n  // false if is amplitude request and not configured to track amplitude requests\n  if (\n    options.ignoreAmplitudeRequests !== false &&\n    (wildcardMatch(host, '*.amplitude.com') || wildcardMatch(host, 'amplitude.com'))\n  ) {\n    return false;\n  }\n\n  // false if the host is in the ignore list\n  if (options.ignoreHosts?.find((ignoreHost: string) => wildcardMatch(host, ignoreHost))) {\n    return false;\n  }\n\n  // false if the status code is not 500-599 and there are no captureRules\n  if (\n    !options.captureRules &&\n    networkEvent.status !== undefined &&\n    !isStatusCodeInRange(networkEvent.status, DEFAULT_STATUS_CODE_RANGE)\n  ) {\n    return false;\n  }\n\n  if (options.captureRules) {\n    // find the first capture rule, in reverse-order,\n    // that is a match (true) or a miss (false)\n    let isMatch: boolean | undefined;\n    [...options.captureRules].reverse().find((rule) => {\n      isMatch = isCaptureRuleMatch(rule, host, networkEvent.status);\n      return isMatch !== undefined;\n    });\n\n    // if we found a miss (false) or no match (undefined),\n    // then do not track the event\n    if (!isMatch) {\n      return false;\n    }\n  }\n\n  return true;\n}\n\nexport type NetworkAnalyticsEvent = {\n  ['[Amplitude] URL']: string;\n  ['[Amplitude] URL Query']?: string;\n  ['[Amplitude] URL Fragment']?: string;\n  ['[Amplitude] Request Method']: string;\n  ['[Amplitude] Status Code']?: number;\n  ['[Amplitude] Start Time']?: string; // ISO 8601\n  ['[Amplitude] Completion Time']?: string; // ISO 8601\n  ['[Amplitude] Duration']?: number; // completionTime - startTime (millis)\n  ['[Amplitude] Request Body Size']?: number;\n  ['[Amplitude] Response Body Size']?: number;\n};\n\nexport function trackNetworkEvents({\n  allObservables,\n  networkTrackingOptions,\n  amplitude,\n}: {\n  allObservables: AllWindowObservables;\n  networkTrackingOptions: NetworkTrackingOptions;\n  amplitude: BrowserClient;\n}) {\n  const { networkObservable } = allObservables;\n\n  const filteredNetworkObservable = networkObservable.pipe(\n    filter((event: TimestampedEvent<NetworkRequestEvent>) => {\n      // Only track network events that should be tracked,\n      return shouldTrackNetworkEvent(event.event as NetworkRequestEvent, networkTrackingOptions);\n    }),\n  );\n\n  return filteredNetworkObservable.subscribe((networkEvent) => {\n    const request = networkEvent.event as NetworkRequestEvent;\n\n    // convert to NetworkAnalyticsEvent\n    let url, urlQuery, urlFragment;\n    try {\n      url = new URL(request.url);\n      urlQuery = url.searchParams.toString();\n      urlFragment = url.hash.replace('#', '');\n    } catch (e) {\n      // if the URL failed to parse, just use the original URL\n      // and do not include the query or fragment\n    }\n\n    const startTimeAsDate = request.startTime ? new Date(request.startTime).toISOString() : undefined;\n    const endTimeAsDate = request.endTime ? new Date(request.endTime).toISOString() : undefined;\n    const networkAnalyticsEvent: NetworkAnalyticsEvent = {\n      ['[Amplitude] URL']: request.url,\n      ['[Amplitude] URL Query']: urlQuery,\n      ['[Amplitude] URL Fragment']: urlFragment,\n      ['[Amplitude] Request Method']: request.method,\n      ['[Amplitude] Status Code']: request.status,\n      ['[Amplitude] Start Time']: startTimeAsDate,\n      ['[Amplitude] Completion Time']: endTimeAsDate,\n      ['[Amplitude] Duration']: request.duration,\n      ['[Amplitude] Request Body Size']: request.requestBodySize,\n      ['[Amplitude] Response Body Size']: request.responseBodySize,\n    };\n\n    /* istanbul ignore next */\n    amplitude?.track(AMPLITUDE_NETWORK_REQUEST_EVENT, networkAnalyticsEvent);\n  });\n}\n"]}

package/lib/cjs/version.d.ts

@@ -0,0 +1,2 @@
+export declare const VERSION = "1.0.1-usenetworkcaptureinanalyticsbrowser-1.0";
+//# sourceMappingURL=version.d.ts.map

package/lib/cjs/version.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,kDAAkD,CAAC"}

package/lib/cjs/version.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VERSION = void 0;
+exports.VERSION = '1.0.1-usenetworkcaptureinanalyticsbrowser-1.0';
+//# sourceMappingURL=version.js.map

package/lib/cjs/version.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":";;;AAAa,QAAA,OAAO,GAAG,+CAA+C,CAAC","sourcesContent":["export const VERSION = '1.0.1-usenetworkcaptureinanalyticsbrowser-1.0';\n"]}

package/lib/esm/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const PLUGIN_NAME = "@amplitude/plugin-network-capture-browser";
+export declare const AMPLITUDE_NETWORK_REQUEST_EVENT = "[Amplitude] Network Request";
+//# sourceMappingURL=constants.d.ts.map

package/lib/esm/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,8CAA8C,CAAC;AAEvE,eAAO,MAAM,+BAA+B,gCAAgC,CAAC"}

package/lib/esm/constants.js

@@ -0,0 +1,3 @@
+export var PLUGIN_NAME = '@amplitude/plugin-network-capture-browser';
+export var AMPLITUDE_NETWORK_REQUEST_EVENT = '[Amplitude] Network Request';
+//# sourceMappingURL=constants.js.map

package/lib/esm/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,WAAW,GAAG,2CAA2C,CAAC;AAEvE,MAAM,CAAC,IAAM,+BAA+B,GAAG,6BAA6B,CAAC","sourcesContent":["export const PLUGIN_NAME = '@amplitude/plugin-network-capture-browser';\n\nexport const AMPLITUDE_NETWORK_REQUEST_EVENT = '[Amplitude] Network Request';\n"]}

package/lib/esm/index.d.ts

@@ -0,0 +1,2 @@
+export { networkCapturePlugin as plugin, networkCapturePlugin } from './network-capture-plugin';
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,IAAI,MAAM,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC"}

package/lib/esm/index.js

@@ -0,0 +1,2 @@
+export { networkCapturePlugin as plugin, networkCapturePlugin } from './network-capture-plugin';
+//# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,IAAI,MAAM,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC","sourcesContent":["export { networkCapturePlugin as plugin, networkCapturePlugin } from './network-capture-plugin';\n"]}

package/lib/esm/network-capture-plugin.d.ts

@@ -0,0 +1,32 @@
+import { BrowserClient, BrowserConfig, EnrichmentPlugin, ElementInteractionsOptions, NetworkRequestEvent, NetworkTrackingOptions } from '@amplitude/analytics-core';
+import { Observable } from 'rxjs';
+import { HasEventTargetAddRemove } from 'rxjs/internal/observable/fromEvent';
+declare global {
+    interface Window {
+        navigation: HasEventTargetAddRemove<Event>;
+    }
+}
+export type BrowserEnrichmentPlugin = EnrichmentPlugin<BrowserClient, BrowserConfig>;
+export type AutoCaptureOptionsWithDefaults = Required<Pick<ElementInteractionsOptions, 'debounceTime' | 'cssSelectorAllowlist' | 'actionClickAllowlist'>> & ElementInteractionsOptions;
+export declare enum ObservablesEnum {
+    NetworkObservable = "networkObservable"
+}
+type BaseTimestampedEvent<T> = {
+    event: T;
+    timestamp: number;
+    type: 'rage' | 'click' | 'change' | 'error' | 'navigate' | 'mutation' | 'network';
+};
+export type ElementBasedEvent = MouseEvent | Event;
+export type ElementBasedTimestampedEvent<T> = BaseTimestampedEvent<T> & {
+    event: MouseEvent | Event;
+    type: 'click' | 'change';
+    closestTrackedAncestor: Element;
+    targetElementProperties: Record<string, any>;
+};
+export type TimestampedEvent<T> = BaseTimestampedEvent<T> | ElementBasedTimestampedEvent<T>;
+export interface AllWindowObservables {
+    [ObservablesEnum.NetworkObservable]: Observable<TimestampedEvent<NetworkRequestEvent>>;
+}
+export declare const networkCapturePlugin: (options?: NetworkTrackingOptions) => BrowserEnrichmentPlugin;
+export {};
+//# sourceMappingURL=network-capture-plugin.d.ts.map

package/lib/esm/network-capture-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"network-capture-plugin.d.ts","sourceRoot":"","sources":["../../src/network-capture-plugin.ts"],"names":[],"mappings":"AACA,OAAO,EACL,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,0BAA0B,EAC1B,mBAAmB,EAGnB,sBAAsB,EACvB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAgB,MAAM,MAAM,CAAC;AAChD,OAAO,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAG7E,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,UAAU,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC;KAC5C;CACF;AAED,MAAM,MAAM,uBAAuB,GAAG,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;AAErF,MAAM,MAAM,8BAA8B,GAAG,QAAQ,CACnD,IAAI,CAAC,0BAA0B,EAAE,cAAc,GAAG,sBAAsB,GAAG,sBAAsB,CAAC,CACnG,GACC,0BAA0B,CAAC;AAE7B,oBAAY,eAAe;IACzB,iBAAiB,sBAAsB;CACxC;AAGD,KAAK,oBAAoB,CAAC,CAAC,IAAI;IAC7B,KAAK,EAAE,CAAC,CAAC;IACT,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;CACnF,CAAC;AAGF,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,KAAK,CAAC;AACnD,MAAM,MAAM,4BAA4B,CAAC,CAAC,IAAI,oBAAoB,CAAC,CAAC,CAAC,GAAG;IACtE,KAAK,EAAE,UAAU,GAAG,KAAK,CAAC;IAC1B,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAC;IACzB,sBAAsB,EAAE,OAAO,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC9C,CAAC;AAGF,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,oBAAoB,CAAC,CAAC,CAAC,GAAG,4BAA4B,CAAC,CAAC,CAAC,CAAC;AAE5F,MAAM,WAAW,oBAAoB;IACnC,CAAC,eAAe,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,CAAC;CACxF;AAED,eAAO,MAAM,oBAAoB,aAAa,sBAAsB,KAAQ,uBA2E3E,CAAC"}