refactor: ESLint Prettier 공유 config 패키지 생성

.eslintignore

@@ -0,0 +1,2 @@
+# eslint-plugin-import의 no-unused-modules 규칙이 FileEnumerator 내부 API를 사용할 때
+# .eslintignore 파일의 존재를 필요로 합니다. 내용이 없어도 파일이 있어야 정상 동작합니다.

.github/workflows/chromatic.yml

@@ -37,6 +37,9 @@ jobs:
           cp apps/playground/.env.development apps/playground/.env.local
           echo "${{ vars.PLAYGROUND_DEVELOPMENT_ENV }}" >> apps/playground/.env.local
 
+      - name: Build packages
+        run: yarn turbo run build --filter=@sopt/ui
+
       - name: Publish Chromatic
         id: publish_chromatic
         uses: chromaui/action@v1

.github/workflows/crew-deploy-development.yml

@@ -4,14 +4,11 @@ on:
   push:
     branches: [develop]
     paths:
-      - "apps/crew/**"
-      - "packages/**"
-      - "package.json"
-      - "yarn.lock"
+      - 'apps/crew/**'
+      - 'packages/**'
+      - 'package.json'
+      - 'yarn.lock'
   pull_request:
-    paths:
-      - "apps/crew/**"
-      - "packages/**"
   workflow_dispatch:
 
 jobs:

.github/workflows/label.yml

@@ -16,7 +16,7 @@ jobs:
       - name: Label PR
         run: |
           PR=${{ github.event.pull_request.number }}
-          changed_files=$(gh pr diff $PR --name-only)
+          changed_files=$(gh api "repos/${{ github.repository }}/pulls/$PR/files" --paginate -q '.[].filename')
 
           current_labels=$(gh pr view $PR --json labels -q '.labels[].name')
 

.github/workflows/playground-deploy-development.yml

@@ -4,14 +4,11 @@ on:
   push:
     branches: [develop]
     paths:
-      - "apps/playground/**"
-      - "packages/**"
-      - "package.json"
-      - "yarn.lock"
+      - 'apps/playground/**'
+      - 'packages/**'
+      - 'package.json'
+      - 'yarn.lock'
   pull_request:
-    paths:
-      - "apps/playground/**"
-      - "packages/**"
   workflow_dispatch:
 
 jobs:
@@ -84,8 +81,8 @@ jobs:
         id: find_comment
         with:
           issue-number: ${{ github.event.pull_request.number }}
-          comment-author: "github-actions[bot]"
-          body-includes: "Playground 프리뷰 배포 확인하기"
+          comment-author: 'github-actions[bot]'
+          body-includes: 'Playground 프리뷰 배포 확인하기'
 
       - name: Create or update comment
         if: github.event_name == 'pull_request'

.gitignore

@@ -1,25 +1,57 @@
+# yarn
 .yarn/*
 !.yarn/patches
 !.yarn/plugins
 !.yarn/releases
 !.yarn/sdks
 !.yarn/versions
+.pnp.*
+install-state.gz
 
-# Whether you use PnP or not, the node_modules folder is often used to store
-# build artifacts that should be gitignored
+# dependencies
 node_modules
 
-# Swap the comments on the following lines if you wish to use zero-installs
-# In that case, don't forget to run `yarn config set enableGlobalCache false`!
-# Documentation here: https://yarnpkg.com/features/caching#zero-installs
+# next.js
+.next/
+out/
 
-#!.yarn/cache
-.pnp.*
+# production
+build/
+coverage/
+
+# storybook
+storybook-static
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
 
-.env.local
+# local env files
+.env*.local
+.env
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+# editor
+.vscode/
+.idea
 
 # Turbo
 .turbo
 
 # Build outputs
-packages/ui/dist
+packages/ui/dist/**/*
+
+# crew generated
+apps/crew/src/__generated__/open-api-specification.json

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+yarn lint-staged

.lintstagedrc

@@ -0,0 +1,5 @@
+{
+  "apps/crew/**/*.{ts,tsx}": ["eslint --fix", "bash -c 'cd apps/crew && tsc --noemit -p .'"],
+  "apps/playground/**/*.{ts,tsx}": ["eslint --fix", "bash -c 'cd apps/playground && tsc --noemit -p .'"],
+  "**/*.{ts,tsx,js,jsx,json,css,md}": "prettier --write --ignore-path .prettierignore"
+}

.prettierignore

