@firebase/performance 0.6.12-canary.2ec1c7682 → 0.6.12-canary.3c1559b7e

package/dist/esm/index.esm2017.js

@@ -1,12 +1,11 @@
 import { ErrorFactory, areCookiesEnabled, isIndexedDBAvailable, validateIndexedDBOpenable, getModularInstance, deepEqual } from '@firebase/util';
 import { Logger, LogLevel } from '@firebase/logger';
-import { onLCP, onINP, onCLS } from 'web-vitals/attribution';
 import { _getProvider, getApp, _registerComponent, registerVersion } from '@firebase/app';
 import { Component } from '@firebase/component';
 import '@firebase/installations';
 
 const name = "@firebase/performance";
-const version = "0.6.12-canary.2ec1c7682";
+const version = "0.6.12-canary.3c1559b7e";
 
 /**
  * @license
@@ -36,12 +35,6 @@ const OOB_TRACE_PAGE_LOAD_PREFIX = '_wt_';
 const FIRST_PAINT_COUNTER_NAME = '_fp';
 const FIRST_CONTENTFUL_PAINT_COUNTER_NAME = '_fcp';
 const FIRST_INPUT_DELAY_COUNTER_NAME = '_fid';
-const LARGEST_CONTENTFUL_PAINT_METRIC_NAME = '_lcp';
-const LARGEST_CONTENTFUL_PAINT_ATTRIBUTE_NAME = 'lcp_element';
-const INTERACTION_TO_NEXT_PAINT_METRIC_NAME = '_inp';
-const INTERACTION_TO_NEXT_PAINT_ATTRIBUTE_NAME = 'inp_interactionTarget';
-const CUMULATIVE_LAYOUT_SHIFT_METRIC_NAME = '_cls';
-const CUMULATIVE_LAYOUT_SHIFT_ATTRIBUTE_NAME = 'cls_largestShiftTarget';
 const CONFIG_LOCAL_STORAGE_KEY = '@firebase/performance/config';
 const CONFIG_EXPIRY_LOCAL_STORAGE_KEY = '@firebase/performance/configexpire';
 const SERVICE = 'performance';
@@ -146,9 +139,6 @@ class Api {
         if (window.perfMetrics && window.perfMetrics.onFirstInputDelay) {
             this.onFirstInputDelay = window.perfMetrics.onFirstInputDelay;
         }
-        this.onLCP = onLCP;
-        this.onINP = onINP;
-        this.onCLS = onCLS;
     }
     getUrl() {
         // Do not capture the string query part of url.
@@ -702,8 +692,9 @@ function changeInitializationStatus() {
  */
 const DEFAULT_SEND_INTERVAL_MS = 10 * 1000;
 const INITIAL_SEND_TIME_DELAY_MS = 5.5 * 1000;
-const MAX_EVENT_COUNT_PER_REQUEST = 1000;
+// If end point does not work, the call will be tried for these many times.
 const DEFAULT_REMAINING_TRIES = 3;
+const MAX_EVENT_COUNT_PER_REQUEST = 1000;
 let remainingTries = DEFAULT_REMAINING_TRIES;
 /* eslint-enable camelcase */
 let queue = [];
