Bart Enkelaar
591c9bc98c
* 12781 - Add common component for small modal windows * 12781 - Fix drop cap layout and hide footer * 12781 - Implement drop cap reached and won challenge modals * 12781 - Couple small fixes * 12781 - Remove added drop cap modal test convenience * Less assumptions in small-modal component * 12781 - Fix already migrated small modals * Figured out how to properly test Bootstrap modals * 12781 - Add unit test for success modal * 12781 - Some more steps towards integrating successModal.vue * 12781 - Use small modal mixin in success modal * 12781 - Optimize templating in successModal * 12781 - Revert AppFooter additions * 12781 - Add test case and remove unnecessary method
Habitica Client
Project setup
npm install
Compiles and hot-reloads for development
npm run serve
Compiles and minifies for production
npm run build
Run your unit tests
npm run test:unit
Lints and fixes files
npm run lint
Customize configuration
Storybook
Storybook is mainly used while working on UI-Components to see changes faster instead of using the website.
Start Storybook
npm run storybook:serve
This will start the storybook process, every *.stories.js-File is searched and added to the storybook overview.
Storybook Worklow
Usually when you working on component-name.vue you also create a component-name.stories.js file.
Example of the stories structure - Storybook Docs - CountBadge
Each function or example of this component will be put after storiesOf('Your Component', module),
in a separate .add('function of component', ...
Storybook Build
After each client build, storybook build is also triggered and will be available in dist/storybook