Drop webpack,yarn,rollbar

Upgrade to vite, pnpm, modern stack

Author: vtm9

.github/workflows/master.yml

@@ -10,7 +10,7 @@ jobs:
   build:
     if: github.repository == 'hexlet-codebattle/codebattle'
     runs-on: ubuntu-latest
-    timeout-minutes: 30 # Add timeout to prevent hanging builds
+    timeout-minutes: 30
 
     env:
       MIX_ENV: test
@@ -21,7 +21,7 @@ jobs:
         ports: ["5432:5432"]
         env:
           POSTGRES_PASSWORD: postgres
-          POSTGRES_HOST_AUTH_METHOD: trust # Simplify auth for CI
+          POSTGRES_HOST_AUTH_METHOD: trust
         options: >-
           --health-cmd pg_isready
           --health-interval 10s
@@ -33,7 +33,7 @@ jobs:
     steps:
       - uses: actions/checkout@v4
         with:
-          fetch-depth: 0 # Fetch complete history for better caching
+          fetch-depth: 0
 
       - name: Setup Elixir
         uses: erlef/setup-beam@v1
@@ -71,27 +71,30 @@ jobs:
         run: mix credo
         working-directory: ./services/app
 
-      - name: Get yarn cache
-        id: yarn-cache
-        run: echo "dir=$(yarn cache dir)" >> $GITHUB_OUTPUT
+      # --- pnpm setup & caching ---
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: "24"
+          cache: "pnpm"
+          cache-dependency-path: ./services/app/apps/codebattle/pnpm-lock.yaml
 
-      - uses: actions/cache@v4
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
         with:
-          path: ${{ steps.yarn-cache.outputs.dir }}
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
-          restore-keys: |
-            ${{ runner.os }}-yarn-
+          version: 9
+          run_install: false
 
-      - name: Install yarn dependencies
-        run: yarn install --frozen-lockfile --network-timeout 300000
+      - name: Install pnpm dependencies
+        run: pnpm install --frozen-lockfile
         working-directory: ./services/app/apps/codebattle
 
       - name: Eslint
-        run: yarn lint
+        run: pnpm run lint
         working-directory: ./services/app/apps/codebattle
 
       - name: Run jest
-        run: yarn test
+        run: pnpm run test
         working-directory: ./services/app/apps/codebattle
 
       - name: Mix audit

.github/workflows/pr.yml

@@ -14,7 +14,6 @@ jobs:
       group: ${{ github.workflow }}-${{ github.ref }}
       cancel-in-progress: true
 
-    # Use test environment by default
     env:
       MIX_ENV: test
       POSTGRES_PASSWORD: postgres
@@ -72,28 +71,32 @@ jobs:
         run: mix credo --strict
         working-directory: ./services/app
 
-      - name: Get yarn cache
-        id: yarn-cache
-        run: echo "dir=$(yarn cache dir)" >> $GITHUB_OUTPUT
+      # --- pnpm setup & caching ---
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: "24"
+          cache: "pnpm"
+          cache-dependency-path: ./services/app/apps/codebattle/pnpm-lock.yaml
 
-      - uses: actions/cache@v4
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
         with:
-          path: ${{ steps.yarn-cache.outputs.dir }}
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
-          restore-keys: |
-            ${{ runner.os }}-yarn-
+          version: 9
+          run_install: false
 
-      - name: Install yarn dependencies
-        run: yarn install --frozen-lockfile
+      - name: Install pnpm dependencies
+        run: pnpm install --frozen-lockfile
         working-directory: ./services/app/apps/codebattle
 
       - name: Eslint
-        run: yarn lint
+        run: pnpm lint
         working-directory: ./services/app/apps/codebattle
 
       - name: Run jest
-        run: yarn test
+        run: pnpm test
         working-directory: ./services/app/apps/codebattle
+      # --- end pnpm block ---
 
       - name: Setup db
         run: |

.tool-versions

@@ -1,3 +1,3 @@
 elixir 1.19.1-otp-28
 erlang 28.1.1
-nodejs 18.15.0
+nodejs 24.11.0

README.md

