coderabbit-test repository that you created earlier in this Quickstart.,
+ <>
+ Click Install & Authorize.
+ add-utils branch, create a new file called simple_utils.py, with the following content:
+
-
+
## Core features
Core CodeRabbit features include the following:
-- Integrates rapidly with popular Git platforms and workflows.
-- Applies dozens of open-source, industry-standard code analyzers to every commit.
-- Implements code reviews as familiar pull-request comments.
-- Works with contributors through natural-language conversation in comments.
-- Learns and adapts to your team's code style and review preferences.
-- Provides an observability dashboard of code-contribution activity.
-- Practices strong privacy and security, with no retention of analyzed code.
-- Offers free use for public repositories, and flexible pricing for private codebases.
+{children}
+}
diff --git a/src/components/ChatBubble/index.ts b/src/components/ChatBubble/index.ts
new file mode 100644
index 00000000..919031d1
--- /dev/null
+++ b/src/components/ChatBubble/index.ts
@@ -0,0 +1 @@
+export { default } from "./ChatBubble"
diff --git a/src/components/DarkCodeBlock/DarkCodeBlock.module.css b/src/components/DarkCodeBlock/DarkCodeBlock.module.css
new file mode 100644
index 00000000..e424a52c
--- /dev/null
+++ b/src/components/DarkCodeBlock/DarkCodeBlock.module.css
@@ -0,0 +1,131 @@
+.codeBlock {
+ margin: 1rem 0;
+ border-radius: 8px;
+ overflow: hidden;
+ background-color: #1a1a1a;
+ border: none;
+ font-family: 'Consolas', 'Monaco', 'Lucida Console', monospace;
+ position: relative;
+}
+
+.codeHeader {
+ background-color: #1a1a1a;
+ padding: 0.75rem 1rem;
+ border-bottom: 1px solid #333;
+ color: #888;
+ font-size: 0.875rem;
+ font-weight: 400;
+ font-style: italic;
+}
+
+.codeTitle {
+ color: #888;
+ font-style: italic;
+}
+
+.codeContainer {
+ position: relative;
+ background-color: #1a1a1a;
+}
+
+.codeContent {
+ margin: 0;
+ padding: 1rem;
+ padding-bottom: 2rem;
+ background-color: transparent;
+ color: #e6e6e6;
+ font-size: 0.875rem;
+ line-height: 1.6;
+ overflow-x: auto;
+ white-space: pre;
+}
+
+.codeLine {
+ display: block;
+ min-height: 1.6rem;
+}
+
+.copyButtonContainer {
+ background-color: #1a1a1a;
+ padding: 0.75rem 1rem;
+ display: flex;
+ justify-content: flex-end;
+ cursor: pointer;
+}
+
+.copyButton {
+ background-color: #333;
+ color: #fff;
+ border: 1px solid #333;
+ border-radius: 4px;
+ padding: 0.5rem 0.75rem;
+ font-size: 0.75rem;
+ cursor: pointer;
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ transition: all 0.2s ease;
+ font-family: inherit;
+ width: 100%;
+ justify-content: flex-end;
+}
+
+.copyButton:hover {
+ background-color: #333;
+ color: #fff;
+ border-color: #666;
+}
+
+.copyButton:active {
+ transform: scale(0.98);
+}
+
+.copyButton svg {
+ width: 14px;
+ height: 14px;
+}
+
+.codeContent :global(.keyword) {
+ color: #4fc1ff;
+ font-weight: 400;
+}
+
+.codeContent :global(.comment) {
+ color: #6a9955;
+ font-style: italic;
+}
+
+.codeContent :global(.string) {
+ color: #ff6b9d;
+}
+
+.codeContent :global(.function) {
+ color: #ffab70;
+ font-weight: 400;
+}
+
+.codeContent :global(.number) {
+ color: #53FFE8;
+}
+
+.codeContent :global(.header) {
+ color: #e6e6e6;
+ font-style: italic;
+}
+
+@media (max-width: 768px) {
+ .codeContent {
+ font-size: 0.8rem;
+ padding: 0.75rem;
+ padding-bottom: 3rem;
+ }
+
+ .copyButton {
+ font-size: 0.7rem;
+ padding: 0.4rem 0.6rem;
+ }
+
+ .copyButtonContainer {
+ padding: 0.5rem 0.75rem;
+ }
+}
diff --git a/src/components/DarkCodeBlock/DarkCodeBlock.tsx b/src/components/DarkCodeBlock/DarkCodeBlock.tsx
new file mode 100644
index 00000000..47a4775c
--- /dev/null
+++ b/src/components/DarkCodeBlock/DarkCodeBlock.tsx
@@ -0,0 +1,182 @@
+import React, { useState, useMemo } from 'react';
+import styles from './DarkCodeBlock.module.css';
+
+interface DarkCodeBlockProps {
+ children: string;
+ language?: string;
+ title?: string;
+}
+
+const DarkCodeBlock: React.FC
+
+
+ );
+ }
+
+ return (
+
+ {line}
+
+ );
+ });
+ };
+
+ return highlightCode(children, language);
+ }, [children, language, KEYWORDS]);
+
+ return (
+
+ {title && (
+
+ );
+};
+
+export default DarkCodeBlock;
diff --git a/src/components/DarkCodeBlock/index.ts b/src/components/DarkCodeBlock/index.ts
new file mode 100644
index 00000000..ee453e50
--- /dev/null
+++ b/src/components/DarkCodeBlock/index.ts
@@ -0,0 +1 @@
+export { default } from './DarkCodeBlock';
\ No newline at end of file
diff --git a/src/components/InfoBox/InfoBox.module.css b/src/components/InfoBox/InfoBox.module.css
new file mode 100644
index 00000000..afa9212b
--- /dev/null
+++ b/src/components/InfoBox/InfoBox.module.css
@@ -0,0 +1,19 @@
+.infoBox {
+ border: 2px solid var(--imf-color-border-orange);
+ border-radius: 12px;
+ background: var(--imf-color-background-orange-light);
+ padding: 0.7em;
+}
+
+.infoBox p {
+ margin: 0rem;
+}
+
+.infoBox a {
+ color: var(--ifm-color-primary);
+ text-decoration: none;
+}
+
+.infoBox a:hover {
+ text-decoration: underline;
+}
diff --git a/src/components/InfoBox/InfoBox.tsx b/src/components/InfoBox/InfoBox.tsx
new file mode 100644
index 00000000..988d193f
--- /dev/null
+++ b/src/components/InfoBox/InfoBox.tsx
@@ -0,0 +1,15 @@
+import React from "react"
+import styles from "./InfoBox.module.css"
+
+interface InfoBoxProps {
+ children: React.ReactNode
+ className?: string
+}
+
+export const InfoBox: React.FC
+ {title}
+
+ )}
+
+
+
+
+ {highlightedCode}
+
+
+
+
+
+ {children}
+ )
+}
+
+export default InfoBox
diff --git a/src/components/InfoBox/index.ts b/src/components/InfoBox/index.ts
new file mode 100644
index 00000000..7e71df22
--- /dev/null
+++ b/src/components/InfoBox/index.ts
@@ -0,0 +1 @@
+export { default, InfoBox } from "./InfoBox"
diff --git a/src/components/ListItems/ListItems.module.css b/src/components/ListItems/ListItems.module.css
new file mode 100644
index 00000000..e671f8cb
--- /dev/null
+++ b/src/components/ListItems/ListItems.module.css
@@ -0,0 +1,74 @@
+.crFeatureCard {
+ background: var(--imf-list-card-background-color);
+ border-radius: 8px;
+ padding: 1.3rem;
+ margin: 0.8rem 0;
+ border: 2px solid var(--ifm-background-color-secondary);
+}
+
+.crFeatureList {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+.crOrderedList {
+ list-style: decimal;
+ margin: 0;
+ padding-left: 1.5em;
+}
+
+.crFeatureList li {
+ position: relative;
+ padding-left: 1.7em;
+ margin-bottom: 1em;
+ font-size: 1.08rem;
+ line-height: 1.6;
+}
+
+.crFeatureList li:last-child {
+ margin-bottom: 0;
+}
+
+.crOrderedList li {
+ margin-bottom: 1em;
+ font-size: 1.08rem;
+ line-height: 1.6;
+ padding-left: 0.3em;
+}
+
+.crOrderedList li:last-child {
+ margin-bottom: 0;
+}
+
+.crFeatureList li:before {
+ content: "";
+ position: absolute;
+ left: 0.3em;
+ top: 0.5em;
+ width: 0.6em;
+ height: 0.6em;
+ background: var(--imf-list-bullets-color);
+ border-radius: 50%;
+ display: inline-block;
+}
+
+.crFeatureList li a {
+ color: var(--ifm-color-primary, orange);
+ text-decoration: none;
+ font-weight: 500;
+}
+
+.crOrderedList li a {
+ color: var(--ifm-color-primary, orange);
+ text-decoration: none;
+ font-weight: 500;
+}
+
+.crFeatureList li a:hover {
+ text-decoration: underline;
+}
+
+.crOrderedList li a:hover {
+ text-decoration: underline;
+}
diff --git a/src/components/ListItems/ListItems.tsx b/src/components/ListItems/ListItems.tsx
new file mode 100644
index 00000000..6f87105f
--- /dev/null
+++ b/src/components/ListItems/ListItems.tsx
@@ -0,0 +1,31 @@
+import React from "react"
+import styles from "./ListItems.module.css"
+
+interface ListItemsProps {
+ items: React.ReactNode[]
+ className?: string
+ orderedList?: boolean
+}
+
+export const ListItems: React.FC
+
+ {items.map((item, index) => (
+ {item}
+ ))}
+
+
+ )
+}
+
+export default ListItems
diff --git a/src/components/ListItems/index.ts b/src/components/ListItems/index.ts
new file mode 100644
index 00000000..e4d4326c
--- /dev/null
+++ b/src/components/ListItems/index.ts
@@ -0,0 +1 @@
+export { default, ListItems } from "./ListItems"
diff --git a/src/components/Note/Note.module.css b/src/components/Note/Note.module.css
new file mode 100644
index 00000000..e4f27ae6
--- /dev/null
+++ b/src/components/Note/Note.module.css
@@ -0,0 +1,42 @@
+.note {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ background: var(--imf-note-background-color);
+ border: 2px solid var(--imf-note-border-color);
+ border-radius: 8px;
+ padding: 1rem 1.2rem;
+ margin: 1.2rem 0;
+ font-size: 1rem;
+}
+
+.header {
+ display: flex;
+ align-items: center;
+ margin-bottom: 0.3em;
+}
+
+.icon {
+ width: 1.5em;
+ height: 1.5em;
+ margin-right: 0.5em;
+ flex-shrink: 0;
+}
+
+.title {
+ font-weight: 600;
+ color: var(--imf-note-text-color);
+}
+
+.text {
+ margin-top: 0.2em;
+}
+.note.text p {
+ margin: 0px;
+}
+.note a {
+ color: var(--imf-note-text-color);
+}
+.note p {
+ margin: 0rem;
+}
diff --git a/src/components/Note/Note.tsx b/src/components/Note/Note.tsx
new file mode 100644
index 00000000..10ce1247
--- /dev/null
+++ b/src/components/Note/Note.tsx
@@ -0,0 +1,18 @@
+import React from "react"
+import styles from "./Note.module.css"
+
+interface NoteProps {
+ children: React.ReactNode
+}
+
+const Note: React.FC
+
+)
+
+export default Note
diff --git a/src/components/Note/index.ts b/src/components/Note/index.ts
new file mode 100644
index 00000000..dd6db3eb
--- /dev/null
+++ b/src/components/Note/index.ts
@@ -0,0 +1 @@
+export { default } from "./Note"
diff --git a/src/components/OrderedSteps.tsx b/src/components/OrderedSteps.tsx
new file mode 100644
index 00000000..505ed5c8
--- /dev/null
+++ b/src/components/OrderedSteps.tsx
@@ -0,0 +1,11 @@
+import React from "react"
+
+export default function OrderedSteps({ children }) {
+ return (
+
+ 
+ Note
+
+
+ Note
+ {children}
+ -
+ {React.Children.map(children, (child, idx) => (
+
- {child} + ))} +
+ 
+ {name}
+
+ )
+}
+
+export default PlatformCard
diff --git a/src/components/PlatformCard/index.ts b/src/components/PlatformCard/index.ts
new file mode 100644
index 00000000..ca2c1258
--- /dev/null
+++ b/src/components/PlatformCard/index.ts
@@ -0,0 +1 @@
+export { PlatformCard, default } from "./PlatformCard"
diff --git a/src/components/PlatformGrid/PlatformGrid.module.css b/src/components/PlatformGrid/PlatformGrid.module.css
new file mode 100644
index 00000000..dcef77a3
--- /dev/null
+++ b/src/components/PlatformGrid/PlatformGrid.module.css
@@ -0,0 +1,6 @@
+.platformGrid {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 1rem;
+ margin: 1.5rem 0;
+}
diff --git a/src/components/PlatformGrid/PlatformGrid.tsx b/src/components/PlatformGrid/PlatformGrid.tsx
new file mode 100644
index 00000000..706d006a
--- /dev/null
+++ b/src/components/PlatformGrid/PlatformGrid.tsx
@@ -0,0 +1,20 @@
+import React from "react"
+import styles from "./PlatformGrid.module.css"
+
+interface PlatformGridProps {
+ children: React.ReactNode
+ className?: string
+}
+
+export const PlatformGrid: React.FC
+ {children}
+
+ )
+}
+
+export default PlatformGrid
diff --git a/src/components/PlatformGrid/index.ts b/src/components/PlatformGrid/index.ts
new file mode 100644
index 00000000..843327a1
--- /dev/null
+++ b/src/components/PlatformGrid/index.ts
@@ -0,0 +1 @@
+export { PlatformGrid, default } from "./PlatformGrid"
diff --git a/src/css/custom.css b/src/css/custom.css
index 7365089e..27d4e5b3 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -41,6 +41,16 @@
--ifm-background-color-primary: #f6f6f1;
--ifm-background-color-secondary: #e8e8e8;
--ifm-breadcrumb-item-background-active: #ffe9e2;
+ --imf-list-card-background-color: #ffffff;
+ --imf-list-bullets-color: #25bab1;
+ --imf-color-background-orange-light: #fffcfb;
+ --imf-color-border-orange: #ffceb6;
+ --imf-note-border-color: #25bab1;
+ --imf-note-background-color: #f1fffe;
+ --imf-note-text-color: #208682;
+ --imf-text-color-bg: #e8e8e8;
+ --imf-text-color: #171717;
+ --imf-text-button-color-bg: #e8e8e8;
}
[data-theme="dark"] {
@@ -55,6 +65,15 @@
--ifm-background-color-primary: #171717;
--ifm-background-color-secondary: #232323;
--ifm-breadcrumb-item-background-active: #3f322e;
+ --imf-list-card-background-color: #232323;
+ --imf-list-bullets-color: #208682;
+ --imf-color-background-orange-light: #232323;
+ --imf-color-border-orange: #232323;
+ --imf-note-border-color: #208682;
+ --imf-note-background-color: #252828;
+ --imf-text-color-bg: #232323;
+ --imf-text-color: #f5f5f5;
+ --imf-text-button-color-bg: #232323;
}
#__docusaurus {
@@ -73,27 +92,6 @@ a[docid="docs"] > svg {
display: none;
}
-/* Adjustments for mobile view */
-@media (max-width: 768px) {
- /* Reduce the logo size for smaller screens */
- .navbar__logo img {
- height: 32px;
- align-items: center;
- }
-
- /* Reduce the padding around the logo for smaller screens */
- .navbar__logo {
- padding: 2px; /* Adjust the padding for smaller screens */
- }
-}
-
-/* Center the Discord link within its parent */
-.navbar__items.navbar__items--right {
- display: flex;
- justify-content: center;
- align-items: center;
-}
-
[data-theme="light"] img[src$="#gh-dark-mode-only"],
[data-theme="dark"] img[src$="#gh-light-mode-only"] {
display: none;
@@ -129,7 +127,14 @@ a[docid="docs"] > svg {
display: none;
}
-/* Adjustments for mobile view */
+/* Center the Discord link within its parent */
+.navbar__items.navbar__items--right {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+/* Consolidated mobile view adjustments */
@media (max-width: 768px) {
/* Reduce the logo size for smaller screens */
.navbar__logo img {
@@ -139,15 +144,13 @@ a[docid="docs"] > svg {
/* Reduce the padding around the logo for smaller screens */
.navbar__logo {
- padding: 2px; /* Adjust the padding for smaller screens */
+ padding: 2px;
}
-}
-/* Center the Discord link within its parent */
-.navbar__items.navbar__items--right {
- display: flex;
- justify-content: center;
- align-items: center;
+ /* Content padding for mobile */
+ .markdown {
+ padding-left: 1rem;
+ }
}
/* Light mode Discord icon */
@@ -304,6 +307,17 @@ a[docid="docs"] > svg {
.pagination-nav {
display: none;
}
+.language-text {
+ background-color: var(--imf-text-color-bg) !important;
+}
+.language-text .token-line {
+ color: var(--imf-text-color) !important;
+}
+.language-text [class*="buttonGroup"] button {
+ background-color: var(--imf-text-color-bg) !important;
+ color: var(--imf-text-color) !important;
+ border-radius: 4px;
+}
/* ===== MARKDOWN STYLES ===== */
.theme-doc-markdown.markdown {
line-height: 1.8rem;
@@ -335,3 +349,19 @@ a[docid="docs"] > svg {
cursor: default;
background-color: var(--ifm-breadcrumb-item-background-active);
}
+
+/* Add left spacing to main content */
+.markdown {
+ padding-left: 1.5rem;
+}
+
+/* Align numbered lists with other content */
+.markdown ol {
+ padding-left: 1.2rem;
+ margin-left: 0;
+}
+
+.markdown ol > li {
+ margin-left: 0;
+ padding-left: 0.5rem;
+}
diff --git a/static/img/Icons/Icons.png b/static/img/Icons/Icons.png
new file mode 100644
index 00000000..4fd5b868
Binary files /dev/null and b/static/img/Icons/Icons.png differ
diff --git a/static/img/overview/Azure.png b/static/img/overview/Azure.png
new file mode 100644
index 00000000..6e8b02ee
Binary files /dev/null and b/static/img/overview/Azure.png differ
diff --git a/static/img/overview/Bitbucket.png b/static/img/overview/Bitbucket.png
new file mode 100644
index 00000000..0f349913
Binary files /dev/null and b/static/img/overview/Bitbucket.png differ
diff --git a/static/img/overview/Github.png b/static/img/overview/Github.png
new file mode 100644
index 00000000..cfe4be2e
Binary files /dev/null and b/static/img/overview/Github.png differ
diff --git a/static/img/overview/Gitlab.png b/static/img/overview/Gitlab.png
new file mode 100644
index 00000000..9ed9a1a8
Binary files /dev/null and b/static/img/overview/Gitlab.png differ
diff --git a/static/img/overview/Jira.png b/static/img/overview/Jira.png
new file mode 100644
index 00000000..abb1c8b1
Binary files /dev/null and b/static/img/overview/Jira.png differ
diff --git a/static/img/overview/Linear.png b/static/img/overview/Linear.png
new file mode 100644
index 00000000..8960789c
Binary files /dev/null and b/static/img/overview/Linear.png differ