Yarn を pnpm に移行する

.github/workflows/bundle-size.yml

@@ -11,6 +11,7 @@ jobs:
 
     steps:
       - uses: actions/checkout@v3
+      - uses: pnpm/[email protected]
       - uses: preactjs/compressed-size-action@v2
         with:
           build-script: 'build'

.github/workflows/docs-hosting-main.yml

@@ -23,24 +23,25 @@ jobs:
       # url: TODO: Edit after
 
     steps:
-      - name: Get yarn cache directory path
-        id: yarn-cache-dir-path
-        run: echo "dir=$(yarn config get cacheFolder)" >> $GITHUB_OUTPUT
+      - name: Get pnpm cache directory path
+        id: pnpm-cache-dir-path
+        run: echo "dir=$(pnpm store path)" >> $GITHUB_OUTPUT
 
       - uses: actions/checkout@v3
+      - uses: pnpm/[email protected]
       - uses: actions/setup-node@v3
         with:
           node-version-file: '.node-version'
-          cache: yarn
+          cache: pnpm
       # charcoal packages
-      - run: yarn install --immutable
-      - run: yarn build
+      - run: pnpm install --frozen-lockfile
+      - run: pnpm build
       # docs
-      - run: yarn add ../packages/react
+      - run: pnpm add ../packages/react
         working-directory: ./docs
-      - run: yarn install
+      - run: pnpm install
         working-directory: ./docs
-      - run: yarn build
+      - run: pnpm build
         working-directory: ./docs
 
       - id: auth

.github/workflows/docs-hosting-pr.yml

@@ -29,24 +29,25 @@ jobs:
       url: ${{ steps.preview_deploy.outputs.details_url }}
 
     steps:
-      - name: Get yarn cache directory path
-        id: yarn-cache-dir-path
-        run: echo "dir=$(yarn config get cacheFolder)" >> $GITHUB_OUTPUT
+      - name: Get pnpm cache directory path
+        id: pnpm-cache-dir-path
+        run: echo "dir=$(pnpm store path)" >> $GITHUB_OUTPUT
 
       - uses: actions/checkout@v3
+      - uses: pnpm/[email protected]
       - uses: actions/setup-node@v3
         with:
           node-version-file: '.node-version'
-          cache: yarn
+          cache: pnpm
       # charcoal packages
-      - run: yarn install --immutable
-      - run: yarn build
+      - run: pnpm install --frozen-lockfile
+      - run: pnpm build
       # docs
-      - run: yarn add ../packages/react
+      - run: pnpm add ../packages/react
         working-directory: ./docs
-      - run: yarn install
+      - run: pnpm install
         working-directory: ./docs
-      - run: yarn build
+      - run: pnpm build
         working-directory: ./docs
 
       - id: auth

.github/workflows/gh-pages.yml

@@ -13,19 +13,20 @@ jobs:
 
     steps:
       - uses: actions/checkout@v3
+      - uses: pnpm/[email protected]
       - uses: actions/setup-node@v3
         with:
           node-version-file: '.node-version'
-          cache: yarn
+          cache: pnpm
 
       - name: Prepare deps
         run: |
-          yarn install --immutable --inline-builds
-          yarn build
+          pnpm install --frozen-lockfile
+          pnpm build
 
       - name: Output files
         run: |
-          yarn storybook:build -o public-pages --quiet
+          pnpm storybook:build -o public-pages --quiet
           cp .storybook/badge.svg public-pages/storybook-badge.svg
           mv pages public-pages/docs
 

.github/workflows/icons.yml

@@ -15,27 +15,28 @@ jobs:
 
     steps:
       - uses: actions/checkout@v3
+      - uses: pnpm/[email protected]
       - uses: actions/setup-node@v3
         with:
           node-version-file: '.node-version'
-          cache: yarn
+          cache: pnpm
 
       - name: Prepare deps
         run: |
-          yarn install --immutable --inline-builds
-          yarn workspaces foreach -vptR --from @charcoal-ui/icons-cli run build
+          pnpm install --frozen-lockfile
+          pnpm run build --recursive --resume-from @charcoal-ui/icons-cli
 
       - name: Export
         env:
           FIGMA_FILE_URL: ${{ secrets.FIGMA_FILE_URL }}
           FIGMA_TOKEN: ${{ secrets.FIGMA_TOKEN }}
-        run: yarn icons-cli figma:export
+        run: pnpm icons-cli figma:export
 
       - name: Optimize
-        run: yarn icons-cli svg:optimize --ignoreFile ./misc/icons-cli-denylist
+        run: pnpm icons-cli svg:optimize --ignoreFile ./misc/icons-cli-denylist
 
       - name: Generate source
-        run: yarn icons-cli files:generate
+        run: pnpm icons-cli files:generate
 
       - name: Generate github token
         id: generate_token
@@ -50,4 +51,4 @@ jobs:
           GITHUB_REPO_OWNER: pixiv
           GITHUB_REPO_NAME: charcoal
           GITHUB_DEFAULT_BRANCH: main
-        run: yarn icons-cli github:pr
+        run: pnpm icons-cli github:pr

.github/workflows/test.yml

@@ -13,76 +13,82 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
+      - uses: pnpm/[email protected]
       - uses: actions/setup-node@v3
         with:
           node-version-file: '.node-version'
-          cache: yarn
+          cache: pnpm
 
