feat!: upgrade to rsd v4 as in PR #1479

Author: dmijatovic

docker-compose.yml

@@ -110,7 +110,7 @@ services:
       # dockerfile to use for build
       dockerfile: Dockerfile
     # update version number to correspond to frontend/package.json
-    image: kin-rpd/frontend:0.1.0
+    image: kin-rpd/frontend:1.0.0
     environment:
       # it uses values from .env file
       - POSTGREST_URL

frontend/.dockerignore

@@ -1,5 +1,7 @@
 # SPDX-FileCopyrightText: 2021 Dusan Mijatovic (dv4all)
 # SPDX-FileCopyrightText: 2021 dv4all
+# SPDX-FileCopyrightText: 2024 Dusan Mijatovic (Netherlands eScience Center)
+# SPDX-FileCopyrightText: 2024 Netherlands eScience Center
 #
 # SPDX-License-Identifier: Apache-2.0
 
@@ -15,6 +17,7 @@
 
 # next.js
 /.next/
+/.swc/
 /out/
 
 # production

frontend/.eslintrc.json

@@ -0,0 +1,25 @@
+{
+  "ignore":[
+    // ignore mocks as some are not imported/used yet but can be in the future
+    "**/__mocks__/**",
+    // ignore jest setup file
+    "jest.setup.js",
+    // these are "required" in next.config.js but knip does not see that :-(
+    "next.headers.js",
+    "next.rewrites.js"
+  ],
+  // see https://knip.dev/reference/configuration#ignoreexportsusedinfile
+  "ignoreExportsUsedInFile": {
+    "interface": true,
+    "type": true
+  },
+  // see https://knip.dev/reference/configuration#includeentryexports
+  "includeEntryExports": true,
+  // see https://knip.dev/guides/handling-issues#unreachable-code
+  "ignoreDependencies": [
+    // ignore tailwind plugin
+    "@tailwindcss/typography",
+    // ignore sharp used in next standalone mode
+    "sharp"
+  ]
+}

frontend/.eslintrc.json.license

@@ -1,7 +1,8 @@
 # SPDX-FileCopyrightText: 2021 - 2022 Dusan Mijatovic (dv4all)
 # SPDX-FileCopyrightText: 2021 - 2022 dv4all
-# SPDX-FileCopyrightText: 2023 Dusan Mijatovic (Netherlands eScience Center)
-# SPDX-FileCopyrightText: 2023 Netherlands eScience Center
+# SPDX-FileCopyrightText: 2023 - 2025 Dusan Mijatovic (Netherlands eScience Center)
+# SPDX-FileCopyrightText: 2023 - 2025 Netherlands eScience Center
+# SPDX-FileCopyrightText: 2024 Ewan Cahen (Netherlands eScience Center) <e.cahen@esciencecenter.nl>
 #
 # SPDX-License-Identifier: Apache-2.0
 
@@ -12,14 +13,14 @@
 # ----------------------------------------
 # 1. Install dependencies only when needed
 # ----------------------------------------
-FROM node:20.15-slim AS deps
+FROM node:22.13.1-bookworm-slim AS deps
 
 WORKDIR /app
 
 # copy
 COPY package.json package-lock.json ./
 # install
-RUN npm install --frozen-lockfile --silent
+RUN npm ci --silent
 
 # ----------------------------------------
 # 2. Build image
@@ -39,15 +40,15 @@ COPY . .
 ENV NEXT_TELEMETRY_DISABLED 1
 
 # unit tests are already runned on PR and push to main
-# RUN npm test
+# RUN npm run test
 
 # build the solution
 RUN npm run build
 
 # ----------------------------------------
 # 3. Production image (standalone mode)
 # ----------------------------------------
-FROM node:20.15-slim AS runner
+FROM node:22.13.1-bookworm-slim AS runner
 
 # optional install updates
 # RUN apt-get upgrade -y
@@ -75,4 +76,4 @@ ENV PORT 3000
 # set next hostname
 ENV HOSTNAME "0.0.0.0"
 
-CMD ["node", "server.js"]
+CMD ["node", "server.js"]

frontend/.knip.jsonc

@@ -3,7 +3,7 @@
 #
 # SPDX-License-Identifier: Apache-2.0
 
-FROM node:20.15-slim
+FROM node:22.13.1-bookworm-slim
 
 #  Change the user and group id of the node user to the specified ids
 ARG DUID=1000
@@ -27,4 +27,4 @@ VOLUME [ "/app" ]
 
 EXPOSE 3000
 
-CMD [ "sh", "-c", "yarn install ; yarn dev:docker" ]
+CMD [ "sh", "-c", "npm install ; npm run dev:docker" ]

frontend/.unimportedrc.json

@@ -1,7 +1,7 @@
 // SPDX-FileCopyrightText: 2022 - 2023 Dusan Mijatovic (dv4all)
 // SPDX-FileCopyrightText: 2022 - 2023 dv4all
-// SPDX-FileCopyrightText: 2023 Dusan Mijatovic (Netherlands eScience Center)
-// SPDX-FileCopyrightText: 2023 Netherlands eScience Center
+// SPDX-FileCopyrightText: 2023 - 2025 Dusan Mijatovic (Netherlands eScience Center)
+// SPDX-FileCopyrightText: 2023 - 2025 Netherlands eScience Center
 //
 // SPDX-License-Identifier: Apache-2.0
 
@@ -13,6 +13,9 @@ import CookiesPage from '../pages/cookies'
 // use DEFAULT MOCK for login providers list
 // required when AppHeader component is used
 jest.mock('~/auth/api/useLoginProviders')
+// MOCK global search
+jest.mock('~/components/GlobalSearchAutocomplete/apiGlobalSearch')
+jest.mock('~/components/GlobalSearchAutocomplete/useHasRemotes')
 
 
 it('renders cookies page with title Cookies', async() => {
@@ -22,8 +25,8 @@ it('renders cookies page with title Cookies', async() => {
   }
   render(WrappedComponentWithProps(
     CookiesPage, {
-    props
-  }))
+      props
+    }))
   const heading = await screen.findByRole('heading',{
     name: 'Cookies'
   })
@@ -39,8 +42,8 @@ it('renders cookies page with anonymous statistics checkbox ON', async() => {
   }
   render(WrappedComponentWithProps(
     CookiesPage, {
-    props
-  }))
+      props
+    }))
 
   const heading = await screen.findByRole('heading',{
     name: 'Tracking cookies'
@@ -61,8 +64,8 @@ it('renders cookies page with anonymous statistics checkbox OFF', async() => {
   }
   render(WrappedComponentWithProps(
     CookiesPage, {
-    props
-  }))
+      props
+    }))
 
   const checkbox = await screen.findByRole('checkbox', {
     checked:false