@@ -0,0 +1,10 @@
+# dependencies
+node_modules
+
+# build outputs
+.next
+out
+dist
+
+# docs
+**/*.md

apps/playground/.prettierrc.json → .prettierrc

@@ -4,6 +4,7 @@
   "jsxSingleQuote": true,
   "printWidth": 120,
   "quoteProps": "consistent",
+  "semi": true,
   "singleQuote": true,
   "tabWidth": 2,
   "trailingComma": "all"

apps/crew/.eslintignore

@@ -1 +1,2 @@
-src/__generated__
+# eslint-plugin-import의 no-unused-modules 규칙이 FileEnumerator 내부 API를 사용할 때
+# .eslintignore 파일의 존재를 필요로 합니다. 내용이 없어도 파일이 있어야 정상 동작합니다.

apps/crew/.eslintrc.json

@@ -1,38 +1,4 @@
 {
   "root": true,
-  "parser": "@typescript-eslint/parser",
-  "env": {
-    "es6": true,
-    "node": true,
-    "browser": true
-  },
-  "plugins": ["@typescript-eslint", "prettier", "import"],
-  "extends": [
-    "eslint:recommended",
-    "plugin:prettier/recommended",
-    "plugin:@typescript-eslint/eslint-recommended",
-    "plugin:@typescript-eslint/recommended",
-    "plugin:react-hooks/recommended",
-    "plugin:storybook/recommended"
-  ],
-  "rules": {
-    "@typescript-eslint/no-var-requires": "off",
-    "@typescript-eslint/explicit-module-boundary-types": "off",
-    "@typescript-eslint/no-empty-function": "off",
-    "react-hooks/rules-of-hooks": "error",
-    "react-hooks/exhaustive-deps": "warn",
-    "react-hooks/set-state-in-effect": "warn",
-    "react-hooks/static-components": "warn",
-    "react-hooks/immutability": "warn",
-    "react-hooks/refs": "warn",
-    "react-hooks/incompatible-library": "warn",
-    "prettier/prettier": [
-      "error",
-      {
-        "endOfLine": "auto"
-      }
-    ],
-    "import/no-unused-modules": [1, { "unusedExports": true }],
-    "react/no-unstable-nested-components": "off"
-  }
+  "extends": ["@sopt-makers/eslint-config/next"]
 }

apps/crew/.storybook/main.ts

@@ -11,7 +11,7 @@ const config: StorybookConfig = {
     autodocs: 'tag',
   },
   webpackFinal(config) {
-    const imageRule = config.module!.rules!.find(rule => {
+    const imageRule = config.module!.rules!.find((rule) => {
       if (rule && typeof rule !== 'string' && rule.test instanceof RegExp) {
         return rule.test.test('.svg');
       }

apps/crew/.storybook/preview.tsx

@@ -1,5 +1,5 @@
 import type { Preview } from '@storybook/react';
-import { OverlayProvider } from '../src/hooks/useOverlay/OverlayProvider';
+import { OverlayProvider } from '../src/hook/useOverlay/OverlayProvider';
 import React from 'react';
 import '../styles/globals.css';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
@@ -24,7 +24,7 @@ const preview: Preview = {
     },
   },
   decorators: [
-    Story => {
+    (Story) => {
       const queryClient = new QueryClient();
 
       return (

apps/crew/ampli.json

@@ -11,4 +11,4 @@
   "Language": "TypeScript",
   "SDK": "@amplitude/analytics-browser@^1.0",
   "Path": "./src/ampli"
-}
+}

apps/crew/next.config.js

@@ -5,7 +5,7 @@ const nextConfig = {
   output: 'export',
   reactStrictMode: true,
   swcMinify: true,
-  webpack: config => {
+  webpack: (config) => {
     config.module.rules.push({
       test: /\.svg$/,
       oneOf: [

apps/crew/package.json

@@ -3,18 +3,19 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev",
     "build": "next build",
-    "start": "next start",
-    "lint": "next lint",
-    "typecheck": "tsc --noemit -p .",
-    "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
+    "dev": "next dev",
+    "format": "prettier --write . --ignore-path ../../.prettierignore",
+    "generate-types": "cat ./src/__generated__/schema1.d.ts ./src/__generated__/schema2.d.ts > ./src/__generated__/schema.d.ts",
     "generate-types-v1": "openapi-typescript https://crew.api.dev.sopt.org/api-docs-json -o ./src/__generated__/schema1.d.ts",
     "generate-types-v2": "openapi-typescript https://crew.api.dev.sopt.org/api-docs/json -o ./src/__generated__/schema2.d.ts",
-    "generate-types": "cat ./src/__generated__/schema1.d.ts ./src/__generated__/schema2.d.ts > ./src/__generated__/schema.d.ts",
-    "wrangler": "wrangler",
-    "where": "sh -c 'export IP=`ipconfig getifaddr en0` && echo [info] we are in ... http://${IP}:3000'"
+    "lint": "next lint",
+    "start": "next start",
+    "storybook": "storybook dev -p 6006",
+    "typecheck": "tsc --noemit -p .",
+    "where": "sh -c 'export IP=`ipconfig getifaddr en0` && echo [info] we are in ... http://${IP}:3000'",
+    "wrangler": "wrangler"
   },
   "dependencies": {
     "@amplitude/ampli": "^1.35.0",
@@ -52,12 +53,7 @@
     "@hookform/devtools": "^4.3.1",
     "@types/react-mentions": "4.1.13",
     "@types/react-responsive": "^8.0.5",
-    "eslint": "^8.57.0",
-    "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-prettier": "^5.5.5",
-    "eslint-plugin-react-hooks": "^7.0.1",
     "openapi-typescript": "^6.3.9",
-    "prettier": "^3.0.0",
     "wrangler": "^3.0.0"
   }
 }