06. test + CI & Changesets 설정

.changeset/config.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "https://unpkg.com/@changesets/config/schema.json",
+  "changelog": "@changesets/cli/changelog",
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "restricted",
+  "baseBranch": "dev",
+  "updateInternalDependencies": "patch",
+  "ignore": []
+}

.github/workflows/chromatic.yml

@@ -0,0 +1,59 @@
+name: "Chromatic-Storybook Deployment"
+
+on:
+  pull_request:
+    branches:
+      - dev
+      - feat/**
+    paths:
+      - '**/*.stories.ts'
+      - '**/*.stories.tsx'
+      - '**/*.mdx'
+
+jobs:
+  chromatic-deploy:
+    runs-on: ubuntu-latest
+
+    permissions:
+      contents: read
+      pull-requests: write
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          run_install: false
+
+      - name: Setup node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: pnpm
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Build packages
+        run: pnpm build --filter=!@mumukji/storybook
+
+      - name: Publish to Chromatic
+        id: chromatic
+        uses: chromaui/action@latest
+        with:
+          exitZeroOnChanges: true
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+          token: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Comment PR with Storybook link
+        uses: thollander/actions-comment-pull-request@v2
+        with:
+          message: |
+            🎨 **스토리북 배포 링크 확인**
+
+            - 🔗 Storybook: ${{ steps.chromatic.outputs.storybookUrl }}
+            - 🧩 Build: ${{ steps.chromatic.outputs.buildUrl }}

.github/workflows/ci.yml

@@ -0,0 +1,41 @@
+name: CI
+
+on:
+  push:
+    branches:
+      - main
+      - dev
+      - feat/**
+  pull_request:
+    branches:
+      - main
+      - dev
+      - feat/**
+
+jobs:
+  ci:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: pnpm/action-setup@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Typecheck
+        run: pnpm typecheck
+
+      - name: Lint
+        run: pnpm lint
+
+      - name: Build
+        run: pnpm build
+
+      - name: Test
+        run: pnpm test

.github/workflows/release.yml

@@ -0,0 +1,35 @@
+name: Release
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  release:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - uses: pnpm/action-setup@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Create Release PR or Publish
+        uses: changesets/action@v1
+        with:
+          publish: pnpm release
+          version: pnpm version-packages
+          commit: "⚙️ Chore: 패키지 버전 업데이트"
+          title: "⚙️ Chore: 패키지 버전 업데이트"
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

.ls-lint.yml

@@ -3,30 +3,33 @@ ls:
   .dir: kebabcase
 
   # 기본 파일 규칙 (camelCase)
-  .ts: camelcase
   .js: camelcase
+  .mdx: kebabcase
+  .ts: camelcase
 
   # React 컴포넌트는 PascalCase
-  packages/ui:
+  packages/icons:
     .dir: kebabcase
     .tsx: PascalCase
 
-  packages/icons:
+  packages/ui:
     .dir: kebabcase
     .tsx: PascalCase
 
 ignore:
-  - node_modules
-  - '**/node_modules'
-  - dist
-  - build
-  - coverage
-  - .turbo
-  - '**/.turbo'
+  - .changeset
   - .git
-  - .vscode
+  - .github
   - .husky
   - .storybook
   - '**/.storybook'
+  - .turbo
+  - '**/.turbo'
+  - .vscode
+  - build
+  - coverage
+  - dist
+  - node_modules
+  - '**/node_modules'
   - storybook-static
   - '**/storybook-static'

package.json

@@ -7,19 +7,22 @@
   "packageManager": "pnpm@10.26.1",
   "scripts": {
     "build": "turbo run build",
-    "typecheck": "turbo run typecheck",
     "dev": "turbo run dev",
     "clean": "turbo run clean",
+    "typecheck": "turbo run typecheck",
     "lint": "turbo run lint",
     "lint:fix": "turbo run lint:fix",
+    "ls-lint": "ls-lint",
     "format": "prettier --write .",
     "format:check": "prettier --check .",
     "stylelint": "stylelint \"**/*.{css,scss}\"",
     "stylelint:fix": "stylelint \"**/*.{css,scss}\" --fix",
     "test": "turbo run test",
     "test:storybook": "turbo run test --filter=@mumukji/storybook",
     "chromatic": "turbo run chromatic --filter=@mumukji/storybook",
-    "ls-lint": "ls-lint",
+    "changeset": "changeset",
+    "version-packages": "changeset version",
+    "release": "pnpm build && changeset publish",
     "prepare": "husky"
   },
   "lint-staged": {
@@ -36,6 +39,7 @@
     ]
   },
   "devDependencies": {
+    "@changesets/cli": "^2.29.8",
     "@commitlint/cli": "^20.4.2",
     "@eslint/js": "^9.39.3",
     "@ls-lint/ls-lint": "^2.3.1",

packages/ui/package.json

@@ -44,7 +44,7 @@
   "scripts": {
     "watch": "rollup -cw",
     "typecheck": "tsc --noEmit",
-    "build": "tsc -p tsconfig.build.json && rollup -c && mv dist/esm/index.css dist/index.css && rm -rf dist/types",
+    "build": "tsc -p tsconfig.build.json && rollup -c && [ -f dist/esm/index.css ] && mv dist/esm/index.css dist/index.css || true && rm -rf dist/types",
     "clean": "rm -rf dist",
     "lint": "eslint .",
     "lint:fix": "eslint --fix ."