From fcb1efd7bbb79e31235a2a0975d8849147887dd5 Mon Sep 17 00:00:00 2001
From: Pakxe <64801796+pakxe@users.noreply.github.com>
Date: Wed, 31 Jul 2024 16:06:13 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EC=8A=A4=ED=86=A0=EB=A6=AC=EB=B6=81=20?=
 =?UTF-8?q?=EC=9B=8C=ED=81=AC=ED=94=8C=EB=A1=9C=EC=9A=B0=20=EC=98=A4?=
 =?UTF-8?q?=EB=A5=98=20(#168)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix: 스토리북 배포를 위한 workflow 수정

* fix: develop 브랜치로 트리거하던 걸 fe-dev 브랜치로 수정

* chore: 스토리북을 배포한 사람의 아이디를 출력하도록 수정
---
 .github/workflows/design-pull-request.yml | 63 +++++++++++------------
 1 file changed, 29 insertions(+), 34 deletions(-)

diff --git a/.github/workflows/design-pull-request.yml b/.github/workflows/design-pull-request.yml
index 3045c9d8f..3c88c82b1 100644
--- a/.github/workflows/design-pull-request.yml
+++ b/.github/workflows/design-pull-request.yml
@@ -1,60 +1,55 @@
 name: Storybook Deployment
 run-name: ${{ github.actor }}의 스토리북 배포
+
 on:
   pull_request:
     branches:
       - fe-dev
     paths:
-    - 'HDesign/**'
+      - 'HDesign/**'
 
 jobs:
-  storybook:
+  chromatic:
+    name: Run Chromatic
     runs-on: ubuntu-latest
-    outputs:
-      status: ${{ job.status }}
-
-    defaults:
-      run:
-        shell: bash
-        working-directory: ./HDesign
-
     steps:
-      - name: checkout repository
-        uses: actions/checkout@v3
+      - name: Checkout code
+        uses: actions/checkout@v4
         with:
           fetch-depth: 0
 
-      - name: cache dependencies
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20.15.1'
+
+      - name: Cache dependencies
         id: cache
         uses: actions/cache@v3
         with:
-          path: "**/node_modules"
-          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}-storybook
-
-      - name: Set up Node.js
-        uses: actions/setup-node@v2 
-        with: 
-          node-version: '20.15.1'
+          path: '**/node_modules'
+          key: ${{ runner.os }}-npm-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-npm-
 
-      - name: depedency install
+      - name: Install dependencies
         if: steps.cache.outputs.cache-hit != 'true'
-        run: npm ci
+        run: |
+          cd HDesign
+          npm install
 
-      - name: run lint
-        working-directory: ./HDesign
+      - name: Run lint
         run: npm run lint
+        working-directory: ./HDesign
 
-      - name: publish to chromatic
-        id: chromatic
-        uses: chromaui/action@v1
+      - name: Run Chromatic
+        uses: chromaui/action@latest
+        id: publish_chromatic
         with:
-          workingDirectory: ./HDesign       
+          workingDir: HDesign
           projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
-          token: ${{ secrets.GITHUB_TOKEN }}
 
-      - name: comment PR
-        uses: thollander/actions-comment-pull-request@v1
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+      - name: Comment on PR
+        uses: thollander/actions-comment-pull-request@v2
         with:
-          message: "🚀storybook: ${{ steps.chromatic.outputs.storybookUrl }}"
+          message: '🚀 **storybook**: ${{ steps.publish_chromatic.outputs.storybookUrl }}'