SFX build: phase 1 (#74)

* init new build

* update dependencies

* Integrate with Codelyzer

* chore(tslint.json): update semicolon value

* change tslint order and separate

Author: antonybudianto

README.md

@@ -23,12 +23,13 @@
 ## Introduction
 Welcome to Angular 2 Starter!
 This starter contains almost everything you need to start developing [Angular 2](https://angular.io/):
+* [NPM](https://www.npmjs.com/) for package manager
 * [TypeScript](http://www.typescriptlang.org/) for the base language
   * with [Typings](https://github.com/typings/typings) for TypeScript definition manager
 * [Gulp](http://gulpjs.com/) for workflow (from *serve*, *watch*, *compile*, *test* to *build*)
-* [NPM](https://www.npmjs.com/) for package manager
 * [Browsersync](https://www.browsersync.io/) for development server & reload capability
 * [SystemJS](https://github.com/systemjs/systemjs) for module loader
+* [Codelyzer](https://github.com/mgechev/codelyzer) for static code analyzer
 * [Karma](http://karma-runner.github.io/) for test-runner
 * [Jasmine](http://jasmine.github.io/) for test framework
 * [Istanbul](https://github.com/gotwarlost/istanbul) for test coverage

app/app.component.spec.ts

@@ -22,8 +22,8 @@ import { AppComponent } from './app.component';
 import { LoggerService } from './blocks/logger.service';
 
 @Component({
-    selector: 'test',
-    template: '<div><main-app></main-app></div>',
+    selector: 'as-test',
+    template: '<div><as-main-app></as-main-app></div>',
     directives: [AppComponent]
 })
 class TestComponent {

app/app.component.ts

@@ -5,7 +5,7 @@ import {NavbarComponent} from './navbar/navbar.component';
 import {LoggerService} from './blocks/logger.service';
 
 @Component({
-    selector: 'main-app',
+    selector: 'as-main-app',
     templateUrl: 'app/app.html',
     directives: [RouterOutlet, NavbarComponent]
 })

app/app.html

@@ -1,4 +1,4 @@
-<navbar [routes]="appRoutes" brand="Angular 2 Starter"></navbar>
+<as-navbar [routes]="appRoutes" brand="Angular 2 Starter"></as-navbar>
 <div class="container" style="margin-top: 100px;">
 	<router-outlet></router-outlet>
 </div>

app/home/home.component.ts

@@ -1,7 +1,7 @@
 import {Component} from '@angular/core';
 
 @Component({
-    selector: 'home',
+    selector: 'as-home',
     templateUrl: 'app/home/home.html',
     styleUrls: [
         'app/home/home.css'

app/navbar/navbar.component.ts

@@ -3,7 +3,7 @@ import {CORE_DIRECTIVES} from '@angular/common';
 import {RouterLink, RouteDefinition} from '@angular/router-deprecated';
 
 @Component({
-    selector: 'navbar',
+    selector: 'as-navbar',
     templateUrl: 'app/navbar/navbar.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     directives: [RouterLink, CORE_DIRECTIVES]

app/simplebind/child.component.spec.ts

@@ -13,9 +13,9 @@ import { Component } from '@angular/core';
 import { ChildComponent } from './child.component';
 
 @Component({
-    selector: 'test',
+    selector: 'as-test',
     template: `
-    <child text="Hello test" [(fromParent)]="testName"></child>
+    <as-child text="Hello test" [(fromParent)]="testName"></as-child>
     `,
     directives: [ChildComponent]
 })

app/simplebind/child.component.ts

@@ -1,7 +1,7 @@
 import {Component, Input, Output, EventEmitter} from '@angular/core';
 
 @Component({
-    selector: 'child',
+    selector: 'as-child',
     template: `
         <h5>{{text}}</h5>
         <h6>{{fromParent}}</h6>

app/simplebind/simplebind.component.spec.ts

@@ -12,8 +12,8 @@ import { Component } from '@angular/core';
 import { SimplebindComponent } from './simplebind.component';
 
 @Component({
-    selector: 'test',
-    template: '<div><simplebind></simplebind></div>',
+    selector: 'as-test',
+    template: '<div><as-simplebind></as-simplebind></div>',
     directives: [SimplebindComponent]
 })
 class TestComponent {

app/simplebind/simplebind.component.ts

@@ -2,7 +2,7 @@ import {Component} from '@angular/core';
 import {ChildComponent} from './child.component';
 
 @Component({
-    selector: 'simplebind',
+    selector: 'as-simplebind',
     templateUrl: 'app/simplebind/simplebind.html',
     directives: [ChildComponent]
 })