habitica/website/client
Phillip Thelen 664f960a8b
Pull in missing changes from FB removal PR (#13931)
* fix(auth): hide post hoc Facebook reg

* Pull in missing changes

* fix(lint): whitespace

* fix(strings): missing error message

* fix(tests): update to match functionality

Co-authored-by: SabreCat <sabe@habitica.com>
2022-04-14 12:58:37 -05:00
..
config/storybook Show "Next Hourglass" Month (#13860) 2022-04-06 16:30:13 -05:00
public feat(event): Winter Wonderland 2021 and Gift-One-Get-One Promotion 2020-12-10 16:53:37 -06:00
scripts Fix Storybook Installation and production build CI (#13465) 2021-09-01 18:47:13 -05:00
src Pull in missing changes from FB removal PR (#13931) 2022-04-14 12:58:37 -05:00
tests/unit Revert "Revert "chore(lint): disable breaking rules"" 2021-08-27 18:55:21 -05:00
.browserslistrc old client structure 2019-10-01 11:44:38 +02:00
.eslintrc.js Revert "Revert "chore(lint): disable breaking rules"" 2021-08-27 18:55:21 -05:00
babel.config.js babel: enable optional chaining (#13222) 2021-04-30 15:02:30 -05:00
package-lock.json build(deps): bump intro.js from 4.3.0 to 5.0.0 in /website/client (#13834) 2022-02-21 15:00:38 -06:00
package.json build(deps): bump intro.js from 4.3.0 to 5.0.0 in /website/client (#13834) 2022-02-21 15:00:38 -06:00
postcss.config.js misc, fix client tests 2019-10-15 15:32:53 +02:00
README.md Storybook Example (#11494) 2019-12-05 22:35:23 +01:00
vue.config.js Revert "Revert "chore(lint): run fix"" 2021-08-27 18:54:55 -05:00
webpack.webstorm.config PMs rebuild (#11360) 2020-01-12 19:34:40 +01:00

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

See Configuration Reference.

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