chore: bun -> yarn

[KinjiKawaguchi]

やったこと

• bun -> yarn

※yarn を使うなら bun は不要なので closes #19

[h-takeyeah]

bun を yarn にしたときの手順、具体的にどんな作業を行ったかを記録のために取っておいて訂正、このPRにログなどをベターっと貼っちゃってください。

あと、これは質問なのですが、emotionなどが依存関係に追加されたのはなぜですか(そもそも必要なの？っていうのと、PRの内容と違くない？っていう2つの意味で)

[KinjiKawaguchi]

以降の際にchakra周りで不具合が出ちゃったので、一旦chakraをすべて吹き飛ばしてドキュメント通り(今までは違った)インスコしたので付いてきた感じです

[h-takeyeah]

なるほど

[h-takeyeah]

手元に 4faf42e を pull してきて、node_modulesなどが残っている状態で yarn のバージョンを v4 に上げてみました。

前提として、4faf42e は以下の感じでした

• yarn.lock の先頭のあたりに # yarn lockfile v1 と書かれている
• bun.lockb は削除されている

この状態で下記のコマンドを実行しました。

corepack enable
corepack prepare yarn@stable --activate
yarn -v # 4.1.1
yarn set version stable # ここで package.json に "packageManger" フィールドが書き込まれた
yarn install

ちらっと書いた package.json の変更はこんな感じです。

{
  // 末尾に追加された
  "packageManager": "[email protected]"
}

特に最後の yarn install に関してはログに「マイグレートしたで」と出ていたのが興味深いです。共有します。

$ yarn install
➤ YN0087: Migrated your project to the latest Yarn version 🚀

➤ YN0000: · Yarn 4.1.1
➤ YN0000: ┌ Resolution step
➤ YN0085: │ + @chakra-ui/react@npm:2.8.2, @emotion/react@npm:11.11.4, @emotion/styled@npm:11.11.0, and 593 more.
➤ YN0000: └ Completed in 12s 99ms
➤ YN0000: ┌ Fetch step
➤ YN0013: │ 499 packages were added to the project (+ 294.09 MiB).
➤ YN0000: └ Completed in 14s 720ms
➤ YN0000: ┌ Link step
➤ YN0000: └ Completed in 16s 58ms
➤ YN0000: · Done in 43s 99ms

このとき、yarn.lockが更新されました。v1の表記は消えています。

# This file is generated by running "yarn install" inside your project.
# Manual changes might be lost - proceed with caution!

__metadata:
  version: 8
  cacheKey: 10c0

(略)

また同時に新しく .yarnrc.yml が作成されました。このファイルは設定ファイルです。

nodeLinker: node-modules

nodeLinker という設定は https://yarnpkg.com/features/linkers この文書が詳しいです。

[KinjiKawaguchi]

バージョン指定と、その後yarnコマンドのログ

➜  typing-app git:(feat/front/bun-to-yarn-migration) ✗                      
corepack enable
corepack prepare yarn@stable
yarn set version stable
Preparing yarn@stable...
➤ YN0000: Downloading https://repo.yarnpkg.com/4.1.1/packages/yarnpkg-cli/bin/yarn.js
➤ YN0000: Saving the new release in .yarn/releases/yarn-4.1.1.cjs
➤ YN0000: Done in 0s 88ms
➜  typing-app git:(feat/front/bun-to-yarn-migration) ✗ yarn
➤ YN0087: Migrated your project to the latest Yarn version 🚀

➤ YN0000: · Yarn 4.1.1
➤ YN0000: ┌ Resolution step
➤ YN0085: │ + @chakra-ui/react@npm:2.8.2, @emotion/react@npm:11.11.4, @emotion/styled@npm:11.11.0, @radix-ui/react-slot@npm:1.0.2, and 592 more.
➤ YN0000: └ Completed in 2s 657ms
➤ YN0000: ┌ Fetch step
➤ YN0013: │ 44 packages were added to the project (+ 8.15 MiB).
➤ YN0000: └ Completed in 0s 696ms
➤ YN0000: ┌ Link step
➤ YN0000: └ Completed in 2s 890ms
➤ YN0000: · Done in 6s 308ms
➜  typing-app git:(feat/front/bun-to-yarn-migration) ✗ 

[h-takeyeah]

ログ提出ありがとうございました

[h-takeyeah]

コミット追加しました 🦖

• update .gitignore for yaml yaml は yarn の誤字です 🤮
• create .gitattributes recommended by yarn
• prevent users from using npm
  npm install とかしようとすると "use yarn instead" と言われて落ちます。これで yarn を強制できるはずです(ただし npx コマンドはこの制限に引っかからず実行できる)

上の2つは yarnpkg 公式からの情報をもとにしていて、上はここ which-files-should-be-gitignored 、その下は同じページおよび create-next-app すると作成される .gitattributes がそれぞれソース 🍝 になります 📝

[h-takeyeah]

LGTM!!! 👍 😸

[h-takeyeah]

今度こそ