-
Fork the repo
-
Clone your fork locally
-
Setup all the dependencies and packages by running
npm install
git clone https://github.com/<your_github_username>/vlossom.git
cd vlossom
npm install
cd packages/vlossom
npm run storybook
- NPM to manage packages and dependencies
- Vite to run dev server and bundle packages
- Vitest and Vue Test Utils for test
- Storybook for UI component development and test
- Chromatic for UI test and review
npm run storybook
: run storybook
npm run test
: run test
npm run dev
: run playground
npm run dev
: run dev server
Our protected branch is main
and we make release from main
branch.
Pull requests need approvals of two or more collaborators to be merged.
And all required status checks must pass before merging.
Before you create a Pull Request, please check whether your commits comply with the commit conventions used in this repository.
type(scope or module): message
Type must be one of the following:
feat
: all changes that introduce completely new code or new featuresfix
: changes that fix a bug (ideally you will additionally reference an issue if present)refactor
: any code related change that is not a fix nor a featuredocs
: changing existing or creating new documentation (i.e. README, docs for usage of a lib or cli usage)build
: all changes regarding the build of the software or dependenciestest
: all changes regarding tests (adding new tests or changing existing ones)ci
: all changes regarding the configuration of continuous integration (i.e. github actions, ci system)style
: changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc)perf
: changes that improves performancechore
: all changes to the repository that do not fit into any of the above categories
If you are interested in the detailed specification you can visit https://www.conventionalcommits.org/ or check out the Angular Commit Message Guidelines.
-
Create a new branch out of the
main
branch. We follow the convention[type/scope]
. For examplefix/vs-button
ordocs/vs-chip
.type
can be eitherdocs
,fix
,feat
,build
, or any other conventional commit type.scope
is just a short id that describes the scope of work. -
Make and commit your changes following the commit convention.
-
As you develop, you can run
npm run build
andnpm run test
to make sure everything works as expected.
If you are updating features, you must consider updating tests.
npm run test
If you are updating component or style system, you have to consider updating related story in stories folder.
npm run storybook
ci/test-vitest
ci/test-storybook
ci/lint
ci/build-vlossom
ci/build-docs
stroybook publish
ui tests
: you have to detect ui changes and accept all changes yourselfui review
: requires approval of vlossom maintainers
If you added commit after creating PR, the latest commit message must contain chromatic-build
for updated ui test and review.
It will trigger chromatic build job.
type(scope or module): short description
By contributing your code to the vlossom GitHub repository, you agree to license your contribution under the MIT license.