pnpm

web/.npmrc

@@ -1 +0,0 @@
-engine-strict=true

web/Dockerfile

@@ -1,10 +1,17 @@
 FROM node:22.16.0-alpine3.20@sha256:2289fb1fba0f4633b08ec47b94a89c7e20b829fc5679f9b7b298eaa2f1ed8b7e
-
-RUN apk add --no-cache tini
+ENV COREPACK_ENABLE_AUTO_PIN=0
+ENV COREPACK_ENABLE_DOWNLOAD_PROMPT=0
+RUN corepack enable && corepack install -g pnpm && apk add --no-cache tini
+RUN mkdir -p /pnpm/store && chown node:node -R /pnpm && mkdir -p /usr/local/etc && echo "store-dir=/pnpm/store" >> /usr/local/etc/npmrc
 USER node
 WORKDIR /usr/src/app
-COPY --chown=node:node package*.json ./
-RUN npm ci
+COPY --chown=node:node \
+    ../open-api/typescript-sdk/package.json \
+    ../open-api/typescript-sdk/pnpm-lock.yaml \
+    ../open-api/typescript-sdk/
+COPY --chown=node:node ./web/package.json ./web/pnpm-lock.yaml ./web/pnpm-workspace.yaml ./
+COPY pnpm-workspace.yaml /usr/src
+RUN pnpm install --frozen-lockfile
 ENV CHOKIDAR_USEPOLLING=true
 EXPOSE 24678
 EXPOSE 3000

web/bin/immich-web

@@ -1,10 +1,11 @@
 #!/usr/bin/env sh
 
-TYPESCRIPT_SDK=/usr/src/open-api/typescript-sdk
-
-npm --prefix "$TYPESCRIPT_SDK" install
-npm --prefix "$TYPESCRIPT_SDK" run build
+TYPESCRIPT_SDK=@immich/sdk
 
+echo "Building TypeScript SDK..."
+(cd ../open-api/typescript-sdk && pnpm run build)
+echo "Installing Deps ..."
+pnpm install
 
 COUNT=0
 UPSTREAM="${IMMICH_SERVER_URL:-http://immich-server:2283/}"
@@ -18,4 +19,4 @@ 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

@@ -39,7 +39,9 @@
     "@zoom-image/svelte": "^0.3.0",
     "dom-to-image": "^2.6.0",
     "fabric": "^6.5.4",
+    "geojson": "^0.5.0",
     "handlebars": "^4.7.8",
+    "happy-dom": "^18.0.1",
     "intl-messageformat": "^10.7.11",
     "justified-layout": "^4.1.0",
     "lodash-es": "^4.17.21",
@@ -103,5 +105,6 @@
   },
   "volta": {
     "node": "22.16.0"
-  }
+  },
+  "packageManager": "pnpm@10.12.3+sha512.467df2c586056165580ad6dfb54ceaad94c5a30f80893ebdec5a44c5aa73c205ae4a5bb9d5ed6bb84ea7c249ece786642bbb49d06a307df218d03da41c317417"
 }

web/pnpm-workspace.yaml

@@ -0,0 +1,8 @@
+ignoredBuiltDependencies:
+  - '@tailwindcss/oxide'
+  - es5-ext
+  - esbuild
+
+onlyBuiltDependencies:
+  - canvas
+  - sharp

web/src/lib/utils/asset-utils.spec.ts

@@ -58,7 +58,8 @@ describe('get asset filename', () => {
 });
 
 describe('copy image to clipboard', () => {
-  it('should not allow copy image to clipboard', () => {
-    expect(canCopyImageToClipboard()).toEqual(false);
+  // This test is dubious, as it totally on the environment where the test is run which is mocked.
+  it('should allow copy image to clipboard', () => {
+    expect(canCopyImageToClipboard()).toEqual(true);
   });
 });

web/vite.config.js

@@ -53,7 +53,7 @@ export default defineConfig({
   test: {
     include: ['src/**/*.{test,spec}.{js,ts}'],
     globals: true,
-    environment: 'jsdom',
+    environment: 'happy-dom',
     setupFiles: ['./src/test-data/setup.ts'],
     sequence: {
       hooks: 'list',