migrate from yarn to pnpm for package management

Author: ignmandagaran

.github/workflows/release.yml

@@ -21,15 +21,15 @@ jobs:
           node-version: 20.x
 
       - name: Install Dependencies
-        run: yarn
+        run: pnpm
 
       - name: Create Release Pull Request or Publish to npm
         id: changesets
         uses: changesets/action@v1
         with:
           # This expects you to have a script called release which does a build for your packages and calls changeset publish
-          publish: yarn release
-          version: yarn version:packages
+          publish: pnpm release
+          version: pnpm version:packages
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

README.md

@@ -37,7 +37,7 @@ These play really well together, but can also be used separately. Let's see how
 ## `@bsmnt/storefront-hooks`
 
 ```zsh
-yarn add @bsmnt/storefront-hooks @tanstack/react-query
+pnpm add @bsmnt/storefront-hooks @tanstack/react-query
 ```
 
 This package exports:
@@ -327,7 +327,7 @@ export const {
 ## `@bsmnt/sdk-gen`
 
 ```zsh
-yarn add @bsmnt/sdk-gen --dev
+pnpm add @bsmnt/sdk-gen --dev
 ```
 
 This package installs a CLI with a single command: `generate`. Running it will hit your GraphQL endpoint and generate TypeScript types from your queries and mutations. <b>It's powered by [Genql](https://genql.dev/), so be sure to check out [their docs](https://genql.dev/docs).</b>
@@ -354,15 +354,15 @@ module.exports = {
 And then you can run the generator:
 
 ```zsh
-yarn sdk-gen
+pnpm sdk-gen
 ```
 
 This will look inside `./sdk-gen/` for a `config.js` file, and for all your `.{graphql,gql}` files under that directory.
 
 If you want to use a custom directory (and not the default, which is `./sdk-gen/`), you can use the `--dir` argument.
 
 ```zsh
-yarn sdk-gen --dir ./my-custom/directory
+pnpm sdk-gen --dir ./my-custom/directory
 ```
 
 After running the generator, you should get the following result:
@@ -398,7 +398,7 @@ An added benefit is that this sdk doesn't depend on `graphql`. Many GraphQL Clie
 ## `@bsmnt/drop`
 
 ```zsh
-yarn add @bsmnt/drop
+pnpm add @bsmnt/drop
 ```
 
 This package exports:

examples/nextjs-shopify/README.md

@@ -14,20 +14,20 @@ The flow is:
 
 ## Development
 
-1. Install yarn (or use whichever package manager you prefer):
+1. Install pnpm (or use whichever package manager you prefer):
 
    ```
-   npm install -g yarn
+   npm install -g pnpm
    ```
 
 2. Install the dependencies with:
 
    ```
-   yarn
+   pnpm
    ```
 
 3. Start developing and watch for code changes:
 
    ```
-   yarn dev
+   pnpm dev
    ```

examples/nextjs-shopify/package.json

@@ -5,10 +5,10 @@
   "scripts": {
     "dev": "next dev",
     "build": "next build",
-    "build:analyze": "cross-env ANALYZE=true yarn build",
+    "build:analyze": "cross-env ANALYZE=true pnpm build",
     "start": "next start",
     "lint": "next lint",
-    "generate": "yarn sdk-gen --dir src/storefront/sdk-gen"
+    "generate": "pnpm sdk-gen --dir src/storefront/sdk-gen"
   },
   "dependencies": {
     "@bsmnt/drop": "*",

internal/examples-ui/package.json

@@ -11,7 +11,7 @@
   "source": "./src/index.ts",
   "sideEffects": false,
   "scripts": {
-    "dev": "yarn build --watch",
+    "dev": "pnpm build --watch",
     "build": "tsup ./src/index.ts --format esm,cjs --dts"
   },
   "dependencies": {

package.json

@@ -15,8 +15,8 @@
     "lint": "turbo run lint",
     "generate": "turbo run generate",
     "format": "prettier --write \"**/*.{ts,tsx,md}\"",
-    "version:packages": "yarn changeset version",
-    "release": "yarn build:packages && yarn changeset publish"
+    "version:packages": "pnpm changeset version",
+    "release": "pnpm build:packages && pnpm changeset publish"
   },
   "devDependencies": {
     "@changesets/cli": "^2.22.0",
@@ -28,5 +28,5 @@
     "node": "20.x"
   },
   "dependencies": {},
-  "packageManager": "[email protected]"
+  "packageManager": "[email protected]"
 }

packages/drop/package.json

@@ -8,7 +8,7 @@
   "source": "./src/index.ts",
   "sideEffects": false,
   "scripts": {
-    "dev": "yarn build --watch",
+    "dev": "pnpm build --watch",
     "build": "tsup ./src/index.ts --format esm,cjs --dts"
   },
   "peerDependencies": {

packages/hooks/package.json

@@ -11,7 +11,7 @@
   "source": "./src/index.ts",
   "sideEffects": false,
   "scripts": {
-    "dev": "yarn build --watch",
+    "dev": "pnpm build --watch",
     "build": "tsup ./src/index.ts --format esm,cjs --dts"
   },
   "peerDependencies": {

packages/sdk-gen/package.json

@@ -12,7 +12,7 @@
     "bin"
   ],
   "scripts": {
-    "dev": "yarn build --watch",
+    "dev": "pnpm build --watch",
     "build": "tsup ./src/index.ts && tsup ./src/types.ts --dts-only"
   },
   "peerDependencies": {},

packages/shopify-helpers/README.md

@@ -3,7 +3,7 @@
 Internal use only (for now). Install at your risk:
 
 ```zsh
-yarn add @bsmnt/shopify-helpers
+pnpm add @bsmnt/shopify-helpers
 ```
 
 Exports: