Input

import React, { FC, useEffect, useRef, ChangeEvent, KeyboardEvent } from 'react';
import { logger } from '@core/logger';
import { reduce, debounce } from 'lodash-es';
import { Message } from '../Message';
import { createServer } from '@server/node';
import { Alert } from '@ui/Alert';
import { repeat, filter, add } from '../utils';
import { initializeApp } from '@core/app';
import { Popup } from '@ui/Popup';
import { createConnection } from '@server/database';

Output

import { debounce, reduce } from 'lodash-es';
import React, { ChangeEvent, FC, KeyboardEvent, useEffect, useRef } from 'react';

import { createConnection } from '@server/database';
import { createServer } from '@server/node';

import { initializeApp } from '@core/app';
import { logger } from '@core/logger';

import { Alert } from '@ui/Alert';
import { Popup } from '@ui/Popup';

import { Message } from '../Message';
import { add, filter, repeat } from '../utils';

{
  "semi": true, // 문장 끝 세미콜론 추가
  "singleQuote": false, // 쌍따옴표 사용
  "tabWidth": 2, // 들여쓰기 2칸
  "trailingComma": "all", // 후행 쉼표 항상 추가
  "printWidth": 80, // 한 줄 최대 80자
  "arrowParens": "always", // 화살표 함수 매개변수 괄호 항상 표기
  "endOfLine": "lf", // 줄바꿈 문자 LF로 통일 (OS 간 차이 방지)
  "bracketSpacing": true, // 객체 리터럴 중괄호 내 공백 추가

  // import 정렬 플러그인
  "plugins": ["@trivago/prettier-plugin-sort-imports", "prettier-plugin-tailwindcss"],

  // import 정렬 그룹 및 순서 정의
  "importOrder": [
    "^react$",
    "^next",
    "<THIRD_PARTY_MODULES>",
    "^@components/(.*)$",
    "^@apis/(.*)$",
    "^@config/(.*)$",
    "^@hooks/(.*)$",
    "^@store(.*)$",
    "^@constants/(.*)$",
    "^@utils/(.*)$",
    "^@assets/(.*)$",
    "^@styles/(.*)$",
    "^[./]",
    "^.+\\.(css|scss)$",
  ],
  "importOrderSeparation": true, // 그룹 사이 빈 줄 삽입
  "importOrderSortSpecifiers": true, // 같은 import 내 식별자 알파벳 정렬
}

{
  // 저장 시 Prettier가 자동으로 포맷을 적용합니다.
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",

  // 저장 시 ESLint 자동 수정도 함께 실행됩니다.
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit",
  },

  // 불필요한 공백과 파일 끝 줄바꿈을 일관되게 처리합니다.
  "files.trimTrailingWhitespace": true,
  "files.insertFinalNewline": true,
  "editor.tabSize": 2,

  // 프로젝트에 설치된 TypeScript 버전을 사용하도록 설정하여,
  // 편집기 내장 버전과의 차이로 발생하는 타입 불일치를 방지합니다.
  "typescript.tsdk": "node_modules/typescript/lib",
  "typescript.enablePromptUseWorkspaceTsdk": true,
}

{
  "root": true,
  "extends": ["next", "next/core-web-vitals", "prettier"],
  "rules": {
    "unused-imports/no-unused-imports": "warn",
    "react/display-name": "off",
    "react-hooks/exhaustive-deps": "warn",
    "@next/next/no-sync-scripts": "off",
    "no-console": "warn",
    "prefer-const": "warn",
    "no-var": "warn",
    "prefer-arrow-callback": "warn",
    "no-param-reassign": ["warn", { "props": false }],
    "object-shorthand": "warn",
    "prefer-template": "warn",
    "no-duplicate-imports": "warn",
    "react/jsx-no-target-blank": "warn",
    "react/self-closing-comp": "warn",
    "consistent-return": "warn",
    "no-fallthrough": "warn",
    "eqeqeq": ["warn", "smart"],
    "no-restricted-imports": [
      "warn",
      {
        "paths": [
          {
            "name": "antd",
            "message": "antd 대신 팀 내 컴포넌트를 사용하세요."
          },
          {
            "name": "@ant-design/icons",
            "message": "@ant-design/icons 대신 팀 내 아이콘 컴포넌트를 사용하세요."
          }
        ]
      }
    ]
  },
  "plugins": ["unused-imports"]
}

{
  "$schema": "https://unpkg.com/knip@5/schema.json",

  // 분석의 시작점이 되는 진입 파일 (페이지, 설정, 스크립트 등)
  "entry": ["src/pages/**/*.{js,jsx,ts,tsx}", "next-sitemap.config.js", "scripts/**/*.{js,ts}"],

  // 미사용 여부를 검사할 전체 프로젝트 파일 범위
  "project": ["src/**/*.{js,jsx,ts,tsx}", "scripts/**/*.{js,ts}", ".storybook/**/*.{js,ts}"],

  // 코드에서 직접 import하지 않지만 필요한 패키지 (플러그인 등)
  "ignoreDependencies": ["eslint-plugin-prettier", "eslint-plugin-storybook"]
}

const PRESERVE_PATTERNS = [
  /@license/i,
  /^\s*!/,
  /eslint-(disable|enable|env|global)/i,
  /@ts-(ignore|expect-error|nocheck|check)/i,
  /@prettier-ignore/i,
  /webpackChunkName\s*:/,
  /^\s*global\s+/i,
];

const COMMENT_KEYS = ['comments', 'leadingComments', 'trailingComments', 'innerComments'];

