Fix attribution for TTFB and LCP

package.json

@@ -1,6 +1,6 @@
 {
   "name": "web-vitals",
-  "version": "3.5.0-soft-navs-10",
+  "version": "3.5.0-soft-navs-11",
   "description": "Easily measure performance metrics in JavaScript",
   "type": "module",
   "typings": "dist/modules/index.d.ts",

src/attribution/onLCP.ts

@@ -44,7 +44,7 @@ const attributeLCP = (metric: LCPMetric) => {
           ? navigationEntry.responseStart
           : 0;
     } else {
-      navigationEntry = getSoftNavigationEntry();
+      navigationEntry = getSoftNavigationEntry(metric.navigationId);
       // No need to set activationStart or responseStart as can use default of 0
     }
 

src/attribution/onTTFB.ts

@@ -25,19 +25,22 @@ import {
 
 const attributeTTFB = (metric: TTFBMetric): void => {
   if (metric.entries.length) {
-    const navigationEntry = metric.entries[0];
+    // Is there a better way to check if this is a soft nav entry or not?
+    // Refuses to build without this as soft navs don't have activationStart
+    const navigationEntry = <PerformanceNavigationTiming>metric.entries[0];
+
     const activationStart = navigationEntry.activationStart || 0;
 
     const dnsStart = Math.max(
-      navigationEntry.domainLookupStart - activationStart,
+      navigationEntry.domainLookupStart - activationStart || 0,
       0
     );
     const connectStart = Math.max(
-      navigationEntry.connectStart - activationStart,
+      navigationEntry.connectStart - activationStart || 0,
       0
     );
     const requestStart = Math.max(
-      navigationEntry.requestStart - activationStart,
+      navigationEntry.requestStart - activationStart || 0,
       0
     );
 

src/onTTFB.ts

@@ -130,6 +130,7 @@ export const onTTFB = (onReport: TTFBReportCallback, opts?: ReportOpts) => {
               'soft-navigation',
               entry.navigationId
             );
+            metric.entries = [entry];
             report = bindReporter(
               onReport,
               metric,

src/types/ttfb.ts

@@ -22,7 +22,10 @@ import {NavigationTimingPolyfillEntry} from './polyfills.js';
  */
 export interface TTFBMetric extends Metric {
   name: 'TTFB';
-  entries: PerformanceNavigationTiming[] | NavigationTimingPolyfillEntry[];
+  entries:
+    | PerformanceNavigationTiming[]
+    | NavigationTimingPolyfillEntry[]
+    | SoftNavigationEntry[];
 }
 
 /**
@@ -56,7 +59,10 @@ export interface TTFBAttribution {
    * general page load issues. This can be used to access `serverTiming` for example:
    * navigationEntry.serverTiming
    */
-  navigationEntry?: PerformanceNavigationTiming | NavigationTimingPolyfillEntry;
+  navigationEntry?:
+    | PerformanceNavigationTiming
+    | NavigationTimingPolyfillEntry
+    | SoftNavigationEntry;
 }
 
 /**