Skip to content

Initial ToC overhaul #301

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Initial ToC overhaul #301

wants to merge 3 commits into from

Conversation

jmacdotorg
Copy link
Collaborator

@jmacdotorg jmacdotorg commented Apr 30, 2025

This work implements the first phase of an April 2025 plan to improve the information architecture of the public CodeRabbit documentation.

These commits reorganize the table of contents (ToC) into primary categories based more around user journeys than lists of features.

This is a "low-touch" initial pass:

  • Page content is left untouched apart from titles and metadata.
  • No pages' paths have been changed.
  • No new pages have been added.

We plan to introduce all of the above changes with followup PRs, to come soon after the approval and merge of this PR. This PR only sets the stage reframing the ToC to emphasize user activities.

Staged: https://toc-overhaul.coderabbit-docs.pages.dev

…ToC defined in sidebars.ts. Remove material related to ToC autogeneration from various pages' front matter.

Reorder, reorganize, and retitle pages according to the new information architecture plan.

Standardize page titles to use sentence case.
@jmacdotorg jmacdotorg requested a review from a team as a code owner April 30, 2025 16:35
Copy link
Contributor

coderabbitai bot commented Apr 30, 2025

Walkthrough

This update focuses on restructuring and standardizing the documentation for a project. The changes include updating document titles to be more concise and action-oriented, removing sidebar labels and position metadata from individual markdown files, and refining link text for clarity. The sidebar configuration was overhauled, replacing a simple autogenerated structure with a detailed, hierarchical, and manually curated sidebar that organizes content into thematic categories and subcategories. No functional code or instructional content was altered; all modifications are limited to documentation metadata and navigation structure.

Changes

File(s) Change Summary
docs/finishing-touches/docstrings.md, docs/getting-started/adding-organizations.md, Updated document titles to concise, action-oriented phrasing; removed sidebar label and position metadata; content unchanged.
docs/getting-started/configure-coderabbit.md, docs/getting-started/subscription-management.md,
docs/getting-started/support.md, docs/getting-started/upgrading-permissions.md,
docs/guides/agent_chat.md, docs/guides/commands.md, docs/guides/custom-reports.md,
docs/guides/issue-chat.md, docs/guides/linked-issues.md, docs/guides/ondemand-reports.md,
docs/guides/scheduled-reports.md, docs/integrations/code-graph-analysis.md,
docs/integrations/issue-integrations.md, docs/integrations/knowledge-base.md,
docs/platforms/platforms.md, docs/tools/tools.md
docs/guides/issue-creation.md Changed title to "Create issues"; removed sidebar label and position metadata; content unchanged.
docs/getting-started/quickstart.md Updated link text in a note from "Supported Git Platforms" to "Integrate with Git platforms"; link URL and content unchanged.
sidebars.ts Replaced simple autogenerated sidebar and single API link with a detailed, hierarchical, manually curated sidebar structure.

Sequence Diagram(s)

sequenceDiagram
    participant User
    participant Sidebar
    participant Documentation

    User->>Sidebar: Navigate documentation
    Sidebar->>Documentation: Display organized categories and subcategories
    Documentation-->>User: Serve content with updated titles and metadata
Loading

Poem

In the warren, docs were tidied with care,
Titles trimmed short, metadata laid bare.
The sidebar now blooms, a branching delight,
Leading each bunny down pathways of right.
With hop and with skip, we organize anew—
Clearer, more friendly, for every review!
🐇📚✨

✨ Finishing Touches
  • 📝 Generate Docstrings
  • 📝 Generate Unit Tests in Pull Request

🪧 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 generate docstrings to generate docstrings for this PR.
  • @coderabbitai generate sequence diagram to generate a sequence diagram of the changes in this 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.

Copy link
Contributor

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Caution

Inline review comments failed to post. This is likely due to GitHub's limits when posting large numbers of comments. If you are seeing this consistently it is likely a permissions issue. Please check "Moderation" -> "Code review limits" under your organization settings.

Actionable comments posted: 1

🧹 Nitpick comments (3)
docs/finishing-touches/docstrings.md (1)

12-12: H1 header mismatch with frontmatter title
The content’s H1 is still “# Docstrings” while the frontmatter title is “Generate docstrings.” Consider updating or removing the H1 to avoid title duplication and ensure consistency.

docs/guides/linked-issues.md (1)

2-2: Title case inconsistency: lowercase “issues”.

To follow sentence-case conventions (only first word and proper nouns capitalized), please update the frontmatter title:

-title: Work with linked Issues
+title: Work with linked issues
sidebars.ts (1)

136-164: Consider alphabetizing the supported tools list.

While the tools are well-organized in a collapsible category, alphabetizing them would make it easier for users to quickly locate specific tools in this lengthy list.

🛑 Comments failed to post (1)
sidebars.ts (1)

131-131: ⚠️ Potential issue