@@ -720,10 +711,11 @@ function processQueue(timeOffset) {
         if (remainingTries === 0) {
             return;
         }
-        if (queue.length > 0) {
-            dispatchQueueEvents();
+        // If there are no events to process, wait for DEFAULT_SEND_INTERVAL_MS and try again.
+        if (!queue.length) {
+            return processQueue(DEFAULT_SEND_INTERVAL_MS);
         }
-        processQueue(DEFAULT_SEND_INTERVAL_MS);
+        dispatchQueueEvents();
     }, timeOffset);
 }
 function dispatchQueueEvents() {
@@ -747,11 +739,7 @@ function dispatchQueueEvents() {
         log_event
     };
     /* eslint-enable camelcase */
-    postToFlEndpoint(data)
-        .then(() => {
-        remainingTries = DEFAULT_REMAINING_TRIES;
-    })
-        .catch(() => {
+    sendEventsToFl(data, staged).catch(() => {
         // If the request fails for some reason, add the events that were attempted
         // back to the primary queue to retry later.
         queue = [...staged, ...queue];
@@ -760,16 +748,41 @@ function dispatchQueueEvents() {
         processQueue(DEFAULT_SEND_INTERVAL_MS);
     });
 }
+function sendEventsToFl(data, staged) {
+    return postToFlEndpoint(data)
+        .then(res => {
+        if (!res.ok) {
+            consoleLogger.info('Call to Firebase backend failed.');
+        }
+        return res.json();
+    })
+        .then(res => {
+        // Find the next call wait time from the response.
+        const transportWait = Number(res.nextRequestWaitMillis);
+        let requestOffset = DEFAULT_SEND_INTERVAL_MS;
+        if (!isNaN(transportWait)) {
+            requestOffset = Math.max(transportWait, requestOffset);
+        }
+        // Delete request if response include RESPONSE_ACTION_UNKNOWN or DELETE_REQUEST action.
+        // Otherwise, retry request using normal scheduling if response include RETRY_REQUEST_LATER.
+        const logResponseDetails = res.logResponseDetails;
+        if (Array.isArray(logResponseDetails) &&
+            logResponseDetails.length > 0 &&
+            logResponseDetails[0].responseAction === 'RETRY_REQUEST_LATER') {
+            queue = [...staged, ...queue];
+            consoleLogger.info(`Retry transport request later.`);
+        }
+        remainingTries = DEFAULT_REMAINING_TRIES;
+        // Schedule the next process.
+        processQueue(requestOffset);
+    });
+}
 function postToFlEndpoint(data) {
     const flTransportFullUrl = SettingsService.getInstance().getFlTransportFullUrl();
-    const body = JSON.stringify(data);
-    return navigator.sendBeacon && navigator.sendBeacon(flTransportFullUrl, body)
-        ? Promise.resolve()
-        : fetch(flTransportFullUrl, {
-            method: 'POST',
-            body,
-            keepalive: true
-        }).then();
+    return fetch(flTransportFullUrl, {
+        method: 'POST',
+        body: JSON.stringify(data)
+    });
 }
 function addToQueue(evt) {
     if (!evt.eventTime || !evt.message) {
@@ -790,15 +803,6 @@ serializer) {
         });
     };
 }
-/**
- * Force flush the queued events. Useful at page unload time to ensure all
- * events are uploaded.
- */
-function flushQueuedEvents() {
-    while (queue.length > 0) {
-        dispatchQueueEvents();
-    }
-}
 
 /**
  * @license
@@ -817,16 +821,12 @@ function flushQueuedEvents() {
  * limitations under the License.
  */
 let logger;
-//
 // This method is not called before initialization.
 function sendLog(resource, resourceType) {
     if (!logger) {
-        logger = {
-            send: transportHandler(serializer),
-            flush: flushQueuedEvents
-        };
+        logger = transportHandler(serializer);
     }
-    logger.send(resource, resourceType);
+    logger(resource, resourceType);
 }
 function logTrace(trace) {
     const settingsService = SettingsService.getInstance();
@@ -842,6 +842,10 @@ function logTrace(trace) {
     if (!Api.getInstance().requiredApisAvailable()) {
         return;
     }
+    // Only log the page load auto traces if page is visible.
+    if (trace.isAuto && getVisibilityState() !== VisibilityState.VISIBLE) {
+        return;
+    }
     if (isPerfInitialized()) {
         sendTraceLog(trace);
     }
@@ -851,11 +855,6 @@ function logTrace(trace) {
         getInitializationPromise(trace.performanceController).then(() => sendTraceLog(trace), () => sendTraceLog(trace));
     }
 }
-function flushLogs() {
-    if (logger) {
-        logger.flush();
-    }
-}
 function sendTraceLog(trace) {
     if (!getIid()) {
         return;
@@ -865,7 +864,7 @@ function sendTraceLog(trace) {
         !settingsService.logTraceAfterSampling) {
         return;
     }
-    sendLog(trace, 1 /* ResourceType.Trace */);
+    setTimeout(() => sendLog(trace, 1 /* ResourceType.Trace */), 0);
 }
 function logNetworkRequest(networkRequest) {
     const settingsService = SettingsService.getInstance();
@@ -888,7 +887,7 @@ function logNetworkRequest(networkRequest) {
         !settingsService.logNetworkAfterSampling) {
         return;
     }
-    sendLog(networkRequest, 0 /* ResourceType.NetworkRequest */);
+    setTimeout(() => sendLog(networkRequest, 0 /* ResourceType.NetworkRequest */), 0);
 }
 function serializer(resource, resourceType) {
     if (resourceType === 0 /* ResourceType.NetworkRequest */) {
@@ -948,46 +947,6 @@ function getApplicationInfo(firebaseApp) {
 }
 /* eslint-enable camelcase */
 
-/**
- * @license
- * Copyright 2020 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-function createNetworkRequestEntry(performanceController, entry) {
-    const performanceEntry = entry;
-    if (!performanceEntry || performanceEntry.responseStart === undefined) {
-        return;
-    }
-    const timeOrigin = Api.getInstance().getTimeOrigin();
-    const startTimeUs = Math.floor((performanceEntry.startTime + timeOrigin) * 1000);
-    const timeToResponseInitiatedUs = performanceEntry.responseStart
-        ? Math.floor((performanceEntry.responseStart - performanceEntry.startTime) * 1000)
-        : undefined;
-    const timeToResponseCompletedUs = Math.floor((performanceEntry.responseEnd - performanceEntry.startTime) * 1000);
-    // Remove the query params from logged network request url.
-    const url = performanceEntry.name && performanceEntry.name.split('?')[0];
-    const networkRequest = {
-        performanceController,
-        url,
-        responsePayloadBytes: performanceEntry.transferSize,
-        startTimeUs,
-        timeToResponseInitiatedUs,
-        timeToResponseCompletedUs
-    };
-    logNetworkRequest(networkRequest);
-}
-
 /**
  * @license
  * Copyright 2020 Google LLC
@@ -1009,10 +968,7 @@ const RESERVED_AUTO_PREFIX = '_';
 const oobMetrics = [
     FIRST_PAINT_COUNTER_NAME,
     FIRST_CONTENTFUL_PAINT_COUNTER_NAME,
-    FIRST_INPUT_DELAY_COUNTER_NAME,
-    LARGEST_CONTENTFUL_PAINT_METRIC_NAME,
-    CUMULATIVE_LAYOUT_SHIFT_METRIC_NAME,
-    INTERACTION_TO_NEXT_PAINT_METRIC_NAME
+    FIRST_INPUT_DELAY_COUNTER_NAME
 ];
 /**
  * Returns true if the metric is custom and does not start with reserved prefix, or if
@@ -1251,7 +1207,7 @@ class Trace {
      * @param paintTimings A array which contains paintTiming object of the page load
      * @param firstInputDelay First input delay in millisec
      */
-    static createOobTrace(performanceController, navigationTimings, paintTimings, webVitalMetrics, firstInputDelay) {
+    static createOobTrace(performanceController, navigationTimings, paintTimings, firstInputDelay) {
         const route = Api.getInstance().getUrl();
         if (!route) {
             return;
@@ -1281,21 +1237,7 @@ class Trace {
                 trace.putMetric(FIRST_INPUT_DELAY_COUNTER_NAME, Math.floor(firstInputDelay * 1000));
             }
         }
-        this.addWebVitalMetric(trace, LARGEST_CONTENTFUL_PAINT_METRIC_NAME, LARGEST_CONTENTFUL_PAINT_ATTRIBUTE_NAME, webVitalMetrics.lcp);
-        this.addWebVitalMetric(trace, CUMULATIVE_LAYOUT_SHIFT_METRIC_NAME, CUMULATIVE_LAYOUT_SHIFT_ATTRIBUTE_NAME, webVitalMetrics.cls);
-        this.addWebVitalMetric(trace, INTERACTION_TO_NEXT_PAINT_METRIC_NAME, INTERACTION_TO_NEXT_PAINT_ATTRIBUTE_NAME, webVitalMetrics.inp);
-        // Page load logs are sent at unload time and so should be logged and
-        // flushed immediately.
         logTrace(trace);
-        flushLogs();
-    }
-    static addWebVitalMetric(trace, metricKey, attributeKey, metric) {
-        if (metric) {
-            trace.putMetric(metricKey, Math.floor(metric.value * 1000));
-            if (metric.elementAttribution) {
-                trace.putAttribute(attributeKey, metric.elementAttribution);
-            }
-        }
     }
     static createUserTimingTrace(performanceController, measureName) {
         const trace = new Trace(performanceController, measureName, false, measureName);
@@ -1319,17 +1261,54 @@ class Trace {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-let webVitalMetrics = {};
-let sentPageLoadTrace = false;
-let firstInputDelay;
+function createNetworkRequestEntry(performanceController, entry) {
+    const performanceEntry = entry;
+    if (!performanceEntry || performanceEntry.responseStart === undefined) {
+        return;
+    }
+    const timeOrigin = Api.getInstance().getTimeOrigin();
+    const startTimeUs = Math.floor((performanceEntry.startTime + timeOrigin) * 1000);
+    const timeToResponseInitiatedUs = performanceEntry.responseStart
+        ? Math.floor((performanceEntry.responseStart - performanceEntry.startTime) * 1000)
+        : undefined;
+    const timeToResponseCompletedUs = Math.floor((performanceEntry.responseEnd - performanceEntry.startTime) * 1000);
+    // Remove the query params from logged network request url.
+    const url = performanceEntry.name && performanceEntry.name.split('?')[0];
+    const networkRequest = {
+        performanceController,
+        url,
+        responsePayloadBytes: performanceEntry.transferSize,
+        startTimeUs,
+        timeToResponseInitiatedUs,
+        timeToResponseCompletedUs
+    };
+    logNetworkRequest(networkRequest);
+}
+
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const FID_WAIT_TIME_MS = 5000;
 function setupOobResources(performanceController) {
     // Do not initialize unless iid is available.
     if (!getIid()) {
         return;
     }
-    // The load event might not have fired yet, and that means performance
-    // navigation timing object has a duration of 0. The setup should run after
-    // all current tasks in js queue.
+    // The load event might not have fired yet, and that means performance navigation timing
+    // object has a duration of 0. The setup should run after all current tasks in js queue.
     setTimeout(() => setupOobTraces(performanceController), 0);
     setTimeout(() => setupNetworkRequests(performanceController), 0);
     setTimeout(() => setupUserTimingTraces(performanceController), 0);
@@ -1344,44 +1323,27 @@ function setupNetworkRequests(performanceController) {
 }
 function setupOobTraces(performanceController) {
     const api = Api.getInstance();
-    // Better support for Safari
-    if ('onpagehide' in window) {
-        api.document.addEventListener('pagehide', () => sendOobTrace(performanceController));
-    }
-    else {
-        api.document.addEventListener('unload', () => sendOobTrace(performanceController));
-    }
-    api.document.addEventListener('visibilitychange', () => {
-        if (api.document.visibilityState === 'hidden') {
-            sendOobTrace(performanceController);
-        }
-    });
+    const navigationTimings = api.getEntriesByType('navigation');
+    const paintTimings = api.getEntriesByType('paint');
+    // If First Input Delay polyfill is added to the page, report the fid value.
+    // https://github.com/GoogleChromeLabs/first-input-delay
     if (api.onFirstInputDelay) {
+        // If the fid call back is not called for certain time, continue without it.
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        let timeoutId = setTimeout(() => {
+            Trace.createOobTrace(performanceController, navigationTimings, paintTimings);
+            timeoutId = undefined;
+        }, FID_WAIT_TIME_MS);
         api.onFirstInputDelay((fid) => {
-            firstInputDelay = fid;
+            if (timeoutId) {
+                clearTimeout(timeoutId);
+                Trace.createOobTrace(performanceController, navigationTimings, paintTimings, fid);
+            }
         });
     }
-    api.onLCP((metric) => {
-        var _a;
-        webVitalMetrics.lcp = {
-            value: metric.value,
-            elementAttribution: (_a = metric.attribution) === null || _a === void 0 ? void 0 : _a.element
-        };
-    });
-    api.onCLS((metric) => {
-        var _a;
-        webVitalMetrics.cls = {
-            value: metric.value,
-            elementAttribution: (_a = metric.attribution) === null || _a === void 0 ? void 0 : _a.largestShiftTarget
-        };
-    });
-    api.onINP((metric) => {
-        var _a;
-        webVitalMetrics.inp = {
-            value: metric.value,
-            elementAttribution: (_a = metric.attribution) === null || _a === void 0 ? void 0 : _a.interactionTarget
-        };
-    });
+    else {
+        Trace.createOobTrace(performanceController, navigationTimings, paintTimings);
+    }
 }
 function setupUserTimingTraces(performanceController) {
     const api = Api.getInstance();
@@ -1395,27 +1357,13 @@ function setupUserTimingTraces(performanceController) {
 }
 function createUserTimingTrace(performanceController, measure) {
     const measureName = measure.name;
-    // Do not create a trace, if the user timing marks and measures are created by
-    // the sdk itself.
+    // Do not create a trace, if the user timing marks and measures are created by the sdk itself.
     if (measureName.substring(0, TRACE_MEASURE_PREFIX.length) ===
         TRACE_MEASURE_PREFIX) {
         return;
     }
     Trace.createUserTimingTrace(performanceController, measureName);
 }
-function sendOobTrace(performanceController) {
-    if (!sentPageLoadTrace) {
-        sentPageLoadTrace = true;
-        const api = Api.getInstance();
-        const navigationTimings = api.getEntriesByType('navigation');
-        const paintTimings = api.getEntriesByType('paint');
-        // On page unload web vitals may be updated so queue the oob trace creation
-        // so that these updates have time to be included.
-        setTimeout(() => {
-            Trace.createOobTrace(performanceController, navigationTimings, paintTimings, webVitalMetrics, firstInputDelay);
-        }, 0);
-    }
-}
 
 /**
  * @license