Feat/CR-63/ReviewingModal #68

ChoYenii · 2024-11-06T06:37:15Z

🔖 Issue Ticket

Ticket

✍️ Description

리뷰 작성 모달에서 폼 컴포넌트의 api 관련 함수는 swagger 받고 어차피 다시 해야할 것 같아 주석 처리해둔 것도 삭제 해뒀습니다

✅ Checklist

PR

Branch Convention 확인

feat/ 피쳐, fix/ 버그 수정, refactor/ 개선
Base Branch 확인
적절한 Label 지정
Assignee 및 Reviewer 지정

Test

로컬 작동 확인

Summary by CodeRabbit

새로운 기능
- 사용자 리뷰 제출을 위한 ReviewForm 컴포넌트 추가.
- 사용자 경험 평가를 위한 ButtonHearts 컴포넌트 추가.
- 리뷰 모달을 표시하는 ReviewingModal 컴포넌트 추가.
문서화
- ReviewingModal 컴포넌트에 대한 Storybook 스토리 추가.

github-actions · 2024-11-06T06:39:31Z

🚀storybook: https://67206cc6ff9d7a05a3528ff8-orqemtpjli.chromatic.com/

github-actions · 2024-11-06T08:27:47Z

🚀storybook: https://67206cc6ff9d7a05a3528ff8-euuqppzhtg.chromatic.com/

yulrang

import Button from '@/src/components/common/input/button';

으로 고치면 될것같아여

coderabbitai · 2024-11-07T02:29:09Z

Walkthrough

이번 변경 사항에서는 새로운 React 컴포넌트인 ButtonHearts, ReviewForm, 및 ReviewingModal이 도입되었습니다. ButtonHearts는 사용자 경험을 평가하기 위한 하트 버튼을 제공하며, ReviewForm은 리뷰를 제출하기 위한 폼을 구성합니다. ReviewingModal은 리뷰 폼을 포함하는 모달 다이얼로그를 생성합니다. 각 컴포넌트는 상태 관리 및 사용자 입력을 처리하기 위한 기능을 갖추고 있으며, Storybook을 통해 ReviewingModal의 스토리도 추가되었습니다.

Changes

파일 경로	변경 요약
`src/components/my-page/reviewing-modal/button-hearts.tsx`	새로운 컴포넌트 `ButtonHearts` 추가, 상태 관리 및 클릭 이벤트 처리 기능 포함.
`src/components/my-page/reviewing-modal/review-form.tsx`	새로운 컴포넌트 `ReviewForm` 추가, 리뷰 입력 및 제출 기능을 위한 폼 구성.
`src/components/my-page/reviewing-modal/reviewing-modal.stories.tsx`	`ReviewingModal`의 Storybook 스토리 추가, 모달 열기/닫기 상태 관리 기능 포함.
`src/components/my-page/reviewing-modal/reviewing-modal.tsx`	새로운 컴포넌트 `ReviewingModal` 추가, 모달 다이얼로그 및 `ReviewForm` 포함.

Poem

🐇
하트가 반짝, 리뷰가 쑥!
새로운 모달 속에, 기쁨이 쑥!
클릭 클릭, 마음의 소리,
리뷰를 남겨, 모두의 기쁨이!
코드가 춤추고, 마음도 뛰네!
함께하는 순간, 즐거움이 가득해!
🌟

Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?

❤️ Share

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

Review comments: Directly reply to a review comment made by CodeRabbit. Example:
- I pushed a fix in commit <commit_id>, please review it.
- Generate unit testing code for this file.
- Open a follow-up GitHub issue for this discussion.
Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query. Examples:
- @coderabbitai generate unit testing code for this file.
- @coderabbitai modularize this function.
PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
- @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
- @coderabbitai read src/utils.ts and generate unit testing code.
- @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.
- @coderabbitai help me debug CodeRabbit configuration file.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

CodeRabbit Commands (Invoked using PR comments)