function shouldPreserveComment(comment) {
  if (!comment || typeof comment.value !== 'string') {
    return false;
  }

  return PRESERVE_PATTERNS.some((pattern) => pattern.test(comment.value));
}

function filterCommentFields(node) {
  let changed = false;

  COMMENT_KEYS.forEach((key) => {
    const value = node[key];

    if (!Array.isArray(value) || value.length === 0) {
      return;
    }

    const nextValue = value.filter(shouldPreserveComment);

    if (nextValue.length !== value.length) {
      changed = true;
    }

    if (nextValue.length === 0) {
      delete node[key];
      return;
    }

    node[key] = nextValue;
  });

  return changed;
}

function walk(value) {
  let changed = false;

  if (Array.isArray(value)) {
    value.forEach((entry) => {
      if (walk(entry)) {
        changed = true;
      }
    });

    return changed;
  }

  if (!value || typeof value !== 'object') {
    return false;
  }

  if (typeof value.type === 'string') {
    if (filterCommentFields(value)) {
      changed = true;
    }
  }

  Object.keys(value).forEach((key) => {
    if (key === 'loc' || key === 'start' || key === 'end') {
      return;
    }

    if (walk(value[key])) {
      changed = true;
    }
  });

  return changed;
}

module.exports = function transform(fileInfo, api) {
  const j = api.jscodeshift;
  const root = j(fileInfo.source);
  const ast = root.get().value;

  const changed = walk(ast);

  if (!changed) {
    return null;
  }

  return root.toSource({
    quote: 'double',
    trailingComma: true,
    reuseWhitespace: true,
  });
};

version: 2

updates:
  # Root (/) - Next.js 앱
  - package-ecosystem: "npm"
    directory: "/"
    schedule:
      interval: "weekly"
      day: "wednesday"
      time: "07:00"
      timezone: "Asia/Seoul"

    open-pull-requests-limit: 10
    rebase-strategy: "auto"

    # 직접 의존성만 관리하여 하위 의존성 PR 노이즈 방지
    allow:
      - dependency-type: "direct"

    labels:
      - "dependencies"

    commit-message:
      prefix: "chore"
      include: "scope"

    # 역할별 그룹화로 관련 패키지를 하나의 PR로 묶음
    groups:
      next-ecosystem:
        patterns:
          - "next"
          - "eslint-config-next"
          - "@next/*"
          - "next-*"
        update-types: ["patch"]

      react-ecosystem:
        patterns:
          - "react"
          - "react-dom"
          - "@types/react*"
          - "react-*"
        update-types: ["patch"]

      typescript-ecosystem:
        patterns:
          - "typescript"
          - "@types/*"
          - "ts-*"
          - "tslib"
        update-types: ["patch"]

      lint-format:
        patterns:
          - "eslint"
          - "eslint-*"
          - "@eslint/*"
          - "@typescript-eslint/*"
          - "prettier"
          - "stylelint"
          - "stylelint-*"
        update-types: ["patch"]

      style-build-tooling:
        patterns:
          - "tailwind*"
          - "postcss*"
          - "autoprefixer"
        update-types: ["patch"]

      test-tools:
        patterns:
          - "jest*"
          - "@jest/*"
          - "vitest*"
          - "@vitest/*"
          - "playwright"
          - "cypress"
          - "@testing-library/*"
          - "msw"
        update-types: ["patch"]

      # 리스크가 높은 패키지는 별도 그룹으로 분리
      observability:
        patterns:
          - "@sentry/*"
          - "sentry-*"
        update-types: ["patch"]

      firebase:
        patterns:
          - "firebase"
          - "@firebase/*"
        update-types: ["patch"]

      analytics-tooling:
        patterns:
          - "mixpanel-browser"
          - "smartlook-client"
          - "@vercel/analytics"
        update-types: ["patch"]

      runtime-deps:
        dependency-type: "production"
        update-types: ["patch"]

      dev-deps:
        dependency-type: "development"
        update-types: ["patch"]

  # GitHub Actions도 함께 관리
  - package-ecosystem: "github-actions"
    directory: "/"
    schedule:
      interval: "weekly"
      day: "monday"
      time: "10:30"
      timezone: "Asia/Seoul"
    open-pull-requests-limit: 5

    allow:
      - dependency-type: "direct"

    labels:
      - "dependencies"
      - "ci"

    commit-message:
      prefix: "chore"
      include: "scope"

    groups:
      github-actions:
        patterns:
          - "*"
        update-types: ["patch"]

# Dependabot이 생성한 PR에 대해 patch 업데이트를 자동 병합하는 워크플로
name: Dependabot direct merge

# PR이 열리거나 업데이트될 때 실행
on:
  pull_request:
    types: [opened, synchronize, reopened]

# PR 병합과 승인에 필요한 권한
permissions:
  contents: write
  pull-requests: write

jobs:
  dependabot:
    runs-on: ubuntu-latest
    # Dependabot이 생성한 PR인 경우에만 실행
    if: github.event.pull_request.user.login == 'dependabot[bot]'
    steps:
      # PR의 업데이트 유형(major/minor/patch)을 가져옴
      - name: Fetch Dependabot metadata
        id: metadata
        uses: dependabot/fetch-metadata@d7267f607e9d3fb96fc2fbe83e0af444713e90b7
        with:
          github-token: ${{ secrets.GITHUB_TOKEN }}

      # patch 업데이트일 때만 자동 병합 활성화 (major/minor는 수동 리뷰)
      - name: Enable auto-merge for patch updates
        if: steps.metadata.outputs.update-type == 'version-update:semver-patch'
        run: gh pr merge --auto --merge "$PR_URL"
        env:
          PR_URL: ${{ github.event.pull_request.html_url }}
          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}