N-FIN-83: upgrade dependencies (#84)

Resolves #83 

Next.js 15 introduces a new async request api leading to warnings in the
`getSession()` call of the `@auth0/nextjs-auth0` package. The app still
works as intended.

package.json

@@ -19,54 +19,52 @@
   },
   "dependencies": {
     "@auth0/nextjs-auth0": "^3.5.0",
-    "@hookform/resolvers": "^3.3.4",
+    "@hookform/resolvers": "^3.9.1",
-    "@lucia-auth/adapter-prisma": "^4.0.0",
+    "@prisma/client": "^6.1.0",
-    "@prisma/client": "^5.10.2",
+    "@radix-ui/react-alert-dialog": "^1.1.4",
-    "@radix-ui/react-alert-dialog": "^1.0.5",
+    "@radix-ui/react-dialog": "^1.1.4",
-    "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-dropdown-menu": "^2.1.4",
-    "@radix-ui/react-dropdown-menu": "^2.0.6",
+    "@radix-ui/react-label": "^2.1.1",
-    "@radix-ui/react-label": "^2.0.2",
+    "@radix-ui/react-navigation-menu": "^1.2.3",
-    "@radix-ui/react-navigation-menu": "^1.1.4",
+    "@radix-ui/react-popover": "^1.1.4",
-    "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-scroll-area": "^1.2.2",
-    "@radix-ui/react-scroll-area": "^1.0.5",
+    "@radix-ui/react-select": "^2.1.4",
-    "@radix-ui/react-select": "^2.0.0",
+    "@radix-ui/react-separator": "^1.1.1",
-    "@radix-ui/react-separator": "^1.0.3",
+    "@radix-ui/react-slot": "^1.1.1",
-    "@radix-ui/react-slot": "^1.0.2",
+    "@serwist/next": "^9.0.11",
-    "@serwist/next": "^8.4.4",
+    "@serwist/precaching": "^9.0.11",
-    "@serwist/precaching": "^8.4.4",
+    "@serwist/sw": "^9.0.11",
-    "@serwist/sw": "^8.4.4",
+    "@tanstack/react-table": "^8.20.6",
-    "@tanstack/react-table": "^8.13.2",
+    "class-variance-authority": "^0.7.1",
-    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.1",
-    "clsx": "^2.1.0",
+    "cmdk": "^1.0.4",
-    "cmdk": "^1.0.0",
+    "date-fns": "^4.1.0",
-    "date-fns": "^3.3.1",
+    "lucia": "^3.2.2",
-    "lucia": "^3.0.1",
+    "lucide-react": "^0.469.0",
-    "lucide-react": "^0.350.0",
+    "next": "15.1.2",
-    "next": "14.1.3",
+    "next-themes": "^0.4.4",
-    "next-themes": "^0.2.1",
+    "react": "^19.0.0",
-    "oslo": "^1.1.3",
+    "react-day-picker": "^9.4.4",
-    "react": "^18",
+    "react-dom": "^19.0.0",
-    "react-day-picker": "^8.10.0",
+    "react-hook-form": "^7.54.2",
-    "react-dom": "^18",
+    "sonner": "^1.7.1",
-    "react-hook-form": "^7.51.0",
+    "swr": "^2.3.0",
-    "sonner": "^1.4.3",
+    "tailwind-merge": "^2.6.0",
-    "swr": "^2.2.5",
-    "tailwind-merge": "^2.2.1",
     "tailwindcss-animate": "^1.0.7",
-    "vaul": "^0.9.0",
+    "vaul": "^1.1.2",
-    "zod": "^3.22.4"
+    "zod": "^3.24.1"
   },
   "devDependencies": {
-    "@types/node": "^20.11.25",
+    "@types/node": "^22.10.2",
-    "@types/react": "^18",
+    "@types/react": "^19.0.2",
-    "@types/react-dom": "^18",
+    "@types/react-dom": "^19.0.2",
-    "autoprefixer": "^10.0.1",
+    "autoprefixer": "^10.4.20",
     "eslint": "^8",
-    "eslint-config-next": "14.1.3",
+    "eslint-config-next": "15.1.2",
     "postcss": "^8",
-    "prisma": "^5.10.2",
+    "prisma": "^6.1.0",
-    "tailwindcss": "^3.3.0",
+    "tailwindcss": "^3.4.17",
     "ts-node": "^10.9.2",
-    "typescript": "^5.4.2"
+    "typescript": "^5.7.2"
   }
 }

src/app/page.tsx

@@ -15,11 +15,11 @@ export type EntityNumber = {
     value: number,
 }
 
-export default async function DashboardPage(props: { searchParams?: { scope: ScopeType } }) {
+export default async function DashboardPage(props: { searchParams?: Promise<{ scope: ScopeType }> }) {
 
     const {user} = await getSession() as Session;
 
-    const scope = Scope.of(props.searchParams?.scope || ScopeType.ThisMonth);
+    const scope = Scope.of((await props.searchParams)?.scope || ScopeType.ThisMonth);
 
     // get all payments in the current scope
     const payments = await prisma.payment.findMany({

src/app/service-worker.ts

@@ -1,15 +1,46 @@
-import { defaultCache } from '@serwist/next/browser';
 import type { PrecacheEntry } from '@serwist/precaching';
-import { installSerwist } from '@serwist/sw';
+import { defaultCache } from '@serwist/next/worker';
+import { Serwist, SerwistGlobalConfig } from 'serwist';
 
 declare const self: ServiceWorkerGlobalScope & {
     __SW_MANIFEST: (PrecacheEntry | string)[] | undefined;
 };
 
-installSerwist({
+declare global {
+    interface WorkerGlobalScope extends SerwistGlobalConfig {
+        // Change this attribute's name to your \`injectionPoint\`.
+        // \`injectionPoint\` is an InjectManifest option.
+        // See https://serwist.pages.dev/docs/build/configuring
+        __SW_MANIFEST: (PrecacheEntry | string)[] | undefined;
+    }
+}
+
+const serwist = new Serwist({
+    // A list of URLs that should be cached. Usually, you don't generate
+    // this list yourself; rather, you'd rely on a Serwist build tool/your framework
+    // to do it for you. In this example, it is generated by \`@serwist/vite\`.
     precacheEntries: self.__SW_MANIFEST,
+    // Options to customize how Serwist precaches the URLs.
+    precacheOptions: {
+        // Whether outdated caches should be removed.
+        cleanupOutdatedCaches: true,
+        concurrency: 10,
+        ignoreURLParametersMatching: [],
+    },
+    // Whether the service worker should skip waiting and become the active one.
     skipWaiting: true,
+    // Whether the service worker should claim any currently available clients.
     clientsClaim: true,
+    // Whether navigation preloading should be used.
     navigationPreload: true,
+    // Whether Serwist should log in development mode.
+    disableDevLogs: true,
+    // A list of runtime caching entries. When a request is made and its URL match
+    // any of the entries, the response to it will be cached according to the matching
+    // entry's \`handler\`. This does not apply to precached URLs.
     runtimeCaching: defaultCache,
+    // Other options...
+    // See https://serwist.pages.dev/docs/serwist/core/serwist
 });
+
+serwist.addEventListeners();

tsconfig.json

@@ -29,7 +29,8 @@
     },
     "types": [
       "@serwist/next/typings"
-    ]
+    ],
+    "target": "ES2017"
   },
   "include": [
     "next-env.d.ts",