Big change: move to pnpm

Author: mrysav

.github/workflows/ci.yml

@@ -35,8 +35,18 @@ jobs:
           ruby-version: .ruby-version
           bundler-cache: true
 
+      - name: Install pnpm
+        uses: pnpm/action-setup@8912a9102ac27614460f54aedde9e1e7f9aec20d # v6.0.5
+        with:
+          version: 11
+
+      - uses: actions/setup-node@v6
+        with:
+          node-version-file: .node-version
+          cache: 'pnpm'
+
       - name: Scan for security vulnerabilities in JavaScript dependencies
-        run: bin/yarn audit
+        run: bin/pnpm audit
 
   lint_rb:
     runs-on: ubuntu-latest
@@ -95,17 +105,17 @@ jobs:
           ruby-version: .ruby-version
           bundler-cache: true
 
-      - uses: actions/setup-node@v6
+      - name: Install pnpm
+        uses: pnpm/action-setup@8912a9102ac27614460f54aedde9e1e7f9aec20d # v6.0.5
         with:
-          node-version-file: .node-version
+          version: 11
 
-      - uses: actions/cache@v5
+      - uses: actions/setup-node@v6
         with:
-          path: '**/node_modules'
-          key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
+          node-version-file: .node-version
+          cache: 'pnpm'
 
-      - name: Install NPM modules
-        run: bin/yarn install
+      - run: pnpm install --frozen-lockfile
 
       - name: Build App
         run: bin/rails db:setup

Dockerfile

@@ -30,12 +30,12 @@ RUN apt-get update -qq && \
     rm -rf /var/lib/apt/lists /var/cache/apt/archives
 
 # Install JavaScript dependencies
-ARG NODE_VERSION=24.11.0
-ARG YARN_VERSION=1.22.22
+ARG NODE_VERSION=24.16.0
+ARG PNPM_VERSION=11.4.0
 ENV PATH=/usr/local/node/bin:$PATH
 RUN curl -sL https://github.com/nodenv/node-build/archive/master.tar.gz | tar xz -C /tmp/ && \
     /tmp/node-build-master/bin/node-build "${NODE_VERSION}" --verbose /usr/local/node && \
-    npm install -g yarn@$YARN_VERSION && \
+    npm install -g pnpm@$PNPM_VERSION && \
     rm -rf /tmp/node-build-master
 
 # Install application gems
@@ -46,8 +46,8 @@ RUN bundle install && \
     bundle exec bootsnap precompile -j 1 --gemfile
 
 # Install node modules
-COPY package.json yarn.lock ./
-RUN yarn install --immutable
+COPY package.json pnpm*.yaml ./
+RUN pnpm install --frozen-lockfile
 
 # Copy application code
 COPY . .

Procfile.dev

@@ -1,4 +1,4 @@
 web: env RUBY_DEBUG_OPEN=true bin/rails server
 worker: sleep 2 && env QUEUE=* bin/rails resque:work
-js: yarn build --watch
-css: yarn watch:css
+js: pnpm build --watch
+css: pnpm watch:css

bin/pnpm

@@ -0,0 +1,18 @@
+#!/usr/bin/env ruby
+APP_ROOT = File.expand_path('..', __dir__)
+Dir.chdir(APP_ROOT) do
+  pnpm = ENV.fetch('PATH', '').split(File::PATH_SEPARATOR)
+               .reject { |dir| File.expand_path(dir) == __dir__ }
+               .product(%w[pnpm pnpm.cmd pnpm.ps1])
+               .map { |dir, file| File.expand_path(file, dir) }
+               .find { |file| File.executable?(file) }
+
+  if pnpm
+    exec pnpm, *ARGV
+  else
+    $stderr.puts 'pnpm executable was not detected in the system.'
+    $stderr.puts 'Install pnpm via https://pnpm.io/installation'
+    exit 1
+  end
+end
+

bin/setup

@@ -18,7 +18,7 @@ FileUtils.chdir APP_ROOT do
   system('bundle check') || system!('bundle install')
 
   # Install JavaScript dependencies
-  system! 'bin/yarn'
+  system! 'bin/pnpm'
 
   # puts "\n== Copying sample files =="
   # unless File.exist?('config/database.yml')

bin/update

@@ -17,8 +17,8 @@ chdir APP_ROOT do
   system! 'gem install bundler --conservative'
   system('bundle check') || system!('bundle install')
 
-  # Install JavaScript dependencies if using Yarn
-  # system('bin/yarn')
+  # Install JavaScript dependencies if using pnpm
+  # system('bin/pnpm')
 
   puts "\n== Updating database =="
   system! 'bin/rails db:migrate'

bin/yarn

@@ -30,12 +30,12 @@
   "browserslist": [
     "defaults"
   ],
-  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e",
+  "packageManager": "pnpm@11.4.0+sha512.f0febc7e37552ab485494a914241b338e0b3580b93d54ce31f00933015880863129038a1b4ae4e414a0ee63ac35bf21197e990172c4a68256450b5636310968f",
   "scripts": {
     "build": "esbuild app/javascript/*.* --bundle --sourcemap --outdir=app/assets/builds --public-path=/assets",
     "build:css:compile": "sass ./app/assets/stylesheets/application.bootstrap.scss:./app/assets/builds/application.css --no-source-map --load-path=node_modules",
     "build:css:prefix": "postcss ./app/assets/builds/application.css --use=autoprefixer --output=./app/assets/builds/application.css",
-    "build:css": "yarn build:css:compile && yarn build:css:prefix",
-    "watch:css": "nodemon --watch ./app/assets/stylesheets/ --ext scss --exec \"yarn build:css\""
+    "build:css": "pnpm build:css:compile && pnpm build:css:prefix",
+    "watch:css": "nodemon --watch ./app/assets/stylesheets/ --ext scss --exec \"pnpm build:css\""
   }
 }