@coderabbitai pause to pause the reviews on a PR.
@coderabbitai resume to resume the paused reviews.
@coderabbitai review to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
@coderabbitai full review to do a full review from scratch and review all the files again.
@coderabbitai summary to regenerate the summary of the PR.
@coderabbitai resolve resolve all the CodeRabbit review comments.
@coderabbitai configuration to show the current CodeRabbit configuration for the repository.
@coderabbitai help to get help.

Other keywords and placeholders

Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (`.coderabbit.yaml`)

You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
Please see the configuration documentation for more information.
If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Documentation and Community

Visit our Documentation for detailed information on how to use CodeRabbit.
Join our Discord Community to get help, request features, and share feedback.
Follow us on X/Twitter for updates and announcements.

github-actions · 2024-11-07T02:31:10Z

🚀storybook: https://67206cc6ff9d7a05a3528ff8-caundczvat.chromatic.com/

github-actions · 2024-11-07T02:38:14Z

🚀storybook: https://67206cc6ff9d7a05a3528ff8-igigyzujwa.chromatic.com/

coderabbitai

Actionable comments posted: 4

🧹 Outside diff range and nitpick comments (9)

src/components/my-page/reviewing-modal/reviewing-modal.tsx (2)
7-10: 인터페이스에 JSDoc 문서를 추가하면 좋을 것 같습니다.

props의 목적과 사용법을 더 명확하게 이해할 수 있도록 JSDoc 문서를 추가하는 것을 제안드립니다.

다음과 같이 문서를 추가해보세요:
+/**
+ * 리뷰 작성 모달 컴포넌트의 props 인터페이스
+ */
 export interface ReviewingModalProps {
+  /** 모달의 표시 여부를 제어하는 상태 값 */
   opened: boolean;
+  /** 모달을 닫는 핸들러 함수 */
   close: () => void;
 }
12-36: 코드 품질 개선을 위한 제안사항이 있습니다.

하드코딩된 문자열과 스타일 값들을 상수로 분리하면 유지보수가 더 용이해질 것 같습니다.

close 함수 호출 시 에러 처리를 추가하면 좋을 것 같습니다.

다음과 같이 개선해보세요:
+const MODAL_CONSTANTS = {
+  TITLE: '리뷰 쓰기',
+  PADDING: 24,
+  RADIUS: 12,
+  OVERLAY_OPACITY: 0.5,
+  TITLE_FONT_SIZE: '1.125rem',
+} as const;

 export default function ReviewingModal({ opened, close }: ReviewingModalProps) {
+  const handleClose = () => {
+    try {
+      close();
+    } catch (error) {
+      console.error('모달 닫기 중 오류 발생:', error);
+    }
+  };
+
   return (
     <Modal
       opened={opened}
       centered
-      title="리뷰 쓰기"
-      onClose={close}
+      title={MODAL_CONSTANTS.TITLE}
+      onClose={handleClose}
       size="auto"
-      padding={24}
-      radius={12}
-      overlayProps={{ backgroundOpacity: 0.5 }}
+      padding={MODAL_CONSTANTS.PADDING}
+      radius={MODAL_CONSTANTS.RADIUS}
+      overlayProps={{ backgroundOpacity: MODAL_CONSTANTS.OVERLAY_OPACITY }}
       styles={{
         title: {
           fontWeight: 600,
-          fontSize: '1.125rem',
+          fontSize: MODAL_CONSTANTS.TITLE_FONT_SIZE,
         },
         body: {
           fontFamily: 'var(--font-pretendard)',
         },
       }}
     >
-      <ReviewForm onCancel={close} />
+      <ReviewForm onCancel={handleClose} />
     </Modal>
   );
 }
src/components/my-page/reviewing-modal/reviewing-modal.stories.tsx (3)
7-13: 스토리북 메타데이터 개선 제안

