Format Next.js example files

Author: niemyjski

example/nextjs/app/error.jsx

@@ -30,8 +30,8 @@ export default function ErrorPage({ error, reset }) {
           <p className="eyebrow">Route Error Boundary</p>
           <h1>Something inside this route broke.</h1>
           <p>
-            Client-only render errors are submitted here. Server-rendered failures already have a digest and are captured by
-            `instrumentation.js` through `onRequestError`.
+            Client-only render errors are submitted here. Server-rendered failures already have a digest and are captured by `instrumentation.js` through
+            `onRequestError`.
           </p>
           <div className="error-actions">
             <button type="button" onClick={() => reset()}>

example/nextjs/app/global-error.jsx

@@ -32,8 +32,7 @@ export default function GlobalError({ error, reset }) {
               <p className="eyebrow">Global Error Boundary</p>
               <h1>The root layout failed.</h1>
               <p>
-                This is the last-resort client boundary for the App Router. In normal server-rendered failures we still prefer the
-                richer `onRequestError` path.
+                This is the last-resort client boundary for the App Router. In normal server-rendered failures we still prefer the richer `onRequestError` path.
               </p>
               <div className="error-actions">
                 <button type="button" onClick={() => reset()}>

example/nextjs/app/globals.css

@@ -20,16 +20,10 @@ html,
 body {
   margin: 0;
   min-height: 100%;
-  font-family:
-    "Geist",
-    "IBM Plex Sans",
-    "Avenir Next",
-    system-ui,
-    sans-serif;
+  font-family: "Geist", "IBM Plex Sans", "Avenir Next", system-ui, sans-serif;
   background:
     radial-gradient(circle at top left, rgba(15, 118, 110, 0.14), transparent 35%),
-    radial-gradient(circle at top right, rgba(210, 84, 30, 0.12), transparent 30%),
-    var(--bg);
+    radial-gradient(circle at top right, rgba(210, 84, 30, 0.12), transparent 30%), var(--bg);
   color: var(--text);
 }
 

example/nextjs/app/page.jsx

@@ -9,8 +9,8 @@ export default function HomePage() {
         <p className="eyebrow">Exceptionless for Next.js</p>
         <h1>Client and server monitoring for Next.js.</h1>
         <p>
-          This reference app keeps the setup small, but still captures the important Exceptionless signals across browser and
-          server paths: logs, handled errors, unhandled errors, request metadata, and App Router error boundaries.
+          This reference app keeps the setup small, but still captures the important Exceptionless signals across browser and server paths: logs, handled
+          errors, unhandled errors, request metadata, and App Router error boundaries.
         </p>
         <div className="hero-meta">
           <span>Deployment target: {deploymentTarget}</span>
@@ -25,9 +25,8 @@ export default function HomePage() {
           <div className="panel-body">
             <h2>What the integration covers</h2>
             <p>
-              The client path uses browser startup plus route boundaries. The server path uses `onRequestError`, explicit queue
-              flushes, and a small request adapter so Exceptionless can attach rich request metadata to the same event builders we
-              already use elsewhere.
+              The client path uses browser startup plus route boundaries. The server path uses `onRequestError`, explicit queue flushes, and a small request
+              adapter so Exceptionless can attach rich request metadata to the same event builders we already use elsewhere.
             </p>
             <ul className="note-list">
               <li>`instrumentation-client.js` starts Exceptionless before the app becomes interactive and logs route transitions.</li>

example/nextjs/components/ClientDemoPanel.jsx

@@ -84,8 +84,8 @@ export default function ClientDemoPanel() {
       <div className="panel-body">
         <h2>Try the integration</h2>
         <p>
-          The first four buttons stay in the browser. The next two go through a real Next route handler. The link at the bottom
-          opens a route that throws during server rendering.
+          The first four buttons stay in the browser. The next two go through a real Next route handler. The link at the bottom opens a route that throws during
+          server rendering.
         </p>
 
         <div className="button-grid">

example/nextjs/lib/exceptionless-server.js

@@ -40,7 +40,7 @@ export function startup() {
             framework: "Next.js",
             router: "App Router",
             runtime: "nodejs",
-            ...(process.env.VERCEL_ENV ?? process.env.NODE_ENV ? { deployment: process.env.VERCEL_ENV ?? process.env.NODE_ENV } : {}),
+            ...((process.env.VERCEL_ENV ?? process.env.NODE_ENV) ? { deployment: process.env.VERCEL_ENV ?? process.env.NODE_ENV } : {}),
             ...(process.env.VERCEL_REGION ? { region: process.env.VERCEL_REGION } : {}),
             ...(process.env.VERCEL_URL ? { url: process.env.VERCEL_URL } : {}),
             ...(process.env.VERCEL_GIT_COMMIT_SHA ? { commit: process.env.VERCEL_GIT_COMMIT_SHA } : {})

example/nextjs/lib/next-request.js

@@ -37,9 +37,7 @@ function normalizeHeaders(headers) {
     return Object.fromEntries(Array.from(headers.entries()).map(([key, value]) => [key.toLowerCase(), value]));
   }
 
-  return Object.fromEntries(
-    Object.entries(headers).map(([key, value]) => [key.toLowerCase(), Array.isArray(value) ? value.join(", ") : String(value)])
-  );
+  return Object.fromEntries(Object.entries(headers).map(([key, value]) => [key.toLowerCase(), Array.isArray(value) ? value.join(", ") : String(value)]));
 }
 
 function getOrigin(headers) {