[Deploy] 1차 배포

.eslintrc.cjs

@@ -7,8 +7,7 @@ module.exports = {
     "eslint:recommended",
     "plugin:@typescript-eslint/recommended",
     "plugin:react/recommended",
-    "plugin:import/recommended",
-    "plugin:import/typescript",
+    "plugin:react/jsx-runtime",
     "plugin:jsx-a11y/recommended",
     "plugin:react-hooks/recommended",
     "plugin:@tanstack/eslint-plugin-query/recommended",
@@ -19,16 +18,17 @@ module.exports = {
   parser: "@typescript-eslint/parser",
   plugins: [
     "react-refresh",
+    "react",
     "@tanstack/query",
     "@typescript-eslint",
     "prettier",
   ],
-
+  settings: {
+    react: {
+      version: "detect",
+    },
+  },
   rules: {
-    "react-refresh/only-export-components": [
-      "warn",
-      { allowConstantExport: true },
-    ],
     "react/react-in-jsx-scope": "off",
     "react/function-component-definition": [
       2,
@@ -37,29 +37,13 @@ module.exports = {
     "@tanstack/query/exhaustive-deps": "error",
     "@tanstack/query/no-rest-destructuring": "warn",
     "@tanstack/query/stable-query-client": "error",
+    quotes: ["error", "double"],
     "prettier/prettier": [
       "error",
       {
         endOfLine: "auto",
       },
     ],
-    "import/order": [
-      "error",
-      {
-        groups: ["builtin", "external", ["parent", "sibling"], "index"],
-        pathGroups: [
-          {
-            pattern: "angular",
-            group: "external",
-            position: "before",
-          },
-        ],
-        alphabetize: {
-          order: "asc",
-          caseInsensitive: true,
-        },
-        "newlines-between": "always",
-      },
-    ],
+    "react/no-unescaped-entities": 0,
   },
 }

.github/actions/reviewers/action.js

@@ -0,0 +1,47 @@
+import { getInput, setFailed } from "@actions/core"
+import { context, getOctokit } from "@actions/github"
+
+try {
+  const candidates = getInput("reviewers").split(", ")
+  const reviewers = selectRandomReviewer(candidates)
+  const token = getInput("github_token")
+  const octokit = getOctokit(token)
+
+  const { owner, repo } = context.repo
+  const pull_number = context.issue.number
+
+  const response = await octokit.rest.pulls.listRequestedReviewers({
+    owner,
+    repo,
+    pull_number,
+  })
+
+  if (response.data.users.length < 2) {
+    await octokit.rest.pulls.requestReviewers({
+      owner,
+      repo,
+      pull_number,
+      reviewers: reviewers,
+    })
+  }
+} catch (error) {
+  setFailed(error.message)
+}
+
+function selectRandomReviewer(reviewers) {
+  const requiredReviewer = 2
+  const creator = context.payload.pull_request.user.login
+  const candidates = reviewers.filter((reviewer) => reviewer !== creator)
+
+  const result = []
+  for (let i = 0; i < requiredReviewer; i++) {
+    const { length } = candidates
+    if (length === 0) {
+      break
+    }
+
+    const randomIndex = Math.floor(Math.random() * length)
+    result.push(...candidates.splice(randomIndex, 1))
+  }
+  return result
+}

.github/actions/reviewers/action.yml

@@ -0,0 +1,11 @@
+name: "reviewers"
+
+inputs:
+  reviewers:
+    required: true
+  github_token:
+    required: true
+
+runs:
+  using: "node16"
+  main: "action.js"

.github/workflows/deploy.yml

@@ -0,0 +1,62 @@
+name: deploy
+
+on: pull_request
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    permissions:
+      pull-requests: write
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Use Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+
+      - name: Cache node modules
+        uses: actions/cache@v3
+        id: npm-cache
+        with:
+          path: "**/node_modules"
+          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-node-
+
+      - name: Install Dependencies
+        if: steps.cache.outputs.cache-hit != 'true'
+        run: |
+          echo 'npm cache existed'
+          npm ci
+
+      - name: lint
+        run: npm run lint
+
+      - name: build
+        run: npm run build
+
+      - name: If build fail
+        if: ${{ failure() }}
+        uses: actions/github-script@v6
+        with:
+          github-token: ${{ github.token }}
+          script: |
+            const pull_number = ${{ github.event.pull_request.number }}
+            await github.rest.pulls.createReview({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              pull_number: pull_number,
+              body: '빌드에 실패했습니다. Commits 탭에서 에러를 확인하고 먼저 수정해주세요.',
+            })
+
+      - name: Assign assignee
+        uses: hkusu/review-assign-action@v1
+        with:
+          assignees: ${{ github.actor }}
+
+      - name: Assign reviewers randomly
+        uses: ./.github/actions/reviewers
+        with:
+          github_token: ${{secrets.token}}
+          reviewers: ${{vars.reviewers}}

.gitignore

@@ -23,4 +23,7 @@ dist-ssr
 *.sln
 *.sw?
 
+stats.html
+
 .env
+.eslintcache

.husky/pre-commit

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

.prettierrc

@@ -1,24 +1,38 @@
 {
+  "plugins": ["@trivago/prettier-plugin-sort-imports"],
+  "importOrder": [
+    "^react(.*)",
+    "<THIRD_PARTY_MODULES>",
+    "^@tanstack/(.*)$",
+    "^styled-components",
+    "^@/(.*)$",
+    "^@common/(.*)$",
+    "^@components/(.*)$",
+    "^@apis/(.*)$",
+    "^@assets/(.*)$",
+    "^@hooks/(.*)$",
+    "^@pages/(.*)$",
+    "^@stores/(.*)$",
+    "^@utils/(.*)$",
+    "^@types/(.*)$",
+    "^@styles/(.*)$",
+    "^@mocks/(.*)$",
+    "^@constants/(.*)$",
+    "^App",
+    "^[./]"
+  ],
+  "importOrderSeparation": true,
+  "importOrderSortSpecifiers": true,
   "endOfLine": "lf",
-
   "printWidth": 80,
-
   "tabWidth": 2,
-
   "semi": false,
-
   "singleQuote": false,
-
   "useTabs": false,
-
   "singleAttributePerLine": true,
-
   "jsxSingleQuote": false,
-
   "trailingComma": "all",
-
   "bracketSameLine": true,
-
   "jsxBracketSameLine": false,
   "arrowParens": "always"
 }

index.html

@@ -5,6 +5,9 @@
     <meta
       name="viewport"
       content="width=device-width, initial-scale=1.0" />
+    <meta
+      httpEquiv="Content-Security-Policy"
+      content="upgrade-insecure-requests" />
     <title>SidePeek</title>
   </head>
   <body>