feat: initial pnpm installation

Author: wackerow

.gitignore

@@ -4,6 +4,7 @@
 /node_modules
 /.pnp
 .pnp.js
+.pnpm-store/
 
 # testing
 /coverage
@@ -23,6 +24,9 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.pnpm-debug.log
+
+pnpm-lock.yaml.bak
 
 # local env files
 .env*.local
@@ -60,4 +64,3 @@ src/data/crowdin/bucketsAwaitingReviewReport.csv
 # Storybook
 build-storybook.log
 storybook-static
-

.prettierignore

@@ -4,3 +4,4 @@ yarn.lock
 package-lock.json
 public
 build
+pnpm-lock.yaml

README.md

@@ -72,10 +72,12 @@ git merge upstream/dev
 
 2. Install dependencies
 
-We recommend using a node manager to use multiple node versions in your system. We use [Volta](https://volta.sh/). In case you don't use a manager or you use `nvm`, you can check the currently supported versions under the `"volta"` section on our `package.json` file.
+We've upgraded to pnpm to speed up development experience and improve dependency management.
+
+We recommend using a [node manager such as nvm](https://github.com/nvm-sh/nvm?tab=readme-ov-file#intro) to use multiple node versions in your system. We have a `.nvmrc` file that declares the canonical Node.js version for this project. If you use `nvm`, you can run `nvm use` to automatically switch to the correct version.
 
 ```sh
-yarn
+pnpm install
 ```
 
 ### 4. Make awesome changes!
@@ -89,7 +91,7 @@ git checkout -b new_branch_name
 2. Start developing!
 
 ```sh
-yarn dev
+pnpm dev
 ```
 
 - Open this directory in your favorite text editor / IDE, and see your changes live by visiting `localhost:3000` from your browser

netlify.toml

@@ -7,7 +7,7 @@
   publish = ".next"
 
   # Default build command.
-  command = "yarn build"
+  command = "pnpm build"
 
 [build.environment]
   NEXT_FORCE_EDGE_IMAGES="true"

package.json

@@ -83,6 +83,7 @@
     "reading-time": "^1.5.0",
     "recharts": "^2.13.3",
     "remark-gfm": "^4.0.1",
+    "sharp": "0.32.6",
     "swiper": "^11.1.10",
     "tailwind-merge": "^2.3.0",
     "tailwind-variants": "^0.2.1",
@@ -96,21 +97,22 @@
   "devDependencies": {
     "@chromatic-com/storybook": "1.5.0",
     "@netlify/plugin-nextjs": "^5.10.0",
-    "@storybook/addon-essentials": "8.1.10",
-    "@storybook/addon-interactions": "8.1.10",
-    "@storybook/addon-links": "8.1.10",
-    "@storybook/addon-themes": "8.1.10",
-    "@storybook/nextjs": "^8.1.10",
-    "@storybook/react": "8.1.10",
-    "@storybook/test": "8.1.10",
+    "@storybook/addon-essentials": "8.6.14",
+    "@storybook/addon-interactions": "8.6.14",
+    "@storybook/addon-links": "8.6.14",
+    "@storybook/addon-themes": "8.6.14",
+    "@storybook/manager-api": "8.6.14",
+    "@storybook/nextjs": "^8.6.14",
+    "@storybook/react": "8.6.14",
+    "@storybook/test": "8.6.14",
+    "@storybook/theming": "^8.6.14",
     "@svgr/webpack": "^8.1.0",
     "@types/decompress": "^4.2.7",
     "@types/hast": "^3.0.0",
-    "@types/lodash.pick": "^4.4.9",
+    "@types/mdast": "^4.0.4",
     "@types/node": "^20.4.2",
     "@types/react": "18.2.57",
     "@types/react-dom": "18.2.19",
-    "@types/swiper": "^6.0.0",
     "@types/xml2js": "^0.4.14",
     "@typescript-eslint/eslint-plugin": "^6.19.0",
     "@typescript-eslint/parser": "^6.19.0",
@@ -126,7 +128,6 @@
     "husky": "^9.0.11",
     "image-size": "^1.0.2",
     "lint-staged": "^15.2.5",
-    "lodash.pick": "^4.4.0",
     "mdast-util-toc": "^7.0.0",
     "minimist": "^1.2.8",
     "plaiceholder": "^3.0.0",
@@ -137,7 +138,7 @@
     "raw-loader": "^4.0.2",
     "rehype-slug": "^6.0.0",
     "remark-heading-id": "^1.0.1",
-    "storybook": "8.1.10",
+    "storybook": "8.6.14",
     "storybook-next-intl": "^1.2.5",
     "tailwindcss": "^3.4.4",
     "ts-node": "^10.9.1",
@@ -147,8 +148,5 @@
     "unist-util-visit": "^5.0.0",
     "xml2js": "^0.6.2"
   },
-  "resolutions": {
-    "jackspeak": "2.1.1",
-    "sharp": "0.32.6"
-  }
+  "packageManager": "[email protected]+sha512.6540583f41cc5f628eb3d9773ecee802f4f9ef9923cc45b69890fb47991d4b092964694ec3a4f738a420c918a333062c8b925d312f42e4f0c263eb603551f977"
 }