Support Next.js v15+

.github/workflows/ci.yml

@@ -3,8 +3,6 @@ name: CI
 on:
   workflow_dispatch:
   pull_request:
-    branches:
-      - main
   push:
     branches:
       - main
@@ -21,7 +19,12 @@ jobs:
         with:
           node-version: 18
       - run: npm install
-      - run: npm run check-format
+      - name: Check format in library
+        run: npm run check-format
+      - name: Check format in logger example
+        run: cd examples/logger && npm install && npm run check-format
+      - name: Check format in rpc-app-router example
+        run: cd examples/trpc-app-router && npm install && npm run check-format
 
   build-and-test:
     name: Build and Test
@@ -30,25 +33,33 @@ jobs:
       matrix:
         node:
           - 18.x
-          - 19.x
           - 20.x
-          - 21.x
           - 22.x
-          - 23.x
+          - 24.x
+          - latest
         install-cmd:
           - npm install
           - npm update
+        exclude:
+          - node: 18.x
+            install-cmd: npm update
+          - node: 19.x
+            install-cmd: npm update
       fail-fast: false
     steps:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
           node-version: ${{ matrix.node }}
       - run: ${{ matrix.install-cmd }}
-      - run: npm run build
-      - run: npm test
-      - run: cd examples/logger && npm install && npm run build
-        if: ${{ matrix.install-cmd == 'npm install' }} # because of linked local dependency @logtail/next: file:../..
+      - name: Building library
+        run: npm run build
+      - name: Running tests
+        run: npm test
+      - name: Building logger example
+        run: cd examples/logger && ${{ matrix.install-cmd }} && npm run build
+      - name: Building rpc-app-router example
+        run: cd examples/trpc-app-router && ${{ matrix.install-cmd }} && npm run build
 
   publish:
     name: Publish

examples/logger/app/globals.css

@@ -1,7 +1,8 @@
 :root {
   --max-width: 1100px;
   --border-radius: 12px;
-  --font-mono: ui-monospace, Menlo, Monaco, 'Cascadia Mono', 'Segoe UI Mono',
+  --font-mono:
+    ui-monospace, Menlo, Monaco, 'Cascadia Mono', 'Segoe UI Mono',
     'Roboto Mono', 'Oxygen Mono', 'Ubuntu Monospace', 'Source Code Pro',
     'Fira Mono', 'Droid Sans Mono', 'Courier New', monospace;
 

examples/logger/app/layout.tsx

@@ -1,6 +1,6 @@
 'use client';
 import './globals.css';
-import { BetterStackWebVitals } from '@logtail/next';
+import { BetterStackWebVitals } from '@logtail/next/webVitals';
 
 export default function RootLayout({
   children,

examples/logger/app/page.tsx

@@ -2,7 +2,7 @@
 
 import styles from './page.module.css';
 import Link from 'next/link';
-import { useLogger } from '@logtail/next';
+import { useLogger } from '@logtail/next/hooks';
 
 function Home() {
   const logger = useLogger();

examples/logger/error.tsx

@@ -1,6 +1,7 @@
 'use client';
 
-import { useLogger, LogLevel } from '@logtail/next';
+import { LogLevel } from '@logtail/next';
+import { useLogger } from '@logtail/next/hooks';
 import { usePathname } from 'next/navigation';
 
 export default function ErrorPage({