Upgrade Frontend dependencies

.github/workflows/test.yml

@@ -81,7 +81,7 @@ jobs:
       - name: "Set up Node JS"
         uses: "actions/setup-node@v4"
         with:
-          node-version: "14"
+          node-version: "20"
           cache: "npm"
           cache-dependency-path: |
             **/package-lock.json

hack/Dockerfile

@@ -51,25 +51,18 @@ RUN set -ex \
 	&& add-apt-repository --no-update --yes "deb http://archive.ubuntu.com/ubuntu/ jammy multiverse" \
 	&& add-apt-repository --no-update --yes "deb http://archive.ubuntu.com/ubuntu/ jammy-security universe" \
 	&& add-apt-repository --no-update --yes "deb http://archive.ubuntu.com/ubuntu/ jammy-updates multiverse" \
+	&& curl -sS https://deb.nodesource.com/setup_20.x | bash - \
 	&& curl -so /tmp/repo-mediaarea_1.0-21_all.deb -L https://mediaarea.net/repo/deb/repo-mediaarea_1.0-21_all.deb \
 	&& dpkg -i /tmp/repo-mediaarea_1.0-21_all.deb \
 	&& apt-get update \
 	&& apt-get install -y --no-install-recommends \
-		libyaml-dev clamav \
+		libyaml-dev clamav nodejs \
 	&& /src/hack/osdeps.py Ubuntu-22 1 | grep -v -E "nginx|postfix|python3.9-dev" | xargs apt-get install -y --no-install-recommends \
 	&& rm -rf /var/lib/apt/lists/*
 
 # Download ClamAV virus signatures
 RUN freshclam --quiet
 
-# Install pip, Node.js and Yarn
-RUN set -ex \
-	&& curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | apt-key add - \
-	&& add-apt-repository --yes "deb https://dl.yarnpkg.com/debian/ stable main" \
-	&& apt-get install -y --no-install-recommends \
-		yarn nodejs \
-	&& rm -rf /var/lib/apt/lists/*
-
 ENV PYENV_ROOT="/pyenv/data"
 ENV PATH=$PYENV_ROOT/shims:$PYENV_ROOT/bin:$PATH
 
@@ -145,8 +138,10 @@ RUN set -ex \
 
 USER archivematica
 
-RUN set -ex \
-	&& yarn --cwd=/src/src/dashboard/frontend install --frozen-lockfile
+WORKDIR /src/src/dashboard/frontend
+
+RUN set ex  \
+    && npm install --no-package-lock
 
 WORKDIR /src/src/dashboard/src
 
@@ -197,7 +192,7 @@ USER archivematica
 
 WORKDIR /src/src/dashboard/frontend
 
-ENTRYPOINT ["yarn", "run", "test-single-run"]
+ENTRYPOINT ["npm", "run", "test-single-run"]
 
 # -----------------------------------------------------------------------------
 

hack/Makefile

@@ -168,13 +168,14 @@ bootstrap-dashboard-db:  ## Bootstrap Dashboard (new database).
 
 bootstrap-dashboard-frontend:  ## Build front-end assets.
 	docker compose run \
-		-e HOME=/tmp/yarn-config \
+		--workdir /src/src/dashboard/frontend \
+		-e HOME=/tmp/npm-config \
 		--rm \
 		--no-deps \
 		--user $(CALLER_UID):$(CALLER_GID) \
-		--entrypoint yarn \
+		--entrypoint npm \
 			archivematica-dashboard \
-				--cwd=/src/src/dashboard/frontend install --frozen-lockfile
+				install --no-package-lock
 
 restart-am-services:  ## Restart Archivematica services: MCPServer, MCPClient, Dashboard and Storage Service.
 	docker compose restart --no-deps archivematica-mcp-server
@@ -385,13 +386,13 @@ test-frontend:  ## Run Dashboard JS tests.
 		--build-arg TARGET=archivematica-dashboard-testing \
 			../
 	docker run \
-		-e HOME=/tmp/yarn-config \
+		-e HOME=/tmp/npm-config \
 		--rm \
 		--user $(CALLER_UID):$(CALLER_GID) \
 		--volume "$(SRCDIR)/dashboard:/src/src/dashboard" \
-		--entrypoint yarn \
+		--entrypoint npm \
 			archivematica-dashboard-testing \
-				--cwd=/src/src/dashboard/frontend install --frozen-lockfile
+				install
 	docker run \
 		--rm \
 		--volume "$(SRCDIR)/dashboard/frontend:/src/src/dashboard/frontend" \