@akinon/next 1.71.0-rc.2 → 1.71.0-rc.4

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @akinon/next
 
+## 1.71.0-rc.4
+
+## 1.71.0-rc.3
+
+### Minor Changes
+
+- 3344bca: ZERO-3013: Enable web vitals tracking in settings.js
+
 ## 1.71.0-rc.2
 
 ### Minor Changes

package/components/web-vitals.tsx

@@ -3,24 +3,26 @@
 import { useReportWebVitals } from 'next/web-vitals';
 import { useSelectedLayoutSegment } from 'next/navigation';
 import { usePathname } from 'next/navigation';
+import settings from 'settings';
 
 export function WebVitals() {
   let layoutSegment = useSelectedLayoutSegment();
   const pathname = usePathname();
+  const { enabled } = settings.webVitals || { enabled: false };
 
   if (pathname === '/' && layoutSegment === null) {
     layoutSegment = 'home';
   }
 
   useReportWebVitals((metric) => {
-    if (process.env.NODE_ENV !== 'development') {
+    if (process.env.NODE_ENV !== 'development' || !enabled) {
       return;
     }
 
     const { name, value, rating } = metric;
     const page = layoutSegment || 'unknown';
 
-    fetch(`${process.env.NEXT_PUBLIC_URL}/api/web-vitals`, {
+    fetch(`/api/web-vitals`, {
       method: 'POST',
       headers: {
         'Content-Type': 'application/json'

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@akinon/next",
   "description": "Core package for Project Zero Next",
-  "version": "1.71.0-rc.2",
+  "version": "1.71.0-rc.4",
   "private": false,
   "license": "MIT",
   "bin": {
@@ -30,7 +30,7 @@
     "set-cookie-parser": "2.6.0"
   },
   "devDependencies": {
-    "@akinon/eslint-plugin-projectzero": "1.71.0-rc.2",
+    "@akinon/eslint-plugin-projectzero": "1.71.0-rc.4",
     "@types/react-redux": "7.1.30",
     "@types/set-cookie-parser": "2.4.7",
     "@typescript-eslint/eslint-plugin": "6.7.4",

package/types/index.ts

@@ -78,6 +78,9 @@ export interface Currency {
 }
 
 export interface Settings {
+  webVitals?: {
+    enabled: boolean;
+  };
   usePrettyUrlRoute?: boolean;
   commerceUrl: string;
   redis: {