Hi there! We're thrilled that you'd like to contribute to this project. Your help is essential for keeping it great.
Please note that this project is released with a Contributor Code of Conduct. By participating in this project, you agree to abide by its terms.
If you have suggestions for how this project could be improved or want to report a bug, open an issue! We'd love all and any contributions. If you have questions, too, we'd love to hear them.
We'd also love PRs. If you're thinking of a large PR, we advise opening up an issue first to talk about it! Look at the links below if you're not sure how to open a PR.
To start contributing to the project, follow these steps:
- Install dependencies and build all packages:
yarn install
yarn build- Start the dev server:
yarn devThis starts the Next.js app at web/next-app-example. It imports @yoopta/* packages from their pre-built dist/ folders.
- Watch specific packages you're working on (recommended):
yarn dev --filter=@yoopta/editor --filter=@yoopta/paragraphThis starts the dev server and runs rollup in watch mode for the specified packages. When you edit a package's source, rollup rebuilds its dist/ and Next.js picks up the change via HMR.
Only watch the packages you're actively changing — this keeps startup fast and CPU usage low.
- Build a single package:
yarn build --filter=@yoopta/editor- Find the editor code in
./web/next-app-exampleand you are ready for development.
packages/
├── core/ - core components (editor, ui, exports, collaboration)
├── marks/ - text formatting marks
├── plugins/ - editor plugin extensions
├── themes/ - theme packages (base, material, shadcn)
web/
└── next-app-example - development playground and examples
This project uses Changesets for versioning and publishing:
yarn changeset— create a changeset describing your changeyarn version— bump versions and update changelogsyarn release— build and publish to npm