Fix the unterminated string literal causing build failure.

There's an unterminated string literal on line 131 that's causing the pipeline to fail. The URL is incomplete and missing its closing quote.

-                    href: 'https:
+                    href: 'https://docs.coderabbit.ai/api',
📝 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.

                    href: 'https://docs.coderabbit.ai/api',
🧰 Tools
🪛 Biome (1.9.4)

[error] 131-131: unterminated string literal

The closing quote must be on the same line.

(parse)

🪛 GitHub Actions: Node.js CI

[error] 131-131: ParseError: Unterminated string constant causing failure to load sidebars file. Build failed with exit code 1.

🤖 Prompt for AI Agents (early access)
In sidebars.ts at line 131, there is an unterminated string literal for the href URL causing build failure. Fix this by completing the URL string and adding the missing closing quote to properly terminate the string.

Copy link

cloudflare-workers-and-pages bot commented Apr 30, 2025

Deploying coderabbit-docs with  Cloudflare Pages  Cloudflare Pages

Latest commit: ffc9d0b
Status: ✅  Deploy successful!
Preview URL: https://3d482916.coderabbit-docs.pages.dev
Branch Preview URL: https://toc-overhaul.coderabbit-docs.pages.dev

View logs

Copy link
Contributor

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 0

🧹 Nitpick comments (1)
sidebars.ts (1)

30-182: Consider adding brief descriptions for main categories in a future update

While the current structure is clear and intuitive, consider enhancing it in a future PR by adding brief descriptions for main categories. This could help users better understand what they'll find in each section, especially for categories like "Reference" or "Resources" where the content might be less immediately obvious from the title alone.

📜 Review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 6383c3b and 49b4a71.

📒 Files selected for processing (1)
  • sidebars.ts (1 hunks)
⏰ Context from checks skipped due to timeout of 90000ms (1)
  • GitHub Check: Cloudflare Pages
🔇 Additional comments (3)
sidebars.ts (3)

30-182: Well-structured ToC reorganization that effectively centers around user journeys

The new sidebar structure successfully transforms the documentation navigation from a feature-based approach to a user journey-oriented organization. The progression from "Get started" through setup, configuration, and various use cases (reviews, issues, reports) to reference materials creates an intuitive flow that guides users through their documentation needs.

The hierarchical organization with thoughtfully nested subcategories (like "Supported Git platforms" under "Add CodeRabbit") makes it easier for users to discover related content without overwhelming them with too many top-level categories.


33-34: Effective use of category labels that follow a consistent pattern

The main category labels follow a consistent verb-first pattern ("Get started...", "Add...", "Configure...", "Review...", etc.) that clearly communicates the purpose of each section. This action-oriented approach helps users quickly identify where to find information based on what they're trying to accomplish.

Also applies to: 42-43, 76-77, 86-87, 104-105, 115-116, 125-126, 170-171


33-34: Good use of collapse settings to manage visual complexity

The collapse settings are well-configured, with main categories expanded by default (collapsed: false) while subcategories are collapsed (collapsed: true). This approach prevents the sidebar from becoming overwhelming while still providing clear access to all content.

Also applies to: 48-49, 63-64, 93-94, 135-136

Copy link
Contributor

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 0

🧹 Nitpick comments (2)
sidebars.ts (2)

71-80: Consider expanding the "Configure CodeRabbit" section for better discoverability

This section contains only three items that seem to cover very different aspects of configuration (general configuration, knowledge base integration, and tools). As the documentation grows, you might want to structure this into subcategories similar to how "Add CodeRabbit to your repository" is organized.


130-162: Consider pagination or alphabetical grouping for the tools list

The "Supported tools" section contains a long list of tools (32 items) that might be overwhelming for users to navigate. Consider organizing these into logical groups (e.g., linters, security tools, etc.) or adding alphabetical dividers to improve navigation.

📜 Review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 49b4a71 and ffc9d0b.

📒 Files selected for processing (1)
  • sidebars.ts (1 hunks)
⏰ Context from checks skipped due to timeout of 90000ms (2)
  • GitHub Check: test
  • GitHub Check: Cloudflare Pages
🔇 Additional comments (3)
sidebars.ts (3)

29-180: Great job on the TOC restructuring around user journeys!

The new sidebar organization is an excellent improvement, with logical categories that follow a user's journey from getting started to advanced usage. The hierarchy is clear and intuitive, making it easy for users to find what they need.


43-55: Good use of collapsed subcategories for platform-specific details

Setting the "Supported Git platforms" category to collapsed by default is a smart choice. It keeps the sidebar clean while still making platform-specific documentation easily accessible when needed.


88-96: Clear separation of analyze/improve features under PR reviews

The nested category "Analyze and improve your code" under "Review pull requests" is a good way to organize these related but distinct features. Setting it to not be collapsed by default (line 90) makes sense as these are likely commonly used features.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants