Merge pull request #25 from su-its/feat/front/bun-to-yarn-migration

chore: bun -> yarn

Author: KinjiKawaguchi

.github/workflows/build-app.yml

@@ -26,8 +26,22 @@ jobs:
       contents: read
     steps:
       - uses: actions/checkout@v4
-      - uses: ./.github/actions/prepare-nodemodules
+
+      # Corepack enable をしておけば package.json の packageManager を読んで適切なバージョンの yarn を使ってくれる。
+      # ただし非公式な方法であり、あくまでワークアラウンド。
+      # https://github.com/actions/setup-node/issues/480#issuecomment-1820622085
+      # > enable corepack **before** setup-node.
+      - name: Enable Corepack
+        run: corepack enable
+
+      - uses: actions/setup-node@v4
         with:
-          root: ${{ github.workspace }}/typing-app
+          node-version: '20'
+          cache: 'yarn'
+          cache-dependency-path: typing-app/yarn.lock
+
+      - name: Install Dependencies
+        run: yarn
+
       - name: Build Next.js Project
-        run: npm run build
+        run: yarn build

typing-app/.gitattributes

@@ -0,0 +1,4 @@
+/.yarn/**            linguist-vendored
+/.yarn/releases/*    binary
+/.yarn/plugins/**/*  binary
+/.pnp.*              binary linguist-generated

typing-app/.gitignore

@@ -2,6 +2,12 @@
 
 # dependencies
 /node_modules
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions
 /.pnp
 .pnp.js
 .yarn/install-state.gz

typing-app/.npmrc

@@ -0,0 +1 @@
+engine-strict=true

typing-app/.yarnrc.yml

@@ -0,0 +1 @@
+nodeLinker: node-modules

typing-app/bun.lockb

@@ -7,18 +7,13 @@ $ git clone https://github.com/su-its/typing.git
 $ cd typing/typing-app
 ```
 
-## 2. パッケージのインストール(npm ではなく bun を採用しています)
-
-### Bun をインストールする (まだインストールしていない場合)
-
-```bash
-$ curl -fsSL https://bun.sh/install | bash
-```
+## 2. パッケージのインストール(npm ではなく yarn を採用しています)
 
 ### プロジェクトの依存パッケージをインストール(typing-app ディレクトリで実行)
 
 ```bash
-$ bun install
+$ corepack enable yarn
+$ yarn
 ```
 
 ## 3. API & DB の起動(typing-server ディレクトリで実行)
@@ -30,5 +25,5 @@ $ docker-compose --file docker-compose.dev.yml up --build
 ## 4. フロントエンドの起動(typing-app ディレクトリで実行)
 
 ```bash
-$ bun dev
+$ yarn dev
 ```

typing-app/components.json

@@ -12,10 +12,13 @@
   },
   "dependencies": {
     "@chakra-ui/react": "^2.8.2",
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.0",
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-toast": "^1.1.5",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
+    "framer-motion": "^11.0.20",
     "lucide-react": "^0.343.0",
     "next": "14.1.0",
     "react": "^18",
@@ -34,5 +37,11 @@
     "postcss": "^8",
     "tailwindcss": "^3.3.0",
     "typescript": "^5"
+  },
+  "repository": "https://github.com/su-its/typing",
+  "author": "su-its",
+  "packageManager": "[email protected]",
+  "engines": {
+    "npm": "use yarn instead"
   }
 }