chore(Conventions): naming standards

closes PatrickJS#185

Author: NathanWalker

package.json

@@ -70,7 +70,7 @@
     "tslint-loader": "^2.1.0",
     "typedoc": "^0.3.12",
     "typescript": "^1.7.3",
-    "typings": "^0.3.1",
+    "typings": "^0.4.1",
     "url-loader": "^0.5.6",
     "webpack": "^1.12.9",
     "webpack-dev-server": "^1.12.1"

src/app/app.spec.ts src/app/components/app.component.spec.ts

@@ -7,15 +7,15 @@ import {
 } from 'angular2/testing';
 
 // Load the implementations that should be tested
-import {App} from './app';
+import {AppCmp} from './app.component';
 
 describe('App', () => {
   // provide our implementations or mocks to the dependency injector
   beforeEachProviders(() => [
-    App
+    AppCmp
   ]);
 
-  it('should have a url', inject([ App ], (app) => {
+  it('should have a url', inject([ AppCmp ], (app) => {
     expect(app.url).toEqual('https://twitter.com/AngularClass');
   }));
 

src/app/app.ts src/app/components/app.component.ts

@@ -5,7 +5,7 @@ import {Component} from 'angular2/core';
 import {RouteConfig, Router, ROUTER_DIRECTIVES} from 'angular2/router';
 import {FORM_PROVIDERS} from 'angular2/common';
 
-import {Home} from './home/home';
+import {HomeCmp} from './home/home.component';
 
 /*
  * App Component
@@ -36,10 +36,10 @@ import {Home} from './home/home';
   `
 })
 @RouteConfig([
-  { path: '/', component: Home, name: 'Index' },
-  { path: '/home', component: Home, name: 'Home' }
+  { path: '/', component: HomeCmp, name: 'Index' },
+  { path: '/home', component: HomeCmp, name: 'Home' }
 ])
-export class App {
+export class AppCmp {
   name = 'Angular 2 Webpack Starter';
   url = 'https://twitter.com/AngularClass';
   constructor() {

src/app/home/home.spec.ts src/app/components/home/home.component.spec.ts

@@ -12,14 +12,14 @@ import {BaseRequestOptions, Http} from 'angular2/http';
 import {MockBackend} from 'angular2/http/testing';
 
 // Load the implementations that should be tested
-import {Home} from './home';
-import {Title} from './providers/title';
+import {HomeCmp} from './home.component';
+import {Title} from '../../providers/title.provider';
 
 describe('Home', () => {
   // provide our implementations or mocks to the dependency injector
   beforeEachProviders(() => [
     Title,
-    Home,
+    HomeCmp,
     BaseRequestOptions,
     MockBackend,
     provide(Http, {
@@ -29,15 +29,15 @@ describe('Home', () => {
       deps: [MockBackend, BaseRequestOptions]})
   ]);
 
-  it('should have a title', inject([ Home ], (home) => {
+  it('should have a title', inject([ HomeCmp ], (home) => {
     expect(home.title.value).toEqual('Angular 2');
   }));
 
-  it('should have a http', inject([ Home ], (home) => {
+  it('should have a http', inject([ HomeCmp ], (home) => {
     expect(!!home.http).toEqual(true);
   }));
 
-  it('should log ngOnInit', inject([ Home ], (home) => {
+  it('should log ngOnInit', inject([ HomeCmp ], (home) => {
     spyOn(console, 'log');
     expect(console.log).not.toHaveBeenCalled();
 

src/app/home/home.ts src/app/components/home/home.component.ts

@@ -1,13 +1,13 @@
-import {Component} from 'angular2/core';
+import {Component, OnInit} from 'angular2/core';
 import {FORM_DIRECTIVES} from 'angular2/common';
 import {Http} from 'angular2/http';
 
-import {Title} from './providers/title';
-import {XLarge} from './directives/x-large';
+import {Title} from '../../providers/title.provider';
+import {XLarge} from '../../directives/x-large.directive';
 
 @Component({
   // The selector is what angular internally uses
-  // for `document.querySelectorAll(selector)` in our index.html
+  // for document.querySelectorAll(selector) in our index.html
   // where, in this case, selector is the string 'app'
   selector: 'home',  // <home></home>
   // We need to tell Angular's Dependency Injection which providers are in our app.
@@ -27,7 +27,7 @@ import {XLarge} from './directives/x-large';
   // Every Angular template is first compiled by the browser before Angular runs it's compiler
   template: require('./home.html')
 })
-export class Home {
+export class HomeCmp implements OnInit {
   // TypeScript public modifiers
   constructor(public title: Title, public http: Http) {
 

src/app/home/home.css src/app/components/home/home.css

@@ -12,7 +12,7 @@ import {BaseRequestOptions, Http} from 'angular2/http';
 import {MockBackend} from 'angular2/http/testing';
 
 // Load the implementations that should be tested
-import {XLarge} from './x-large';
+import {XLarge} from './x-large.directive';
 
 describe('x-large directive', () => {
   // Create a test component to test directives

src/app/home/home.html src/app/components/home/home.html

@@ -5,7 +5,7 @@ import {
   beforeEachProviders,
   TestComponentBuilder
 } from 'angular2/testing';
-import {Title} from './title';
+import {Title} from './title.provider';
 
 describe('Title', () => {
   let title;

src/app/home/directives/x-large.spec.ts src/app/directives/x-large.directive.spec.ts

@@ -10,13 +10,13 @@ import {HTTP_PROVIDERS} from 'angular2/http';
  * App Component
  * our top level component that holds all of our components
  */
-import {App} from './app/app';
+import {AppCmp} from './app/components/app.component';
 /*
  * Bootstrap our Angular app with a top level component `App` and inject
  * our Services and Providers into Angular's dependency injection
  */
 document.addEventListener('DOMContentLoaded', function main() {
-  bootstrap(App, [
+  bootstrap(AppCmp, [
     ...('production' === process.env.ENV ? [] : ELEMENT_PROBE_PROVIDERS),
     ...HTTP_PROVIDERS,
     ...ROUTER_PROVIDERS,

src/app/home/directives/x-large.ts src/app/directives/x-large.directive.ts

@@ -9,15 +9,18 @@
     "sourceMap": true
   },
   "files": [
-    "typings/main.d.ts",
-    "test/injector.spec.ts",
-    "test/sanity-test.spec.ts",
-    "src/app/app.spec.ts",
-    "src/app/home/home.spec.ts",
-    "src/app/home/directives/x-large.spec.ts",
-    "src/app/home/providers/title.spec.ts",
-    "src/main.ts",
-    "src/vendor.ts"
+    "./src/app/components/app.component.spec.ts",
+    "./src/app/components/app.component.ts",
+    "./src/app/components/home/home.component.spec.ts",
+    "./src/app/components/home/home.component.ts",
+    "./src/app/directives/x-large.directive.spec.ts",
+    "./src/app/directives/x-large.directive.ts",
+    "./src/app/providers/title.provider.spec.ts",
+    "./src/app/providers/title.provider.ts",
+    "./src/main.ts",
+    "./src/vendor.ts",
+    "./test/injector.spec.ts",
+    "./test/sanity-test.spec.ts"
   ],
   "filesGlob": [
     "./src/**/*.ts",
@@ -26,5 +29,7 @@
   ],
   "compileOnSave": false,
   "buildOnSave": false,
-  "atom": { "rewriteTsconfig": true }
+  "atom": {
+    "rewriteTsconfig": true
+  }
 }