@@ -74,11 +74,6 @@ $ mix asserts.upload # Pulls from battle_asserts all issues and upserts into DB
 ```
 
 ### Profile js bundle
-To build stat.json and see details in browser run:
-```
-yarn profile:build
-yarn profile:visualize
-```
 
 ### Support
 

ansible/development/group_vars/all/vars.yml

@@ -14,4 +14,3 @@ codebattle_onesignal_app_id: "5857921a-703b-4231-9e0a-bc3e0bb385bb"
 codebattle_onesignal_api_key: "NWFkNDczNGUtYTUwZC00ZWI5LWFjNDUtNzlkYzU3YjVlYzA2"
 codebattle_firebase_api_key: "0"
 codebattle_firebase_messaging_sender_id: "1"
-codebattle_rollbar_api_key: "2"

ansible/production/group_vars/all/vars.yml

@@ -19,4 +19,3 @@ codebattle_onesignal_app_id: "{{ vault_codebattle_onesignal_app_id }}"
 codebattle_onesignal_api_key: "{{ vault_codebattle_onesignal_api_key }}"
 codebattle_firebase_api_key: "{{ vault_codebattle_firebase_api_key }}"
 codebattle_firebase_messaging_sender_id: "{{ vault_codebattle_firebase_messaging_sender_id }}"
-codebattle_rollbar_api_key: "{{ vault_codebattle_rollbar_api_key }}"

ansible/templates/environment.j2

@@ -14,4 +14,3 @@ ONESIGNAL_APP_ID={{ codebattle_onesignal_app_id }}
 ONESIGNAL_API_KEY={{ codebattle_onesignal_api_key }}
 FIREBASE_API_KEY={{ codebattle_firebase_api_key }}
 FIREBASE_SENDER_ID={{ codebattle_firebase_messaging_sender_id }}
-ROLLBAR_API_KEY={{ codebattle_rollbar_api_key }}

ansible/templates/secrets.auto.tfvars.j2

@@ -19,4 +19,3 @@ onesignal_api_key          = "{{ codebattle_onesignal_api_key }}"
 onesignal_app_id           = "{{ codebattle_onesignal_app_id }}"
 firebase_api_key           = "{{ codebattle_firebase_api_key }}"
 firebase_sender_id         = "{{ codebattle_firebase_messaging_sender_id }}"
-rollbar_api_key            = "{{ codebattle_rollbar_api_key }}"

make-compose.mk

@@ -12,14 +12,11 @@ compose-build:
 compose-down:
 	podman-compose down -v || true
 
-compose-profile:
-	podman-compose run --rm --name codebattle_app app /bin/sh -c 'cd /app/apps/codebattle && yarn profile'
-
 compose-test-code-checkers:
 	podman-compose run --rm --name codebattle_app app mix test image_executor
 
-compose-test-yarn:
-	podman-compose run --rm --name codebattle_app app /bin/sh -c 'cd /app/apps/codebattle && yarn test'
+compose-test-fe:
+	podman-compose run --rm --name codebattle_app app /bin/sh -c 'cd /app/apps/codebattle && pnpm test'
 
 compose-test:
 	podman-compose run --rm --name codebattle_app app mix test --exclude image_executor
@@ -33,10 +30,10 @@ compose-bash:
 compose-install-mix:
 	podman-compose run --rm --name codebattle_app app mix deps.get
 
-compose-install-yarn:
-	podman-compose run --rm --name codebattle_app app /bin/sh -c 'cd /app/apps/codebattle && yarn'
+compose-install-pnpm:
+	podman-compose run --rm --name codebattle_app app /bin/sh -c 'cd /app/apps/codebattle && pnpm'
 
-compose-install: compose-install-mix compose-install-yarn
+compose-install: compose-install-mix compose-install-pnpm
 
 compose-setup: compose-down compose-build compose-install compose-db-setup
 
@@ -55,7 +52,7 @@ compose-mix-credo:
 	podman-compose run app mix credo
 
 compose-lint-js-fix:
-	podman-compose run --rm --name codebattle_app app /bin/sh -c 'cd /app/apps/codebattle && yarn lint --fix'
+	podman-compose run --rm --name codebattle_app app /bin/sh -c 'cd /app/apps/codebattle && pnpm run lint --fix'
 
 compose-console:
 	podman-compose run --rm --name codebattle_app app iex -S mix

services/app/.codebattle

@@ -3,15 +3,14 @@ ENV MIX_ENV=prod
 
 WORKDIR /tmp/codebattle/assets
 
-COPY apps/codebattle/package.json apps/codebattle/yarn.lock ./
-RUN yarn install --frozen-lockfile --network-timeout 300000
+COPY apps/codebattle/package.json apps/codebattle/pnpm-lock.yaml ./
+RUN pnpm install --frozen-lockfile --network-timeout 300000
 
 COPY apps/codebattle/postcss.config.js apps/codebattle/.babelrc ./
-COPY apps/codebattle/webpack ./webpack
 COPY apps/codebattle/assets ./assets
 COPY apps/codebattle/priv/gettext ./priv/gettext
 
-RUN yarn build
+RUN pnpm run build
 
 FROM elixir:1.19.1-otp-28-alpine AS compile-image
 ARG GIT_HASH