update: yarn references to use pnpm

Author: wackerow

.github/labeler.yml

@@ -12,6 +12,7 @@
 "dependencies 📦":
   - package.json
   - yarn.lock
+  - pnpm-lock.yaml
 
 "config ⚙️":
   - i18n.config.json

.github/workflows/chromatic.yml

@@ -33,7 +33,7 @@ jobs:
           fetch-depth: 0 # 👈 Required to retrieve git history
       - name: Install deps
         # 👇 Install dependencies with the same package manager used in the project (replace it as needed), e.g. yarn, npm, pnpm
-        run: yarn
+        run: pnpm
       - name: Publish to Chromatic
         # 👇 Adds Chromatic as a step in the workflow
         uses: chromaui/action@v1

.storybook/main.ts

@@ -4,17 +4,10 @@ import TsconfigPathsPlugin from "tsconfig-paths-webpack-plugin"
 import type { StorybookConfig } from "@storybook/nextjs"
 
 /**
- * Note regarding package.json settings related to Storybook:
- *
- * There is a resolutions option set for the package `jackspeak`. This is related to a
- * workaround provided to make sure storybook ( as of v7.5.2) works correctly with
- * Yarn v1
- *
- * Reference: https://github.com/storybookjs/storybook/issues/22431#issuecomment-1630086092
- *
- * The primary recommendation is to upgrade to Yarn 3 if possible
+ * Storybook configuration for the ethereum.org website
+ * This loads our components as stories and configures the necessary
+ * webpack settings for proper rendering
  */
-
 const config: StorybookConfig = {
   stories: [
     "../src/components/**/*.stories.{ts,tsx}",

docs/applying-storybook.md

@@ -14,7 +14,7 @@ Check out [Intro to Storybook](https://storybook.js.org/tutorials/intro-to-story
 
 ## Spinning up the Storybook server
 
-It's as easy as running `yarn storybook` to boot up a dedicated localhost to see all the components that have stories.
+It's as easy as running `pnpm storybook` to boot up a dedicated localhost to see all the components that have stories.
 
 ## Setting up a component's stories
 

docs/locales-process.md

@@ -1,6 +1,6 @@
 # Locales generation process
 
-Every time `yarn build` or `yarn start` is executed, the following process is
+Every time `pnpm build` or `pnpm start` is executed, the following process is
 going to be triggered as well:
 
 <img src="./locales.png">

docs/stack.md

@@ -1,7 +1,7 @@
 # The ethereum.org website stack
 
 - [Node.js](https://nodejs.org/)
-- [Yarn package manager](https://yarnpkg.com/cli/install)
+- [pnpm](https://pnpm.io/) - Fast, disk space efficient package manager
 - [NextJS](https://nextjs.org/)
   - React framework that provides some goodies out of the box (pages router, SSG, SSR, i18n support, Image component, etc)
   - Configurable in `next.config.js`

src/scripts/crowdin-import.ts

@@ -26,7 +26,7 @@ const argv = require("minimist")(process.argv.slice(2))
  ******************************/
 
 /**
- * 1. Run `yarn crowdin-clean` to initialize fresh ./.crowdin folder. This can also be used to erase contents when finished.
+ * 1. Run `pnpm crowdin-clean` to initialize fresh ./.crowdin folder. This can also be used to erase contents when finished.
  *
  * 2a. Export/import CSV of languages ready for review:
  *   1. Open "Website translation board" document in ethereum.org Notion (internal only)
@@ -45,7 +45,7 @@ const argv = require("minimist")(process.argv.slice(2))
  *      ie. `es: [1, 10],` would import the "Homepage" and "Learn" buckets for Spanish
  *   2. Save file without committing*
  *
- * Optionally: To view summary of buckets from CSV, run `yarn crowdin-import --buckets` or `yarn crowdin-import -b`
+ * Optionally: To view summary of buckets from CSV, run `pnpm crowdin-import --buckets` or `pnpm crowdin-import -b`
  *   Any items in USER_OVERRIDE will override the CSV import
  *
  * 3. Export translated content from Crowdin and import into ./.crowdin folder:
@@ -54,7 +54,7 @@ const argv = require("minimist")(process.argv.slice(2))
  *      ie. ./.crowdin/{lang-codes}
  *
  * 4. Execute script:
- *   1. Execute script by running `yarn crowdin-import`
+ *   1. Execute script by running `pnpm crowdin-import`
  *   2. If successful, copy `BUILD_LOCALES={langs}` output and paste in
  *      your `.env`, then build site to test results.
  *

src/scripts/crowdin/reports/generateReviewReport.ts

@@ -19,7 +19,7 @@ type SummaryItem = [code: string, bucket: string, needsReview: number]
  *    4. Select "Translation Status" under "Projects" for scope
  *    5. Click: "Create" and authenticate
  *    6. Copy the token to the .env file
- * - Can be run with `yarn crowdin-needs-review`
+ * - Can be run with `pnpm crowdin-needs-review`
  * - Results are saved to src/data/crowdin/bucketsAwaitingReviewReport.csv
  * - Report is git ignored, and should not be committed
  */

src/scripts/updatePublishDate.sh

@@ -1,6 +1,6 @@
 #!/usr/bin/env bash
 
-# Intended to be run as a `preversion` lifecycle hook as part of `yarn version`
+# Intended to be run as a `preversion` lifecycle hook as part of `pnpm version`
 # 1. Update `published.json` file with the current date (UTC)
 echo "{\"date\":\"$(date -u +%Y-%m-%d)\"}" > src/data/published.json
 # 2. Stage changes before being committed during `version` lifecycle hook