Replace yarn for npm

.github/workflows/ci.yml

@@ -25,7 +25,7 @@ jobs:
           node-version: 18
       - name: restore dependencies
         uses: bahmutov/npm-install@v1
-      - run: yarn lint:all
+      - run: npm run lint:all
   test:
     runs-on: ubuntu-latest
     steps:
@@ -36,7 +36,7 @@ jobs:
           node-version: 18
       - name: restore dependencies
         uses: bahmutov/npm-install@v1
-      - run: yarn test
+      - run: npm run test
   type_check:
     name: type check
     runs-on: ubuntu-latest
@@ -48,7 +48,7 @@ jobs:
           node-version: 18
       - name: restore dependencies
         uses: bahmutov/npm-install@v1
-      - run: yarn type-check
+      - run: npm run type-check
   lighthouse_desktop:
     runs-on: ubuntu-latest
     steps:

.husky/pre-commit

@@ -1,5 +1,5 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-yarn scripts:build
-yarn lint-staged
+npm run scripts:build
+npx lint-staged

.husky/pre-push

@@ -1,4 +1,4 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-yarn test:all
+npm run test:all

.lintstagedrc.js

@@ -1,17 +1,14 @@
 module.exports = {
   '*.@(ts|tsx|js|jsx)': [
-    filenames =>
-      `yarn lint:js --file ${filenames
-        .map(file => file.split(process.cwd())[1])
-        .join(' --file ')}`,
-    'yarn format'
+    filenames => `npm run lint:js -- --file ${filenames.join(' --file ')}`,
+    'npm run format'
   ],
-  'posts/**/*.md': ['yarn post:mark-updated', 'yarn format'],
+  'posts/**/*.md': ['npm run post:mark-updated', 'npm run format'],
   'public/posts/**/*.gif': [
     filenames => `echo "Do not commit gif files\n\t${filenames.join('\n\t')}"`,
     'exit 1'
   ],
-  'public/posts/**/banner.@(jpg|png)': ['yarn post:validate-banner'],
-  '*.json|*.*rc!.browserslistrc': ['yarn format'],
-  '*.@(css|scss)': ['yarn lint:styles', 'yarn format']
+  'public/posts/**/banner.@(jpg|png)': ['npm run post:validate-banner'],
+  '*.json|*.*rc!.browserslistrc': ['npm run format'],
+  '*.@(css|scss)': ['npm run lint:styles', 'npm run format']
 }

.vscode/launch.json

@@ -5,7 +5,7 @@
       "name": "Next.js: debug server-side",
       "type": "node-terminal",
       "request": "launch",
-      "command": "yarn dev"
+      "command": "npm run dev"
     },
     {
       "name": "Next.js: debug client-side",
@@ -17,7 +17,7 @@
       "name": "Next.js: debug full stack",
       "type": "node-terminal",
       "request": "launch",
-      "command": "yarn dev",
+      "command": "npm run dev",
       "serverReadyAction": {
         "pattern": "started server on .+, url: (https?://.+)",
         "uriFormat": "%s",
@@ -31,7 +31,7 @@
       "console": "integratedTerminal",
       "internalConsoleOptions": "neverOpen",
       "cwd": "${workspaceFolder}",
-      "runtimeExecutable": "yarn",
+      "runtimeExecutable": "npm run",
       "args": ["test", "--runInBand", "--watchAll=false"]
     }
   ]

.vscode/settings.json

@@ -13,11 +13,11 @@
     "postcss": "css"
   },
   "stylelint.validate": ["css", "scss"],
-  "npm.packageManager": "yarn",
+  "npm.packageManager": "npm",
   "css.validate": false,
   "less.validate": false,
   "scss.validate": false,
-  "jest.jestCommandLine": "yarn test",
+  "jest.jestCommandLine": "npm test",
   "jest.autoRun": {
     "watch": false,
     "onSave": "test-src-file"

.vscode/tasks.json

@@ -4,9 +4,9 @@
   "version": "2.0.0",
   "tasks": [
     {
-      "label": "yarn dev",
-      "command": "yarn",
-      "args": ["dev"],
+      "label": "npm dev",
+      "command": "npm",
+      "args": ["run dev"],
       "isBackground": true,
       "problemMatcher": {
         "owner": "typescript",

README.md

@@ -16,7 +16,7 @@
 ## Setup
 
 1. (Recommended) Use VSCode and install the recommended extensions
-2. Run `yarn install` to install all of the dependencies
+2. Run `npm run install` to install all of the dependencies
 3. Create a `.env.production.local` file and put the following contents in it
 
    ```.env
@@ -27,13 +27,13 @@
 
 ## Developing
 
-Run `yarn dev` to start a dev server
+Run `npm run dev` to start a dev server
 
-Run `yarn format <files>` to format the files given
+Run `npm run format <files>` to format the files given
 
-Run `yarn format:all` to format all of the files
+Run `npm run format:all` to format all of the files
 
-Run `yarn print-browser-support` to print out all the browsers this project is configured to support as specified in the `.browserslistrc`
+Run `npm run print-browser-support` to print out all the browsers this project is configured to support as specified in the `.browserslistrc`
 
 You can use [feeder.co's Chrome extension RSS Feed Reader](https://chrome.google.com/webstore/detail/rss-feed-reader/pnjaodmkngahhkoihejjehlcdlnohgmp/related?hl=en) when testing the rss feed
 
@@ -45,23 +45,23 @@ See the [Next.js docs for how to do this](https://nextjs.org/docs/advanced-featu
 
 ## Linting
 
-Run `yarn lint:all` to lint all of the files
+Run `npm run lint:all` to lint all of the files
 
-Run `yarn lint:js <files>` to lint the specified files via `eslint`
+Run `npm run lint:js <files>` to lint the specified files via `eslint`
 
-Run `yarn lint:js` to lint all of the js/jsx/ts/tsx files
+Run `npm run lint:js` to lint all of the js/jsx/ts/tsx files
 
-Run `yarn lint:styles <files>` to lint the specified files fia `stylelint`
+Run `npm run lint:styles <files>` to lint the specified files fia `stylelint`
 
-Run `yarn lint:styles:all` to lint all of the css/scss files
+Run `npm run lint:styles:all` to lint all of the css/scss files
 
 ## Testing
 
-Run `yarn test` to run the jest tests
+Run `npm run test` to run the jest tests
 
-Run `yarn type-check` to run type checking
+Run `npm run type-check` to run type checking
 
-Run `yarn test:all` to lint all files, type check, and run jest tests
+Run `npm run test:all` to lint all files, type check, and run jest tests
 
 ### Lighthouse
 
@@ -90,7 +90,7 @@ sudo apt update &amp;&amp; sudo apt upgrade
 sudo apt install ffmpeg
 ```
 
-Then run `yarn media:optimize-gifs` to transform them in place to `.mp4` and `.webm` files.
+Then run `npm run media:optimize-gifs` to transform them in place to `.mp4` and `.webm` files.
 
 Consult [chrome's developer guide for efficient video formats](https://developer.chrome.com/docs/lighthouse/performance/efficient-animated-content/) for further details.