Upgrade to nextjs15/react19

.gitignore

@@ -1,9 +1,8 @@
+.env*
 .DS_Store
 .idea
 *.log
 tmp/
-.env.local
-
 .next/
 test-results/
 *.tern-port
@@ -14,7 +13,7 @@ yarn-error.log*
 *.tsbuildinfo
 .npm
 .eslintcache
+package-lock.json
 coverage/
 playwright-report/
-.env
-.parcel-cache
+src/styles/generated

.husky/pre-commit

@@ -0,0 +1 @@
+npx lint-staged

Dockerfile.dev

@@ -3,7 +3,7 @@ FROM node:22-bookworm AS base
 WORKDIR /app
 
 
-COPY package.json package-lock.json ./
+COPY package.json package-lock.json panda.config.ts ./
 
 RUN npm install
 

Dockerfile.prod

@@ -10,7 +10,7 @@ RUN apt-get update && apt-get install -y curl jq && rm -rf /var/lib/apt/lists/*
 
 FROM base AS npm
 
-COPY package.json package-lock.json* ./
+COPY package.json package-lock.json panda.config.ts ./
 RUN npm ci
 
 FROM base AS builder

README.md

@@ -6,11 +6,11 @@ The management app (also called Basic Management App or BMA) serves as an interf
 
 It’s responsible for:
 
--   Researcher creates/modifies/deletes study
--   Member is notified when a study proposal is submitted
--   Researcher is notified when study is approved
--   Member reviews/approves/denies study
--   Reports study status in response to enclave's SetupApp requests
+- Researcher creates/modifies/deletes study
+- Member is notified when a study proposal is submitted
+- Researcher is notified when study is approved
+- Member reviews/approves/denies study
+- Reports study status in response to enclave's SetupApp requests
 
 # Development
 
@@ -39,10 +39,10 @@ Otherwise you can use Docker compose to run the app and a postgresql database by
 
 Other useful commands:
 
--   `docker compose build` will rebuild the docker image, needs to be ran after packages are installed
--   `docker compose exec mgmnt-app ./bin/migrate-dev-db` runs migrations (needs running `docker compose up` at same time)
--   `docker volume rm management-app_pgdata` will delete the database, allowing it to be migrated freshly
--   `docker compose down -v --rmi all` "reset switch" (e.g. on DB errors) this command stops and removes Docker containers, networks, volumes, and all images used by the Docker Compose services.
+- `docker compose build` will rebuild the docker image, needs to be ran after packages are installed
+- `docker compose exec mgmnt-app ./bin/migrate-dev-db` runs migrations (needs running `docker compose up` at same time)
+- `docker volume rm management-app_pgdata` will delete the database, allowing it to be migrated freshly
+- `docker compose down -v --rmi all` "reset switch" (e.g. on DB errors) this command stops and removes Docker containers, networks, volumes, and all images used by the Docker Compose services.
 
 Open [http://localhost:4000](http://localhost:4000) with your browser to see the result.
 
@@ -52,7 +52,7 @@ This project uses [`next/font`](https://nextjs.org/docs/app/building-your-applic
 
 ### Enclave API Routes
 
--   Api routes are protected by an authorization header containing a JWT Bearer which is signed with a RSA private key held be the member. The public key is stored in the members record accessed at the admin page at /admin/members
+- Api routes are protected by an authorization header containing a JWT Bearer which is signed with a RSA private key held be the member. The public key is stored in the members record accessed at the admin page at /admin/members
 
 To generate a public private key you can run:
 
@@ -65,8 +65,8 @@ openssl rsa -pubout -in private_key.pem -out public_key.pem
 
 To learn more about Next.js, take a look at the following resources:
 
--   [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
--   [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
 
 You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
 
@@ -87,9 +87,9 @@ The new way to deploy is from the IaC repo, run:
 
 There are a few CLI applications to debug the API end endpoints:
 
--   npx tsx bin/debug/fetch-runnable.ts -u https://pilot.safeinsights.org/ -m openstax -k <path to private key>
--   npx tsx bin/debug/set-status.ts -o https://pilot.safeinsights.org -m openstax -k <path to private key> -s <status: RUNNING | ERRORED> -r <uuid of run>
--   npx tsx bin/debug/upload-results.ts -o https://pilot.safeinsights.org -m openstax -k <path to private key> -r <uuid of run> -f <path to file to upload as results>
+- npx tsx bin/debug/fetch-runnable.ts -u https://pilot.safeinsights.org/ -m openstax -k <path to private key>
+- npx tsx bin/debug/set-status.ts -o https://pilot.safeinsights.org -m openstax -k <path to private key> -s <status: RUNNING | ERRORED> -r <uuid of run>
+- npx tsx bin/debug/upload-results.ts -o https://pilot.safeinsights.org -m openstax -k <path to private key> -r <uuid of run> -f <path to file to upload as results>
 
 **Currently** it is possible to upload results and then set status back to RUNNING to force the run to re-appear in the runnable api results and repeatedly upload files. while useful for testing, do not depend on that behaviour: it's likely we'll not allow it in later versions.
 

bin/apply-updates-from-template

@@ -3,3 +3,6 @@
 set -e
 
 git merge template/main
+
+# https://nextjs.org/docs/app/building-your-application/upgrading/codemods#migrate-to-async-dynamic-apis
+npx @next/codemod@latest next-async-request-api

bin/bootstrap-from-app-template

@@ -1,6 +1,9 @@
 #!/usr/bin/env bash
 
-set -e
+# this script lacks 'set -e' on purpose to allow for manual intervention
+# we want to proceed even if the main remote may not exist and template may have already been setup
+
+git remote remove main
 
 git remote remove origin
 

bin/update-app-from-template

@@ -2,9 +2,20 @@
 
 set -e
 
-git fetch template
+REMOTE_NAME="template"
+REMOTE_URL="[email protected]:safeinsights/app-template.git"
 
-git checkout template/main bin/apply-updates-from-template
+# Check if the remote exists
+if git remote get-url $REMOTE_NAME &>/dev/null; then
+    echo "Remote '$REMOTE_NAME' already exists."
+else
+    echo "Remote '$REMOTE_NAME' does not exist. Adding remote..."
+    git remote add $REMOTE_NAME $REMOTE_URL
+fi
+
+git fetch $REMOTE_NAME
+
+git checkout $REMOTE_NAME/main bin/apply-updates-from-template
 
 ./bin/apply-updates-from-template
 

eslint.config.mjs

@@ -0,0 +1,23 @@
+// eslint.config.mjs
+import { FlatCompat } from '@eslint/eslintrc'
+
+const compat = new FlatCompat({
+    // import.meta.dirname is available after Node.js v20.11.0
+    baseDirectory: import.meta.dirname,
+})
+
+/** @type {import('eslint').Linter.Config[]} */
+export default [
+    {
+        ignores: ['src/styles/generated/'],
+    },
+    ...compat.extends('next/core-web-vitals'),
+    ...compat.extends('next/typescript'),
+    {
+        rules: {
+            'no-console': ['error', { allow: ['warn', 'error'] }],
+            'no-unused-vars': ['error', { ignoreRestSiblings: true, varsIgnorePattern: '_+', argsIgnorePattern: '^_' }],
+            semi: ['error', 'never'],
+        },
+    },
+]

lint-staged.config.mjs

@@ -0,0 +1,4 @@
+export default {
+    '*.{js,jsx,ts,tsx,md,html,css}': ['prettier --write', 'eslint --fix'],
+    '*.ts?(x)': () => 'tsc -p tsconfig.json --noEmit',
+}

next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

next.config.mjs

@@ -1,14 +1,11 @@
 import { withSentryConfig } from '@sentry/nextjs'
-import { createVanillaExtractPlugin } from '@vanilla-extract/next-plugin'
-
-const withVanillaExtract = createVanillaExtractPlugin()
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
     output: 'standalone',
 }
 
-export default withSentryConfig(withVanillaExtract(nextConfig), {
+export default withSentryConfig(nextConfig, {
     // For all available options, see:
     // https://github.com/getsentry/sentry-webpack-plugin#options