First off, thank you for taking the time to contribute to ToolHive Cloud UI! 👍 🎉
ToolHive Cloud UI is released under the Apache 2.0 license. If you would like to contribute something or want to hack on the code, this document should help you get started. You can find development guidelines in the README.md.
This project adheres to the Contributor Covenant code of conduct. By participating, you are expected to uphold this code. Please report unacceptable behavior to code-of-conduct@stacklok.com.
If you think you have found a security vulnerability in ToolHive Cloud UI please DO NOT disclose it publicly until we've had a chance to fix it. Please don't report security vulnerabilities using GitHub issues; instead, please follow this process
We use GitHub issues to track bugs and enhancements. If you have a general usage question, please ask in ToolHive's discussion forum.
If you are reporting a bug, please help to speed up problem diagnosis by providing as much information as possible. Ideally, that would include:
- A clear description of the issue
- Steps to reproduce
- Expected vs actual behavior
- Environment details (OS, Node version, browser, etc.)
PRs to resolve existing issues are greatly appreciated, and issues labeled as "good first issue" are a great place to start!
-
All commits must include a Signed-off-by trailer at the end of each commit message to indicate that the contributor agrees to the Developer Certificate of Origin (DCO). Use
git commit -sto add this automatically. -
Create an issue outlining the fix or feature.
-
Fork the ToolHive Cloud UI repository to your own GitHub account and clone it locally:
git clone https://github.com/YOUR_USERNAME/toolhive-cloud-ui.git cd toolhive-cloud-ui pnpm install -
Hack on your changes.
-
Ensure code quality before committing:
pnpm lint # Run linter pnpm format # Format code pnpm test # Run tests pnpm type-check # TypeScript validation
-
Follow the project guidelines:
- Use Server Components by default, Client Components only when necessary
- Always use the generated hey-api client for API calls
- Use
async/await(never.then()promise chains) - Never use
anytype - use proper types orunknownwith type guards - Use shadcn/ui components (don't create custom UI components)
- Follow existing patterns in the codebase
-
Correctly format your commit messages, see Commit message guidelines below.
-
Open a PR with a title that follows the conventional commit format (e.g.,
feat: add new featureorfix: resolve issue). The PR title will be validated to ensure it follows the conventional commit specification. Ensure the description reflects the content of the PR. -
Ensure that CI passes, if it fails, fix the failures.
-
Keep PRs small for efficient reviews: For better review quality and faster turnaround, keep your PRs under 1000 lines of changes. Smaller PRs are easier to review, less likely to introduce bugs, and get merged faster. Our PR Size Labeler automatically labels PRs based on size:
size/XS: < 100 linessize/S: 100-299 linessize/M: 300-599 linessize/L: 600-999 linessize/XL: ≥ 1000 lines (requires justification)
If your PR exceeds 1000 lines, you'll be asked to provide a justification explaining why it cannot be split into smaller PRs.
-
Every pull request requires a review from the core ToolHive team before merging.
-
Once approved, all of your commits will be squashed into a single commit with your PR title.
We follow the Conventional Commits specification for commit messages:
<type>[optional scope]: <description>
[optional body]
[optional footer(s)]
Types:
feat: A new featurefix: A bug fixdocs: Documentation only changesstyle: Changes that do not affect the meaning of the code (white-space, formatting, etc.)refactor: A code change that neither fixes a bug nor adds a featureperf: A code change that improves performancetest: Adding missing tests or correcting existing testschore: Changes to the build process or auxiliary tools and libraries
Examples:
feat: add server URL copy functionalityfix(ui): resolve button alignment issue in dark modedocs: update installation instructionstest: add unit tests for authentication flowchore: update dependencies
Signed-off-by:
All commits must include a Signed-off-by line:
git commit -s -m "feat: add new feature"This certifies that you agree to the Developer Certificate of Origin (DCO).