Merge pull request Next-Room#78 from Next-Room/feat/cicd

refactor: lint/prettier/husky 적용 && CI/CD (check lint, develop push 시 자동 fork)

Author: lgrin-byte

.eslintrc.json

@@ -9,40 +9,32 @@
     "plugin:react/recommended",
     "plugin:@typescript-eslint/recommended",
     "next/core-web-vitals",
-    "airbnb",
-    "airbnb/hooks",
-    "airbnb-typescript",
-    "prettier",
-    "plugin:storybook/recommended"
+    "prettier"
   ],
-  "overrides": [],
   "parser": "@typescript-eslint/parser",
   "parserOptions": {
     "ecmaVersion": "latest",
     "sourceType": "module",
-    "project": ["tsconfig.json"]
+    "project": "tsconfig.json"
   },
   "plugins": ["react", "@typescript-eslint"],
+  "globals": { "NodeJS": "readonly" },
   "rules": {
-    "react/function-component-definition": [
-      2,
+    "import/order": [
+      "error",
       {
-        "namedComponents": [
-          "function-declaration",
-          "function-expression",
-          "arrow-function"
-        ]
+        "groups": [
+          "builtin",
+          "external",
+          "internal",
+          "parent",
+          "sibling",
+          "index"
+        ],
+        "newlines-between": "always"
       }
     ],
-    "jsx-a11y/click-events-have-key-events": "off",
-    "jsx-a11y/no-static-element-interactions": "off",
-    "react/react-in-jsx-scope": "off",
-    "react/jsx-props-no-spreading": "off",
-    "jsx-a11y/label-has-associated-control": [
-      2,
-      {
-        "labelAttributes": ["htmlFor"]
-      }
-    ]
+    "react/display-name": "off",
+    "no-console": ["error", { "allow": ["warn", "error"] }]
   }
 }

.github/workflows/main.yml

@@ -0,0 +1,48 @@
+name: Continuous Integration and Synchronization
+on:
+  pull_request:
+    types: [opened, synchronize, reopened]
+  push:
+    branches:
+      - develop
+
+jobs:
+  quality:
+    name: Check quality
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Install dependencies
+        run: npm install --legacy-peer-deps
+
+      - name: Checking
+        run: npm run lint && npm run lint:type && npm run lint:eslint && npm run lint:prettier
+
+  sync:
+    name: Sync forked repo
+    runs-on: ubuntu-latest
+    if: github.event_name == 'push' && github.ref == 'refs/heads/develop'
+
+    steps:
+      - name: Checkout develop
+        uses: actions/checkout@v4
+        with:
+          token: ${{ secrets.AUTO_ACTIONS }}
+          fetch-depth: 0
+          ref: develop
+
+      - name: Add remote-url
+        run: |
+          git remote add forked-repo https://lgrin-byte:${{ secrets.AUTO_ACTIONS }}@github.com/lgrin-byte/nextRoomFE
+          git config user.name lgrin-byte
+          git config user.email ${{ secrets.EMAIL }}
+
+      - name: Push changes to forked-repo
+        run: |
+          git push -f forked-repo develop
+
+      - name: Clean up
+        run: |
+          git remote remove forked-repo

.husky/pre-commit

@@ -1,4 +1,4 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-npm run lint 
+npm run lint && npm run lint:prettier && npm run lint:eslint && npm run lint:type

.prettierignore

@@ -0,0 +1,10 @@
+**/*.css
+**/*.scss
+**/*.sass
+**/*.html
+**/*.yml
+.github
+.husky
+.next
+.swc
+.vscode

.prettierrc.json

@@ -1,6 +1,6 @@
 {
-    "singleQuote": false,
-    "semi": true,
-    "useTabs": false,
-    "printWidth": 80
-  }
+  "singleQuote": false,
+  "semi": true,
+  "useTabs": false,
+  "printWidth": 80
+}

.storybook/main.ts

@@ -1,12 +1,7 @@
 type ValidationFunction<T> = (value: T) => string;
 
 export type ThemeInfoTextFieldType = {
-  id:
-    | "title"
-    | "timeLimit"
-    | "hintLimit"
-    | "progress"
-    | "hintCode"
+  id: "title" | "timeLimit" | "hintLimit" | "progress" | "hintCode";
   tabIndex?: number;
   title?: string;
   content: string;

.storybook/preview.tsx

@@ -1,6 +1,8 @@
 import { ChangeEvent, FocusEvent, useEffect, useRef, useState } from "react";
+
 import { useCreateTheme } from "@/components/atoms/createTheme.atom";
 import { useCreateHint } from "@/components/atoms/createHint.atom";
+
 import { ThemeInfoTextFieldType } from "./TextFieldType";
 
 const useTextField = ({

app/(shared)/(ThemeTextField)/TextFieldType.ts

@@ -1,6 +1,8 @@
 import React from "react";
-import { useModalStateValue } from "@/components/atoms/modals.atom";
 import { useSearchParams } from "next/navigation";
+
+import { useModalStateValue } from "@/components/atoms/modals.atom";
+
 import CreateTheme from "./CreateTheme/Container";
 import ThemeInfo from "./ThemeInfo/Container";