현재 구성은 좋지만, 다음과 같은 개선사항을 고려해보세요:
 const meta: Meta<typeof ReviewingModal> = {
   title: 'Modal/ReviewingModal',
   component: ReviewingModal,
-  argTypes: { opened: { control: 'boolean' } },
+  argTypes: {
+    opened: { control: 'boolean', description: '모달의 표시 여부를 제어합니다' },
+    close: { description: '모달 닫기 핸들러 함수' }
+  },
+  parameters: {
+    docs: {
+      description: {
+        component: '사용자 리뷰를 입력받기 위한 모달 컴포넌트입니다.'
+      }
+    }
+  }
 };
14-39: 템플릿 컴포넌트 개선 제안

현재 구현은 잘 되어 있지만, 다음과 같은 개선사항을 고려해보세요:
 const Template: StoryFn<ReviewingModalProps> = function GatheringDetailModalStory({
   opened,
 }: ReviewingModalProps) {
   const [isOpened, setIsOpened] = useState(opened);
+  const [isLoading, setIsLoading] = useState(false);
 
   const handleOpen = () => {
     action('Modal Opened')();
     setIsOpened(true);
   };
 
   const handleClose = () => {
     action('Modal Closed')();
     setIsOpened(false);
   };
 
   useEffect(() => {
     setIsOpened(opened);
   }, [opened]);
 
   return (
-    <>
+    <ErrorBoundary fallback={<div>에러가 발생했습니다</div>}>
       <Button onClick={handleOpen}>Open Modal</Button>
-      <ReviewingModal opened={isOpened} close={handleClose} />
-    </>
+      <ReviewingModal
+        opened={isOpened}
+        close={handleClose}
+        isLoading={isLoading}
+      />
+    </ErrorBoundary>
   );
 };
41-41: 기본 스토리에 초기값 추가 제안

스토리의 초기 상태를 더 명확하게 보여주기 위해 args를 추가하는 것이 좋습니다.
 export const Default = Template.bind({});
+Default.args = {
+  opened: false
+};
src/components/my-page/reviewing-modal/button-hearts.tsx (2)
6-8: 인터페이스 문서화 및 타입 제한 개선 필요

Props 인터페이스에 다음과 같은 개선사항을 제안합니다:

JSDoc 주석을 추가하여 컴포넌트의 용도와 사용법을 명확히 설명

score 타입을 1-5 범위로 제한하여 타입 안정성 강화
+/**
+ * 하트 버튼을 통해 1-5점 사이의 점수를 선택할 수 있는 컴포넌트입니다.
+ */
 interface ButtonHeartsProps {
+  /** 선택된 점수(1-5)를 처리하는 콜백 함수 */
-  onChange: (score: number) => void;
+  onChange: (score: 1 | 2 | 3 | 4 | 5) => void;
 }
10-11: 상태 관리 가독성 개선 제안

상태 관리의 가독성을 높이기 위한 개선사항을 제안합니다:

상태 변수명을 더 명확하게 변경 (예: selectedHearts)

