Occupapp

Discover the space occupation of agents in a scene.

https://occupapp.now.sh/

Versions

Current version is deployed at https://occupapp.now.sh/, and follows the master branch.

Previous versions:

• Occupapp v1.2.1 is deployed at https://occupapp-exggft5q9.now.sh/, and corresponds to the tag v1.2.1.
• Occupapp v1.2.0 is deployed at https://occupapp-khxo9ktm7.now.sh/, and corresponds to the tag v1.2.0.
• Occupapp v1.1.0 is deployed at https://occupapp-qf17v5yfl.now.sh/, and corresponds to the tag v1.1.0.

See CHANGELOG.md for more details.

Install

• install

  npm install
  

• build and serve locally (with hot-reloads) for development:

  npm run serve
  

  It will watch for changes in the src/ directory. Note: currently it doesn't watch for changes in index.html and favicon.ico, due to vladshcherbin/rollup-plugin-copy#5

• deploy to now.sh (it should not be necessary to launch it manually, every push to GitHub will deploy the application with a dedicated URL):

  npm run deploy
  

Other targets:

• compile and minify for production

  npm run build
  

• run your unit tests

  npm run test:unit
  

• lint and fix files

  npm run lint
  

• release a new version

  npm run release
  

  and then edit CHANGELOG.md to add:

  • Online demo URL: see https://zeit.co/lyondataviz/occupapp/deployments
  • Issues milestone (if corresponding): see https://github.com/LyonDataViz/occupapp/milestones
  • Zip download: see https://github.com/LyonDataViz/occupapp/releases

Build upon Vue.js, see Configuration Reference. Use vue upgrade to keep your dependencies up to date (possibly after upgrading Vue CLI with npm install -g @vue/cli). Other dependencies might be updated directly with npm, taking care not to break the ones managed by Vue CLI (in particular, by now, Vue CLI dependencies require ESLint 5, so don't upgrade to ESLint 6).

To lint with Atom Editor, install linter-eslint, add , source.ts, text.html.vue to the "List of scopes", and unselect "Lint HTML files". Note that I don't know how to get Typescript linting in Atom: I just launch npm run serve, and see the result of the type checking done through Webpack. Some references:

• https://alligator.io/vuejs/vue-eslint-plugin/
• vuejs/eslint-plugin-vue#371 (comment)

The Vue components are developed as TypeScript classes. See:

• https://vuejs.org/v2/guide/typescript.html#Basic-Usage
• https://github.com/vuejs/vue-class-component/blob/master/example/src/App.vue
• https://github.com/kaorun343/vue-property-decorator

The Vuex stores are dynamic modules, and use Typescript. See https://championswimmer.in/vuex-module-decorators/.

Documentation

Project developed for the LIRIS M2i project by Sylvain Lesage with Celia Gremillet, Philippe Rivière, Gabin Rolland, Aurélien Tabard and Romain Vuillemot.