Visuate Dashboard

Simple dashboard for the Visuate app.

What's included?

• npm for package manager
• TypeScript for the base language
  • with Typings for TypeScript definition manager
• Gulp for workflow (from serve, watch, compile, test to build)
• Browsersync for development server & reload capability
• SystemJS for module loader
• Codelyzer for static code analyzer
• Karma for test-runner
• Jasmine for test framework
• Istanbul for test coverage
  • with Remap Istanbul for remapping Javascript to TypeScript coverage
• SystemJS Builder for module bundling in production

Please visit the wiki for more details.

Prerequisites

You need to have Node.js and npm

• Support Node v4 - latest
• Support npm v3 - latest

You also need Gulp CLI.

Installation

Go to the starter directory and install the packages:

npm install

Start

Let's start up the server, run:

npm start

Testing

Unit testing

Just run

npm test

and it'll compile all TypeScript files, start Karma, then remap Istanbul coverage so that it shows TypeScript coverage, not the transpiled JavaScript coverage.

E2E testing

Firstly start the server:

npm start

To begin testing, run:

npm run e2e

and it'll compile all E2E spec files in /src/test/e2e/*.spec.ts, boot up Selenium server then launches Chrome browser.

Production

All build tasks will run the gulp test, the bundle will only be created if the test passed.

For more details, visit Continuous Integration wiki

You can create production build by running:

npm run build

or you can create production build and then serve it using Browsersync by running:

npm run serve-build