초기 상태를 상수로 분리
+const INITIAL_HEARTS_STATE = Array(5).fill(false);
+
 export default function ButtonHearts({ onChange }: ButtonHeartsProps) {
-  const [clickedArray, setClickedArray] = useState<boolean[]>(Array(5).fill(false));
+  const [selectedHearts, setSelectedHearts] = useState<boolean[]>(INITIAL_HEARTS_STATE);
src/components/my-page/reviewing-modal/review-form.tsx (2)
7-14: 타입 정의에 유효성 검사 제약 조건 추가 필요

FormValues 타입에 다음과 같은 제약 조건을 추가하면 좋을 것 같습니다:

reviewText의 최소/최대 길이

score의 유효한 범위 (예: 1-5)
 type FormValues = {
-  reviewText: string;
-  score: number;
+  reviewText: string & { minLength: 10; maxLength: 500 };
+  score: number & { min: 1; max: 5 };
 };
21-30: API 연동 구현 필요

TODO 주석에 언급된 API 연동이 구현되어 있지 않습니다. Swagger 문서를 기반으로 다음 작업이 필요합니다:

API 호출 함수 구현

에러 처리

로딩 상태 관리

API 연동 구현에 도움이 필요하시다면 제가 도와드릴 수 있습니다. GitHub 이슈를 생성해드릴까요?

📜 Review details

Configuration used: CodeRabbit UI
Review profile: CHILL

📥 Commits

Reviewing files that changed from the base of the PR and between 4b3679b and 0095a26.

📒 Files selected for processing (4)

src/components/my-page/reviewing-modal/button-hearts.tsx (1 hunks)
src/components/my-page/reviewing-modal/review-form.tsx (1 hunks)
src/components/my-page/reviewing-modal/reviewing-modal.stories.tsx (1 hunks)
src/components/my-page/reviewing-modal/reviewing-modal.tsx (1 hunks)

🔇 Additional comments (2)

src/components/my-page/reviewing-modal/reviewing-modal.tsx (1)

1-6: 코드가 깔끔하고 필요한 import들이 잘 구성되어 있습니다!

클라이언트 사이드 렌더링을 위한 'use client' 지시문과 필요한 의존성들이 적절하게 import 되어 있습니다.

src/components/my-page/reviewing-modal/reviewing-modal.stories.tsx (1)

1-6: 임포트 구문이 잘 구성되어 있습니다!

필요한 모든 의존성이 논리적인 순서로 잘 임포트되어 있습니다.

coderabbitai · 2024-11-07T02:44:18Z

src/components/my-page/reviewing-modal/button-hearts.tsx

+  const handleClick = (index: number) => {
+    setClickedArray((prev) => prev.map((_, i) => i <= index));
+    onChange(index + 1);
+  };


🛠️ Refactor suggestion

이벤트 핸들러 개선 필요

이벤트 핸들러의 안정성과 가독성을 높이기 위한 개선사항을 제안합니다:

점수 계산 로직을 명확하게 분리

타입 안정성 강화

+const calculateScore = (index: number): 1 | 2 | 3 | 4 | 5 => { + return (index + 1) as 1 | 2 | 3 | 4 | 5; +}; + - const handleClick = (index: number) => { + const handleClick = (index: 0 | 1 | 2 | 3 | 4) => { setClickedArray((prev) => prev.map((_, i) => i <= index)); - onChange(index + 1); + onChange(calculateScore(index)); };

📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change

const handleClick = (index: number) => {

setClickedArray((prev) => prev.map((_, i) => i <= index));

onChange(index + 1);

};

const calculateScore = (index: number): 1 | 2 | 3 | 4 | 5 => {

return (index + 1) as 1 | 2 | 3 | 4 | 5;

};

const handleClick = (index: 0 | 1 | 2 | 3 | 4) => {

setClickedArray((prev) => prev.map((_, i) => i <= index));

onChange(calculateScore(index));

};

coderabbitai · 2024-11-07T02:44:18Z

src/components/my-page/reviewing-modal/button-hearts.tsx

+  return (
+    <div className="flex w-full flex-col items-start justify-between gap-[12px]">
+      <p className="font-base font-semibold">만족스러운 경험이었나요?</p>
+      <div>
+        {Array.from({ length: 5 }).map((_, index) => (
+          <button type="button" onClick={() => handleClick(index)} key={`btn ${index + 1}`}>
+            <Image
+              src={clickedArray[index] ? activeHeart : defaultHeart}
+              width={24}
+              height={24}
+              alt="heartbtn"
+            />
+          </button>
+        ))}
+      </div>
+    </div>
+  );


🛠️ Refactor suggestion

접근성 개선 필요

웹 접근성 향상을 위한 개선사항을 제안합니다:

aria-label 추가

더 명확한 이미지 대체 텍스트

현재 선택된 점수 상태 음성 안내

<div className="flex w-full flex-col items-start justify-between gap-[12px]"> - <p className="font-base font-semibold">만족스러운 경험이었나요?</p> + <p className="font-base font-semibold" id="rating-description">만족스러운 경험이었나요?</p> <div> {Array.from({ length: 5 }).map((_, index) => ( <button type="button" onClick={() => handleClick(index)} key={`btn ${index + 1}`} + aria-label={`${index + 1}점 선택`} + aria-pressed={clickedArray[index]} + aria-describedby="rating-description" > <Image src={clickedArray[index] ? activeHeart : defaultHeart} width={24} height={24} - alt="heartbtn" + alt={clickedArray[index] ? '채워진 하트' : '빈 하트'} /> </button> ))} </div> </div>

📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change

return (

<div className="flex w-full flex-col items-start justify-between gap-[12px]">

<p className="font-base font-semibold">만족스러운 경험이었나요?</p>

<div>

{Array.from({ length: 5 }).map((_, index) => (

<button type="button" onClick={() => handleClick(index)} key={`btn ${index + 1}`}>

<Image

src={clickedArray[index] ? activeHeart : defaultHeart}

width={24}

height={24}

alt="heartbtn"

/>

</button>

))}

</div>

</div>

);

return (

<div className="flex w-full flex-col items-start justify-between gap-[12px]">

<p className="font-base font-semibold" id="rating-description">만족스러운 경험이었나요?</p>

<div>

{Array.from({ length: 5 }).map((_, index) => (

<button

type="button"

onClick={() => handleClick(index)}

key={`btn ${index + 1}`}

aria-label={`${index + 1}점 선택`}

aria-pressed={clickedArray[index]}

aria-describedby="rating-description"

>

<Image

src={clickedArray[index] ? activeHeart : defaultHeart}

width={24}

height={24}

alt={clickedArray[index] ? '채워진 하트' : '빈 하트'}

/>

</button>

))}

</div>

</div>

);

coderabbitai · 2024-11-07T02:44:19Z

src/components/my-page/reviewing-modal/review-form.tsx

+export default function ReviewForm({ onCancel }: ReviewProps) {
+  const { register, handleSubmit } = useForm<FormValues>();
+  const [textReview, setTextReview] = useState<string>('');
+  const [point, setPoint] = useState<number>(0);
+


🛠️ Refactor suggestion

폼 초기화 및 유효성 검사 설정 개선 필요

useForm 훅의 기본 옵션이 설정되어 있지 않습니다. 다음 사항들을 추가하면 좋을 것 같습니다:

defaultValues 설정

mode 설정 (예: onChange)

필수 필드 유효성 검사

- const { register, handleSubmit } = useForm<FormValues>(); + const { register, handleSubmit } = useForm<FormValues>({ + defaultValues: { + reviewText: '', + score: 0 + }, + mode: 'onChange' + });

Committable suggestion skipped: line range outside the PR's diff.

coderabbitai · 2024-11-07T02:44:19Z

src/components/my-page/reviewing-modal/review-form.tsx

+  return (
+    <form className="flex h-[308px] w-[472px] flex-col justify-between gap-[24px]">
+      <ButtonHearts onChange={handleScoreChange} />
+      <Textarea
+        placeholder="남겨주신 리뷰는 프로그램 운영 및 다른 회원 분들께 큰 도움이 됩니다."
+        inputClassNames="w-[471px] h-[120px] bg-gray-50 text-gray-400"
+        value={textReview}
+        onChange={handleTextChange}
+        register={register('reviewText')}
+        label="경험에 대해 남겨주세요"
+        styles={{
+          input: {
+            '::placeholder': {
+              color: 'gray - 400',
+              fontWeight: 500,
+              fontSize: '1rem',
+            },
+          },
+          label: {
+            fontWeight: 600,
+            fontSize: '1rem',
+          },
+        }}
+      />
+      <input type="hidden" value={point} {...register('score')} />
+      <div className="font-base flex justify-between gap-[16px] font-semibold">
+        <Button
+          onClick={onCancel}
+          className="h-[44px] w-[228px] border border-blue-500 bg-white text-blue-500"
+        >
+          취소
+        </Button>
+        <Button type="submit" className="h-[44px] w-[228px] border-none bg-blue-500 text-white">
+          리뷰 등록
+        </Button>
+      </div>
+    </form>
+  );


🛠️ Refactor suggestion

접근성 및 스타일링 개선 필요

다음 사항들을 개선하면 좋을 것 같습니다:

접근성:

form에 aria-label 추가

버튼에 aria-label 추가

에러 메시지 표시 영역 추가

스타일링:

gray - 400에 있는 불필요한 공백 제거

매직 넘버(크기값) 상수로 분리

- <form className="flex h-[308px] w-[472px] flex-col justify-between gap-[24px]"> + <form + className="flex h-[308px] w-[472px] flex-col justify-between gap-[24px]" + aria-label="리뷰 작성 폼" + >

- color: 'gray - 400', + color: 'gray-400',

Committable suggestion skipped: line range outside the PR's diff.

ChoYenii added the components label Nov 6, 2024

🔥 Remove: 옛날 develop 파일 삭제

df0f555

ChoYenii force-pushed the Feat/CR-63/ReviewingModal branch from ca771d0 to df0f555 Compare November 6, 2024 08:24

🐛 Fix: 빌드 오류 수정

4297011

yulrang reviewed Nov 6, 2024

View reviewed changes

🐛 Fix: 빌드 오류 해결

608af8f

💄 Design: 버튼 색 변경

0095a26

coderabbitai bot reviewed Nov 7, 2024

View reviewed changes

yulrang approved these changes Nov 7, 2024

View reviewed changes

User850413 approved these changes Nov 7, 2024

View reviewed changes

ChoYenii merged commit 07587a7 into develop Nov 7, 2024
2 checks passed

coderabbitai bot mentioned this pull request Nov 7, 2024

Feat/67/mypage #76

Merged

5 tasks

This was referenced Nov 19, 2024

♻️ Refactor: my-review의 탭 동작 수정 #144

Merged

Fix/152/storybook refactor #157

Merged

Feat/156/review list #158

Merged

Feat/115/reviewing form api #161

Merged

최신화 #193

Merged

Feat/CR-63/ReviewingModal #68

Feat/CR-63/ReviewingModal #68

Uh oh!

Conversation

ChoYenii commented Nov 6, 2024 • edited by coderabbitai bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🔖 Issue Ticket

✍️ Description

✅ Checklist

PR

Test

Summary by CodeRabbit

Uh oh!

github-actions bot commented Nov 6, 2024

Uh oh!

github-actions bot commented Nov 6, 2024

Uh oh!

yulrang left a comment

Choose a reason for hiding this comment

Uh oh!

coderabbitai bot commented Nov 7, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Walkthrough

Changes

Poem

Chat

CodeRabbit Commands (Invoked using PR comments)

Other keywords and placeholders

CodeRabbit Configuration File (.coderabbit.yaml)

Documentation and Community

Uh oh!

github-actions bot commented Nov 7, 2024

Uh oh!

github-actions bot commented Nov 7, 2024

Uh oh!

coderabbitai bot left a comment

Choose a reason for hiding this comment

Uh oh!

coderabbitai bot Nov 7, 2024

Choose a reason for hiding this comment

Uh oh!

coderabbitai bot Nov 7, 2024

Choose a reason for hiding this comment

Uh oh!

coderabbitai bot Nov 7, 2024

Choose a reason for hiding this comment

Uh oh!

coderabbitai bot Nov 7, 2024

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

ChoYenii commented Nov 6, 2024 •

edited by coderabbitai bot

Loading

coderabbitai bot commented Nov 7, 2024 •

edited

Loading

CodeRabbit Configuration File (`.coderabbit.yaml`)