Develop, maintain and publish your SUI components.
Sui Studio helps you to develop and document isolated UI components for your projects. It provides:
npm install sui-studio -g
First install sui-studio:
npm i -g @schibstedspain/sui-studiosui-studio init <project_name>cd <project_name>
Once you're in the new project, you can execute
sui-studio start in order to start the development browser and start working on your components.
$ sui-studio generate house window
$ sui-studio run-all npm install
First of all, stage you changes for commit with
git add or whatever you use.
DO NOT use
git commit directly. Instead, use:
$ npm run co
Add the script to your package.json
It will prompt a question form. The way you answer to this question form affects the way the commit's comment is built. Comments will be used later, after merging to master in order to decide what kind of change (release) is going to be done (minor or major).
Then just push your changes using
git push and merge them into master after review.
Select master branch. First, check that the release will be properly built by executing:
$ sui-studio check-release
If the output is the expected then run:
$ sui-studio release
$ sui-studio link-all
$ sui-mono link, that links all components to each other.
$ sui-studio run-all
$ sui-mono run, that executed a command in series on each package folder.
$ sui-studio run-parallel
$ sui-mono run-parallel, that executed a command in parallel on each package folder.
lowerCamelCase is the choice for directories and files.