chore: develop to main (#289)

chore: 레포지토리 최적화 작업, ahhachul.com 프로젝트를 vite로 전환

chore: develop to main

Author: createhb21

.eslintignore

@@ -1,54 +1,51 @@
 module.exports = {
+  root: true,
   env: {
     browser: true,
-    es2021: true,
+    es6: true,
     node: true,
+    commonjs: true,
   },
-  root: true,
   parser: '@typescript-eslint/parser',
   parserOptions: {
-    project: './tsconfig.eslint.json',
-    tsconfigRootDir: __dirname,
+    ecmaFeatures: {
+      jsx: true,
+    },
+    sourceType: 'module',
+    ecmaVersion: 2021,
   },
+  plugins: ['unused-imports', 'compat'],
   extends: [
     'eslint:recommended',
     'plugin:react/recommended',
-    'plugin:storybook/recommended',
-    'prettier',
+    'plugin:react/jsx-runtime',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:@typescript-eslint/eslint-recommended',
+    'plugin:compat/recommended',
+    'plugin:prettier/recommended',
   ],
-  plugins: ['react', '@typescript-eslint', 'jsx-a11y'],
   rules: {
-    'react/react-in-jsx-scope': 'off',
-    'comma-dangle': 'off',
-    'react/display-name': 'off',
-    'no-empty-function': 'off',
-    '@typescript-eslint/no-empty-function': ['off'],
-    '@typescript-eslint/no-unused-vars': [
-      'error',
-      {
-        argsIgnorePattern: '^_',
-      },
-    ],
-    'storybook/prefer-pascal-case': 'off',
-    'react-hooks/exhaustive-deps': 'off',
+    'compat/compat': 'error',
+    '@typescript-eslint/ban-ts-comment': ['error', { 'ts-ignore': 'allow-with-description' }],
+    '@typescript-eslint/explicit-module-boundary-types': 'off',
+    '@typescript-eslint/no-empty-function': 'off',
+    '@typescript-eslint/no-explicit-any': 'off',
+    '@typescript-eslint/no-non-null-assertion': 'off',
+    '@typescript-eslint/no-var-requires': 'off',
+    'prefer-const': 'off',
+    'no-async-promise-executor': 'off',
+    'no-prototype-builtins': 'off',
+    'unused-imports/no-unused-imports': 'error',
+    // emotion css props
+    'react/no-unknown-property': ['error', { ignore: ['css'] }],
   },
   overrides: [
     {
-      files: ['*.ts', '*.tsx'],
+      files: ['*.js'],
       rules: {
-        'no-undef': 'off',
-        'react/no-unknown-property': 0,
-        '@typescript-eslint/no-var-requires': 'off',
-        'no-unused-vars': 'off',
-        'react/prop-types': 'off',
-        semi: ['error', 'always'],
+        '@typescript-eslint/explicit-function-return-type': 'off',
       },
     },
   ],
-  ignorePatterns: ['**/dist/**/*', '.eslintrc.js'],
-  settings: {
-    'import/resolver': {
-      typescript: {},
-    },
-  },
+  ignorePatterns: ['node_modules', 'dist', 'build', 'out', 'coverage'],
 };

.eslintrc.js

@@ -0,0 +1,28 @@
+name: 'Install dependencies with pnpm'
+
+runs:
+  using: 'composite'
+
+  steps:
+    - name: Setup pnpm
+      uses: pnpm/action-setup@v2
+      with:
+        version: 8 # or your preferred version
+
+    - name: Get pnpm store directory
+      id: pnpm-cache
+      shell: bash
+      run: |
+        echo "STORE_PATH=$(pnpm store path)" >> $GITHUB_OUTPUT
+
+    - name: Restore pnpm cache
+      uses: actions/cache@v3
+      with:
+        path: ${{ steps.pnpm-cache.outputs.STORE_PATH }}
+        key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+        restore-keys: |
+          ${{ runner.os }}-pnpm-store-
+
+    - name: Install dependencies
+      shell: bash
+      run: pnpm install

.github/actions/pnpm-install/action.yml

@@ -0,0 +1,67 @@
+name: CI-APP
+on:
+  pull_request:
+    paths:
+      - 'services/ahhachul.com/**'
+      - 'package.json'
+      - 'pnpm-lock.yaml'
+      - '.github/workflows/**'
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+env:
+  DEFAULT_NODE_VERSION: '20.13.0'
+
+jobs:
+  ci:
+    runs-on: ubuntu-latest
+    timeout-minutes: 15
+
+    steps:
+      - name: Check out the repository
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        timeout-minutes: 1
+        with:
+          node-version: ${{ env.DEFAULT_NODE_VERSION }}
+
+      - name: Install dependencies
+        uses: ./.github/actions/pnpm-install
+        timeout-minutes: 5
+
+      - name: Create .env file for ahhachul.com
+        timeout-minutes: 1
+        run: |
+          echo '${{ secrets.DEV_REACT_APP_CONFIG }}' > config.json
+          cat config.json | jq -r 'to_entries[] | "\(.key)=\(.value)"' >> services/ahhachul.com/.env
+
+      - name: Lint ahhachul.com
+        timeout-minutes: 3
+        run: pnpm lint:app
+        continue-on-error: false
+
+      - name: Test ahhachul.com
+        if: success()
+        timeout-minutes: 5
+        run: pnpm test:app
+        continue-on-error: false
+
+      - name: Build ahhachul.com
+        if: success()
+        timeout-minutes: 5
+        run: pnpm build:app
+        continue-on-error: false
+
+      - name: Upload test results
+        if: always()
+        uses: actions/upload-artifact@v3
+        with:
+          name: test-results
+          path: services/ahhachul.com/coverage
+          retention-days: 7

.github/actions/yarn-install/action.yml

@@ -0,0 +1,72 @@
+name: CI-ONE-APP
+on:
+  pull_request:
+    paths:
+      - 'services/one-app/**'
+      - 'package.json'
+      - 'pnpm-lock.yaml'
+      - '.github/workflows/**'
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+env:
+  DEFAULT_NODE_VERSION: '20.13.0'
+
+jobs:
+  ci:
+    runs-on: ubuntu-latest
+    timeout-minutes: 15
+
+    steps:
+      - name: Check out the repository
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        timeout-minutes: 1
+        with:
+          node-version: ${{ env.DEFAULT_NODE_VERSION }}
+
+      - name: Install dependencies
+        uses: ./.github/actions/pnpm-install
+        timeout-minutes: 5
+
+      - name: Create .env file for one-app
+        timeout-minutes: 1
+        run: |
+          echo '${{ secrets.DEV_ONE_APP_CONFIG }}' | jq -r 'to_entries | .[] | "\(.key)=\(.value)"' > services/one-app/.env
+
+      - name: TypeScript Compilation Check
+        timeout-minutes: 3
+        working-directory: ./services/one-app
+        run: pnpm tsc --noEmit --project tsconfig.json
+        continue-on-error: false
+
+      - name: Lint one-app
+        timeout-minutes: 3
+        run: pnpm lint:one-app
+        continue-on-error: false
+
+      - name: Test one-app
+        if: success()
+        timeout-minutes: 5
+        run: pnpm test:one-app
+        continue-on-error: false
+
+      - name: Build one-app
+        if: success()
+        timeout-minutes: 5
+        run: pnpm build:one-app
+        continue-on-error: false
+
+      - name: Upload test results
+        if: always()
+        uses: actions/upload-artifact@v3
+        with:
+          name: one-app-test-results
+          path: services/one-app/coverage
+          retention-days: 7

.github/workflows/ci-app.yml

@@ -8,7 +8,7 @@ on:
       - 'services/ahhachul.com/**'
 
 env:
-  DEFAULT_NODE_VERSION: '20.14.0'
+  DEFAULT_NODE_VERSION: '20.13.0'
 
 jobs:
   deploy:
@@ -31,15 +31,15 @@ jobs:
           node-version: ${{ env.DEFAULT_NODE_VERSION }}
 
       - name: Install dependencies
-        uses: ./.github/actions/yarn-install
+        uses: ./.github/actions/pnpm-install
 
       - name: Create .env file for ahhachul.com
         run: |
           echo '${{ secrets.DEV_REACT_APP_CONFIG }}' > config.json
           cat config.json | jq -r 'to_entries[] | "\(.key)=\(.value)"' >> services/ahhachul.com/.env
 
       - name: Build ahhachul.com
-        run: yarn build:app
+        run: pnpm build:app
 
       - name: Configure AWS credentials
         uses: aws-actions/configure-aws-credentials@v2
@@ -51,7 +51,7 @@ jobs:
       - name: Remove Existing Files & Upload New to S3
         run: |
           aws s3 rm s3://${S3_BUCKET_NAME} --recursive
-          aws s3 cp services/ahhachul.com/build s3://${S3_BUCKET_NAME} --recursive
+          aws s3 cp services/ahhachul.com/dist s3://${S3_BUCKET_NAME} --recursive
 
       - name: Invalidate CloudFront
         run: aws cloudfront create-invalidation --distribution-id ${{ env.AWS_CLOUDFRONT_DISTRIBUTION_ID_USER }} --paths "/*"