Tradeshift UI is a UI library to help you create apps that implement the Tradeshift Design Principles. Check out our documentation site to learn more about how it works and try out live code examples.
If you want to know about what the latest version is and what's new, check out our releases page.
If you'd like to submit a feature request or report a bug, go to our issues pages.
- Clone this repository
- Install NodeJS, either LTS or current.
- Install the Grunt Command Line Utility globally.
npm install -g grunt-cli
- Install the dependencies of this project.
npm install
- Install the dependencies inside the
docs/
folder.cd docs; npm install
- Start the
grunt
script in the root of the repository.grunt
- Use
http://localhost:10111/dist/ts.js
in your app running locally to initialize Tradeshift UI. - Whenever you modify the source files, the script will rebuild the distribution files in
dist/
so you're always using the latest version.
- Run
grunt dev
(instead of justgrunt
) and the documentantion website will open up onhttp://localhost:10114/
- Whenever you modify the source files, the script will rebuild the documentation so you're always using the latest version.
Watch out, whenever you create a commit, the pre-commit hook will generate the documentation files, so the committed version works with GitHub pages.
If you want to browse our documentation site you can do so easily.
Make sure you have the following environment variables set:
export AWS_ACCESS_KEY_ID=[Your AWS Access Key ID]
export AWS_SECRET_ACCESS_KEY=[Your AWS Secret Access Key]
If you have the correct AWS access keys to release a new version of tradeshift-ui, you can do so using the grunt release
command.
It will bump the version inside package.json
, commit, tag release, upload to CloudFront and push to GitHub. Make sure to not do this on the master
branch because it is protected from being pushed to directly.
Make sure you have a BrowserStack Automate account and have the following environment variables set:
export BROWSERSTACK_USERNAME=[Your BrowserStack username]
export BROWSERSTACK_KEY=[Your BrowserStack key]
Then feel free to start running the tests as such:
npm test
This command will run all the Jasmine tests for all UI Components through BrowserStack.
We're currently testing on the following browsers:
- Google Chrome (latest, previous)
- Mozilla Firefox (latest, previous)
- Apple Safari (latest, previous)
- IE9, IE10, IE11
To stay up to date with upcoming releases and new features in the works, check out our ROADMAP.md.
If you would like to contribute to our codebase, just fork the repo and make a PR or just write to us on Gitter, we're always looking for more input =)
- You can always create forks on GitHub, submit Issues and Pull Requests.
- You can only use Tradeshift-UI to make apps on a Tradeshift platform, e.g. tradeshift.com.
- You can fix a bug until the bugfix is deployed by Tradeshift.
- You can host Tradeshift UI yourself.
- If you want to make a bigger change or just want to talk with us, reach out to our team here on GitHub.
You can read the actual license agreement in the LICENSE.md.