Add onboarding guide for the carbon-components-svelte project#16
Add onboarding guide for the carbon-components-svelte project#16ihor-devingfe wants to merge 1 commit intokoldovsky:mainfrom
Conversation
📝 WalkthroughWalkthroughA new comprehensive employee onboarding guide ( Changes
Estimated code review effort🎯 2 (Simple) | ⏱️ ~12 minutes Poem
🚥 Pre-merge checks | ✅ 3✅ Passed checks (3 passed)
✏️ Tip: You can configure your own custom pre-merge checks in the settings. ✨ Finishing Touches🧪 Generate unit tests (beta)
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. Comment |
There was a problem hiding this comment.
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.
| 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) | ||
|
|
There was a problem hiding this comment.
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.
| ``` | ||
| 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 | ||
| ``` |
There was a problem hiding this comment.
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.
Summary by CodeRabbit