Skip to content

Commit 0998bd6

Browse files
Prasad BhatPrasad Bhat
authored andcommitted
docs: over riding the docusaurus classes to match the design
1 parent 4598f42 commit 0998bd6

27 files changed

+1641
-1697
lines changed

docs/getting-started/adding-organizations.md

Lines changed: 3 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -20,15 +20,9 @@ This will grant CodeRabbit access to the selected organization, allowing it to:
2020
- Read organization projects
2121
- Access user email addresses (read-only)
2222

23-
<div class="note-box">
24-
<div class="note-header">
25-
<img src="/img/icons/icons.png" alt="Note icon" class="note-icon" />
26-
<h5 class="note-title">Note</h5>
27-
</div>
28-
<div class="note-content">
29-
Organizations control which applications are allowed to access their private data. You may need organization admin approval to complete this process.
30-
</div>
31-
</div>
23+
:::note
24+
Organizations control which applications are allowed to access their private data. You may need organization admin approval to complete this process.
25+
:::
3226

3327
## What's next {#whats-next}
3428

docs/getting-started/configure-coderabbit.md

Lines changed: 31 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,11 @@ description:
66
options.
77
---
88

9+
```mdx-code-block
10+
import SchemaViewer from "@site/src/components/SchemaViewer";
11+
import YamlEditor from "/src/components/YamlEditor/YamlEditor";
12+
```
13+
914
CodeRabbit offers various configuration options to tailor the reviews to your
1015
requirements. Configuration can be made using one of the below options, in order
1116
of precedence:
@@ -18,47 +23,39 @@ In this guide, we will cover the configuration using a YAML file. For reference,
1823

1924
## Configure CodeRabbit using a YAML File
2025

21-
<div class="tip-box">
22-
<div class="tip-header">
23-
<svg class="tip-icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
24-
<path d="M9 21C9 21.55 9.45 22 10 22H14C14.55 22 15 21.55 15 21V20H9V21ZM12 2C8.14 2 5 5.14 5 9C5 11.38 6.19 13.47 8 14.74V17C8 17.55 8.45 18 9 18H15C15.55 18 16 17.55 16 17V14.74C17.81 13.47 19 11.38 19 9C19 5.14 15.86 2 12 2ZM14.85 13.1L14 13.7V16H10V13.7L9.15 13.1C7.8 12.16 7 10.63 7 9C7 6.24 9.24 4 12 4S17 6.24 17 9C17 10.63 16.2 12.16 14.85 13.1Z" fill="currentColor"/>
25-
</svg>
26-
<span class="tip-title">Tip</span>
27-
</div>
28-
<div class="tip-content">
29-
<strong>Move existing UI configuration to a YAML file?</strong><br/><br/>
30-
Use the <code>@coderabbitai configuration</code> command on any PR to get the current configuration in a YAML format. You can then copy the configuration to a <code>.coderabbit.yaml</code> file in the root of your repository.
31-
</div>
32-
</div>
26+
:::tip
27+
28+
Move existing UI configuration to a YAML file?
29+
30+
Use the `@coderabbitai configuration` command on any PR to get the current
31+
configuration in a YAML format. You can then copy the configuration to a
32+
`.coderabbit.yaml` file in the root of your repository.
33+
34+
:::
3335

3436
You can add a `.coderabbit.yaml` configuration file to the root of your
3537
repositories. For a complete sample `.coderabbit.yaml` file which you can add to your repository and update as needed, see [Configuration file template](/reference/yaml-template).
3638

