163 lines
24 KiB
JavaScript
163 lines
24 KiB
JavaScript
|
import { __awaiter } from "tslib";
|
||
|
|
import { Inject, Injectable, InjectionToken, NgZone, Optional, PLATFORM_ID } from '@angular/core';
|
||
|
|
import { EMPTY, of } from 'rxjs';
|
||
|
|
import { isPlatformBrowser } from '@angular/common';
|
||
|
|
import { map, shareReplay, switchMap, observeOn } from 'rxjs/operators';
|
||
|
|
import { ɵAngularFireSchedulers } from '@angular/fire';
|
||
|
|
import { ɵlazySDKProxy, ɵapplyMixins, ɵcacheInstance } from '@angular/fire/compat';
|
||
|
|
import { FirebaseApp } from '@angular/fire/compat';
|
||
|
|
import { proxyPolyfillCompat } from './base';
|
||
|
|
import { isSupported } from 'firebase/analytics';
|
||
|
|
import * as i0 from "@angular/core";
|
||
|
|
import * as i1 from "@angular/fire/compat";
|
||
|
|
import * as i2 from "@angular/fire";
|
||
|
|
export const COLLECTION_ENABLED = new InjectionToken('angularfire2.analytics.analyticsCollectionEnabled');
|
||
|
|
export const APP_VERSION = new InjectionToken('angularfire2.analytics.appVersion');
|
||
|
|
export const APP_NAME = new InjectionToken('angularfire2.analytics.appName');
|
||
|
|
export const DEBUG_MODE = new InjectionToken('angularfire2.analytics.debugMode');
|
||
|
|
export const CONFIG = new InjectionToken('angularfire2.analytics.config');
|
||
|
|
const APP_NAME_KEY = 'app_name';
|
||
|
|
const APP_VERSION_KEY = 'app_version';
|
||
|
|
const DEBUG_MODE_KEY = 'debug_mode';
|
||
|
|
const GTAG_CONFIG_COMMAND = 'config';
|
||
|
|
const GTAG_FUNCTION_NAME = 'gtag'; // TODO rename these
|
||
|
|
const DATA_LAYER_NAME = 'dataLayer';
|
||
|
|
const SEND_TO_KEY = 'send_to';
|
||
|
|
export class AngularFireAnalytics {
|
||
|
|
constructor(app, analyticsCollectionEnabled, providedAppVersion, providedAppName, debugModeEnabled, providedConfig,
|
||
|
|
// tslint:disable-next-line:ban-types
|
||
|
|
platformId, zone, schedulers) {
|
||
|
|
this.analyticsInitialized = new Promise(() => { });
|
||
|
|
if (isPlatformBrowser(platformId)) {
|
||
|
|
window[DATA_LAYER_NAME] = window[DATA_LAYER_NAME] || [];
|
||
|
|
// It turns out we can't rely on the measurementId in the Firebase config JSON
|
||
|
|
// this identifier is not stable. firebase/analytics does a call to get a fresh value
|
||
|
|
// falling back on the one in the config. Rather than do that ourselves we should listen
|
||
|
|
// on our gtag function for a analytics config command
|
||
|
|
// e.g, ['config', measurementId, { origin: 'firebase', firebase_id }]
|
||
|
|
const parseMeasurementId = (...args) => {
|
||
|
|
if (args[0] === 'config' && args[2].origin === 'firebase') {
|
||
|
|
this.measurementId = args[1];
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
};
|
||
|
|
const patchGtag = (fn) => {
|
||
|
|
window[GTAG_FUNCTION_NAME] = (...args) => {
|
||
|
|
if (fn) {
|
||
|
|
fn(...args);
|
||
|
|
}
|
||
|
|
// Inject app_name and app_version into events
|
||
|
|
// TODO(jamesdaniels): I'm doing this as documented but it's still not
|
||
|
|
// showing up in the console. Investigate. Guessing it's just part of the
|
||
|
|
// whole GA4 transition mess.
|
||
|
|
if (args[0] === 'event' && args[2][SEND_TO_KEY] === this.measurementId) {
|
||
|
|
if (providedAppName) {
|
||
|
|
args[2][APP_NAME_KEY] = providedAppName;
|
||
|
|
}
|
||
|
|
if (providedAppVersion) {
|
||
|
|
args[2][APP_VERSION_KEY] = providedAppVersion;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (debugModeEnabled && typeof console !== 'undefined') {
|
||
|
|
// tslint:disable-next-line:no-console
|
||
|
|
console.info(...args);
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* According to the gtag documentation, this function that defines a custom data layer cannot be
|
||
|
|
* an arrow function because 'arguments' is not an array. It is actually an object that behaves
|
||
|
|
* like an array and contains more information then just indexes. Transforming this into arrow function
|
||
|
|
* caused issue #2505 where analytics no longer sent any data.
|
||
|
|
*/
|
||
|
|
// tslint:disable-next-line: only-arrow-functions
|
||
|
|
(function (..._args) {
|
||
|
|
window[DATA_LAYER_NAME].push(arguments);
|
||
|
|
})(...args);
|
||
|
|
};
|
||
|
|
};
|
||
|
|
// Unclear if we still need to but I was running into config/events I passed
|
||
|
|
// to gtag before ['js' timestamp] weren't getting parsed, so let's make a promise
|
||
|
|
// that resolves when firebase/analytics has configured gtag.js that we wait on
|
||
|
|
// before sending anything
|
||
|
|
const firebaseAnalyticsAlreadyInitialized = window[DATA_LAYER_NAME].some(parseMeasurementId);
|
||
|
|
if (firebaseAnalyticsAlreadyInitialized) {
|
||
|
|
this.analyticsInitialized = Promise.resolve();
|
||
|
|
patchGtag();
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
this.analyticsInitialized = new Promise(resolve => {
|
||
|
|
patchGtag((...args) => {
|
||
|
|
if (parseMeasurementId(...args)) {
|
||
|
|
resolve();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
if (providedConfig) {
|
||
|
|
this.updateConfig(providedConfig);
|
||
|
|
}
|
||
|
|
if (debugModeEnabled) {
|
||
|
|
this.updateConfig({ [DEBUG_MODE_KEY]: 1 });
|
||
|
|
}
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
this.analyticsInitialized = Promise.resolve();
|
||
|
|
}
|
||
|
|
const analytics = of(undefined).pipe(observeOn(schedulers.outsideAngular), switchMap(isSupported), switchMap(supported => supported ? zone.runOutsideAngular(() => import('firebase/compat/analytics')) : EMPTY), map(() => {
|
||
|
|
return ɵcacheInstance(`analytics`, 'AngularFireAnalytics', app.name, () => {
|
||
|
|
const analytics = app.analytics();
|
||
|
|
if (analyticsCollectionEnabled === false) {
|
||
|
|
analytics.setAnalyticsCollectionEnabled(false);
|
||
|
|
}
|
||
|
|
return analytics;
|
||
|
|
}, [app, analyticsCollectionEnabled, providedConfig, debugModeEnabled]);
|
||
|
|
}), shareReplay({ bufferSize: 1, refCount: false }));
|
||
|
|
return ɵlazySDKProxy(this, analytics, zone);
|
||
|
|
}
|
||
|
|
updateConfig(config) {
|
||
|
|
return __awaiter(this, void 0, void 0, function* () {
|
||
|
|
yield this.analyticsInitialized;
|
||
|
|
window[GTAG_FUNCTION_NAME](GTAG_CONFIG_COMMAND, this.measurementId, Object.assign(Object.assign({}, config), { update: true }));
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
AngularFireAnalytics.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.3", ngImport: i0, type: AngularFireAnalytics, deps: [{ token: i1.FirebaseApp }, { token: COLLECTION_ENABLED, optional: true }, { token: APP_VERSION, optional: true }, { token: APP_NAME, optional: true }, { token: DEBUG_MODE, optional: true }, { token: CONFIG, optional: true }, { token: PLATFORM_ID }, { token: i0.NgZone }, { token: i2.ɵAngularFireSchedulers }], target: i0.ɵɵFactoryTarget.Injectable });
|
||
|
|
AngularFireAnalytics.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.1.3", ngImport: i0, type: AngularFireAnalytics, providedIn: 'any' });
|
||
|
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.3", ngImport: i0, type: AngularFireAnalytics, decorators: [{
|
||
|
|
type: Injectable,
|
||
|
|
args: [{
|
||
|
|
providedIn: 'any'
|
||
|
|
}]
|
||
|
|
}], ctorParameters: function () { return [{ type: i1.FirebaseApp }, { type: undefined, decorators: [{
|
||
|
|
type: Optional
|
||
|
|
}, {
|
||
|
|
type: Inject,
|
||
|
|
args: [COLLECTION_ENABLED]
|
||
|
|
}] }, { type: undefined, decorators: [{
|
||
|
|
type: Optional
|
||
|
|
}, {
|
||
|
|
type: Inject,
|
||
|
|
args: [APP_VERSION]
|
||
|
|
}] }, { type: undefined, decorators: [{
|
||
|
|
type: Optional
|
||
|
|
}, {
|
||
|
|
type: Inject,
|
||
|
|
args: [APP_NAME]
|
||
|
|
}] }, { type: undefined, decorators: [{
|
||
|
|
type: Optional
|
||
|
|
}, {
|
||
|
|
type: Inject,
|
||
|
|
args: [DEBUG_MODE]
|
||
|
|
}] }, { type: undefined, decorators: [{
|
||
|
|
type: Optional
|
||
|
|
}, {
|
||
|
|
type: Inject,
|
||
|
|
args: [CONFIG]
|
||
|
|
}] }, { type: Object, decorators: [{
|
||
|
|
type: Inject,
|
||
|
|
args: [PLATFORM_ID]
|
||
|
|
}] }, { type: i0.NgZone }, { type: i2.ɵAngularFireSchedulers }]; } });
|
||
|
|
ɵapplyMixins(AngularFireAnalytics, [proxyPolyfillCompat]);
|
||
|
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5hbHl0aWNzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBhdC9hbmFseXRpY3MvYW5hbHl0aWNzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxjQUFjLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbEcsT0FBTyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDakMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDcEQsT0FBTyxFQUFFLEdBQUcsRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3hFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFpQixZQUFZLEVBQUUsY0FBYyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDbEcsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRW5ELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLFFBQVEsQ0FBQztBQUM3QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7QUFNakQsTUFBTSxDQUFDLE1BQU0sa0JBQWtCLEdBQUcsSUFBSSxjQUFjLENBQVUsbURBQW1ELENBQUMsQ0FBQztBQUNuSCxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsSUFBSSxjQUFjLENBQVMsbUNBQW1DLENBQUMsQ0FBQztBQUMzRixNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsSUFBSSxjQUFjLENBQVMsZ0NBQWdDLENBQUMsQ0FBQztBQUNyRixNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUcsSUFBSSxjQUFjLENBQVUsa0NBQWtDLENBQUMsQ0FBQztBQUMxRixNQUFN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
|