Matteo Pagliazzi
17b1365853
* move the update username route to v3 (#10836) * Add API Call to retrieve auto-complete options for usernames * Create links to users profile in chat messages * Begin adding server-side autocomplete to web client * Add Test to opt out of username being searchable * Fix issue with username highlighting * Correctly update message text when using autocomplete * remove old autocomplete component * Improve chat input design * rewrite mongoose migration to avoid using recursion * fixes * select more fields * use lean and .update * fix(tests): correct expects * fix(tests): linting & more expects Also one more tweak for invite validation responsiveness * chore(news): Bailey * chore(i18n): update locales * 4.70.0 * fix(chat): less intrusive highlight and better margins * fix(chat): more width tweakage * feat(content): Oddballs Bundle Also includes one more tweak to @mention text highlighting * chore(sprites): compile * chore(i18n): update locales * 4.71.0 * groupChatReceived webhook fix (#10802) * Moved sendGroupChatReceivedWebhooks to group.sendChat function. * Added test for new functionality. * Set width on .custom-control-label (#10840) Set `width: 100%` on the `.custom-control-label`. Although `overflow-wrap: break-word` is set on the parent `.checklist-item` element, it doesn't seem to take effect unless a width is set on the label. * Very large Guild member counts overflow the badge #10753 (#10812) * Update superagent to the latest version 🚀 (#10848) * fix(package): update superagent to version 4.0.0 * chore(package): update lockfile package-lock.json * fix(chat): prevent duplicate messages, closes #10823 * Fix for #10814, prevent ParallelSave errors (#10852) * fix(group leave): prevent ParallelSave errors while leaving a group with multiple group or challenge tasks * fix typo * move computed-props to methods - refactor mountItem to use the states inside (#10853) * feat(content): Frost Hatching Potions * chore(sprites): compile * chore(i18n): update locales * 4.72.0 * fix(stable): remove progress number from petItem * add two slurs - TRIGGER / CONTENT WARNING: assault, slurs, swearwords, etc * more checks on the item.klass, also added the specialClass checks (#10859) * feat(content): Turkey Day 2018 * chore(sprites): compile * chore(i18n): update locales * 4.73.0 * chore(i18n): update locales * 4.73.1 * feat(footer): always show expanded footer (#10862) * Fixes issue #10857 ("Tags have extra space at the bottom when they should be centered") (#10861) * Fix for #10857 centered category tag text * Fixes #10857 and #10856 display tag markdown. * Attach client to chat messages (#10845) * Attach client to chat messages * Word * Design tweaks * Fix potential error * chore(event): end Thanksgiving tweaks * chore(i18n): update locales * 4.73.2 * Improve chat input design * Fix test errors * Move tier icons import to index * correctly name event variable * Debounce autocomplete calls * optimize mention highlighting * fix failing tests * Fix sending private messages * Cache username autocomplete requests * optimize autocomplete regex * Fix lint error * add optional parameters to limit autocompletion to specific group * Fix non-profile urls not being usable. * Correctly handle autocomplete for public and private guilds * Add check to make sure users don’t search for parties/guilds they are not part of * fix lint error * limit autocomplete results to 5 * fix(mentioning): change default, adapt settings control to checkbox * Improve auto completing * improve username autocomplete * Fix merge issue * remove old code * Send push notifications on mentions * Improve handling for sending mention notifications * Fix lint error * Update schema.js * Fix failing test * Don't send push notification to users who aren't in the party * Remove tributejs from dependencies
Running
For information about installing and running Habitica locally, see Setting up Habitica Locally.
Preparation Reading
-
Vue 2 (https://vuejs.org)
-
Webpack (https://webpack.github.io/) is the build system and it includes plugins for code transformation, right now we have: BabelJS for ES6 transpilation, eslint for code style, less and postcss for css compilation. The code comes from https://github.com/vuejs-templates/webpack which is a Webpack template for Vue, with some small modifications to adapt it to our use case. Docs http://vuejs-templates.github.io/webpack/
-
We're using
.vuefiles that make it possible to have HTML, JS and CSS for each component together in a single location. They're implemented as a webpack plugin and the docs can be found here http://vue-loader.vuejs.org/en/ -
SemanticUI is the UI framework http://semantic-ui.com/. So far I've only used the CSS part, it also has JS plugins but I've yet to use them. It supports theming so if it's not too difficult we'll want to customize the base theme with our own styles instead of writing CSS rules to override the original styling.
The code is in /website/client. We're using something very similar to Vuex (equivalent of React's Redux) for state management http://vuex.vuejs.org/en/index.html
The API is almost the same except that we don't use mutations but only actions because it would make it difficult to work with common code
The project is developed directly in the develop branch as long as we'll be able to avoid splitting it into a different branch.
So far most of the work has been on the template, so there's no complex logic to understand. The only thing I would suggest you to read about is Vuex for data management: it's basically a Flux implementation: there's a central store that hold the data for the entire app, and every change to the data must happen through an action, the data cannot be mutated directly.
For further resources, see Guidance for Blacksmiths, and in particular the "Website Technology Stack" section.