CommunityRule/community-rule
2
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Fix tcs type errors
CI Pipeline / test (20) (pull_request) Successful in 3m13s
Details
CI Pipeline / test (18) (pull_request) Successful in 3m57s
Details
CI Pipeline / e2e (firefox) (pull_request) Successful in 5m6s
Details
CI Pipeline / e2e (webkit) (pull_request) Successful in 5m16s
Details
CI Pipeline / e2e (chromium) (pull_request) Successful in 14m47s
Details
CI Pipeline / performance (pull_request) Successful in 4m32s
Details
CI Pipeline / storybook (pull_request) Successful in 1m35s
Details
CI Pipeline / visual-regression (pull_request) Failing after 9m55s
Details
CI Pipeline / lint (pull_request) Failing after 49s
Details
CI Pipeline / build (pull_request) Successful in 1m48s
Details

Browse Source
This commit is contained in:
adilallo
2025-12-11 09:05:18 -07:00
parent 92a3337aeb
commit c7e3048c09
92 changed files with 53556 additions and 915 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/WebVitalsDashboard.tsx
+53 -54
View File
@@ -60,64 +60,63 @@ const WebVitalsDashboard = memo(() => {
// Set up Web Vitals tracking
if (typeof window !== "undefined") {
import("web-vitals").then(
({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
// Track Largest Contentful Paint
getLCP((metric) => {
setVitals((prev) => ({
...prev,
lcp: {
value: Math.round(metric.value),
rating: metric.rating,
},
}));
});
import("web-vitals").then((webVitals) => {
const { getCLS, getFID, getFCP, getLCP, getTTFB } = webVitals as any;
// Track Largest Contentful Paint
getLCP((metric) => {
setVitals((prev) => ({
...prev,
lcp: {
value: Math.round(metric.value),
rating: metric.rating,
},
}));
});
// Track First Input Delay
getFID((metric) => {
setVitals((prev) => ({
...prev,
fid: {
value: Math.round(metric.value),
rating: metric.rating,
},
}));
});
// Track First Input Delay
getFID((metric) => {
setVitals((prev) => ({
...prev,
fid: {
value: Math.round(metric.value),
rating: metric.rating,
},
}));
});
// Track Cumulative Layout Shift
getCLS((metric) => {
setVitals((prev) => ({
...prev,
cls: {
value: Math.round(metric.value * 1000) / 1000,
rating: metric.rating,
},
}));
});
// Track Cumulative Layout Shift
getCLS((metric) => {
setVitals((prev) => ({
...prev,
cls: {
value: Math.round(metric.value * 1000) / 1000,
rating: metric.rating,
},
}));
});
// Track First Contentful Paint
getFCP((metric) => {
setVitals((prev) => ({
...prev,
fcp: {
value: Math.round(metric.value),
rating: metric.rating,
},
}));
});
// Track First Contentful Paint
getFCP((metric) => {
setVitals((prev) => ({
...prev,
fcp: {
value: Math.round(metric.value),
rating: metric.rating,
},
}));
});
// Track Time to First Byte
getTTFB((metric) => {
setVitals((prev) => ({
...prev,
ttfb: {
value: Math.round(metric.value),
rating: metric.rating,
},
}));
});
},
);
// Track Time to First Byte
getTTFB((metric) => {
setVitals((prev) => ({
...prev,
ttfb: {
value: Math.round(metric.value),
rating: metric.rating,
},
}));
});
});
}
}, []);