Skip to content

Add onboarding guide for the carbon-components-svelte project#16

Open
ihor-devingfe wants to merge 1 commit intokoldovsky:mainfrom
ihor-devingfe:main
Open

Add onboarding guide for the carbon-components-svelte project#16
ihor-devingfe wants to merge 1 commit intokoldovsky:mainfrom
ihor-devingfe:main

Conversation

@ihor-devingfe
Copy link
Copy Markdown

@ihor-devingfe ihor-devingfe commented Mar 24, 2026

Summary by CodeRabbit

  • Documentation
    • Added a comprehensive onboarding guide covering project setup, architecture, development workflow, testing strategies, build/release processes, and team practices for new contributors.

@coderabbitai
Copy link
Copy Markdown

coderabbitai bot commented Mar 24, 2026

📝 Walkthrough

Walkthrough

A new comprehensive employee onboarding guide (ONBOARDING.md) has been added to the Carbon Components Svelte project. The document provides step-by-step instructions for project setup, architecture overview, development workflows, testing strategies, build processes, and team practices to help new contributors get started.

Changes

Cohort / File(s) Summary
Documentation
ONBOARDING.md
Added comprehensive 643-line onboarding guide covering project overview, setup instructions, directory structure, development workflow, testing strategy, build/release processes, team practices, learning path, and troubleshooting guidance.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~12 minutes

Poem

🐰 Welcome aboard, dear developer friend,
With Bun and Node, let's build and blend,
Our Carbon components shine so bright,
Tests and docs to set things right—
Now onward, let your code take flight! 🚀

