@akinon/next 1.26.0-rc.8 → 1.26.0-rc.9

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @akinon/next
 
+## 1.26.0-rc.9
+
+### Minor Changes
+
+- 6d4aadb: ZERO-2476: Auto install recommendenent extension
+- a7e432f: ZERO-2534: Fix for recapthca regex for replacing the special chars.
+- 02fa342: ZERO-2507: Add web vitals endpoint
+- 7e41bdc: BRDG-9158: Remove redirect-three-d page endpoint
+- f0c23bc: ZERO-2135: add custom not found page
+- 1289982: ZERO-2521: Add x-forwarded-for header to requests
+- 3690d3b: ZERO-2485: Check ESLint peerDependency version
+- 40ad73e: ZERO-2504: add cookie filter to api client request
+- b4452e9: ZERO-2463: Refactor Sentry initialization and add Sentry DSN option to settings
+- b2da5e4: Revert ZERO-2435
+- f76f079: ZERO-2493: Add redirect util function
+- d6d2533: ZERO-2560: Add installment count to masterpass payment forms
+- ff89630: ZERO-2498: Add script for env control
+
+### Patch Changes
+
+- da1e501: ZERO-2296: Fix ROUTES import
+- 073fbd2: ZERO-2503: Add check changeset control script
+- 2e44646: ZERO-2434: Fix category URL in getCategoryDataHandler function
+- 183674f: BRDG-9158: Handle locale prefix
+- 8c7f5bc: ZERO-2440: Pipeline test
+- Updated dependencies [073fbd2]
+  - @akinon/eslint-plugin-projectzero@1.26.0-rc.9
+
 ## 1.26.0-rc.8
 
 ### Minor Changes

package/api/web-vitals.ts

@@ -0,0 +1,15 @@
+import { NextResponse } from 'next/server';
+import { trace, context } from '@opentelemetry/api';
+
+export async function POST(req: Request) {
+  const { name, value, rating, page, pathname } = await req.json();
+  const span = trace.getSpan(context.active());
+
+  span?.setAttribute('page', page);
+  span?.setAttribute(name, value);
+  span?.setAttribute('rating', rating);
+  span?.setAttribute('pathname', pathname);
+  span?.end();
+
+  return NextResponse.json({ success: true });
+}

package/components/pz-root.tsx

@@ -2,6 +2,7 @@ import 'server-only';
 import ClientRoot from './client-root';
 import { cookies } from 'next/headers';
 import PzProviders from './pz-providers';
+import { WebVitals } from './web-vitals';
 
 export default function PzRoot({
   translations,
@@ -15,6 +16,7 @@ export default function PzRoot({
 
   return (
     <PzProviders translations={translations}>
+      <WebVitals />
       <ClientRoot sessionId={sessionid}>{children}</ClientRoot>
     </PzProviders>
   );

package/components/web-vitals.tsx

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@akinon/next",
   "description": "Core package for Project Zero Next",
-  "version": "1.26.0-rc.8",
+  "version": "1.26.0-rc.9",
   "private": false,
   "license": "MIT",
   "bin": {