chore: migrate from npm to yarn (#1251)

Author: Riippi

.github/workflows/ci.yml

@@ -57,8 +57,8 @@ jobs:
       uses: actions/setup-node@v4
       with:
         node-version: ${{ matrix.node-version }}
-    - run: npm install --legacy-peer-deps
-    - run: npm run testBuild
-    - run: npm test
-    - run: npm run test:e2e:install
-    - run: npm run test:e2e
+    - run: yarn install --frozen-lockfile
+    - run: yarn testBuild
+    - run: yarn test
+    - run: yarn test:e2e:install
+    - run: yarn test:e2e

Dockerfile

@@ -8,15 +8,15 @@ USER root
 RUN chown -R default:root /servicemap-ui
 
 # Install app dependencies
-COPY --chown=default:root --chmod=444 package.json package-lock.json /servicemap-ui/
+COPY --chown=default:root --chmod=444 package.json yarn.lock /servicemap-ui/
 
-RUN npm ci --legacy-peer-deps
+RUN yarn install --frozen-lockfile
 
 COPY --chown=default:root . /servicemap-ui/
 
 USER default
 
-RUN npm run build
+RUN yarn build
 
 USER root
 

README.md

@@ -3,7 +3,7 @@
 ## Requirements 
 Using following:
 * Node LTS (v22)
-* npm (v10)
+* yarn (v1)
 If you are using NVM you can also use `nvm use` to get correct version.
 
 For development:
@@ -13,41 +13,41 @@ For development:
 
 In the project directory, you can run:
 
-### `npm run dev`
+### `yarn dev`
 
 Start dev server and runs the app in the development mode.<br>
 
-### `npm run build`
+### `yarn build`
 
 Builds the app for production to the `dist` folder.<br>
 
-### `npm run testBuild`
+### `yarn testBuild`
 
 Builds the app in development mode to the `dist` folder.<br>
 
-### `npm start`
+### `yarn start`
 
 Runs the app by starting node server using build files.
 
-### `npm test`
+### `yarn test`
 
 Launches Jest test runner.<br>
 
-### `npm run test:e2e`
+### `yarn test:e2e`
 Launches [Playwright](playwright.config.js) test runner and performs browser tests. 
 
 ## How to use
 For development: 
-- Make sure npm packages are installed by running `npm install --legacy-peer-deps`in project root.
+- Make sure yarn packages are installed by running `yarn install` in project root.
 - Make sure you have environment variables set. `.env.example` should have all required values so you can copy it to `.env`.
-- Then you can start development server using `npm run dev`. Which watches files and updates on code changes.
+- Then you can start development server using `yarn dev`. Which watches files and updates on code changes.
 - Open the application by loading `localhost:2048` in the browser
 
 To run in production mode:
-- Make sure npm packages are installed by running `npm install --legacy-peer-deps`in project root.
+- Make sure yarn packages are installed by running `yarn install` in project root.
 - Make sure you have environment variables set. `.env.example` should have all required values so you can copy it to `.env`.
-- Build files by running `npm run build`
-- Then you can run the app with `npm start`
+- Build files by running `yarn build`
+- Then you can run the app with `yarn start`
 - Open the application by loading `localhost:2048` in the browser
 
 To run with docker compose:

src/components/ToolMenu/MeasuringStopButton/__tests__/__snapshots__/MeasuringStopButton.test.js.snap

@@ -4,7 +4,7 @@ exports[`<MeasuringStopButton /> should work 1`] = `
 <div>
   <button
     aria-label="Stop measuring"
-    class="MuiButtonBase-root SMButton css-1g3sd65-MuiButtonBase-root"
+    class="MuiButtonBase-root Mui-focusVisible SMButton css-1g3sd65-MuiButtonBase-root"
     color="primary"
     id="MeasuringStopButton"
     margin="0"