-      - run: yarn install --immutable --inline-builds
-      - run: yarn build
+      - run: pnpm install --frozen-lockfile
+      - run: pnpm build
 
   build-storybook:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
+      - uses: pnpm/[email protected]
       - uses: actions/setup-node@v3
         with:
           node-version-file: '.node-version'
-          cache: yarn
+          cache: pnpm
 
-      - run: yarn install --immutable --inline-builds
-      - run: yarn build
-      - run: yarn storybook:build
+      - run: pnpm install --frozen-lockfile
+      - run: pnpm build
+      - run: pnpm storybook:build
 
   test:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
+      - uses: pnpm/[email protected]
       - uses: actions/setup-node@v3
         with:
           node-version-file: '.node-version'
-          cache: yarn
+          cache: pnpm
 
-      - run: yarn install --immutable --inline-builds
+      - run: pnpm install --frozen-lockfile
       - run: |
-          yarn test
-          yarn storyshots
+          pnpm test
+          pnpm storyshots
         env:
           CI: 'true'
 
   lint:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
+      - uses: pnpm/[email protected]
       - uses: actions/setup-node@v3
         with:
           node-version-file: '.node-version'
-          cache: yarn
+          cache: pnpm
 
-      - run: yarn install --immutable --inline-builds
-      - run: yarn lint
+      - run: pnpm install --frozen-lockfile
+      - run: pnpm lint
 
   typecheck:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
+      - uses: pnpm/[email protected]
       - uses: actions/setup-node@v3
         with:
           node-version-file: '.node-version'
-          cache: yarn
+          cache: pnpm
 
-      - run: yarn install --immutable --inline-builds
-      - run: yarn build
-      - run: yarn typecheck
+      - run: pnpm install --frozen-lockfile
+      - run: pnpm build
+      - run: pnpm typecheck
 
   typecheck-config:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
+      - uses: pnpm/[email protected]
       - uses: actions/setup-node@v3
         with:
           node-version-file: '.node-version'
-          cache: yarn
+          cache: pnpm
 
-      - run: yarn install --immutable --inline-builds
-      - run: yarn typecheck:config
+      - run: pnpm install --frozen-lockfile
+      - run: pnpm typecheck:config

.github/workflows/version.yml

@@ -0,0 +1,53 @@
+name: version
+
+on:
+  pull_request_review:
+    types: [submitted]
+
+jobs:
+  version:
+    if: github.event.review.state == 'approved' && github.event.pull_request.base.ref == github.event.repository.default_branch
+
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          ref: ${{ github.event.pull_request.head.ref }}
+
+      - uses: pnpm/[email protected]
+      - uses: actions/setup-node@v3
+        with:
+          node-version-file: '.node-version'
+          cache: pnpm
+
+      - name: Prepare deps
+        run: |
+          pnpm install --frozen-lockfile
+          pnpm build
+
+      - name: Get comment body
+        id: get-comment-body
+        run: |
+          pnpm lerna version --conventional-commits --no-changelog --no-git-tag-version --no-push --yes > body.txt
+
+          body=$(cat body.txt)
+          body="${body//'%'/'%25'}"
+          body="${body//$'\n'/'%0A'}"
+          body="${body//$'\r'/'%0D'}"
+
+          echo ::set-output name=body::$body
+
+      - name: Comment to Pull Request
+        uses: peter-evans/create-or-update-comment@v2
+        with:
+          issue-number: ${{ github.event.pull_request.number }}
+          body: |
+            This pull request will bump these packages as follows
+            (Created by https://github.com/peter-evans/create-or-update-comment )
+
+            `pnpm lerna version --conventional-commits --no-changelog --no-git-tag-version --no-push --yes`
+
+            ```
+            ${{ steps.get-comment-body.outputs.body }}
+            ```

.gitignore

@@ -18,8 +18,4 @@ npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 lerna-debug.log*
-.npmrc
 *.tsbuildinfo
-
-# editor
-.vscode

.npmrc

@@ -0,0 +1,2 @@
+auto-install-peers=true
+strict-peer-dependencies=true

.prettierignore

@@ -7,6 +7,7 @@ __snapshots__/
 /coverage/
 .next/
 lerna.json
+pnpm-lock.yaml
 
 LICENSE
 /packages/theme/theme.json

.storybook/main.js

@@ -49,7 +49,7 @@ module.exports = {
     return config
   },
   // 実験的にviteをpreviewビルドでviteを利用する
-  // CLIENT_PORT=443 yarn storybook:experimental-vite -p 6007 --no-manager-cache
+  // CLIENT_PORT=443 pnpm storybook:experimental-vite -p 6007 --no-manager-cache
   ...(process.env.USE_VITE === '1'
     ? {
         framework: {

.storybook/tailwind.config.js

@@ -2,7 +2,7 @@ const { light, dark } = require('@charcoal-ui/theme')
 const { createTailwindConfig } = require('@charcoal-ui/tailwind-config')
 
 /**
- * @type {import('tailwindcss/tailwind-config').TailwindConfig}
+ * @type {import('tailwindcss/tailwind-config').Config}
  */
 module.exports = {
   darkMode: false,

.vscode/settings.json

@@ -0,0 +1,4 @@
+{
+  "eslint.packageManager": "pnpm",
+  "npm.packageManager": "pnpm"
+}