chore: use pnpm instead of npm

web/Dockerfile

@@ -1,16 +1,20 @@
 FROM node:22.16.0-alpine3.20@sha256:2289fb1fba0f4633b08ec47b94a89c7e20b829fc5679f9b7b298eaa2f1ed8b7e
+ENV COREPACK_ENABLE_AUTO_PIN=0 \
+  COREPACK_ENABLE_DOWNLOAD_PROMPT=0
 
-RUN apk add --no-cache tini make
+RUN corepack enable && corepack install -g pnpm && \
+  apk add --no-cache tini make && \
+  mkdir -p /buildcache/pnpm-store && \
+  chmod 777 -R /buildcache && \
+  pnpm config set store-dir /buildcache/pnpm-store
 
 USER node
 WORKDIR /usr/src/app
-COPY --chown=node:node ./web ./web/
 COPY --chown=node:node ./open-api ./open-api/
-COPY --chown=node:node Makefile ./
-
+COPY --chown=node:node ./web ./web/
+COPY --chown=node:node ./Makefile ./package* ./pnpm* ./
+RUN make setup-web-dev
 WORKDIR /usr/src/app/web
-RUN npm ci
-
 ENV CHOKIDAR_USEPOLLING=true
 EXPOSE 24678
 EXPOSE 3000

web/bin/immich-web

@@ -1,23 +1,20 @@
 #!/usr/bin/env sh
 
-TYPESCRIPT_SDK=/usr/src/app/open-api/typescript-sdk
-
-cd /usr/src/app/web || exit 1
-npm --prefix "$TYPESCRIPT_SDK" install
-npm --prefix "$TYPESCRIPT_SDK" run build
-
-npm install
+echo "Setup dev env"
+(
+  cd /usr/src/app || exit
+  FROZEN=1 OFFLINE=1 make setup-web-dev
+)
 
 COUNT=0
 UPSTREAM="${IMMICH_SERVER_URL:-http://immich-server:2283/}"
-until wget --spider --quiet "${UPSTREAM}/api/server/config" > /dev/null 2>&1; do
-    if [ $((COUNT % 10)) -eq 0 ]; then
-      echo "Waiting for $UPSTREAM to start..."
-    fi
-    COUNT=$((COUNT + 1))
-    sleep 1
+until wget --spider --quiet "${UPSTREAM}/api/server/config" >/dev/null 2>&1; do
+  if [ $((COUNT % 10)) -eq 0 ]; then
+    echo "Waiting for $UPSTREAM to start..."
+  fi
+  COUNT=$((COUNT + 1))
+  sleep 1
 done
 
 echo "Connected to $UPSTREAM"
-
-node ./node_modules/.bin/vite dev --host 0.0.0.0 --port 3000
+pnpm exec vite dev --host 0.0.0.0 --port 3000

web/package.json

@@ -107,5 +107,6 @@
   },
   "volta": {
     "node": "22.17.0"
-  }
+  },
+  "packageManager": "pnpm@10.12.3+sha512.467df2c586056165580ad6dfb54ceaad94c5a30f80893ebdec5a44c5aa73c205ae4a5bb9d5ed6bb84ea7c249ece786642bbb49d06a307df218d03da41c317417"
 }