🚥 Pre-merge checks | ✅ 3
✅ Passed checks (3 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title accurately describes the main change: adding a comprehensive onboarding guide (ONBOARDING.md) for the carbon-components-svelte project, which is the primary modification in this pull request.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

Copy link
Copy Markdown

@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: 2

🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@ONBOARDING.md`:
- Around line 113-151: Add the missing fenced-code-block language identifiers by
changing the triple-backtick blocks that contain the directory trees (the block
starting with "carbon-components-svelte/" and the block starting with
"src/ComponentName/") to use ```text instead of bare ```; update any other
similar tree/layout blocks (e.g., the second example at lines referenced in the
review) to also start with ```text so markdown lint rule MD040 is satisfied.
- Around line 10-18: The TOC links use incorrect fragment IDs like
"#-project-overview" which don't match the generated heading IDs; update each
link target to the correct fragment form (lowercase, spaces to hyphens, no
leading hyphen) for the items such as "Project Overview", "Quick Start",
"Project Architecture", "Development Workflow", "Testing Strategy", "Build &
Release Process", "Key Resources", and "Team Practices" so they become e.g.
"#project-overview", "#quick-start", "#project-architecture",
"#development-workflow", "#testing-strategy", "#build-and-release-process" (or
"#build--release-process" if the heading contains an ampersand) ,
"#key-resources", and "#team-practices" to restore proper navigation.

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 794b7583-3c4a-44da-b49b-f0a0ce2867e6

📥 Commits

Reviewing files that changed from the base of the PR and between be47f1d and 17c1917.

📒 Files selected for processing (1)
  • ONBOARDING.md

Comment on lines +10 to +18
1. [Project Overview](#-project-overview)
2. [Quick Start](#-quick-start)
3. [Project Architecture](#-project-architecture)
4. [Development Workflow](#-development-workflow)
5. [Testing Strategy](#-testing-strategy)
6. [Build & Release Process](#-build--release-process)
7. [Key Resources](#-key-resources)
8. [Team Practices](#-team-practices)

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

⚠️ Potential issue | 🟡 Minor

Fix broken Table of Contents anchor fragments.

Several TOC links use fragments like #-project-overview, which do not match heading IDs and break navigation (see Line 12 warning).

Suggested fix
-1. [Project Overview](`#-project-overview`)
-2. [Quick Start](`#-quick-start`)
-3. [Project Architecture](`#-project-architecture`)
-4. [Development Workflow](`#-development-workflow`)
-5. [Testing Strategy](`#-testing-strategy`)
-6. [Build & Release Process](`#-build--release-process`)
-7. [Key Resources](`#-key-resources`)
-8. [Team Practices](`#-team-practices`)
+1. [Project Overview](`#project-overview`)
+2. [Quick Start](`#quick-start`)
+3. [Project Architecture](`#project-architecture`)
+4. [Development Workflow](`#development-workflow`)
+5. [Testing Strategy](`#testing-strategy`)
+6. [Build & Release Process](`#build--release-process`)
+7. [Key Resources](`#key-resources`)
+8. [Team Practices](`#team-practices`)
🧰 Tools
🪛 markdownlint-cli2 (0.21.0)

[warning] 12-12: Link fragments should be valid

(MD051, link-fragments)

🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@ONBOARDING.md` around lines 10 - 18, The TOC links use incorrect fragment IDs
like "#-project-overview" which don't match the generated heading IDs; update
each link target to the correct fragment form (lowercase, spaces to hyphens, no
leading hyphen) for the items such as "Project Overview", "Quick Start",
"Project Architecture", "Development Workflow", "Testing Strategy", "Build &
Release Process", "Key Resources", and "Team Practices" so they become e.g.
"#project-overview", "#quick-start", "#project-architecture",
"#development-workflow", "#testing-strategy", "#build-and-release-process" (or
"#build--release-process" if the heading contains an ampersand) ,
"#key-resources", and "#team-practices" to restore proper navigation.

Comment on lines +113 to +151
```
carbon-components-svelte/
├── src/ # Component source code
│ ├── Accordion/
│ ├── Button/
│ ├── DataTable/
│ ├── ... # 60+ component directories
│ ├── icons/ # Icon utilities
│ ├── utils/ # Shared utilities
│ └── index.js # Main export file
├── css/ # Pre-compiled CSS themes
│ ├── white.css # Default light theme
│ ├── g10.css # Gray 10 (light)
│ ├── g80.css # Gray 80 (dark)
│ ├── g90.css # Gray 90 (dark)
│ ├── g100.css # Gray 100 (dark)
│ └── all.css # All themes (CSS variables)
├── docs/ # Documentation website
│ └── src/
│ └── COMPONENT_API.json # Auto-generated API docs
├── tests/ # Unit tests (Vitest)
├── tests-svelte3/ # Svelte 3 compatibility tests
├── tests-svelte5/ # Svelte 5 compatibility tests
├── e2e/ # E2E tests (Playwright)
│ └── fixtures/ # Test fixtures
├── scripts/ # Build scripts
├── examples/ # Integration examples
│ ├── rollup/
│ ├── sveltekit/
│ ├── vite/
│ └── webpack/
└── package.json # Dependencies and scripts
```
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

⚠️ Potential issue | 🟡 Minor

Add language identifiers to fenced code blocks.

The structure examples are missing fenced code block languages (MD040 at Line 113 and Line 157). Use text for tree/directory layouts.

Suggested fix
-```
+```text
 carbon-components-svelte/
 │
 ├── src/                          # Component source code
 ...
 └── package.json                  # Dependencies and scripts

- +text
src/ComponentName/

├── ComponentName.svelte # Main component
├── ComponentNameSkeleton.svelte # Loading skeleton (if applicable)
└── index.js # Exports

Also applies to: 157-163

🧰 Tools
🪛 markdownlint-cli2 (0.21.0)

[warning] 113-113: Fenced code blocks should have a language specified

(MD040, fenced-code-language)

🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@ONBOARDING.md` around lines 113 - 151, Add the missing fenced-code-block
language identifiers by changing the triple-backtick blocks that contain the
directory trees (the block starting with "carbon-components-svelte/" and the
block starting with "src/ComponentName/") to use ```text instead of bare ```;
update any other similar tree/layout blocks (e.g., the second example at lines
referenced in the review) to also start with ```text so markdown lint rule MD040
is satisfied.

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.

1 participant