From 434aa8343fdcbb4d5002f934979913c099489bee Mon Sep 17 00:00:00 2001 From: altaf-creator Date: Sun, 16 Nov 2025 19:08:29 +0800 Subject: sdk, del --- .../web-vitals/src/attribution/deprecated.ts | 26 -- .../web-vitals/src/attribution/index.ts | 30 -- .../web-vitals/src/attribution/onCLS.ts | 93 ------ .../web-vitals/src/attribution/onFCP.ts | 76 ----- .../web-vitals/src/attribution/onFID.ts | 62 ---- .../web-vitals/src/attribution/onINP.ts | 338 --------------------- .../web-vitals/src/attribution/onLCP.ts | 113 ------- .../web-vitals/src/attribution/onTTFB.ts | 107 ------- .../node_modules/web-vitals/src/deprecated.ts | 23 -- frontend-old/node_modules/web-vitals/src/index.ts | 24 -- .../node_modules/web-vitals/src/lib/bfcache.ts | 36 --- .../web-vitals/src/lib/bindReporter.ts | 58 ---- .../node_modules/web-vitals/src/lib/doubleRAF.ts | 19 -- .../web-vitals/src/lib/generateUniqueID.ts | 24 -- .../web-vitals/src/lib/getActivationStart.ts | 22 -- .../web-vitals/src/lib/getLoadState.ts | 51 ---- .../web-vitals/src/lib/getNavigationEntry.ts | 37 --- .../node_modules/web-vitals/src/lib/getSelector.ts | 48 --- .../web-vitals/src/lib/getVisibilityWatcher.ts | 89 ------ .../node_modules/web-vitals/src/lib/initMetric.ts | 57 ---- .../web-vitals/src/lib/interactions.ts | 139 --------- .../node_modules/web-vitals/src/lib/observe.ts | 66 ---- .../node_modules/web-vitals/src/lib/onHidden.ts | 23 -- .../src/lib/polyfills/firstInputPolyfill.ts | 174 ----------- .../lib/polyfills/getFirstHiddenTimePolyfill.ts | 29 -- .../src/lib/polyfills/interactionCountPolyfill.ts | 63 ---- .../node_modules/web-vitals/src/lib/runOnce.ts | 25 -- .../web-vitals/src/lib/whenActivated.ts | 23 -- .../node_modules/web-vitals/src/lib/whenIdle.ts | 38 --- frontend-old/node_modules/web-vitals/src/onCLS.ts | 138 --------- frontend-old/node_modules/web-vitals/src/onFCP.ts | 95 ------ frontend-old/node_modules/web-vitals/src/onFID.ts | 105 ------- frontend-old/node_modules/web-vitals/src/onINP.ts | 150 --------- frontend-old/node_modules/web-vitals/src/onLCP.ts | 134 -------- frontend-old/node_modules/web-vitals/src/onTTFB.ts | 104 ------- frontend-old/node_modules/web-vitals/src/types.ts | 97 ------ .../node_modules/web-vitals/src/types/base.ts | 152 --------- .../node_modules/web-vitals/src/types/cls.ts | 74 ----- .../node_modules/web-vitals/src/types/fcp.ts | 65 ---- .../node_modules/web-vitals/src/types/fid.ts | 65 ---- .../node_modules/web-vitals/src/types/inp.ts | 122 -------- .../node_modules/web-vitals/src/types/lcp.ts | 88 ------ .../node_modules/web-vitals/src/types/polyfills.ts | 24 -- .../node_modules/web-vitals/src/types/ttfb.ts | 78 ----- 44 files changed, 3404 deletions(-) delete mode 100644 frontend-old/node_modules/web-vitals/src/attribution/deprecated.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/attribution/index.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/attribution/onCLS.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/attribution/onFCP.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/attribution/onFID.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/attribution/onINP.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/attribution/onLCP.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/attribution/onTTFB.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/deprecated.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/index.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/lib/bfcache.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/lib/bindReporter.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/lib/doubleRAF.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/lib/generateUniqueID.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/lib/getActivationStart.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/lib/getLoadState.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/lib/getNavigationEntry.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/lib/getSelector.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/lib/getVisibilityWatcher.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/lib/initMetric.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/lib/interactions.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/lib/observe.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/lib/onHidden.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/lib/polyfills/firstInputPolyfill.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/lib/polyfills/getFirstHiddenTimePolyfill.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/lib/polyfills/interactionCountPolyfill.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/lib/runOnce.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/lib/whenActivated.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/lib/whenIdle.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/onCLS.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/onFCP.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/onFID.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/onINP.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/onLCP.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/onTTFB.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/types.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/types/base.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/types/cls.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/types/fcp.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/types/fid.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/types/inp.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/types/lcp.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/types/polyfills.ts delete mode 100644 frontend-old/node_modules/web-vitals/src/types/ttfb.ts (limited to 'frontend-old/node_modules/web-vitals/src') diff --git a/frontend-old/node_modules/web-vitals/src/attribution/deprecated.ts b/frontend-old/node_modules/web-vitals/src/attribution/deprecated.ts deleted file mode 100644 index 826ebfc..0000000 --- a/frontend-old/node_modules/web-vitals/src/attribution/deprecated.ts +++ /dev/null @@ -1,26 +0,0 @@ -/* - * Copyright 2024 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 - * - * https://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. - */ - -export { - /** - * @deprecated Use `onINP()` instead. - */ - onFID, -} from './onFID.js'; - -export {FIDThresholds} from '../onFID.js'; - -export * from '../types.js'; diff --git a/frontend-old/node_modules/web-vitals/src/attribution/index.ts b/frontend-old/node_modules/web-vitals/src/attribution/index.ts deleted file mode 100644 index c036282..0000000 --- a/frontend-old/node_modules/web-vitals/src/attribution/index.ts +++ /dev/null @@ -1,30 +0,0 @@ -/* - * Copyright 2022 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 - * - * https://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. - */ - -export {onCLS} from './onCLS.js'; -export {onFCP} from './onFCP.js'; -export {onINP} from './onINP.js'; -export {onLCP} from './onLCP.js'; -export {onTTFB} from './onTTFB.js'; - -export {CLSThresholds} from '../onCLS.js'; -export {FCPThresholds} from '../onFCP.js'; -export {INPThresholds} from '../onINP.js'; -export {LCPThresholds} from '../onLCP.js'; -export {TTFBThresholds} from '../onTTFB.js'; - -export * from './deprecated.js'; -export * from '../types.js'; diff --git a/frontend-old/node_modules/web-vitals/src/attribution/onCLS.ts b/frontend-old/node_modules/web-vitals/src/attribution/onCLS.ts deleted file mode 100644 index 52e2bee..0000000 --- a/frontend-old/node_modules/web-vitals/src/attribution/onCLS.ts +++ /dev/null @@ -1,93 +0,0 @@ -/* - * Copyright 2022 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 - * - * https://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. - */ - -import {getLoadState} from '../lib/getLoadState.js'; -import {getSelector} from '../lib/getSelector.js'; -import {onCLS as unattributedOnCLS} from '../onCLS.js'; -import { - CLSAttribution, - CLSMetric, - CLSMetricWithAttribution, - ReportOpts, -} from '../types.js'; - -const getLargestLayoutShiftEntry = (entries: LayoutShift[]) => { - return entries.reduce((a, b) => (a && a.value > b.value ? a : b)); -}; - -const getLargestLayoutShiftSource = (sources: LayoutShiftAttribution[]) => { - return sources.find((s) => s.node && s.node.nodeType === 1) || sources[0]; -}; - -const attributeCLS = (metric: CLSMetric): CLSMetricWithAttribution => { - // Use an empty object if no other attribution has been set. - let attribution: CLSAttribution = {}; - - if (metric.entries.length) { - const largestEntry = getLargestLayoutShiftEntry(metric.entries); - if (largestEntry && largestEntry.sources && largestEntry.sources.length) { - const largestSource = getLargestLayoutShiftSource(largestEntry.sources); - if (largestSource) { - attribution = { - largestShiftTarget: getSelector(largestSource.node), - largestShiftTime: largestEntry.startTime, - largestShiftValue: largestEntry.value, - largestShiftSource: largestSource, - largestShiftEntry: largestEntry, - loadState: getLoadState(largestEntry.startTime), - }; - } - } - } - - // Use Object.assign to set property to keep tsc happy. - const metricWithAttribution: CLSMetricWithAttribution = Object.assign( - metric, - {attribution}, - ); - return metricWithAttribution; -}; - -/** - * Calculates the [CLS](https://web.dev/articles/cls) value for the current page and - * calls the `callback` function once the value is ready to be reported, along - * with all `layout-shift` performance entries that were used in the metric - * value calculation. The reported value is a `double` (corresponding to a - * [layout shift score](https://web.dev/articles/cls#layout_shift_score)). - * - * If the `reportAllChanges` configuration option is set to `true`, the - * `callback` function will be called as soon as the value is initially - * determined as well as any time the value changes throughout the page - * lifespan. - * - * _**Important:** CLS should be continually monitored for changes throughout - * the entire lifespan of a page—including if the user returns to the page after - * it's been hidden/backgrounded. However, since browsers often [will not fire - * additional callbacks once the user has backgrounded a - * page](https://developer.chrome.com/blog/page-lifecycle-api/#advice-hidden), - * `callback` is always called when the page's visibility state changes to - * hidden. As a result, the `callback` function might be called multiple times - * during the same page load._ - */ -export const onCLS = ( - onReport: (metric: CLSMetricWithAttribution) => void, - opts?: ReportOpts, -) => { - unattributedOnCLS((metric: CLSMetric) => { - const metricWithAttribution = attributeCLS(metric); - onReport(metricWithAttribution); - }, opts); -}; diff --git a/frontend-old/node_modules/web-vitals/src/attribution/onFCP.ts b/frontend-old/node_modules/web-vitals/src/attribution/onFCP.ts deleted file mode 100644 index 079bf91..0000000 --- a/frontend-old/node_modules/web-vitals/src/attribution/onFCP.ts +++ /dev/null @@ -1,76 +0,0 @@ -/* - * Copyright 2022 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 - * - * https://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. - */ - -import {getBFCacheRestoreTime} from '../lib/bfcache.js'; -import {getLoadState} from '../lib/getLoadState.js'; -import {getNavigationEntry} from '../lib/getNavigationEntry.js'; -import {onFCP as unattributedOnFCP} from '../onFCP.js'; -import { - FCPAttribution, - FCPMetric, - FCPMetricWithAttribution, - ReportOpts, -} from '../types.js'; - -const attributeFCP = (metric: FCPMetric): FCPMetricWithAttribution => { - // Use a default object if no other attribution has been set. - let attribution: FCPAttribution = { - timeToFirstByte: 0, - firstByteToFCP: metric.value, - loadState: getLoadState(getBFCacheRestoreTime()), - }; - - if (metric.entries.length) { - const navigationEntry = getNavigationEntry(); - const fcpEntry = metric.entries[metric.entries.length - 1]; - - if (navigationEntry) { - const activationStart = navigationEntry.activationStart || 0; - const ttfb = Math.max(0, navigationEntry.responseStart - activationStart); - - attribution = { - timeToFirstByte: ttfb, - firstByteToFCP: metric.value - ttfb, - loadState: getLoadState(metric.entries[0].startTime), - navigationEntry, - fcpEntry, - }; - } - } - - // Use Object.assign to set property to keep tsc happy. - const metricWithAttribution: FCPMetricWithAttribution = Object.assign( - metric, - {attribution}, - ); - return metricWithAttribution; -}; - -/** - * Calculates the [FCP](https://web.dev/articles/fcp) value for the current page and - * calls the `callback` function once the value is ready, along with the - * relevant `paint` performance entry used to determine the value. The reported - * value is a `DOMHighResTimeStamp`. - */ -export const onFCP = ( - onReport: (metric: FCPMetricWithAttribution) => void, - opts?: ReportOpts, -) => { - unattributedOnFCP((metric: FCPMetric) => { - const metricWithAttribution = attributeFCP(metric); - onReport(metricWithAttribution); - }, opts); -}; diff --git a/frontend-old/node_modules/web-vitals/src/attribution/onFID.ts b/frontend-old/node_modules/web-vitals/src/attribution/onFID.ts deleted file mode 100644 index ed56142..0000000 --- a/frontend-old/node_modules/web-vitals/src/attribution/onFID.ts +++ /dev/null @@ -1,62 +0,0 @@ -/* - * Copyright 2022 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 - * - * https://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. - */ - -import {getLoadState} from '../lib/getLoadState.js'; -import {getSelector} from '../lib/getSelector.js'; -import {onFID as unattributedOnFID} from '../onFID.js'; -import { - FIDAttribution, - FIDMetric, - FIDMetricWithAttribution, - ReportOpts, -} from '../types.js'; - -const attributeFID = (metric: FIDMetric): FIDMetricWithAttribution => { - const fidEntry = metric.entries[0]; - const attribution: FIDAttribution = { - eventTarget: getSelector(fidEntry.target), - eventType: fidEntry.name, - eventTime: fidEntry.startTime, - eventEntry: fidEntry, - loadState: getLoadState(fidEntry.startTime), - }; - - // Use Object.assign to set property to keep tsc happy. - const metricWithAttribution: FIDMetricWithAttribution = Object.assign( - metric, - {attribution}, - ); - return metricWithAttribution; -}; - -/** - * Calculates the [FID](https://web.dev/articles/fid) value for the current page and - * calls the `callback` function once the value is ready, along with the - * relevant `first-input` performance entry used to determine the value. The - * reported value is a `DOMHighResTimeStamp`. - * - * _**Important:** since FID is only reported after the user interacts with the - * page, it's possible that it will not be reported for some page loads._ - */ -export const onFID = ( - onReport: (metric: FIDMetricWithAttribution) => void, - opts?: ReportOpts, -) => { - unattributedOnFID((metric: FIDMetric) => { - const metricWithAttribution = attributeFID(metric); - onReport(metricWithAttribution); - }, opts); -}; diff --git a/frontend-old/node_modules/web-vitals/src/attribution/onINP.ts b/frontend-old/node_modules/web-vitals/src/attribution/onINP.ts deleted file mode 100644 index 0986765..0000000 --- a/frontend-old/node_modules/web-vitals/src/attribution/onINP.ts +++ /dev/null @@ -1,338 +0,0 @@ -/* - * Copyright 2022 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 - * - * https://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. - */ - -import {getLoadState} from '../lib/getLoadState.js'; -import {getSelector} from '../lib/getSelector.js'; -import { - longestInteractionList, - entryPreProcessingCallbacks, - longestInteractionMap, -} from '../lib/interactions.js'; -import {observe} from '../lib/observe.js'; -import {whenIdle} from '../lib/whenIdle.js'; -import {onINP as unattributedOnINP} from '../onINP.js'; -import { - INPAttribution, - INPMetric, - INPMetricWithAttribution, - ReportOpts, -} from '../types.js'; - -interface pendingEntriesGroup { - startTime: DOMHighResTimeStamp; - processingStart: DOMHighResTimeStamp; - processingEnd: DOMHighResTimeStamp; - renderTime: DOMHighResTimeStamp; - entries: PerformanceEventTiming[]; -} - -// The maximum number of previous frames for which data is kept. -// Storing data about previous frames is necessary to handle cases where event -// and LoAF entries are dispatched out of order, and so a buffer of previous -// frame data is needed to determine various bits of INP attribution once all -// the frame-related data has come in. -// In most cases this out-of-order data is only off by a frame or two, so -// keeping the most recent 50 should be more than sufficient. -const MAX_PREVIOUS_FRAMES = 50; - -// A PerformanceObserver, observing new `long-animation-frame` entries. -// If this variable is defined it means the browser supports LoAF. -let loafObserver: PerformanceObserver | undefined; - -// A list of LoAF entries that have been dispatched and could potentially -// intersect with the INP candidate interaction. Note that periodically this -// list is cleaned up and entries that are known to not match INP are removed. -let pendingLoAFs: PerformanceLongAnimationFrameTiming[] = []; - -// An array of groups of all the event timing entries that occurred within a -// particular frame. Note that periodically this array is cleaned up and entries -// that are known to not match INP are removed. -let pendingEntriesGroups: pendingEntriesGroup[] = []; - -// The `processingEnd` time of most recently-processed event, chronologically. -let latestProcessingEnd: number = 0; - -// A WeakMap to look up the event-timing-entries group of a given entry. -// Note that this only maps from "important" entries: either the first input or -// those with an `interactionId`. -const entryToEntriesGroupMap: WeakMap< - PerformanceEventTiming, - pendingEntriesGroup -> = new WeakMap(); - -// A mapping of interactionIds to the target Node. -export const interactionTargetMap: Map = new Map(); - -// A reference to the idle task used to clean up entries from the above -// variables. If the value is -1 it means no task is queue, and if it's -// greater than -1 the value corresponds to the idle callback handle. -let idleHandle: number = -1; - -/** - * Adds new LoAF entries to the `pendingLoAFs` list. - */ -const handleLoAFEntries = (entries: PerformanceLongAnimationFrameTiming[]) => { - pendingLoAFs = pendingLoAFs.concat(entries); - queueCleanup(); -}; - -// Get a reference to the interaction target element in case it's removed -// from the DOM later. -const saveInteractionTarget = (entry: PerformanceEventTiming) => { - if ( - entry.interactionId && - entry.target && - !interactionTargetMap.has(entry.interactionId) - ) { - interactionTargetMap.set(entry.interactionId, entry.target); - } -}; - -/** - * Groups entries that were presented within the same animation frame by - * a common `renderTime`. This function works by referencing - * `pendingEntriesGroups` and using an existing render time if one is found - * (otherwise creating a new one). This function also adds all interaction - * entries to an `entryToRenderTimeMap` WeakMap so that the "grouped" entries - * can be looked up later. - */ -const groupEntriesByRenderTime = (entry: PerformanceEventTiming) => { - const renderTime = entry.startTime + entry.duration; - let group; - - latestProcessingEnd = Math.max(latestProcessingEnd, entry.processingEnd); - - // Iterate over all previous render times in reverse order to find a match. - // Go in reverse since the most likely match will be at the end. - for (let i = pendingEntriesGroups.length - 1; i >= 0; i--) { - const potentialGroup = pendingEntriesGroups[i]; - - // If a group's render time is within 8ms of the entry's render time, - // assume they were part of the same frame and add it to the group. - if (Math.abs(renderTime - potentialGroup.renderTime) <= 8) { - group = potentialGroup; - group.startTime = Math.min(entry.startTime, group.startTime); - group.processingStart = Math.min( - entry.processingStart, - group.processingStart, - ); - group.processingEnd = Math.max(entry.processingEnd, group.processingEnd); - group.entries.push(entry); - - break; - } - } - - // If there was no matching group, assume this is a new frame. - if (!group) { - group = { - startTime: entry.startTime, - processingStart: entry.processingStart, - processingEnd: entry.processingEnd, - renderTime, - entries: [entry], - }; - - pendingEntriesGroups.push(group); - } - - // Store the grouped render time for this entry for reference later. - if (entry.interactionId || entry.entryType === 'first-input') { - entryToEntriesGroupMap.set(entry, group); - } - - queueCleanup(); -}; - -const queueCleanup = () => { - // Queue cleanup of entries that are not part of any INP candidates. - if (idleHandle < 0) { - idleHandle = whenIdle(cleanupEntries); - } -}; - -const cleanupEntries = () => { - // Delete any stored interaction target elements if they're not part of one - // of the 10 longest interactions. - if (interactionTargetMap.size > 10) { - interactionTargetMap.forEach((_, key) => { - if (!longestInteractionMap.has(key)) { - interactionTargetMap.delete(key); - } - }); - } - - // Keep all render times that are part of a pending INP candidate or - // that occurred within the 50 most recently-dispatched groups of events. - const longestInteractionGroups = longestInteractionList.map((i) => { - return entryToEntriesGroupMap.get(i.entries[0]); - }); - const minIndex = pendingEntriesGroups.length - MAX_PREVIOUS_FRAMES; - pendingEntriesGroups = pendingEntriesGroups.filter((group, index) => { - if (index >= minIndex) return true; - return longestInteractionGroups.includes(group); - }); - - // Keep all pending LoAF entries that either: - // 1) intersect with entries in the newly cleaned up `pendingEntriesGroups` - // 2) occur after the most recently-processed event entry (for up to MAX_PREVIOUS_FRAMES) - const loafsToKeep: Set = new Set(); - for (let i = 0; i < pendingEntriesGroups.length; i++) { - const group = pendingEntriesGroups[i]; - getIntersectingLoAFs(group.startTime, group.processingEnd).forEach( - (loaf) => { - loafsToKeep.add(loaf); - }, - ); - } - const prevFrameIndexCutoff = pendingLoAFs.length - 1 - MAX_PREVIOUS_FRAMES; - // Filter `pendingLoAFs` to preserve LoAF order. - pendingLoAFs = pendingLoAFs.filter((loaf, index) => { - if (loaf.startTime > latestProcessingEnd && index > prevFrameIndexCutoff) { - return true; - } - - return loafsToKeep.has(loaf); - }); - - // Reset the idle callback handle so it can be queued again. - idleHandle = -1; -}; - -entryPreProcessingCallbacks.push( - saveInteractionTarget, - groupEntriesByRenderTime, -); - -const getIntersectingLoAFs = ( - start: DOMHighResTimeStamp, - end: DOMHighResTimeStamp, -) => { - const intersectingLoAFs = []; - - for (let i = 0, loaf; (loaf = pendingLoAFs[i]); i++) { - // If the LoAF ends before the given start time, ignore it. - if (loaf.startTime + loaf.duration < start) continue; - - // If the LoAF starts after the given end time, ignore it and all - // subsequent pending LoAFs (because they're in time order). - if (loaf.startTime > end) break; - - // Still here? If so this LoAF intersects with the interaction. - intersectingLoAFs.push(loaf); - } - return intersectingLoAFs; -}; - -const attributeINP = (metric: INPMetric): INPMetricWithAttribution => { - const firstEntry = metric.entries[0]; - const group = entryToEntriesGroupMap.get(firstEntry)!; - - const processingStart = firstEntry.processingStart; - const processingEnd = group.processingEnd; - - // Sort the entries in processing time order. - const processedEventEntries = group.entries.sort((a, b) => { - return a.processingStart - b.processingStart; - }); - - const longAnimationFrameEntries: PerformanceLongAnimationFrameTiming[] = - getIntersectingLoAFs(firstEntry.startTime, processingEnd); - - // The first interaction entry may not have a target defined, so use the - // first one found in the entry list. - // TODO: when the following bug is fixed just use `firstInteractionEntry`. - // https://bugs.chromium.org/p/chromium/issues/detail?id=1367329 - // As a fallback, also check the interactionTargetMap (to account for - // cases where the element is removed from the DOM before reporting happens). - const firstEntryWithTarget = metric.entries.find((entry) => entry.target); - const interactionTargetElement = - (firstEntryWithTarget && firstEntryWithTarget.target) || - interactionTargetMap.get(firstEntry.interactionId); - - // Since entry durations are rounded to the nearest 8ms, we need to clamp - // the `nextPaintTime` value to be higher than the `processingEnd` or - // end time of any LoAF entry. - const nextPaintTimeCandidates = [ - firstEntry.startTime + firstEntry.duration, - processingEnd, - ].concat( - longAnimationFrameEntries.map((loaf) => loaf.startTime + loaf.duration), - ); - - const nextPaintTime = Math.max.apply(Math, nextPaintTimeCandidates); - - const attribution: INPAttribution = { - interactionTarget: getSelector(interactionTargetElement), - interactionTargetElement: interactionTargetElement, - interactionType: firstEntry.name.startsWith('key') ? 'keyboard' : 'pointer', - interactionTime: firstEntry.startTime, - nextPaintTime: nextPaintTime, - processedEventEntries: processedEventEntries, - longAnimationFrameEntries: longAnimationFrameEntries, - inputDelay: processingStart - firstEntry.startTime, - processingDuration: processingEnd - processingStart, - presentationDelay: Math.max(nextPaintTime - processingEnd, 0), - loadState: getLoadState(firstEntry.startTime), - }; - - // Use Object.assign to set property to keep tsc happy. - const metricWithAttribution: INPMetricWithAttribution = Object.assign( - metric, - {attribution}, - ); - return metricWithAttribution; -}; - -/** - * Calculates the [INP](https://web.dev/articles/inp) value for the current - * page and calls the `callback` function once the value is ready, along with - * the `event` performance entries reported for that interaction. The reported - * value is a `DOMHighResTimeStamp`. - * - * A custom `durationThreshold` configuration option can optionally be passed to - * control what `event-timing` entries are considered for INP reporting. The - * default threshold is `40`, which means INP scores of less than 40 are - * reported as 0. Note that this will not affect your 75th percentile INP value - * unless that value is also less than 40 (well below the recommended - * [good](https://web.dev/articles/inp#what_is_a_good_inp_score) threshold). - * - * If the `reportAllChanges` configuration option is set to `true`, the - * `callback` function will be called as soon as the value is initially - * determined as well as any time the value changes throughout the page - * lifespan. - * - * _**Important:** INP should be continually monitored for changes throughout - * the entire lifespan of a page—including if the user returns to the page after - * it's been hidden/backgrounded. However, since browsers often [will not fire - * additional callbacks once the user has backgrounded a - * page](https://developer.chrome.com/blog/page-lifecycle-api/#advice-hidden), - * `callback` is always called when the page's visibility state changes to - * hidden. As a result, the `callback` function might be called multiple times - * during the same page load._ - */ -export const onINP = ( - onReport: (metric: INPMetricWithAttribution) => void, - opts?: ReportOpts, -) => { - if (!loafObserver) { - loafObserver = observe('long-animation-frame', handleLoAFEntries); - } - unattributedOnINP((metric: INPMetric) => { - const metricWithAttribution = attributeINP(metric); - onReport(metricWithAttribution); - }, opts); -}; diff --git a/frontend-old/node_modules/web-vitals/src/attribution/onLCP.ts b/frontend-old/node_modules/web-vitals/src/attribution/onLCP.ts deleted file mode 100644 index 285f319..0000000 --- a/frontend-old/node_modules/web-vitals/src/attribution/onLCP.ts +++ /dev/null @@ -1,113 +0,0 @@ -/* - * Copyright 2022 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 - * - * https://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. - */ - -import {getNavigationEntry} from '../lib/getNavigationEntry.js'; -import {getSelector} from '../lib/getSelector.js'; -import {onLCP as unattributedOnLCP} from '../onLCP.js'; -import { - LCPAttribution, - LCPMetric, - LCPMetricWithAttribution, - ReportOpts, -} from '../types.js'; - -const attributeLCP = (metric: LCPMetric): LCPMetricWithAttribution => { - // Use a default object if no other attribution has been set. - let attribution: LCPAttribution = { - timeToFirstByte: 0, - resourceLoadDelay: 0, - resourceLoadDuration: 0, - elementRenderDelay: metric.value, - }; - - if (metric.entries.length) { - const navigationEntry = getNavigationEntry(); - if (navigationEntry) { - const activationStart = navigationEntry.activationStart || 0; - const lcpEntry = metric.entries[metric.entries.length - 1]; - const lcpResourceEntry = - lcpEntry.url && - performance - .getEntriesByType('resource') - .filter((e) => e.name === lcpEntry.url)[0]; - - const ttfb = Math.max(0, navigationEntry.responseStart - activationStart); - - const lcpRequestStart = Math.max( - ttfb, - // Prefer `requestStart` (if TOA is set), otherwise use `startTime`. - lcpResourceEntry - ? (lcpResourceEntry.requestStart || lcpResourceEntry.startTime) - - activationStart - : 0, - ); - const lcpResponseEnd = Math.max( - lcpRequestStart, - lcpResourceEntry ? lcpResourceEntry.responseEnd - activationStart : 0, - ); - const lcpRenderTime = Math.max( - lcpResponseEnd, - lcpEntry.startTime - activationStart, - ); - - attribution = { - element: getSelector(lcpEntry.element), - timeToFirstByte: ttfb, - resourceLoadDelay: lcpRequestStart - ttfb, - resourceLoadDuration: lcpResponseEnd - lcpRequestStart, - elementRenderDelay: lcpRenderTime - lcpResponseEnd, - navigationEntry, - lcpEntry, - }; - - // Only attribution the URL and resource entry if they exist. - if (lcpEntry.url) { - attribution.url = lcpEntry.url; - } - if (lcpResourceEntry) { - attribution.lcpResourceEntry = lcpResourceEntry; - } - } - } - - // Use Object.assign to set property to keep tsc happy. - const metricWithAttribution: LCPMetricWithAttribution = Object.assign( - metric, - {attribution}, - ); - return metricWithAttribution; -}; - -/** - * Calculates the [LCP](https://web.dev/articles/lcp) value for the current page and - * calls the `callback` function once the value is ready (along with the - * relevant `largest-contentful-paint` performance entry used to determine the - * value). The reported value is a `DOMHighResTimeStamp`. - * - * If the `reportAllChanges` configuration option is set to `true`, the - * `callback` function will be called any time a new `largest-contentful-paint` - * performance entry is dispatched, or once the final value of the metric has - * been determined. - */ -export const onLCP = ( - onReport: (metric: LCPMetricWithAttribution) => void, - opts?: ReportOpts, -) => { - unattributedOnLCP((metric: LCPMetric) => { - const metricWithAttribution = attributeLCP(metric); - onReport(metricWithAttribution); - }, opts); -}; diff --git a/frontend-old/node_modules/web-vitals/src/attribution/onTTFB.ts b/frontend-old/node_modules/web-vitals/src/attribution/onTTFB.ts deleted file mode 100644 index 1cfd74b..0000000 --- a/frontend-old/node_modules/web-vitals/src/attribution/onTTFB.ts +++ /dev/null @@ -1,107 +0,0 @@ -/* - * Copyright 2022 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 - * - * https://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. - */ - -import {onTTFB as unattributedOnTTFB} from '../onTTFB.js'; -import { - TTFBMetric, - TTFBMetricWithAttribution, - ReportOpts, - TTFBAttribution, -} from '../types.js'; - -const attributeTTFB = (metric: TTFBMetric): TTFBMetricWithAttribution => { - // Use a default object if no other attribution has been set. - let attribution: TTFBAttribution = { - waitingDuration: 0, - cacheDuration: 0, - dnsDuration: 0, - connectionDuration: 0, - requestDuration: 0, - }; - - if (metric.entries.length) { - const navigationEntry = metric.entries[0]; - const activationStart = navigationEntry.activationStart || 0; - - // Measure from workerStart or fetchStart so any service worker startup - // time is included in cacheDuration (which also includes other sw time - // anyway, that cannot be accurately split out cross-browser). - const waitEnd = Math.max( - (navigationEntry.workerStart || navigationEntry.fetchStart) - - activationStart, - 0, - ); - const dnsStart = Math.max( - navigationEntry.domainLookupStart - activationStart, - 0, - ); - const connectStart = Math.max( - navigationEntry.connectStart - activationStart, - 0, - ); - const connectEnd = Math.max( - navigationEntry.connectEnd - activationStart, - 0, - ); - - attribution = { - waitingDuration: waitEnd, - cacheDuration: dnsStart - waitEnd, - // dnsEnd usually equals connectStart but use connectStart over dnsEnd - // for dnsDuration in case there ever is a gap. - dnsDuration: connectStart - dnsStart, - connectionDuration: connectEnd - connectStart, - // There is often a gap between connectEnd and requestStart. Attribute - // that to requestDuration so connectionDuration remains 0 for - // service worker controlled requests were connectStart and connectEnd - // are the same. - requestDuration: metric.value - connectEnd, - navigationEntry: navigationEntry, - }; - } - - // Use Object.assign to set property to keep tsc happy. - const metricWithAttribution: TTFBMetricWithAttribution = Object.assign( - metric, - {attribution}, - ); - return metricWithAttribution; -}; - -/** - * Calculates the [TTFB](https://web.dev/articles/ttfb) value for the - * current page and calls the `callback` function once the page has loaded, - * along with the relevant `navigation` performance entry used to determine the - * value. The reported value is a `DOMHighResTimeStamp`. - * - * Note, this function waits until after the page is loaded to call `callback` - * in order to ensure all properties of the `navigation` entry are populated. - * This is useful if you want to report on other metrics exposed by the - * [Navigation Timing API](https://w3c.github.io/navigation-timing/). For - * example, the TTFB metric starts from the page's [time - * origin](https://www.w3.org/TR/hr-time-2/#sec-time-origin), which means it - * includes time spent on DNS lookup, connection negotiation, network latency, - * and server processing time. - */ -export const onTTFB = ( - onReport: (metric: TTFBMetricWithAttribution) => void, - opts?: ReportOpts, -) => { - unattributedOnTTFB((metric: TTFBMetric) => { - const metricWithAttribution = attributeTTFB(metric); - onReport(metricWithAttribution); - }, opts); -}; diff --git a/frontend-old/node_modules/web-vitals/src/deprecated.ts b/frontend-old/node_modules/web-vitals/src/deprecated.ts deleted file mode 100644 index 1acc67e..0000000 --- a/frontend-old/node_modules/web-vitals/src/deprecated.ts +++ /dev/null @@ -1,23 +0,0 @@ -/* - * Copyright 2022 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 - * - * https://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. - */ - -export { - /** - * @deprecated Use `onINP()` instead. - */ - onFID, - FIDThresholds, -} from './onFID.js'; diff --git a/frontend-old/node_modules/web-vitals/src/index.ts b/frontend-old/node_modules/web-vitals/src/index.ts deleted file mode 100644 index 6c5dc45..0000000 --- a/frontend-old/node_modules/web-vitals/src/index.ts +++ /dev/null @@ -1,24 +0,0 @@ -/* - * 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 - * - * https://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. - */ - -export {onCLS, CLSThresholds} from './onCLS.js'; -export {onFCP, FCPThresholds} from './onFCP.js'; -export {onINP, INPThresholds} from './onINP.js'; -export {onLCP, LCPThresholds} from './onLCP.js'; -export {onTTFB, TTFBThresholds} from './onTTFB.js'; - -export * from './deprecated.js'; -export * from './types.js'; diff --git a/frontend-old/node_modules/web-vitals/src/lib/bfcache.ts b/frontend-old/node_modules/web-vitals/src/lib/bfcache.ts deleted file mode 100644 index 647b731..0000000 --- a/frontend-old/node_modules/web-vitals/src/lib/bfcache.ts +++ /dev/null @@ -1,36 +0,0 @@ -/* - * 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 - * - * https://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. - */ - -interface onBFCacheRestoreCallback { - (event: PageTransitionEvent): void; -} - -let bfcacheRestoreTime = -1; - -export const getBFCacheRestoreTime = () => bfcacheRestoreTime; - -export const onBFCacheRestore = (cb: onBFCacheRestoreCallback) => { - addEventListener( - 'pageshow', - (event) => { - if (event.persisted) { - bfcacheRestoreTime = event.timeStamp; - cb(event); - } - }, - true, - ); -}; diff --git a/frontend-old/node_modules/web-vitals/src/lib/bindReporter.ts b/frontend-old/node_modules/web-vitals/src/lib/bindReporter.ts deleted file mode 100644 index fa73db3..0000000 --- a/frontend-old/node_modules/web-vitals/src/lib/bindReporter.ts +++ /dev/null @@ -1,58 +0,0 @@ -/* - * 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 - * - * https://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. - */ - -import {MetricType, MetricRatingThresholds} from '../types.js'; - -const getRating = ( - value: number, - thresholds: MetricRatingThresholds, -): MetricType['rating'] => { - if (value > thresholds[1]) { - return 'poor'; - } - if (value > thresholds[0]) { - return 'needs-improvement'; - } - return 'good'; -}; - -export const bindReporter = ( - callback: (metric: Extract) => void, - metric: Extract, - thresholds: MetricRatingThresholds, - reportAllChanges?: boolean, -) => { - let prevValue: number; - let delta: number; - return (forceReport?: boolean) => { - if (metric.value >= 0) { - if (forceReport || reportAllChanges) { - delta = metric.value - (prevValue || 0); - - // Report the metric if there's a non-zero delta or if no previous - // value exists (which can happen in the case of the document becoming - // hidden when the metric value is 0). - // See: https://github.com/GoogleChrome/web-vitals/issues/14 - if (delta || prevValue === undefined) { - prevValue = metric.value; - metric.delta = delta; - metric.rating = getRating(metric.value, thresholds); - callback(metric); - } - } - } - }; -}; diff --git a/frontend-old/node_modules/web-vitals/src/lib/doubleRAF.ts b/frontend-old/node_modules/web-vitals/src/lib/doubleRAF.ts deleted file mode 100644 index c76d142..0000000 --- a/frontend-old/node_modules/web-vitals/src/lib/doubleRAF.ts +++ /dev/null @@ -1,19 +0,0 @@ -/* - * Copyright 2022 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 - * - * https://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. - */ - -export const doubleRAF = (cb: () => unknown) => { - requestAnimationFrame(() => requestAnimationFrame(() => cb())); -}; diff --git a/frontend-old/node_modules/web-vitals/src/lib/generateUniqueID.ts b/frontend-old/node_modules/web-vitals/src/lib/generateUniqueID.ts deleted file mode 100644 index 637d013..0000000 --- a/frontend-old/node_modules/web-vitals/src/lib/generateUniqueID.ts +++ /dev/null @@ -1,24 +0,0 @@ -/* - * 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 - * - * https://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. - */ - -/** - * Performantly generate a unique, 30-char string by combining a version - * number, the current timestamp with a 13-digit number integer. - * @return {string} - */ -export const generateUniqueID = () => { - return `v4-${Date.now()}-${Math.floor(Math.random() * (9e12 - 1)) + 1e12}`; -}; diff --git a/frontend-old/node_modules/web-vitals/src/lib/getActivationStart.ts b/frontend-old/node_modules/web-vitals/src/lib/getActivationStart.ts deleted file mode 100644 index 3991c0e..0000000 --- a/frontend-old/node_modules/web-vitals/src/lib/getActivationStart.ts +++ /dev/null @@ -1,22 +0,0 @@ -/* - * Copyright 2022 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 - * - * https://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. - */ - -import {getNavigationEntry} from './getNavigationEntry.js'; - -export const getActivationStart = (): number => { - const navEntry = getNavigationEntry(); - return (navEntry && navEntry.activationStart) || 0; -}; diff --git a/frontend-old/node_modules/web-vitals/src/lib/getLoadState.ts b/frontend-old/node_modules/web-vitals/src/lib/getLoadState.ts deleted file mode 100644 index 788db0f..0000000 --- a/frontend-old/node_modules/web-vitals/src/lib/getLoadState.ts +++ /dev/null @@ -1,51 +0,0 @@ -/* - * Copyright 2022 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 - * - * https://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. - */ - -import {getNavigationEntry} from './getNavigationEntry.js'; -import {LoadState} from '../types.js'; - -export const getLoadState = (timestamp: number): LoadState => { - if (document.readyState === 'loading') { - // If the `readyState` is 'loading' there's no need to look at timestamps - // since the timestamp has to be the current time or earlier. - return 'loading'; - } else { - const navigationEntry = getNavigationEntry(); - if (navigationEntry) { - if (timestamp < navigationEntry.domInteractive) { - return 'loading'; - } else if ( - navigationEntry.domContentLoadedEventStart === 0 || - timestamp < navigationEntry.domContentLoadedEventStart - ) { - // If the `domContentLoadedEventStart` timestamp has not yet been - // set, or if the given timestamp is less than that value. - return 'dom-interactive'; - } else if ( - navigationEntry.domComplete === 0 || - timestamp < navigationEntry.domComplete - ) { - // If the `domComplete` timestamp has not yet been - // set, or if the given timestamp is less than that value. - return 'dom-content-loaded'; - } - } - } - // If any of the above fail, default to loaded. This could really only - // happy if the browser doesn't support the performance timeline, which - // most likely means this code would never run anyway. - return 'complete'; -}; diff --git a/frontend-old/node_modules/web-vitals/src/lib/getNavigationEntry.ts b/frontend-old/node_modules/web-vitals/src/lib/getNavigationEntry.ts deleted file mode 100644 index 19d18cf..0000000 --- a/frontend-old/node_modules/web-vitals/src/lib/getNavigationEntry.ts +++ /dev/null @@ -1,37 +0,0 @@ -/* - * Copyright 2022 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 - * - * https://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. - */ - -export const getNavigationEntry = (): PerformanceNavigationTiming | void => { - const navigationEntry = - self.performance && - performance.getEntriesByType && - performance.getEntriesByType('navigation')[0]; - - // Check to ensure the `responseStart` property is present and valid. - // In some cases no value is reported by the browser (for - // privacy/security reasons), and in other cases (bugs) the value is - // negative or is larger than the current page time. Ignore these cases: - // https://github.com/GoogleChrome/web-vitals/issues/137 - // https://github.com/GoogleChrome/web-vitals/issues/162 - // https://github.com/GoogleChrome/web-vitals/issues/275 - if ( - navigationEntry && - navigationEntry.responseStart > 0 && - navigationEntry.responseStart < performance.now() - ) { - return navigationEntry; - } -}; diff --git a/frontend-old/node_modules/web-vitals/src/lib/getSelector.ts b/frontend-old/node_modules/web-vitals/src/lib/getSelector.ts deleted file mode 100644 index 4ca0bb9..0000000 --- a/frontend-old/node_modules/web-vitals/src/lib/getSelector.ts +++ /dev/null @@ -1,48 +0,0 @@ -/* - * Copyright 2022 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 - * - * https://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 getName = (node: Node) => { - const name = node.nodeName; - return node.nodeType === 1 - ? name.toLowerCase() - : name.toUpperCase().replace(/^#/, ''); -}; - -export const getSelector = (node: Node | null | undefined, maxLen?: number) => { - let sel = ''; - - try { - while (node && node.nodeType !== 9) { - const el: Element = node as Element; - const part = el.id - ? '#' + el.id - : getName(el) + - (el.classList && - el.classList.value && - el.classList.value.trim() && - el.classList.value.trim().length - ? '.' + el.classList.value.trim().replace(/\s+/g, '.') - : ''); - if (sel.length + part.length > (maxLen || 100) - 1) return sel || part; - sel = sel ? part + '>' + sel : part; - if (el.id) break; - node = el.parentNode; - } - } catch (err) { - // Do nothing... - } - return sel; -}; diff --git a/frontend-old/node_modules/web-vitals/src/lib/getVisibilityWatcher.ts b/frontend-old/node_modules/web-vitals/src/lib/getVisibilityWatcher.ts deleted file mode 100644 index ad7b1c3..0000000 --- a/frontend-old/node_modules/web-vitals/src/lib/getVisibilityWatcher.ts +++ /dev/null @@ -1,89 +0,0 @@ -/* - * 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 - * - * https://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. - */ - -import {onBFCacheRestore} from './bfcache.js'; - -let firstHiddenTime = -1; - -const initHiddenTime = () => { - // If the document is hidden when this code runs, assume it was always - // hidden and the page was loaded in the background, with the one exception - // that visibility state is always 'hidden' during prerendering, so we have - // to ignore that case until prerendering finishes (see: `prerenderingchange` - // event logic below). - return document.visibilityState === 'hidden' && !document.prerendering - ? 0 - : Infinity; -}; - -const onVisibilityUpdate = (event: Event) => { - // If the document is 'hidden' and no previous hidden timestamp has been - // set, update it based on the current event data. - if (document.visibilityState === 'hidden' && firstHiddenTime > -1) { - // If the event is a 'visibilitychange' event, it means the page was - // visible prior to this change, so the event timestamp is the first - // hidden time. - // However, if the event is not a 'visibilitychange' event, then it must - // be a 'prerenderingchange' event, and the fact that the document is - // still 'hidden' from the above check means the tab was activated - // in a background state and so has always been hidden. - firstHiddenTime = event.type === 'visibilitychange' ? event.timeStamp : 0; - - // Remove all listeners now that a `firstHiddenTime` value has been set. - removeChangeListeners(); - } -}; - -const addChangeListeners = () => { - addEventListener('visibilitychange', onVisibilityUpdate, true); - // IMPORTANT: when a page is prerendering, its `visibilityState` is - // 'hidden', so in order to account for cases where this module checks for - // visibility during prerendering, an additional check after prerendering - // completes is also required. - addEventListener('prerenderingchange', onVisibilityUpdate, true); -}; - -const removeChangeListeners = () => { - removeEventListener('visibilitychange', onVisibilityUpdate, true); - removeEventListener('prerenderingchange', onVisibilityUpdate, true); -}; - -export const getVisibilityWatcher = () => { - if (firstHiddenTime < 0) { - // If the document is hidden when this code runs, assume it was hidden - // since navigation start. This isn't a perfect heuristic, but it's the - // best we can do until an API is available to support querying past - // visibilityState. - firstHiddenTime = initHiddenTime(); - addChangeListeners(); - - // Reset the time on bfcache restores. - onBFCacheRestore(() => { - // Schedule a task in order to track the `visibilityState` once it's - // had an opportunity to change to visible in all browsers. - // https://bugs.chromium.org/p/chromium/issues/detail?id=1133363 - setTimeout(() => { - firstHiddenTime = initHiddenTime(); - addChangeListeners(); - }, 0); - }); - } - return { - get firstHiddenTime() { - return firstHiddenTime; - }, - }; -}; diff --git a/frontend-old/node_modules/web-vitals/src/lib/initMetric.ts b/frontend-old/node_modules/web-vitals/src/lib/initMetric.ts deleted file mode 100644 index 90618d8..0000000 --- a/frontend-old/node_modules/web-vitals/src/lib/initMetric.ts +++ /dev/null @@ -1,57 +0,0 @@ -/* - * 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 - * - * https://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. - */ - -import {getBFCacheRestoreTime} from './bfcache.js'; -import {generateUniqueID} from './generateUniqueID.js'; -import {getActivationStart} from './getActivationStart.js'; -import {getNavigationEntry} from './getNavigationEntry.js'; -import {MetricType} from '../types.js'; - -export const initMetric = ( - name: MetricName, - value?: number, -) => { - const navEntry = getNavigationEntry(); - let navigationType: MetricType['navigationType'] = 'navigate'; - - if (getBFCacheRestoreTime() >= 0) { - navigationType = 'back-forward-cache'; - } else if (navEntry) { - if (document.prerendering || getActivationStart() > 0) { - navigationType = 'prerender'; - } else if (document.wasDiscarded) { - navigationType = 'restore'; - } else if (navEntry.type) { - navigationType = navEntry.type.replace( - /_/g, - '-', - ) as MetricType['navigationType']; - } - } - - // Use `entries` type specific for the metric. - const entries: Extract['entries'] = []; - - return { - name, - value: typeof value === 'undefined' ? -1 : value, - rating: 'good' as const, // If needed, will be updated when reported. `const` to keep the type from widening to `string`. - delta: 0, - entries, - id: generateUniqueID(), - navigationType, - }; -}; diff --git a/frontend-old/node_modules/web-vitals/src/lib/interactions.ts b/frontend-old/node_modules/web-vitals/src/lib/interactions.ts deleted file mode 100644 index fbd0751..0000000 --- a/frontend-old/node_modules/web-vitals/src/lib/interactions.ts +++ /dev/null @@ -1,139 +0,0 @@ -/* - * Copyright 2024 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 - * - * https://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. - */ - -import {getInteractionCount} from './polyfills/interactionCountPolyfill.js'; - -interface Interaction { - id: number; - latency: number; - entries: PerformanceEventTiming[]; -} - -interface EntryPreProcessingHook { - (entry: PerformanceEventTiming): void; -} - -// A list of longest interactions on the page (by latency) sorted so the -// longest one is first. The list is at most MAX_INTERACTIONS_TO_CONSIDER long. -export const longestInteractionList: Interaction[] = []; - -// A mapping of longest interactions by their interaction ID. -// This is used for faster lookup. -export const longestInteractionMap: Map = new Map(); - -// The default `durationThreshold` used across this library for observing -// `event` entries via PerformanceObserver. -export const DEFAULT_DURATION_THRESHOLD = 40; - -// Used to store the interaction count after a bfcache restore, since p98 -// interaction latencies should only consider the current navigation. -let prevInteractionCount = 0; - -/** - * Returns the interaction count since the last bfcache restore (or for the - * full page lifecycle if there were no bfcache restores). - */ -const getInteractionCountForNavigation = () => { - return getInteractionCount() - prevInteractionCount; -}; - -export const resetInteractions = () => { - prevInteractionCount = getInteractionCount(); - longestInteractionList.length = 0; - longestInteractionMap.clear(); -}; - -/** - * Returns the estimated p98 longest interaction based on the stored - * interaction candidates and the interaction count for the current page. - */ -export const estimateP98LongestInteraction = () => { - const candidateInteractionIndex = Math.min( - longestInteractionList.length - 1, - Math.floor(getInteractionCountForNavigation() / 50), - ); - - return longestInteractionList[candidateInteractionIndex]; -}; - -// To prevent unnecessary memory usage on pages with lots of interactions, -// store at most 10 of the longest interactions to consider as INP candidates. -const MAX_INTERACTIONS_TO_CONSIDER = 10; - -/** - * A list of callback functions to run before each entry is processed. - * Exposing this list allows the attribution build to hook into the - * entry processing pipeline. - */ -export const entryPreProcessingCallbacks: EntryPreProcessingHook[] = []; - -/** - * Takes a performance entry and adds it to the list of worst interactions - * if its duration is long enough to make it among the worst. If the - * entry is part of an existing interaction, it is merged and the latency - * and entries list is updated as needed. - */ -export const processInteractionEntry = (entry: PerformanceEventTiming) => { - entryPreProcessingCallbacks.forEach((cb) => cb(entry)); - - // Skip further processing for entries that cannot be INP candidates. - if (!(entry.interactionId || entry.entryType === 'first-input')) return; - - // The least-long of the 10 longest interactions. - const minLongestInteraction = - longestInteractionList[longestInteractionList.length - 1]; - - const existingInteraction = longestInteractionMap.get(entry.interactionId!); - - // Only process the entry if it's possibly one of the ten longest, - // or if it's part of an existing interaction. - if ( - existingInteraction || - longestInteractionList.length < MAX_INTERACTIONS_TO_CONSIDER || - entry.duration > minLongestInteraction.latency - ) { - // If the interaction already exists, update it. Otherwise create one. - if (existingInteraction) { - // If the new entry has a longer duration, replace the old entries, - // otherwise add to the array. - if (entry.duration > existingInteraction.latency) { - existingInteraction.entries = [entry]; - existingInteraction.latency = entry.duration; - } else if ( - entry.duration === existingInteraction.latency && - entry.startTime === existingInteraction.entries[0].startTime - ) { - existingInteraction.entries.push(entry); - } - } else { - const interaction = { - id: entry.interactionId!, - latency: entry.duration, - entries: [entry], - }; - longestInteractionMap.set(interaction.id, interaction); - longestInteractionList.push(interaction); - } - - // Sort the entries by latency (descending) and keep only the top ten. - longestInteractionList.sort((a, b) => b.latency - a.latency); - if (longestInteractionList.length > MAX_INTERACTIONS_TO_CONSIDER) { - longestInteractionList - .splice(MAX_INTERACTIONS_TO_CONSIDER) - .forEach((i) => longestInteractionMap.delete(i.id)); - } - } -}; diff --git a/frontend-old/node_modules/web-vitals/src/lib/observe.ts b/frontend-old/node_modules/web-vitals/src/lib/observe.ts deleted file mode 100644 index f3127a3..0000000 --- a/frontend-old/node_modules/web-vitals/src/lib/observe.ts +++ /dev/null @@ -1,66 +0,0 @@ -/* - * 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 - * - * https://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. - */ - -interface PerformanceEntryMap { - 'event': PerformanceEventTiming[]; - 'first-input': PerformanceEventTiming[]; - 'layout-shift': LayoutShift[]; - 'largest-contentful-paint': LargestContentfulPaint[]; - 'long-animation-frame': PerformanceLongAnimationFrameTiming[]; - 'paint': PerformancePaintTiming[]; - 'navigation': PerformanceNavigationTiming[]; - 'resource': PerformanceResourceTiming[]; -} - -/** - * Takes a performance entry type and a callback function, and creates a - * `PerformanceObserver` instance that will observe the specified entry type - * with buffering enabled and call the callback _for each entry_. - * - * This function also feature-detects entry support and wraps the logic in a - * try/catch to avoid errors in unsupporting browsers. - */ -export const observe = ( - type: K, - callback: (entries: PerformanceEntryMap[K]) => void, - opts?: PerformanceObserverInit, -): PerformanceObserver | undefined => { - try { - if (PerformanceObserver.supportedEntryTypes.includes(type)) { - const po = new PerformanceObserver((list) => { - // Delay by a microtask to workaround a bug in Safari where the - // callback is invoked immediately, rather than in a separate task. - // See: https://github.com/GoogleChrome/web-vitals/issues/277 - Promise.resolve().then(() => { - callback(list.getEntries() as PerformanceEntryMap[K]); - }); - }); - po.observe( - Object.assign( - { - type, - buffered: true, - }, - opts || {}, - ) as PerformanceObserverInit, - ); - return po; - } - } catch (e) { - // Do nothing. - } - return; -}; diff --git a/frontend-old/node_modules/web-vitals/src/lib/onHidden.ts b/frontend-old/node_modules/web-vitals/src/lib/onHidden.ts deleted file mode 100644 index f59d4c9..0000000 --- a/frontend-old/node_modules/web-vitals/src/lib/onHidden.ts +++ /dev/null @@ -1,23 +0,0 @@ -/* - * 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 - * - * https://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. - */ - -export const onHidden = (cb: () => void) => { - document.addEventListener('visibilitychange', () => { - if (document.visibilityState === 'hidden') { - cb(); - } - }); -}; diff --git a/frontend-old/node_modules/web-vitals/src/lib/polyfills/firstInputPolyfill.ts b/frontend-old/node_modules/web-vitals/src/lib/polyfills/firstInputPolyfill.ts deleted file mode 100644 index 804c423..0000000 --- a/frontend-old/node_modules/web-vitals/src/lib/polyfills/firstInputPolyfill.ts +++ /dev/null @@ -1,174 +0,0 @@ -/* - * 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 - * - * https://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. - */ - -import { - FirstInputPolyfillEntry, - FirstInputPolyfillCallback, -} from '../../types.js'; - -type addOrRemoveEventListener = - | typeof addEventListener - | typeof removeEventListener; - -let firstInputEvent: Event | null; -let firstInputDelay: number; -let firstInputTimeStamp: Date; -let callbacks: FirstInputPolyfillCallback[]; - -const listenerOpts: AddEventListenerOptions = {passive: true, capture: true}; -const startTimeStamp: Date = new Date(); - -/** - * Accepts a callback to be invoked once the first input delay and event - * are known. - */ -export const firstInputPolyfill = ( - onFirstInput: FirstInputPolyfillCallback, -) => { - callbacks.push(onFirstInput); - reportFirstInputDelayIfRecordedAndValid(); -}; - -export const resetFirstInputPolyfill = () => { - callbacks = []; - firstInputDelay = -1; - firstInputEvent = null; - eachEventType(addEventListener); -}; - -/** - * Records the first input delay and event, so subsequent events can be - * ignored. All added event listeners are then removed. - */ -const recordFirstInputDelay = (delay: number, event: Event) => { - if (!firstInputEvent) { - firstInputEvent = event; - firstInputDelay = delay; - firstInputTimeStamp = new Date(); - - eachEventType(removeEventListener); - reportFirstInputDelayIfRecordedAndValid(); - } -}; - -/** - * Reports the first input delay and event (if they're recorded and valid) - * by running the array of callback functions. - */ -const reportFirstInputDelayIfRecordedAndValid = () => { - // In some cases the recorded delay is clearly wrong, e.g. it's negative - // or it's larger than the delta between now and initialization. - // - https://github.com/GoogleChromeLabs/first-input-delay/issues/4 - // - https://github.com/GoogleChromeLabs/first-input-delay/issues/6 - // - https://github.com/GoogleChromeLabs/first-input-delay/issues/7 - if ( - firstInputDelay >= 0 && - // @ts-ignore (subtracting two dates always returns a number) - firstInputDelay < firstInputTimeStamp - startTimeStamp - ) { - const entry = { - entryType: 'first-input', - name: firstInputEvent!.type, - target: firstInputEvent!.target, - cancelable: firstInputEvent!.cancelable, - startTime: firstInputEvent!.timeStamp, - processingStart: firstInputEvent!.timeStamp + firstInputDelay, - } as FirstInputPolyfillEntry; - callbacks.forEach(function (callback) { - callback(entry); - }); - callbacks = []; - } -}; - -/** - * Handles pointer down events, which are a special case. - * Pointer events can trigger main or compositor thread behavior. - * We differentiate these cases based on whether or not we see a - * 'pointercancel' event, which are fired when we scroll. If we're scrolling - * we don't need to report input delay since FID excludes scrolling and - * pinch/zooming. - */ -const onPointerDown = (delay: number, event: Event) => { - /** - * Responds to 'pointerup' events and records a delay. If a pointer up event - * is the next event after a pointerdown event, then it's not a scroll or - * a pinch/zoom. - */ - const onPointerUp = () => { - recordFirstInputDelay(delay, event); - removePointerEventListeners(); - }; - - /** - * Responds to 'pointercancel' events and removes pointer listeners. - * If a 'pointercancel' is the next event to fire after a pointerdown event, - * it means this is a scroll or pinch/zoom interaction. - */ - const onPointerCancel = () => { - removePointerEventListeners(); - }; - - /** - * Removes added pointer event listeners. - */ - const removePointerEventListeners = () => { - removeEventListener('pointerup', onPointerUp, listenerOpts); - removeEventListener('pointercancel', onPointerCancel, listenerOpts); - }; - - addEventListener('pointerup', onPointerUp, listenerOpts); - addEventListener('pointercancel', onPointerCancel, listenerOpts); -}; - -/** - * Handles all input events and records the time between when the event - * was received by the operating system and when it's JavaScript listeners - * were able to run. - */ -const onInput = (event: Event) => { - // Only count cancelable events, which should trigger behavior - // important to the user. - if (event.cancelable) { - // In some browsers `event.timeStamp` returns a `DOMTimeStamp` value - // (epoch time) instead of the newer `DOMHighResTimeStamp` - // (document-origin time). To check for that we assume any timestamp - // greater than 1 trillion is a `DOMTimeStamp`, and compare it using - // the `Date` object rather than `performance.now()`. - // - https://github.com/GoogleChromeLabs/first-input-delay/issues/4 - const isEpochTime = event.timeStamp > 1e12; - const now = isEpochTime ? new Date() : performance.now(); - - // Input delay is the delta between when the system received the event - // (e.g. event.timeStamp) and when it could run the callback (e.g. `now`). - const delay = (now as number) - event.timeStamp; - - if (event.type == 'pointerdown') { - onPointerDown(delay, event); - } else { - recordFirstInputDelay(delay, event); - } - } -}; - -/** - * Invokes the passed callback const for = each event type with t =>he - * `onInput` const and = `listenerOpts =>`. - */ -const eachEventType = (callback: addOrRemoveEventListener) => { - const eventTypes = ['mousedown', 'keydown', 'touchstart', 'pointerdown']; - eventTypes.forEach((type) => callback(type, onInput, listenerOpts)); -}; diff --git a/frontend-old/node_modules/web-vitals/src/lib/polyfills/getFirstHiddenTimePolyfill.ts b/frontend-old/node_modules/web-vitals/src/lib/polyfills/getFirstHiddenTimePolyfill.ts deleted file mode 100644 index 9d7f26a..0000000 --- a/frontend-old/node_modules/web-vitals/src/lib/polyfills/getFirstHiddenTimePolyfill.ts +++ /dev/null @@ -1,29 +0,0 @@ -/* - * 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 - * - * https://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. - */ - -let firstHiddenTime = document.visibilityState === 'hidden' ? 0 : Infinity; - -const onVisibilityChange = (event: Event) => { - if (document.visibilityState === 'hidden') { - firstHiddenTime = event.timeStamp; - removeEventListener('visibilitychange', onVisibilityChange, true); - } -}; - -// Note: do not add event listeners unconditionally (outside of polyfills). -addEventListener('visibilitychange', onVisibilityChange, true); - -export const getFirstHiddenTime = () => firstHiddenTime; diff --git a/frontend-old/node_modules/web-vitals/src/lib/polyfills/interactionCountPolyfill.ts b/frontend-old/node_modules/web-vitals/src/lib/polyfills/interactionCountPolyfill.ts deleted file mode 100644 index e363376..0000000 --- a/frontend-old/node_modules/web-vitals/src/lib/polyfills/interactionCountPolyfill.ts +++ /dev/null @@ -1,63 +0,0 @@ -/* - * Copyright 2022 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 - * - * https://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. - */ - -import {observe} from '../observe.js'; - -declare global { - interface Performance { - interactionCount: number; - } -} - -let interactionCountEstimate = 0; -let minKnownInteractionId = Infinity; -let maxKnownInteractionId = 0; - -const updateEstimate = (entries: PerformanceEventTiming[]) => { - entries.forEach((e) => { - if (e.interactionId) { - minKnownInteractionId = Math.min(minKnownInteractionId, e.interactionId); - maxKnownInteractionId = Math.max(maxKnownInteractionId, e.interactionId); - - interactionCountEstimate = maxKnownInteractionId - ? (maxKnownInteractionId - minKnownInteractionId) / 7 + 1 - : 0; - } - }); -}; - -let po: PerformanceObserver | undefined; - -/** - * Returns the `interactionCount` value using the native API (if available) - * or the polyfill estimate in this module. - */ -export const getInteractionCount = () => { - return po ? interactionCountEstimate : performance.interactionCount || 0; -}; - -/** - * Feature detects native support or initializes the polyfill if needed. - */ -export const initInteractionCountPolyfill = () => { - if ('interactionCount' in performance || po) return; - - po = observe('event', updateEstimate, { - type: 'event', - buffered: true, - durationThreshold: 0, - } as PerformanceObserverInit); -}; diff --git a/frontend-old/node_modules/web-vitals/src/lib/runOnce.ts b/frontend-old/node_modules/web-vitals/src/lib/runOnce.ts deleted file mode 100644 index f2de2ea..0000000 --- a/frontend-old/node_modules/web-vitals/src/lib/runOnce.ts +++ /dev/null @@ -1,25 +0,0 @@ -/* - * Copyright 2022 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 - * - * https://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. - */ - -export const runOnce = (cb: () => void) => { - let called = false; - return () => { - if (!called) { - cb(); - called = true; - } - }; -}; diff --git a/frontend-old/node_modules/web-vitals/src/lib/whenActivated.ts b/frontend-old/node_modules/web-vitals/src/lib/whenActivated.ts deleted file mode 100644 index e4046c9..0000000 --- a/frontend-old/node_modules/web-vitals/src/lib/whenActivated.ts +++ /dev/null @@ -1,23 +0,0 @@ -/* - * Copyright 2022 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 - * - * https://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. - */ - -export const whenActivated = (callback: () => void) => { - if (document.prerendering) { - addEventListener('prerenderingchange', () => callback(), true); - } else { - callback(); - } -}; diff --git a/frontend-old/node_modules/web-vitals/src/lib/whenIdle.ts b/frontend-old/node_modules/web-vitals/src/lib/whenIdle.ts deleted file mode 100644 index 9abb30c..0000000 --- a/frontend-old/node_modules/web-vitals/src/lib/whenIdle.ts +++ /dev/null @@ -1,38 +0,0 @@ -/* - * Copyright 2024 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 - * - * https://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. - */ - -import {onHidden} from './onHidden.js'; -import {runOnce} from './runOnce.js'; - -/** - * Runs the passed callback during the next idle period, or immediately - * if the browser's visibility state is (or becomes) hidden. - */ -export const whenIdle = (cb: () => void): number => { - const rIC = self.requestIdleCallback || self.setTimeout; - - let handle = -1; - cb = runOnce(cb); - // If the document is hidden, run the callback immediately, otherwise - // race an idle callback with the next `visibilitychange` event. - if (document.visibilityState === 'hidden') { - cb(); - } else { - handle = rIC(cb); - onHidden(cb); - } - return handle; -}; diff --git a/frontend-old/node_modules/web-vitals/src/onCLS.ts b/frontend-old/node_modules/web-vitals/src/onCLS.ts deleted file mode 100644 index 6f78458..0000000 --- a/frontend-old/node_modules/web-vitals/src/onCLS.ts +++ /dev/null @@ -1,138 +0,0 @@ -/* - * 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 - * - * https://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. - */ - -import {onBFCacheRestore} from './lib/bfcache.js'; -import {initMetric} from './lib/initMetric.js'; -import {observe} from './lib/observe.js'; -import {bindReporter} from './lib/bindReporter.js'; -import {doubleRAF} from './lib/doubleRAF.js'; -import {onHidden} from './lib/onHidden.js'; -import {runOnce} from './lib/runOnce.js'; -import {onFCP} from './onFCP.js'; -import {CLSMetric, MetricRatingThresholds, ReportOpts} from './types.js'; - -/** Thresholds for CLS. See https://web.dev/articles/cls#what_is_a_good_cls_score */ -export const CLSThresholds: MetricRatingThresholds = [0.1, 0.25]; - -/** - * Calculates the [CLS](https://web.dev/articles/cls) value for the current page and - * calls the `callback` function once the value is ready to be reported, along - * with all `layout-shift` performance entries that were used in the metric - * value calculation. The reported value is a `double` (corresponding to a - * [layout shift score](https://web.dev/articles/cls#layout_shift_score)). - * - * If the `reportAllChanges` configuration option is set to `true`, the - * `callback` function will be called as soon as the value is initially - * determined as well as any time the value changes throughout the page - * lifespan. - * - * _**Important:** CLS should be continually monitored for changes throughout - * the entire lifespan of a page—including if the user returns to the page after - * it's been hidden/backgrounded. However, since browsers often [will not fire - * additional callbacks once the user has backgrounded a - * page](https://developer.chrome.com/blog/page-lifecycle-api/#advice-hidden), - * `callback` is always called when the page's visibility state changes to - * hidden. As a result, the `callback` function might be called multiple times - * during the same page load._ - */ -export const onCLS = ( - onReport: (metric: CLSMetric) => void, - opts?: ReportOpts, -) => { - // Set defaults - opts = opts || {}; - - // Start monitoring FCP so we can only report CLS if FCP is also reported. - // Note: this is done to match the current behavior of CrUX. - onFCP( - runOnce(() => { - let metric = initMetric('CLS', 0); - let report: ReturnType; - - let sessionValue = 0; - let sessionEntries: LayoutShift[] = []; - - const handleEntries = (entries: LayoutShift[]) => { - entries.forEach((entry) => { - // Only count layout shifts without recent user input. - if (!entry.hadRecentInput) { - const firstSessionEntry = sessionEntries[0]; - const lastSessionEntry = sessionEntries[sessionEntries.length - 1]; - - // If the entry occurred less than 1 second after the previous entry - // and less than 5 seconds after the first entry in the session, - // include the entry in the current session. Otherwise, start a new - // session. - if ( - sessionValue && - entry.startTime - lastSessionEntry.startTime < 1000 && - entry.startTime - firstSessionEntry.startTime < 5000 - ) { - sessionValue += entry.value; - sessionEntries.push(entry); - } else { - sessionValue = entry.value; - sessionEntries = [entry]; - } - } - }); - - // If the current session value is larger than the current CLS value, - // update CLS and the entries contributing to it. - if (sessionValue > metric.value) { - metric.value = sessionValue; - metric.entries = sessionEntries; - report(); - } - }; - - const po = observe('layout-shift', handleEntries); - if (po) { - report = bindReporter( - onReport, - metric, - CLSThresholds, - opts!.reportAllChanges, - ); - - onHidden(() => { - handleEntries(po.takeRecords() as CLSMetric['entries']); - report(true); - }); - - // Only report after a bfcache restore if the `PerformanceObserver` - // successfully registered. - onBFCacheRestore(() => { - sessionValue = 0; - metric = initMetric('CLS', 0); - report = bindReporter( - onReport, - metric, - CLSThresholds, - opts!.reportAllChanges, - ); - - doubleRAF(() => report()); - }); - - // Queue a task to report (if nothing else triggers a report first). - // This allows CLS to be reported as soon as FCP fires when - // `reportAllChanges` is true. - setTimeout(report, 0); - } - }), - ); -}; diff --git a/frontend-old/node_modules/web-vitals/src/onFCP.ts b/frontend-old/node_modules/web-vitals/src/onFCP.ts deleted file mode 100644 index f2a3625..0000000 --- a/frontend-old/node_modules/web-vitals/src/onFCP.ts +++ /dev/null @@ -1,95 +0,0 @@ -/* - * 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 - * - * https://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. - */ - -import {onBFCacheRestore} from './lib/bfcache.js'; -import {bindReporter} from './lib/bindReporter.js'; -import {doubleRAF} from './lib/doubleRAF.js'; -import {getActivationStart} from './lib/getActivationStart.js'; -import {getVisibilityWatcher} from './lib/getVisibilityWatcher.js'; -import {initMetric} from './lib/initMetric.js'; -import {observe} from './lib/observe.js'; -import {whenActivated} from './lib/whenActivated.js'; -import {FCPMetric, MetricRatingThresholds, ReportOpts} from './types.js'; - -/** Thresholds for FCP. See https://web.dev/articles/fcp#what_is_a_good_fcp_score */ -export const FCPThresholds: MetricRatingThresholds = [1800, 3000]; - -/** - * Calculates the [FCP](https://web.dev/articles/fcp) value for the current page and - * calls the `callback` function once the value is ready, along with the - * relevant `paint` performance entry used to determine the value. The reported - * value is a `DOMHighResTimeStamp`. - */ -export const onFCP = ( - onReport: (metric: FCPMetric) => void, - opts?: ReportOpts, -) => { - // Set defaults - opts = opts || {}; - - whenActivated(() => { - const visibilityWatcher = getVisibilityWatcher(); - let metric = initMetric('FCP'); - let report: ReturnType; - - const handleEntries = (entries: FCPMetric['entries']) => { - entries.forEach((entry) => { - if (entry.name === 'first-contentful-paint') { - po!.disconnect(); - - // Only report if the page wasn't hidden prior to the first paint. - if (entry.startTime < visibilityWatcher.firstHiddenTime) { - // The activationStart reference is used because FCP should be - // relative to page activation rather than navigation start if the - // page was prerendered. But in cases where `activationStart` occurs - // after the FCP, this time should be clamped at 0. - metric.value = Math.max(entry.startTime - getActivationStart(), 0); - metric.entries.push(entry); - report(true); - } - } - }); - }; - - const po = observe('paint', handleEntries); - - if (po) { - report = bindReporter( - onReport, - metric, - FCPThresholds, - opts!.reportAllChanges, - ); - - // Only report after a bfcache restore if the `PerformanceObserver` - // successfully registered or the `paint` entry exists. - onBFCacheRestore((event) => { - metric = initMetric('FCP'); - report = bindReporter( - onReport, - metric, - FCPThresholds, - opts!.reportAllChanges, - ); - - doubleRAF(() => { - metric.value = performance.now() - event.timeStamp; - report(true); - }); - }); - } - }); -}; diff --git a/frontend-old/node_modules/web-vitals/src/onFID.ts b/frontend-old/node_modules/web-vitals/src/onFID.ts deleted file mode 100644 index cde84b9..0000000 --- a/frontend-old/node_modules/web-vitals/src/onFID.ts +++ /dev/null @@ -1,105 +0,0 @@ -/* - * 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 - * - * https://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. - */ - -import {onBFCacheRestore} from './lib/bfcache.js'; -import {bindReporter} from './lib/bindReporter.js'; -import {getVisibilityWatcher} from './lib/getVisibilityWatcher.js'; -import {initMetric} from './lib/initMetric.js'; -import {observe} from './lib/observe.js'; -import {onHidden} from './lib/onHidden.js'; -import { - firstInputPolyfill, - resetFirstInputPolyfill, -} from './lib/polyfills/firstInputPolyfill.js'; -import {runOnce} from './lib/runOnce.js'; -import {whenActivated} from './lib/whenActivated.js'; -import { - FIDMetric, - FirstInputPolyfillCallback, - MetricRatingThresholds, - ReportOpts, -} from './types.js'; - -/** Thresholds for FID. See https://web.dev/articles/fid#what_is_a_good_fid_score */ -export const FIDThresholds: MetricRatingThresholds = [100, 300]; - -/** - * Calculates the [FID](https://web.dev/articles/fid) value for the current page and - * calls the `callback` function once the value is ready, along with the - * relevant `first-input` performance entry used to determine the value. The - * reported value is a `DOMHighResTimeStamp`. - * - * _**Important:** since FID is only reported after the user interacts with the - * page, it's possible that it will not be reported for some page loads._ - */ -export const onFID = ( - onReport: (metric: FIDMetric) => void, - opts?: ReportOpts, -) => { - // Set defaults - opts = opts || {}; - - whenActivated(() => { - const visibilityWatcher = getVisibilityWatcher(); - let metric = initMetric('FID'); - let report: ReturnType; - - const handleEntry = (entry: PerformanceEventTiming) => { - // Only report if the page wasn't hidden prior to the first input. - if (entry.startTime < visibilityWatcher.firstHiddenTime) { - metric.value = entry.processingStart - entry.startTime; - metric.entries.push(entry); - report(true); - } - }; - - const handleEntries = (entries: FIDMetric['entries']) => { - entries.forEach(handleEntry); - }; - - const po = observe('first-input', handleEntries); - - report = bindReporter( - onReport, - metric, - FIDThresholds, - opts!.reportAllChanges, - ); - - if (po) { - onHidden( - runOnce(() => { - handleEntries(po.takeRecords() as FIDMetric['entries']); - po.disconnect(); - }), - ); - - onBFCacheRestore(() => { - metric = initMetric('FID'); - report = bindReporter( - onReport, - metric, - FIDThresholds, - opts!.reportAllChanges, - ); - - // Browsers don't re-emit FID on bfcache restore so fake it until you make it - resetFirstInputPolyfill(); - firstInputPolyfill(handleEntry as FirstInputPolyfillCallback); - }); - } - }); -}; diff --git a/frontend-old/node_modules/web-vitals/src/onINP.ts b/frontend-old/node_modules/web-vitals/src/onINP.ts deleted file mode 100644 index cafa6d2..0000000 --- a/frontend-old/node_modules/web-vitals/src/onINP.ts +++ /dev/null @@ -1,150 +0,0 @@ -/* - * Copyright 2022 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 - * - * https://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. - */ - -import {onBFCacheRestore} from './lib/bfcache.js'; -import {bindReporter} from './lib/bindReporter.js'; -import {initMetric} from './lib/initMetric.js'; -import { - DEFAULT_DURATION_THRESHOLD, - processInteractionEntry, - estimateP98LongestInteraction, - resetInteractions, -} from './lib/interactions.js'; -import {observe} from './lib/observe.js'; -import {onHidden} from './lib/onHidden.js'; -import {initInteractionCountPolyfill} from './lib/polyfills/interactionCountPolyfill.js'; -import {whenActivated} from './lib/whenActivated.js'; -import {whenIdle} from './lib/whenIdle.js'; - -import {INPMetric, MetricRatingThresholds, ReportOpts} from './types.js'; - -/** Thresholds for INP. See https://web.dev/articles/inp#what_is_a_good_inp_score */ -export const INPThresholds: MetricRatingThresholds = [200, 500]; - -/** - * Calculates the [INP](https://web.dev/articles/inp) value for the current - * page and calls the `callback` function once the value is ready, along with - * the `event` performance entries reported for that interaction. The reported - * value is a `DOMHighResTimeStamp`. - * - * A custom `durationThreshold` configuration option can optionally be passed to - * control what `event-timing` entries are considered for INP reporting. The - * default threshold is `40`, which means INP scores of less than 40 are - * reported as 0. Note that this will not affect your 75th percentile INP value - * unless that value is also less than 40 (well below the recommended - * [good](https://web.dev/articles/inp#what_is_a_good_inp_score) threshold). - * - * If the `reportAllChanges` configuration option is set to `true`, the - * `callback` function will be called as soon as the value is initially - * determined as well as any time the value changes throughout the page - * lifespan. - * - * _**Important:** INP should be continually monitored for changes throughout - * the entire lifespan of a page—including if the user returns to the page after - * it's been hidden/backgrounded. However, since browsers often [will not fire - * additional callbacks once the user has backgrounded a - * page](https://developer.chrome.com/blog/page-lifecycle-api/#advice-hidden), - * `callback` is always called when the page's visibility state changes to - * hidden. As a result, the `callback` function might be called multiple times - * during the same page load._ - */ -export const onINP = ( - onReport: (metric: INPMetric) => void, - opts?: ReportOpts, -) => { - // Return if the browser doesn't support all APIs needed to measure INP. - if ( - !( - 'PerformanceEventTiming' in self && - 'interactionId' in PerformanceEventTiming.prototype - ) - ) { - return; - } - - // Set defaults - opts = opts || {}; - - whenActivated(() => { - // TODO(philipwalton): remove once the polyfill is no longer needed. - initInteractionCountPolyfill(); - - let metric = initMetric('INP'); - let report: ReturnType; - - const handleEntries = (entries: INPMetric['entries']) => { - // Queue the `handleEntries()` callback in the next idle task. - // This is needed to increase the chances that all event entries that - // occurred between the user interaction and the next paint - // have been dispatched. Note: there is currently an experiment - // running in Chrome (EventTimingKeypressAndCompositionInteractionId) - // 123+ that if rolled out fully may make this no longer necessary. - whenIdle(() => { - entries.forEach(processInteractionEntry); - - const inp = estimateP98LongestInteraction(); - - if (inp && inp.latency !== metric.value) { - metric.value = inp.latency; - metric.entries = inp.entries; - report(); - } - }); - }; - - const po = observe('event', handleEntries, { - // Event Timing entries have their durations rounded to the nearest 8ms, - // so a duration of 40ms would be any event that spans 2.5 or more frames - // at 60Hz. This threshold is chosen to strike a balance between usefulness - // and performance. Running this callback for any interaction that spans - // just one or two frames is likely not worth the insight that could be - // gained. - durationThreshold: opts!.durationThreshold ?? DEFAULT_DURATION_THRESHOLD, - }); - - report = bindReporter( - onReport, - metric, - INPThresholds, - opts!.reportAllChanges, - ); - - if (po) { - // Also observe entries of type `first-input`. This is useful in cases - // where the first interaction is less than the `durationThreshold`. - po.observe({type: 'first-input', buffered: true}); - - onHidden(() => { - handleEntries(po.takeRecords() as INPMetric['entries']); - report(true); - }); - - // Only report after a bfcache restore if the `PerformanceObserver` - // successfully registered. - onBFCacheRestore(() => { - resetInteractions(); - - metric = initMetric('INP'); - report = bindReporter( - onReport, - metric, - INPThresholds, - opts!.reportAllChanges, - ); - }); - } - }); -}; diff --git a/frontend-old/node_modules/web-vitals/src/onLCP.ts b/frontend-old/node_modules/web-vitals/src/onLCP.ts deleted file mode 100644 index 57f0a85..0000000 --- a/frontend-old/node_modules/web-vitals/src/onLCP.ts +++ /dev/null @@ -1,134 +0,0 @@ -/* - * 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 - * - * https://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. - */ - -import {onBFCacheRestore} from './lib/bfcache.js'; -import {bindReporter} from './lib/bindReporter.js'; -import {doubleRAF} from './lib/doubleRAF.js'; -import {getActivationStart} from './lib/getActivationStart.js'; -import {getVisibilityWatcher} from './lib/getVisibilityWatcher.js'; -import {initMetric} from './lib/initMetric.js'; -import {observe} from './lib/observe.js'; -import {onHidden} from './lib/onHidden.js'; -import {runOnce} from './lib/runOnce.js'; -import {whenActivated} from './lib/whenActivated.js'; -import {whenIdle} from './lib/whenIdle.js'; -import {LCPMetric, MetricRatingThresholds, ReportOpts} from './types.js'; - -/** Thresholds for LCP. See https://web.dev/articles/lcp#what_is_a_good_lcp_score */ -export const LCPThresholds: MetricRatingThresholds = [2500, 4000]; - -const reportedMetricIDs: Record = {}; - -/** - * Calculates the [LCP](https://web.dev/articles/lcp) value for the current page and - * calls the `callback` function once the value is ready (along with the - * relevant `largest-contentful-paint` performance entry used to determine the - * value). The reported value is a `DOMHighResTimeStamp`. - * - * If the `reportAllChanges` configuration option is set to `true`, the - * `callback` function will be called any time a new `largest-contentful-paint` - * performance entry is dispatched, or once the final value of the metric has - * been determined. - */ -export const onLCP = ( - onReport: (metric: LCPMetric) => void, - opts?: ReportOpts, -) => { - // Set defaults - opts = opts || {}; - - whenActivated(() => { - const visibilityWatcher = getVisibilityWatcher(); - let metric = initMetric('LCP'); - let report: ReturnType; - - const handleEntries = (entries: LCPMetric['entries']) => { - // If reportAllChanges is set then call this function for each entry, - // otherwise only consider the last one. - if (!opts!.reportAllChanges) { - entries = entries.slice(-1); - } - - entries.forEach((entry) => { - // Only report if the page wasn't hidden prior to LCP. - if (entry.startTime < visibilityWatcher.firstHiddenTime) { - // The startTime attribute returns the value of the renderTime if it is - // not 0, and the value of the loadTime otherwise. The activationStart - // reference is used because LCP should be relative to page activation - // rather than navigation start if the page was prerendered. But in cases - // where `activationStart` occurs after the LCP, this time should be - // clamped at 0. - metric.value = Math.max(entry.startTime - getActivationStart(), 0); - metric.entries = [entry]; - report(); - } - }); - }; - - const po = observe('largest-contentful-paint', handleEntries); - - if (po) { - report = bindReporter( - onReport, - metric, - LCPThresholds, - opts!.reportAllChanges, - ); - - const stopListening = runOnce(() => { - if (!reportedMetricIDs[metric.id]) { - handleEntries(po!.takeRecords() as LCPMetric['entries']); - po!.disconnect(); - reportedMetricIDs[metric.id] = true; - report(true); - } - }); - - // Stop listening after input. Note: while scrolling is an input that - // stops LCP observation, it's unreliable since it can be programmatically - // generated. See: https://github.com/GoogleChrome/web-vitals/issues/75 - ['keydown', 'click'].forEach((type) => { - // Wrap in a setTimeout so the callback is run in a separate task - // to avoid extending the keyboard/click handler to reduce INP impact - // https://github.com/GoogleChrome/web-vitals/issues/383 - addEventListener(type, () => whenIdle(stopListening), { - once: true, - capture: true, - }); - }); - - onHidden(stopListening); - - // Only report after a bfcache restore if the `PerformanceObserver` - // successfully registered. - onBFCacheRestore((event) => { - metric = initMetric('LCP'); - report = bindReporter( - onReport, - metric, - LCPThresholds, - opts!.reportAllChanges, - ); - - doubleRAF(() => { - metric.value = performance.now() - event.timeStamp; - reportedMetricIDs[metric.id] = true; - report(true); - }); - }); - } - }); -}; diff --git a/frontend-old/node_modules/web-vitals/src/onTTFB.ts b/frontend-old/node_modules/web-vitals/src/onTTFB.ts deleted file mode 100644 index 8167a56..0000000 --- a/frontend-old/node_modules/web-vitals/src/onTTFB.ts +++ /dev/null @@ -1,104 +0,0 @@ -/* - * 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 - * - * https://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. - */ - -import {bindReporter} from './lib/bindReporter.js'; -import {initMetric} from './lib/initMetric.js'; -import {onBFCacheRestore} from './lib/bfcache.js'; -import {getNavigationEntry} from './lib/getNavigationEntry.js'; -import {MetricRatingThresholds, ReportOpts, TTFBMetric} from './types.js'; -import {getActivationStart} from './lib/getActivationStart.js'; -import {whenActivated} from './lib/whenActivated.js'; - -/** Thresholds for TTFB. See https://web.dev/articles/ttfb#what_is_a_good_ttfb_score */ -export const TTFBThresholds: MetricRatingThresholds = [800, 1800]; - -/** - * Runs in the next task after the page is done loading and/or prerendering. - * @param callback - */ -const whenReady = (callback: () => void) => { - if (document.prerendering) { - whenActivated(() => whenReady(callback)); - } else if (document.readyState !== 'complete') { - addEventListener('load', () => whenReady(callback), true); - } else { - // Queue a task so the callback runs after `loadEventEnd`. - setTimeout(callback, 0); - } -}; - -/** - * Calculates the [TTFB](https://web.dev/articles/ttfb) value for the - * current page and calls the `callback` function once the page has loaded, - * along with the relevant `navigation` performance entry used to determine the - * value. The reported value is a `DOMHighResTimeStamp`. - * - * Note, this function waits until after the page is loaded to call `callback` - * in order to ensure all properties of the `navigation` entry are populated. - * This is useful if you want to report on other metrics exposed by the - * [Navigation Timing API](https://w3c.github.io/navigation-timing/). For - * example, the TTFB metric starts from the page's [time - * origin](https://www.w3.org/TR/hr-time-2/#sec-time-origin), which means it - * includes time spent on DNS lookup, connection negotiation, network latency, - * and server processing time. - */ -export const onTTFB = ( - onReport: (metric: TTFBMetric) => void, - opts?: ReportOpts, -) => { - // Set defaults - opts = opts || {}; - - let metric = initMetric('TTFB'); - let report = bindReporter( - onReport, - metric, - TTFBThresholds, - opts.reportAllChanges, - ); - - whenReady(() => { - const navigationEntry = getNavigationEntry(); - - if (navigationEntry) { - // The activationStart reference is used because TTFB should be - // relative to page activation rather than navigation start if the - // page was prerendered. But in cases where `activationStart` occurs - // after the first byte is received, this time should be clamped at 0. - metric.value = Math.max( - navigationEntry.responseStart - getActivationStart(), - 0, - ); - - metric.entries = [navigationEntry]; - report(true); - - // Only report TTFB after bfcache restores if a `navigation` entry - // was reported for the initial load. - onBFCacheRestore(() => { - metric = initMetric('TTFB', 0); - report = bindReporter( - onReport, - metric, - TTFBThresholds, - opts!.reportAllChanges, - ); - - report(true); - }); - } - }); -}; diff --git a/frontend-old/node_modules/web-vitals/src/types.ts b/frontend-old/node_modules/web-vitals/src/types.ts deleted file mode 100644 index 92c44c6..0000000 --- a/frontend-old/node_modules/web-vitals/src/types.ts +++ /dev/null @@ -1,97 +0,0 @@ -/* - * 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 - * - * https://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. - */ - -export * from './types/base.js'; -export * from './types/polyfills.js'; - -export * from './types/cls.js'; -export * from './types/fcp.js'; -export * from './types/fid.js'; -export * from './types/inp.js'; -export * from './types/lcp.js'; -export * from './types/ttfb.js'; - -// -------------------------------------------------------------------------- -// Everything below is modifications to built-in modules. -// -------------------------------------------------------------------------- - -interface PerformanceEntryMap { - navigation: PerformanceNavigationTiming; - resource: PerformanceResourceTiming; - paint: PerformancePaintTiming; -} - -// Update built-in types to be more accurate. -declare global { - interface Document { - // https://wicg.github.io/nav-speculation/prerendering.html#document-prerendering - prerendering?: boolean; - // https://wicg.github.io/page-lifecycle/#sec-api - wasDiscarded?: boolean; - } - - interface Performance { - getEntriesByType( - type: K, - ): PerformanceEntryMap[K][]; - } - - // https://w3c.github.io/event-timing/#sec-modifications-perf-timeline - interface PerformanceObserverInit { - durationThreshold?: number; - } - - // https://wicg.github.io/nav-speculation/prerendering.html#performance-navigation-timing-extension - interface PerformanceNavigationTiming { - activationStart?: number; - } - - // https://wicg.github.io/event-timing/#sec-performance-event-timing - interface PerformanceEventTiming extends PerformanceEntry { - duration: DOMHighResTimeStamp; - interactionId: number; - } - - // https://wicg.github.io/layout-instability/#sec-layout-shift-attribution - interface LayoutShiftAttribution { - node?: Node; - previousRect: DOMRectReadOnly; - currentRect: DOMRectReadOnly; - } - - // https://wicg.github.io/layout-instability/#sec-layout-shift - interface LayoutShift extends PerformanceEntry { - value: number; - sources: LayoutShiftAttribution[]; - hadRecentInput: boolean; - } - - // https://w3c.github.io/largest-contentful-paint/#sec-largest-contentful-paint-interface - interface LargestContentfulPaint extends PerformanceEntry { - readonly renderTime: DOMHighResTimeStamp; - readonly loadTime: DOMHighResTimeStamp; - readonly size: number; - readonly id: string; - readonly url: string; - readonly element: Element | null; - } - - // https://w3c.github.io/long-animation-frame/#sec-PerformanceLongAnimationFrameTiming - interface PerformanceLongAnimationFrameTiming extends PerformanceEntry { - renderStart: DOMHighResTimeStamp; - duration: DOMHighResTimeStamp; - } -} diff --git a/frontend-old/node_modules/web-vitals/src/types/base.ts b/frontend-old/node_modules/web-vitals/src/types/base.ts deleted file mode 100644 index f883aff..0000000 --- a/frontend-old/node_modules/web-vitals/src/types/base.ts +++ /dev/null @@ -1,152 +0,0 @@ -/* - * Copyright 2022 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 - * - * https://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. - */ - -import type {CLSMetric, CLSMetricWithAttribution} from './cls.js'; -import type {FCPMetric, FCPMetricWithAttribution} from './fcp.js'; -import type {FIDMetric, FIDMetricWithAttribution} from './fid.js'; -import type {INPMetric, INPMetricWithAttribution} from './inp.js'; -import type {LCPMetric, LCPMetricWithAttribution} from './lcp.js'; -import type {TTFBMetric, TTFBMetricWithAttribution} from './ttfb.js'; - -export interface Metric { - /** - * The name of the metric (in acronym form). - */ - name: 'CLS' | 'FCP' | 'FID' | 'INP' | 'LCP' | 'TTFB'; - - /** - * The current value of the metric. - */ - value: number; - - /** - * The rating as to whether the metric value is within the "good", - * "needs improvement", or "poor" thresholds of the metric. - */ - rating: 'good' | 'needs-improvement' | 'poor'; - - /** - * The delta between the current value and the last-reported value. - * On the first report, `delta` and `value` will always be the same. - */ - delta: number; - - /** - * A unique ID representing this particular metric instance. This ID can - * be used by an analytics tool to dedupe multiple values sent for the same - * metric instance, or to group multiple deltas together and calculate a - * total. It can also be used to differentiate multiple different metric - * instances sent from the same page, which can happen if the page is - * restored from the back/forward cache (in that case new metrics object - * get created). - */ - id: string; - - /** - * Any performance entries relevant to the metric value calculation. - * The array may also be empty if the metric value was not based on any - * entries (e.g. a CLS value of 0 given no layout shifts). - */ - entries: PerformanceEntry[]; - - /** - * The type of navigation. - * - * This will be the value returned by the Navigation Timing API (or - * `undefined` if the browser doesn't support that API), with the following - * exceptions: - * - 'back-forward-cache': for pages that are restored from the bfcache. - * - 'back_forward' is renamed to 'back-forward' for consistency. - * - 'prerender': for pages that were prerendered. - * - 'restore': for pages that were discarded by the browser and then - * restored by the user. - */ - navigationType: - | 'navigate' - | 'reload' - | 'back-forward' - | 'back-forward-cache' - | 'prerender' - | 'restore'; -} - -/** The union of supported metric types. */ -export type MetricType = - | CLSMetric - | FCPMetric - | FIDMetric - | INPMetric - | LCPMetric - | TTFBMetric; - -/** The union of supported metric attribution types. */ -export type MetricWithAttribution = - | CLSMetricWithAttribution - | FCPMetricWithAttribution - | FIDMetricWithAttribution - | INPMetricWithAttribution - | LCPMetricWithAttribution - | TTFBMetricWithAttribution; - -/** - * The thresholds of metric's "good", "needs improvement", and "poor" ratings. - * - * - Metric values up to and including [0] are rated "good" - * - Metric values up to and including [1] are rated "needs improvement" - * - Metric values above [1] are "poor" - * - * | Metric value | Rating | - * | --------------- | ------------------- | - * | ≦ [0] | "good" | - * | > [0] and ≦ [1] | "needs improvement" | - * | > [1] | "poor" | - */ -export type MetricRatingThresholds = [number, number]; - -/** - * @deprecated Use metric-specific function types instead, such as: - * `(metric: LCPMetric) => void`. If a single callback type is needed for - * multiple metrics, use `(metric: MetricType) => void`. - */ -export interface ReportCallback { - (metric: MetricType): void; -} - -export interface ReportOpts { - reportAllChanges?: boolean; - durationThreshold?: number; -} - -/** - * The loading state of the document. Note: this value is similar to - * `document.readyState` but it subdivides the "interactive" state into the - * time before and after the DOMContentLoaded event fires. - * - * State descriptions: - * - `loading`: the initial document response has not yet been fully downloaded - * and parsed. This is equivalent to the corresponding `readyState` value. - * - `dom-interactive`: the document has been fully loaded and parsed, but - * scripts may not have yet finished loading and executing. - * - `dom-content-loaded`: the document is fully loaded and parsed, and all - * scripts (except `async` scripts) have loaded and finished executing. - * - `complete`: the document and all of its sub-resources have finished - * loading. This is equivalent to the corresponding `readyState` value. - */ -export type LoadState = - | 'loading' - | 'dom-interactive' - | 'dom-content-loaded' - | 'complete'; diff --git a/frontend-old/node_modules/web-vitals/src/types/cls.ts b/frontend-old/node_modules/web-vitals/src/types/cls.ts deleted file mode 100644 index c79ce4c..0000000 --- a/frontend-old/node_modules/web-vitals/src/types/cls.ts +++ /dev/null @@ -1,74 +0,0 @@ -/* - * Copyright 2022 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 - * - * https://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. - */ - -import type {LoadState, Metric} from './base.js'; - -/** - * A CLS-specific version of the Metric object. - */ -export interface CLSMetric extends Metric { - name: 'CLS'; - entries: LayoutShift[]; -} - -/** - * An object containing potentially-helpful debugging information that - * can be sent along with the CLS value for the current page visit in order - * to help identify issues happening to real-users in the field. - */ -export interface CLSAttribution { - /** - * A selector identifying the first element (in document order) that - * shifted when the single largest layout shift contributing to the page's - * CLS score occurred. - */ - largestShiftTarget?: string; - /** - * The time when the single largest layout shift contributing to the page's - * CLS score occurred. - */ - largestShiftTime?: DOMHighResTimeStamp; - /** - * The layout shift score of the single largest layout shift contributing to - * the page's CLS score. - */ - largestShiftValue?: number; - /** - * The `LayoutShiftEntry` representing the single largest layout shift - * contributing to the page's CLS score. (Useful when you need more than just - * `largestShiftTarget`, `largestShiftTime`, and `largestShiftValue`). - */ - largestShiftEntry?: LayoutShift; - /** - * The first element source (in document order) among the `sources` list - * of the `largestShiftEntry` object. (Also useful when you need more than - * just `largestShiftTarget`, `largestShiftTime`, and `largestShiftValue`). - */ - largestShiftSource?: LayoutShiftAttribution; - /** - * The loading state of the document at the time when the largest layout - * shift contribution to the page's CLS score occurred (see `LoadState` - * for details). - */ - loadState?: LoadState; -} - -/** - * A CLS-specific version of the Metric object with attribution. - */ -export interface CLSMetricWithAttribution extends CLSMetric { - attribution: CLSAttribution; -} diff --git a/frontend-old/node_modules/web-vitals/src/types/fcp.ts b/frontend-old/node_modules/web-vitals/src/types/fcp.ts deleted file mode 100644 index ef599b3..0000000 --- a/frontend-old/node_modules/web-vitals/src/types/fcp.ts +++ /dev/null @@ -1,65 +0,0 @@ -/* - * Copyright 2022 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 - * - * https://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. - */ - -import type {LoadState, Metric} from './base.js'; - -/** - * An FCP-specific version of the Metric object. - */ -export interface FCPMetric extends Metric { - name: 'FCP'; - entries: PerformancePaintTiming[]; -} - -/** - * An object containing potentially-helpful debugging information that - * can be sent along with the FCP value for the current page visit in order - * to help identify issues happening to real-users in the field. - */ -export interface FCPAttribution { - /** - * The time from when the user initiates loading the page until when the - * browser receives the first byte of the response (a.k.a. TTFB). - */ - timeToFirstByte: number; - /** - * The delta between TTFB and the first contentful paint (FCP). - */ - firstByteToFCP: number; - /** - * The loading state of the document at the time when FCP `occurred (see - * `LoadState` for details). Ideally, documents can paint before they finish - * loading (e.g. the `loading` or `dom-interactive` phases). - */ - loadState: LoadState; - /** - * The `PerformancePaintTiming` entry corresponding to FCP. - */ - fcpEntry?: PerformancePaintTiming; - /** - * The `navigation` entry of the current page, which is useful for diagnosing - * general page load issues. This can be used to access `serverTiming` for example: - * navigationEntry?.serverTiming - */ - navigationEntry?: PerformanceNavigationTiming; -} - -/** - * An FCP-specific version of the Metric object with attribution. - */ -export interface FCPMetricWithAttribution extends FCPMetric { - attribution: FCPAttribution; -} diff --git a/frontend-old/node_modules/web-vitals/src/types/fid.ts b/frontend-old/node_modules/web-vitals/src/types/fid.ts deleted file mode 100644 index 5b2dcba..0000000 --- a/frontend-old/node_modules/web-vitals/src/types/fid.ts +++ /dev/null @@ -1,65 +0,0 @@ -/* - * Copyright 2022 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 - * - * https://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. - */ - -import type {LoadState, Metric} from './base.js'; - -/** - * An FID-specific version of the Metric object. - */ -export interface FIDMetric extends Metric { - name: 'FID'; - entries: PerformanceEventTiming[]; -} - -/** - * An object containing potentially-helpful debugging information that - * can be sent along with the FID value for the current page visit in order - * to help identify issues happening to real-users in the field. - */ -export interface FIDAttribution { - /** - * A selector identifying the element that the user interacted with. This - * element will be the `target` of the `event` dispatched. - */ - eventTarget: string; - /** - * The time when the user interacted. This time will match the `timeStamp` - * value of the `event` dispatched. - */ - eventTime: number; - /** - * The `type` of the `event` dispatched from the user interaction. - */ - eventType: string; - /** - * The `PerformanceEventTiming` entry corresponding to FID. - */ - eventEntry: PerformanceEventTiming; - /** - * The loading state of the document at the time when the first interaction - * occurred (see `LoadState` for details). If the first interaction occurred - * while the document was loading and executing script (e.g. usually in the - * `dom-interactive` phase) it can result in long input delays. - */ - loadState: LoadState; -} - -/** - * An FID-specific version of the Metric object with attribution. - */ -export interface FIDMetricWithAttribution extends FIDMetric { - attribution: FIDAttribution; -} diff --git a/frontend-old/node_modules/web-vitals/src/types/inp.ts b/frontend-old/node_modules/web-vitals/src/types/inp.ts deleted file mode 100644 index c3acbd9..0000000 --- a/frontend-old/node_modules/web-vitals/src/types/inp.ts +++ /dev/null @@ -1,122 +0,0 @@ -/* - * Copyright 2022 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 - * - * https://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. - */ - -import type {LoadState, Metric} from './base.js'; - -/** - * An INP-specific version of the Metric object. - */ -export interface INPMetric extends Metric { - name: 'INP'; - entries: PerformanceEventTiming[]; -} - -/** - * An object containing potentially-helpful debugging information that - * can be sent along with the INP value for the current page visit in order - * to help identify issues happening to real-users in the field. - */ -export interface INPAttribution { - /** - * A selector identifying the element that the user first interacted with - * as part of the frame where the INP candidate interaction occurred. - * If this value is an empty string, that generally means the element was - * removed from the DOM after the interaction. - */ - interactionTarget: string; - /** - * A reference to the HTML element identified by `interactionTargetSelector`. - * NOTE: for attribution purpose, a selector identifying the element is - * typically more useful than the element itself. However, the element is - * also made available in case additional context is needed. - */ - interactionTargetElement: Node | undefined; - /** - * The time when the user first interacted during the frame where the INP - * candidate interaction occurred (if more than one interaction occurred - * within the frame, only the first time is reported). - */ - interactionTime: DOMHighResTimeStamp; - /** - * The best-guess timestamp of the next paint after the interaction. - * In general, this timestamp is the same as the `startTime + duration` of - * the event timing entry. However, since `duration` values are rounded to - * the nearest 8ms, it can sometimes appear that the paint occurred before - * processing ended (which cannot happen). This value clamps the paint time - * so it's always after `processingEnd` from the Event Timing API and - * `renderStart` from the Long Animation Frame API (where available). - * It also averages the duration values for all entries in the same - * animation frame, which should be closer to the "real" value. - */ - nextPaintTime: DOMHighResTimeStamp; - /** - * The type of interaction, based on the event type of the `event` entry - * that corresponds to the interaction (i.e. the first `event` entry - * containing an `interactionId` dispatched in a given animation frame). - * For "pointerdown", "pointerup", or "click" events this will be "pointer", - * and for "keydown" or "keyup" events this will be "keyboard". - */ - interactionType: 'pointer' | 'keyboard'; - /** - * An array of Event Timing entries that were processed within the same - * animation frame as the INP candidate interaction. - */ - processedEventEntries: PerformanceEventTiming[]; - /** - * If the browser supports the Long Animation Frame API, this array will - * include any `long-animation-frame` entries that intersect with the INP - * candidate interaction's `startTime` and the `processingEnd` time of the - * last event processed within that animation frame. If the browser does not - * support the Long Animation Frame API or no `long-animation-frame` entries - * are detect, this array will be empty. - */ - longAnimationFrameEntries: PerformanceLongAnimationFrameTiming[]; - /** - * The time from when the user interacted with the page until when the - * browser was first able to start processing event listeners for that - * interaction. This time captures the delay before event processing can - * begin due to the main thread being busy with other work. - */ - inputDelay: number; - /** - * The time from when the first event listener started running in response to - * the user interaction until when all event listener processing has finished. - */ - processingDuration: number; - /** - * The time from when the browser finished processing all event listeners for - * the user interaction until the next frame is presented on the screen and - * visible to the user. This time includes work on the main thread (such as - * `requestAnimationFrame()` callbacks, `ResizeObserver` and - * `IntersectionObserver` callbacks, and style/layout calculation) as well - * as off-main-thread work (such as compositor, GPU, and raster work). - */ - presentationDelay: number; - /** - * The loading state of the document at the time when the interaction - * corresponding to INP occurred (see `LoadState` for details). If the - * interaction occurred while the document was loading and executing script - * (e.g. usually in the `dom-interactive` phase) it can result in long delays. - */ - loadState: LoadState; -} - -/** - * An INP-specific version of the Metric object with attribution. - */ -export interface INPMetricWithAttribution extends INPMetric { - attribution: INPAttribution; -} diff --git a/frontend-old/node_modules/web-vitals/src/types/lcp.ts b/frontend-old/node_modules/web-vitals/src/types/lcp.ts deleted file mode 100644 index 4761fdd..0000000 --- a/frontend-old/node_modules/web-vitals/src/types/lcp.ts +++ /dev/null @@ -1,88 +0,0 @@ -/* - * Copyright 2022 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 - * - * https://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. - */ - -import type {Metric} from './base.js'; - -/** - * An LCP-specific version of the Metric object. - */ -export interface LCPMetric extends Metric { - name: 'LCP'; - entries: LargestContentfulPaint[]; -} - -/** - * An object containing potentially-helpful debugging information that - * can be sent along with the LCP value for the current page visit in order - * to help identify issues happening to real-users in the field. - */ -export interface LCPAttribution { - /** - * The element corresponding to the largest contentful paint for the page. - */ - element?: string; - /** - * The URL (if applicable) of the LCP image resource. If the LCP element - * is a text node, this value will not be set. - */ - url?: string; - /** - * The time from when the user initiates loading the page until when the - * browser receives the first byte of the response (a.k.a. TTFB). See - * [Optimize LCP](https://web.dev/articles/optimize-lcp) for details. - */ - timeToFirstByte: number; - /** - * The delta between TTFB and when the browser starts loading the LCP - * resource (if there is one, otherwise 0). See [Optimize - * LCP](https://web.dev/articles/optimize-lcp) for details. - */ - resourceLoadDelay: number; - /** - * The total time it takes to load the LCP resource itself (if there is one, - * otherwise 0). See [Optimize LCP](https://web.dev/articles/optimize-lcp) for - * details. - */ - resourceLoadDuration: number; - /** - * The delta between when the LCP resource finishes loading until the LCP - * element is fully rendered. See [Optimize - * LCP](https://web.dev/articles/optimize-lcp) for details. - */ - elementRenderDelay: number; - /** - * The `navigation` entry of the current page, which is useful for diagnosing - * general page load issues. This can be used to access `serverTiming` for example: - * navigationEntry?.serverTiming - */ - navigationEntry?: PerformanceNavigationTiming; - /** - * The `resource` entry for the LCP resource (if applicable), which is useful - * for diagnosing resource load issues. - */ - lcpResourceEntry?: PerformanceResourceTiming; - /** - * The `LargestContentfulPaint` entry corresponding to LCP. - */ - lcpEntry?: LargestContentfulPaint; -} - -/** - * An LCP-specific version of the Metric object with attribution. - */ -export interface LCPMetricWithAttribution extends LCPMetric { - attribution: LCPAttribution; -} diff --git a/frontend-old/node_modules/web-vitals/src/types/polyfills.ts b/frontend-old/node_modules/web-vitals/src/types/polyfills.ts deleted file mode 100644 index 14bd5ae..0000000 --- a/frontend-old/node_modules/web-vitals/src/types/polyfills.ts +++ /dev/null @@ -1,24 +0,0 @@ -/* - * Copyright 2022 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 - * - * https://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. - */ - -export type FirstInputPolyfillEntry = Omit< - PerformanceEventTiming, - 'processingEnd' ->; - -export interface FirstInputPolyfillCallback { - (entry: FirstInputPolyfillEntry): void; -} diff --git a/frontend-old/node_modules/web-vitals/src/types/ttfb.ts b/frontend-old/node_modules/web-vitals/src/types/ttfb.ts deleted file mode 100644 index 3559084..0000000 --- a/frontend-old/node_modules/web-vitals/src/types/ttfb.ts +++ /dev/null @@ -1,78 +0,0 @@ -/* - * Copyright 2022 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 - * - * https://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. - */ - -import type {Metric} from './base.js'; - -/** - * A TTFB-specific version of the Metric object. - */ -export interface TTFBMetric extends Metric { - name: 'TTFB'; - entries: PerformanceNavigationTiming[]; -} - -/** - * An object containing potentially-helpful debugging information that - * can be sent along with the TTFB value for the current page visit in order - * to help identify issues happening to real-users in the field. - * - * NOTE: these values are primarily useful for page loads not handled via - * service worker, as browsers differ in what they report when service worker - * is involved, see: https://github.com/w3c/navigation-timing/issues/199 - */ -export interface TTFBAttribution { - /** - * The total time from when the user initiates loading the page to when the - * page starts to handle the request. Large values here are typically due - * to HTTP redirects, though other browser processing contributes to this - * duration as well (so even without redirect it's generally not zero). - */ - waitingDuration: number; - /** - * The total time spent checking the HTTP cache for a match. For navigations - * handled via service worker, this duration usually includes service worker - * start-up time as well as time processing `fetch` event listeners, with - * some exceptions, see: https://github.com/w3c/navigation-timing/issues/199 - */ - cacheDuration: number; - /** - * The total time to resolve the DNS for the requested domain. - */ - dnsDuration: number; - /** - * The total time to create the connection to the requested domain. - */ - connectionDuration: number; - /** - * The total time from when the request was sent until the first byte of the - * response was received. This includes network time as well as server - * processing time. - */ - requestDuration: number; - /** - * The `navigation` entry of the current page, which is useful for diagnosing - * general page load issues. This can be used to access `serverTiming` for - * example: navigationEntry?.serverTiming - */ - navigationEntry?: PerformanceNavigationTiming; -} - -/** - * A TTFB-specific version of the Metric object with attribution. - */ -export interface TTFBMetricWithAttribution extends TTFBMetric { - attribution: TTFBAttribution; -} -- cgit v1.2.3