Upgrade deps (#262)

* Upgrade Next.js to v15

* Update deps round 1

* Update deps round 2

* Update deps round 3

* Update deps round 4

* Commit pending changes

* Migrate scss to css

* Downgrade tailwind to run the migration script

* Run tailwind migration, upgrade the package

* Migration #2

* Migrate jotai atoms

* Add nuqs provider

* Fix tailwind import

* Fix async component

* Add missing reference to css module

* Update deps round 5

* Update deps round 6

* Update deps round 7

* Rename the rest of scss files

* Fix styles and react-pdf

* Add next to 15.3.0

Author: pgetta

.deployment-envs/.env.local-staging

@@ -0,0 +1,38 @@
+KEYCLOAK_ISSUER=https://staging.openbraininstitute.org/auth/realms/SBO
+KEYCLOAK_CLIENT_ID=obp-core-web-app-dev
+KEYCLOAK_CLIENT_SECRET=dummy-secret
+
+NEXTAUTH_SECRET=dummy-secret-for-dev
+
+NEXT_PUBLIC_ACCOUNTING_BASE_URL=https://staging.openbraininstitute.org/api/accounting
+NEXT_PUBLIC_NEXUS_URL=https://staging.openbraininstitute.org/api/nexus/v1
+NEXT_PUBLIC_BLUE_NAAS_URL=https://staging.openbraininstitute.org/api/bluenaas
+NEXT_PUBLIC_CELL_SVC_BASE_URL=https://staging.openbraininstitute.org/api/circuit
+NEXT_PUBLIC_KG_INFERENCE_BASE_URL=https://staging.openbraininstitute.org/api/kg-inference
+NEXT_PUBLIC_THUMBNAIL_GENERATION_BASE_URL=https://staging.openbraininstitute.org/api/thumbnail-generation
+NEXT_PUBLIC_SYNTHESIS_URL=https://synthesis.sbo.kcp.bbp.epfl.ch/synthesis-with-resources # TODO: change to staging
+NEXT_PUBLIC_ME_MODEL_ANALYSIS_WS_URL=wss://8sjpv70kgl.execute-api.us-east-1.amazonaws.com/prod/
+NEXT_PUBLIC_VIRTUAL_LAB_API_URL=https://staging.openbraininstitute.org/api/virtual-lab-manager
+NEXT_PUBLIC_BBS_ML_BASE_URL=https://staging.openbraininstitute.org/api/literature
+
+NEXT_PUBLIC_MATOMO_URL="https://openbraininstitute.matomo.cloud"
+NEXT_PUBLIC_MATOMO_CDN_URL="https://cdn.matomo.cloud/openbraininstitute.matomo.cloud"
+NEXT_PUBLIC_MATOMO_SITE_ID="3"
+
+NEXT_PUBLIC_DEPLOYMENT_ENV="staging"
+
+# TODO: remove after redirect is implemented on infra side
+PRIMARY_HOSTNAME=localhost:3000
+NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY="pk_test_51QjjHBKGUR5u3ofLgNUOpljnvy27UTTpkhwgsLiwK9xlNjnR7CZfiMjtZWMjgN7GW3eDyzMJ7Z1pIqC9LiwkfQRX00ebb5c9XI"
+
+MAILCHIMP_API_KEY='dummy'
+MAILCHIMP_AUDIENCE_ID='dummy'
+MAILCHIMP_API_SERVER='dummy'
+
+# There is only one Sanity server, but with two datasets: "staging" and "production"
+NEXT_PUBLIC_SANITY_DATASET="staging"
+
+# AI Agent service from Machine Learning team
+NEXT_PUBLIC_AI_AGENT_URL="https://staging.openbraininstitute.org/api/agent/"
+
+

__tests__/TreeNav/index.tsx

@@ -50,8 +50,8 @@ function TestNavItem({
 }: {
   id: string;
   title: string;
-  content: (...args: any[]) => ReactElement;
-  trigger: (...args: any[]) => ReactElement;
+  content: (...args: any[]) => ReactElement<any>;
+  trigger: (...args: any[]) => ReactElement<any>;
 }) {
   return (
     <div>

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

@@ -22,6 +22,37 @@ function getVersion() {
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
+  experimental: {
+    turbo: {
+      rules: {
+        '*.groq': {
+          loaders: ['raw-loader'],
+          as: '*.js',
+        },
+        '*.vert': {
+          loaders: ['raw-loader'],
+          as: '*.js',
+        },
+        '*.frag': {
+          loaders: ['raw-loader'],
+          as: '*.js',
+        },
+        '*.mp4': {
+          loaders: ['file-loader'],
+          as: 'asset',
+        },
+        '*.pdf': {
+          loaders: ['file-loader'],
+          as: 'asset',
+        },
+      },
+
+      // This is required by react-pdf module. See https://www.npmjs.com/package/react-pdf
+      resolveAlias: {
+        canvas: './empty-module.ts',
+      },
+    },
+  },
   webpack: (config) => {
     config.resolve.alias.canvas = false;
     config.resolve.alias.encoding = false;
@@ -48,7 +79,6 @@ const nextConfig = {
   basePath,
   assetPrefix: basePath ?? undefined,
   reactStrictMode: true,
-  swcMinify: true,
   compress: false,
   output: 'standalone',
   sentry: {