chore: update dependencies (TT-1683) (#56)

Oppdatert alle dependencies. Fjernet alle carets og tilde (^ ~) i
package.json da man ikke har noen garanti for at de som utvikler
dependencies forholder seg til semver 100%, noe vi opplevde i en annen
app for ikke så lenge siden.

Litt ekstra styr med sentry v8 (sikkerhetshull i v7.X.X som vi var på)
siden den skal ha oss over på instrumentation hooks i Next, som
foreløpig er eksperimental. Siden dette bare er et verktøy for å
overvåke appen og er separat, så tenker jeg det går bra, burde ikke ha
innvirkning på noe annet.

.github/workflows/ci_pipeline.yml

@@ -24,7 +24,7 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: "20"
+          node-version: "20.17.0"
           cache: "npm"
 
       - name: Install dependencies

Dockerfile

@@ -1,4 +1,4 @@
-FROM node:20-alpine AS base
+FROM node:20.17.0-alpine AS base
 
 FROM base AS deps
 

next.config.mjs

@@ -3,6 +3,9 @@ import {withSentryConfig} from "@sentry/nextjs";
 const nextConfig = {
     output: "standalone",
     basePath: process.env.NEXT_PUBLIC_BASE_PATH,
+    experimental: {
+        instrumentationHook: true
+    },
     async rewrites() {
         return [
             {

package.json

@@ -10,40 +10,40 @@
     "test": "vitest"
   },
   "dependencies": {
-    "@nextui-org/react": "2.4.6",
-    "@prisma/client": "^5.17.0",
-    "@react-stately/data": "3.11.2",
-    "@sentry/nextjs": "7.113.0",
-    "formik": "^2.4.6",
-    "framer-motion": "11.2.0",
-    "next": "14.2.5",
-    "prisma": "^5.17.0",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-icons": "^5.2.1",
-    "yup": "^1.4.0"
+    "@nextui-org/react": "2.4.8",
+    "@prisma/client": "5.20.0",
+    "@react-stately/data": "3.11.6",
+    "@sentry/nextjs": "8.32.0",
+    "formik": "2.4.6",
+    "framer-motion": "11.8.0",
+    "next": "14.2.13",
+    "prisma": "5.20.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-icons": "5.3.0",
+    "yup": "1.4.0"
   },
   "devDependencies": {
-    "@eslint/js": "9.0.0",
-    "@stylistic/eslint-plugin": "1.7.2",
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/react": "^16.0.1",
-    "@testing-library/user-event": "^14.5.2",
-    "@types/node": "20.12.7",
-    "@types/react": "18.2.79",
-    "@types/react-dom": "18.2.25",
-    "@typescript-eslint/eslint-plugin": "7.7.0",
-    "@typescript-eslint/parser": "7.7.0",
-    "@vitejs/plugin-react": "^4.3.1",
-    "autoprefixer": "10.4.19",
-    "eslint": "8.57.0",
-    "eslint-config-next": "14.2.1",
-    "jsdom": "^25.0.0",
-    "next-router-mock": "^0.9.13",
-    "postcss": "8.4.38",
-    "tailwindcss": "3.4.3",
-    "typescript": "5.4.5",
-    "typescript-eslint": "7.7.0",
-    "vitest": "^2.0.5"
+    "@eslint/js": "9.11.1",
+    "@stylistic/eslint-plugin": "2.8.0",
+    "@testing-library/dom": "10.4.0",
+    "@testing-library/react": "16.0.1",
+    "@testing-library/user-event": "14.5.2",
+    "@types/node": "20.16.9",
+    "@types/react": "18.3.9",
+    "@types/react-dom": "18.3.0",
+    "@typescript-eslint/eslint-plugin": "7.18.0",
+    "@typescript-eslint/parser": "7.18.0",
+    "@vitejs/plugin-react": "4.3.1",
+    "autoprefixer": "10.4.20",
+    "eslint": "8.57.1",
+    "eslint-config-next": "14.2.13",
+    "jsdom": "25.0.1",
+    "next-router-mock": "0.9.13",
+    "postcss": "8.4.47",
+    "tailwindcss": "3.4.13",
+    "typescript": "5.6.2",
+    "typescript-eslint": "7.18.0",
+    "vitest": "2.1.1"
   }
 }

src/components/ContactAndReleaseInfo.tsx

@@ -347,7 +347,7 @@ const ContactAndReleaseInfo: FC<ContactAndReleaseInfoProps> = (props: ContactAnd
                       endContent={<FaEdit size={25}/>}
                       onClick={() => setIsEditing(true)}
                     >
-                    Rediger
+                      Rediger
                     </Button>
                   </div>
           }

src/components/IssueList.tsx

@@ -197,6 +197,7 @@ export default function IssueList(props: {title: title; box: box}) {
           {({ values, isSubmitting, setFieldValue, handleChange, validateForm }) => (
             <Form>
               <FieldArray name="issues">
+                {/* eslint-disable-next-line @typescript-eslint/unbound-method */}
                 {({insert, remove}) => (
                   <div className="mx-6">
                     <div className='flex flex-row mb-5 justify-between items-center'>

src/instrumentation.ts

@@ -0,0 +1,28 @@
+import * as Sentry from '@sentry/nextjs';
+
+export function register() {
+  if (process.env.NEXT_RUNTIME === 'nodejs') {
+    Sentry.init({
+      dsn: process.env.SERVER_DSN,
+
+      // Adjust this value in production, or use tracesSampler for greater control
+      tracesSampleRate: 1,
+
+      // Setting this option to true will print useful information to the console while you're setting up Sentry.
+      debug: false
+    });
+  }
+
+  if (process.env.NEXT_RUNTIME === 'edge') {
+    Sentry.init({
+      dsn: process.env.SERVER_DSN,
+
+      // Adjust this value in production, or use tracesSampler for greater control
+      tracesSampleRate: 1,
+
+      // Setting this option to true will print useful information to the console while you're setting up Sentry.
+      debug: false
+    });
+  }
+}
+