<commit_before># Angular 2 Playground
[![Build Status](https://travis-ci.org/rolandjitsu/ng2-play.svg?branch=master)](https://travis-ci.org/rolandjitsu/ng2-play)
[![Dependency Status](https://gemnasium.com/rolandjitsu/ng2-play.svg)](https://gemnasium.com/rolandjitsu/ng2-play)
> Minimal setup of [ES6](https://github.com/lukehoban/es6features), [TypeScript](http://www.typescriptlang.org/), [Angular 2.0](https://angular.io/) and [Firebase](https://firebase.com).

All ES6 files are being compiled/transpiled with [TypeScript](http://www.typescriptlang.org/) (because most of the code is a combination of ES6 and TypeScript specific syntax) to ES5 and loaded in the browser using [SystemJS](https://github.com/systemjs/systemjs). Throughout the app, most of the features in Angular 2.0 are being used. Moreover, a fairly simple example of using [three-way](https://www.firebase.com/resources/images/blog/3-way-binding.png) data binding with Firebase written in ES6 (on top of the Firebase [JavaScript API](https://www.firebase.com/docs/web/)) is being illustrated.


#### Setup
----------
Clone this repo and setup the following tools on your machine:

- [Node](http://nodejs.org) (*if not already installed*)
- [Gulp](http://gulpjs.com/) (*optional*)

After you have the above tools setup, install all runtime/dev dependencies by running:

```shell
$(npm bin)/npm install
```

Now start the webserver and the build process (runs on file change) and navigate to [localhost:8000](http://localhost:8000):

```shell
$(npm bin)/npm start # `$(npm bin)/gulp play` if gulp is installed globally<commit_msg>docs(tests): update the docs with a little info about tests<commit_after># Angular 2 Playground
[![Build Status](https://travis-ci.org/rolandjitsu/ng2-play.svg?branch=master)](https://travis-ci.org/rolandjitsu/ng2-play)
[![Dependency Status](https://gemnasium.com/rolandjitsu/ng2-play.svg)](https://gemnasium.com/rolandjitsu/ng2-play)
> Minimal setup of [ES6](https://github.com/lukehoban/es6features), [TypeScript](http://www.typescriptlang.org/), [Angular 2.0](https://angular.io/) and [Firebase](https://firebase.com).

All ES6 files are being compiled/transpiled with [TypeScript](http://www.typescriptlang.org/) (because most of the code is a combination of ES6 and TypeScript specific syntax) to ES5 and loaded in the browser using [SystemJS](https://github.com/systemjs/systemjs). Throughout the app, most of the features in Angular 2.0 are being used. Moreover, a fairly simple example of using [three-way](https://www.firebase.com/resources/images/blog/3-way-binding.png) data binding with Firebase written in ES6 (on top of the Firebase [JavaScript API](https://www.firebase.com/docs/web/)) is being illustrated.
Besides the above, there are a couple of unit tests that can be useful as an example of how to write tests for Angular 2. The tests are ran using [Karma](http://karma-runner.github.io/0.13/index.html), [Jasmine](http://jasmine.github.io/) and some of the Angular 2 internal test libs; all tests ran on the CI are ran in [Saucelabs](https://saucelabs.com/) browsers and configuring that is also being illustrated.


#### Setup
----------
Clone this repo and setup the following tools on your machine:

- [Node](http://nodejs.org) (*if not already installed*)
- [Gulp](http://gulpjs.com/) (*optional*)

After you have the above tools setup, install all runtime/dev dependencies by running:

```shell
$(npm bin)/npm install
```

Now start the webserver and the build process (runs on file change) and navigate to [localhost:8000](http://localhost:8000):

```shell
$(npm bin)/npm start # `$(npm bin)/gulp play` if gulp is installed globally
{'fraction_non_alphanumeric': 0.1418420333424433, 'fraction_numerical': 0.01448483192128997, 'mean_word_length': 4.8187599364069955, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 21, 'lorem ipsum': 0, 'www.': 8, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7089500', 'n_tokens_mistral': 1158, 'n_tokens_neox': 1098, 'n_words': 367}