37-
```mdx-code-block
38-
import YamlEditor from '@site/src/components/YamlEditor/YamlEditor';
39+
Write your configuration file in the below editor to validate:
3940

41+
```mdx-code-block
4042
<YamlEditor />
4143
```
4244

43-
<div class="note-box">
44-
<div class="note-header">
45-
<img src="/img/icons/icons.png" alt="Note icon" class="note-icon" />
46-
<h5 class="note-title">Note</h5>
47-
</div>
48-
<div class="note-content">
49-
<code>.coderabbit.yaml</code> configuration file should exist in the feature branch for CodeRabbit review.
50-
</div>
51-
</div>
45+
:::note
5246

53-
The configuration file can be used to set various options.
47+
`.coderabbit.yaml` configuration file should exist in the feature branch for CodeRabbit review.
5448

55-
```mdx-code-block
56-
import SchemaViewer from '@site/src/components/SchemaViewer';
49+
:::
50+
51+
The configuration file can be used to set the following options:
5752

53+
```mdx-code-block
5854
<SchemaViewer />
5955
```
6056

61-
Refer to: [CodeRabbit Configuration Schema](https://storage.googleapis.com/coderabbit_public_assets/schema.v2.json).
57+
Refer:
58+
[CodeRabbit Configuration Schema](https://storage.googleapis.com/coderabbit_public_assets/schema.v2.json).
6259

6360
Please note that code reviews commence with new pull requests or incremental
6461
commits to existing pull requests once the CodeRabbit app is installed. Should
@@ -71,14 +68,12 @@ shared configuration feature to share the configuration across multiple reposito
7168

7269
To use shared configuration, you need to:
7370

74-
1. Create a `.coderabbit.yaml` file and host it in a location that is accessible to from the CodeRabbit instance.
75-
2. Create a `.coderabbit.yaml` file in the root of your repository with the following content:
76-
77-
```mdx-code-block
78-
import DarkCodeBlock from '@site/src/components/DarkCodeBlock';
71+
1. Create a `.coderabbit.yaml` file and host it in a location that is accessible
72+
to from the CodeRabbit instance.
73+
2. Create a `.coderabbit.yaml` file in the root of your repository with the
74+
following content:
7975

80-
<DarkCodeBlock language="yaml">
81-
{`remote_config:
82-
url: "https://your-config-location/.coderabbit.yaml"`}
83-
</DarkCodeBlock>
76+
```yaml
77+
remote_config:
78+
url: "https://your-config-location/.coderabbit.yaml"
8479
```

docs/getting-started/quickstart.md

Lines changed: 39 additions & 64 deletions
Original file line numberDiff line numberDiff line change
@@ -10,23 +10,17 @@ sidebar_position: 1
1010
This tutorial gives you a hands-on demonstration of CodeRabbit, using a real, GitHub-based repository. It guides you through the following tasks:
1111

1212
1. Integrate CodeRabbit into a GitHub-based repository that you own.
13-
2. Observe CodeRabbit perform a code review of a pull request that you initiate.
14-
3. Converse with CodeRabbit about the code review.
15-
4. Prompt CodeRabbit to generate its own improvements to the pull request.
13+
1. Observe CodeRabbit perform a code review of a pull request that you initiate.
14+
1. Converse with CodeRabbit about the code review.
15+
1. Prompt CodeRabbit to generate its own improvements to the pull request.
1616

1717
When you complete this tutorial, you'll have seen CodeRabbit's code-review feature in action, and glimpsed a few of its other AI-driven abilities as well.
1818

1919
For a more general overview of CodeRabbit, see [Introduction](/).
2020

21-
<div class="note-box">
22-
<div class="note-header">
23-
<img src="/img/icons/icons.png" alt="Note icon" class="note-icon" />
24-
<h5 class="note-title">Note</h5>
25-
</div>
26-
<div class="note-content">
27-
While this tutorial focuses on GitHub, CodeRabbit also works with GitLab, Azure DevOps, and Bitbucket. For more information, see <a href="/platforms/">Integrate with Git platforms</a>.
28-
</div>
29-
</div>
21+
:::note
22+
While this tutorial focuses on GitHub, CodeRabbit also works with GitLab, Azure DevOps, and Bitbucket. For more information, see [Integrate with Git platforms](/platforms/).
23+
:::
3024

3125
## Before you begin
3226

@@ -37,31 +31,23 @@ Create a new, private repository on GitHub. Name the new repository `coderabbit-
3731
To integrate CodeRabbit with your GitHub account, follow these steps:
3832

3933
1. Visit [the CodeRabbit login page](https://app.coderabbit.ai/login?free-trial).
40-
2. Click **Login with GitHub**.
41-
3. Click **Authorize coderabbitai**.
34+
1. Click **Login with GitHub**.
35+
1. Click **Authorize coderabbitai**.
4236

4337
CodeRabbit takes a moment to set up the integration. After it finishes, the CodeRabbit dashboard appears.
4438

4539
## Add CodeRabbit to your repository
4640

4741
To add CodeRabbit to your test repository, follow these steps:
4842

49-
1. On the CodeRabbit dashboard, click **Add Repositories**.
50-
2. Select the **Only select repositories** radio button.
51-
3. From the **Select repositories** menu, select the `coderabbit-test` repository that you created earlier in this Quickstart.
52-
4. Click **Install & Authorize**.
53-
54-
<div class="note-box">
55-
<div class="note-header">
56-
<img src="/img/icons/icons.png" alt="Note icon" class="note-icon" />
57-
<h5 class="note-title">Note</h5>
58-
</div>
59-
<div class="note-content">
60-
CodeRabbit requests read and write access to your repository in order for its code review, issue management, and pull request generation features to work. CodeRabbit never stores your code. For more information, see <a href="https://trust.coderabbit.ai">the CodeRabbit Trust Center</a>.
61-
</div>
62-
</div>
63-
64-
5. If a CodeRabbit **Complete your signup** dialog appears, then fill it out with the requested information before continuing.
43+
1. On the CodeRabbit dashboard, click **Add Repositories**. A GitHub repository-access dialog appears.
44+
1. Select the **Only select repositories** radio button.
45+
1. From the **Select repositories** menu, select the `coderabbit-test` repository that you created earlier in this Quickstart.
46+
1. Click **Install & Authorize**.
47+
:::note
48+
CodeRabbit requests read and write access to your repository in order for its code review, issue management, and pull request generation features to work. CodeRabbit never stores your code. For more information, see [the CodeRabbit Trust Center](https://trust.coderabbit.ai).
49+
:::
50+
1. If a CodeRabbit **Complete your signup** dialog appears, then fill it out with the requested information before continuing.
6551

6652
CodeRabbit is now ready to use with your test repository. The next steps demonstrate its core code-review features.
6753

@@ -72,7 +58,8 @@ The following steps initiate a pull request to add a tiny and somewhat flawed Py
7258
Use your usual Git workflow to perform the following steps in the `coderabbit-test` repository:
7359

7460
1. Create a branch named `add-utils`.
75-
2. In that new `add-utils` branch, create a new file called `simple_utils.py`, with the following content:
61+
62+
1. In that new `add-utils` branch, create a new file called `simple_utils.py`, with the following content:
7663

7764
```python
7865
# simple_utils.py - A tiny utility library
@@ -88,8 +75,9 @@ Use your usual Git workflow to perform the following steps in the `coderabbit-te
8875
return (celsius * 9/5) + 32
8976
```
9077

91-
3. Commit the added file to the `add-utils` branch. Use any text you want for the commit message.
92-
4. Create a pull request that proposes to merge the `add-utils` branch into the `main` branch. Use any text you want for the pull request message.
78+
1. Commit the added file to the `add-utils` branch. Use any text you want for the commit message.
79+
80+
1. Create a pull request that proposes to merge the `add-utils` branch into the `main` branch. Use any text you want for the pull request message.
9381

9482
After a few moments, CodeRabbit responds to the pull request using the `@coderabbitai` GitHub account. It performs the following actions, all of which are visible on the pull request's page on GitHub:
9583

@@ -109,43 +97,30 @@ After CodeRabbit reviews a pull request, you can converse with it about its revi
10997

11098
1. Post the following as a new GitHub comment attached to the pull request:
11199

112-
<div class="custom-chat-bubble">
113-
<div class="chat-content">@coderabbitai Why do all of these functions need docstrings? Isn't it obvious enough what they do?</div>
114-
<button class="copy-button" onclick="navigator.clipboard.writeText('@coderabbitai Why do all of these functions need docstrings? Isn\'t it obvious enough what they do?')" title="Copy text">
115-
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
116-
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
117-
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
118-
</svg>
119-
</button>
120-
</div>
121-
122-
After a few moments, CodeRabbit posts its reply, explaining its motivations for its recommendation. The reply might resemble the following:
123-
124-
<div class="custom-blockquote">
125-
<p>You're right that these functions are quite self-explanatory from their names alone. Docstrings aren't strictly necessary for every function, especially in smaller projects with clear function names.</p>
100+
```text
101+
@coderabbitai Why do all of these functions need docstrings? Isn't it obvious enough what they do?
102+
```
126103

127-
<p>While docstrings do provide benefits (IDE tooltips, documentation generation, help for future developers), they can sometimes feel redundant for very straightforward functions. It's ultimately a matter of coding style and project requirements.</p>
104+
After a few moments, CodeRabbit posts its reply, explaining its motivations for its recommendation. The reply might resemble the following:
128105

129-
<p>If you prefer to skip docstrings for obvious utility functions in this project, that's perfectly reasonable. Would you like me to adjust my review approach regarding documentation for this repository?</p>
130-
</div>
106+
> You're right that these functions are quite self-explanatory from their names alone. Docstrings aren't strictly necessary for every function, especially in smaller projects with clear function names.
107+
>
108+
> While docstrings do provide benefits (IDE tooltips, documentation generation, help for future developers), they can sometimes feel redundant for very straightforward functions. It's ultimately a matter of coding style and project requirements.
109+
>
110+
> If you prefer to skip docstrings for obvious utility functions in this project, that's perfectly reasonable. Would you like me to adjust my review approach regarding documentation for this repository?
131111
132-
In this case, CodeRabbit is offering to adjust its future behavior when reviewing changes to this repository. Instead, follow the next step to ask CodeRabbit to implement part of its suggestions. 2. Post the following as another new comment:
112+
In this case, CodeRabbit is offering to adjust its future behavior when reviewing changes to this repository. Instead, follow the next step to ask CodeRabbit to implement part of its suggestions.
133113

134-
<div class="custom-chat-bubble">
135-
<div class="chat-content">@coderabbitai generate docstrings</div>
136-
<button class="copy-button" onclick="navigator.clipboard.writeText('@coderabbitai generate docstrings')" title="Copy text">
137-
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
138-
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
139-
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
140-
</svg>
141-
</button>
142-
</div>
114+
1. Post the following as another new comment:
143115

144-
After a few moments, CodeRabbit does the following:
116+
```text
117+
@coderabbitai generate docstrings
118+
```
145119

146-
- CodeRabbit creates a new branch, based on `add-utils`.
147-
- CodeRabbit commits changes to the branch that adds suggested docstrings to `add-utils`.
148-
- CodeRabbit opens a new pull request between the new branch and `add-utils`.
120+
After a few moments, CodeRabbit does the following:
121+
- CodeRabbit creates a new branch, based on `add-utils`.
122+
- CodeRabbit commits changes to the branch that adds suggested docstrings to `add-utils`.
123+
- CodeRabbit opens a new pull request between the new branch and `add-utils`.
149124

150125
## Clean up
151126

docs/getting-started/subscription-management.md

Lines changed: 9 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -25,13 +25,14 @@ You can access your billing history and download invoices by:
2525

2626
### Changing Plans
2727

28-
1. To upgrade or change your subscription plan:
29-
2. Going to [**Subscription**](https://app.coderabbit.ai/settings/subscription) on the sidebar > **Manage Subscription**
30-
3. Once in the customer portal click the box with your plan highlighted at the top of the page
31-
4. Click **Update number of seats or change your plan**
32-
5. Click **Change** on the section at the top mentioning your current plan
33-
6. Select the new plan you'd like to change to
34-
7. Click **Update**
28+
To upgrade or change your subscription plan:
29+
30+
1. Going to [**Subscription**](https://app.coderabbit.ai/settings/subscription) on the sidebar > **Manage Subscription**
31+
2. Once in the customer portal click the box with your plan highlighted at the top of the page
32+
3. Click **Update number of seats or change your plan**
33+
4. Click **Change** on the section at the top mentioning your current plan
34+
5. Select the new plan you'd like to change to
35+
6. Click **Update**
3536

3637
![Changing your plan](../../static/img/getting-started/manage-subscription.png)
3738

@@ -57,8 +58,6 @@ To modify the number of seats in your subscription:
5758

5859
![Changing your plan](../../static/img/getting-started/change-seats.png)
5960

60-
## What's next
61-
62-
<a id="whats-next" />
61+
## What's next {#whats-next}
6362

6463
- [Control administrative access](/guides/roles)

docs/getting-started/upgrading-permissions.md

Lines changed: 3 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -24,14 +24,8 @@ Common reasons for permission updates include:
2424
- Additional workflow automation features
2525
- Improved security features
2626

27-
<div class="note-box">
28-
<div class="note-header">
29-
<img src="/img/icons/icons.png" alt="Note icon" class="note-icon" />
30-
<h5 class="note-title">Note</h5>
31-
</div>
32-
<div class="note-content">
33-
If you're not an organization admin, you may need to request approval from your organization administrators to update the permissions.
34-
</div>
35-
</div>
27+
:::note
28+
If you're not an organization admin, you may need to request approval from your organization administrators to update the permissions.
29+
:::
3630

3731
After accepting the new permissions, CodeRabbit will have the access it needs to function properly. If you continue to experience issues, try refreshing your browser or reaching out to our support team.

docs/guides/configuration-overview.md

Lines changed: 5 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -22,19 +22,19 @@ CodeRabbit include the following:
2222
- Customize review instructions to meet your specific coding standards.
2323
- Take advantage of agentic workflows that can speed up your review cycles.
2424

25-
## Configuration methods
25+
## Configuration methods {#methods}
2626

2727
You can configure CodeRabbit in several ways, from global organization settings
2828
down to configuration directives for specific repositories.
2929

30-
### Organization settings
30+
### Organization settings {#org}
3131

3232
If you want to apply the same CodeRabbit configuration to all of your organization's repositories, then
3333
you can manage organizational settings using the CodeRabbit web UI.
3434

3535
For more information, see [Set your organization preferences](/guides/organization-settings).
3636

37-
<h3 id="repo">Repository settings</h3>
37+
### Repository settings {#repo}
3838

3939
If you want to apply separate CodeRabbit configuration to your organization's different repositories, then you can
4040
manage repository-specific CodeRabbit settings in two ways:
@@ -46,9 +46,7 @@ For more information, see [Set your repository preferences](/guides/repository-s
4646

4747
While the web interface provides and easier way to explore the available configuration options for your repository, we recommend using a `.coderabbit.yaml` file [as a best practice](/guides/setup-best-practices#yaml).
4848

49-
## Configuration priority
50-
51-
<a id="priority"></a>
49+
## Configuration priority {#priority}
5250

5351
CodeRabbit follows a specific hierarchy when determining which configuration settings to use. Understanding this priority system helps you manage your configuration effectively:
5452

@@ -70,7 +68,7 @@ When a configuration source is active, it completely overrides all lower-priorit
7068

7169
This means that configuration is not merged or inherited - the highest priority source takes complete control over all settings.
7270

73-
<h2 id="initial">Initial configuration</h2>
71+
## Initial configuration {#initial}
7472

7573
The [Initial configuration guide](/guides/initial-configuration) tours you through several settings that we
7674
recommend that you review after you set up CodeRabbit with your organization.

0 commit comments

Comments
 (0)