chore(Example): Renamed files to be consistent with Angular CLI (ngrx…

…#997)

Closes ngrx#983

.gitignore

@@ -68,3 +68,5 @@ output
 *.ngsummary.json
 *.ngfactory.ts
 tmp
+
+example-dist/

docs/effects/api.md

@@ -118,7 +118,7 @@ If you want to trigger another action, be careful to add this effect at the end.
 import { Injectable } from '@angular/core';
 import { Actions, Effect, ofType } from '@ngrx/effects';
 import { defer } from 'rxjs';
-import { LoginAction, LogoutAction } from './auth';
+import { LoginAction, LogoutAction } from './auth.actions';
 
 @Injectable()
 export class SomeEffectsClass {

docs/store/actions.md

@@ -6,7 +6,7 @@ Provide the `ActionReducerMap<T>` with your reducer map for added type checking.
 
 ```ts
 import { ActionReducerMap } from '@ngrx/store';
-import * as fromAuth from './auth';
+import * as fromAuth from './auth.actions';
 
 export interface State {
   auth: fromAuth.State;
@@ -45,10 +45,7 @@ export class Reset implements Action {
   constructor(public payload: number) {}
 }
 
-export type CounterActionsUnion =
-  | Increment
-  | Decrement
-  | Reset;
+export type CounterActionsUnion = Increment | Decrement | Reset;
 ```
 
 This provides typed actions for your reducer functions.
@@ -58,7 +55,7 @@ This provides typed actions for your reducer functions.
 import { CounterActionTypes, CounterActionsUnion } from './counter.actions';
 
 export function reducer(state: number = 0, action: CounterActionsUnion): State {
-  switch(action.type) {
+  switch (action.type) {
     case CounterActionTypes.INCREMENT: {
       return state + 1;
     }
@@ -95,7 +92,7 @@ interface AppState {
     <button (click)="increment()">Increment</button>
     <button (click)="decrement()">Decrement</button>
     <button (click)="reset()">Reset Counter</button>
-    
+
     <div>Current Count: {{ counter | async }}</div>
   `,
 })

example-app/app/app.module.ts

@@ -22,7 +22,7 @@ import { reducers, metaReducers } from './reducers';
 import { schema } from './db';
 import { CustomRouterStateSerializer } from './shared/utils';
 
-import { AppComponent } from './core/containers/app';
+import { AppComponent } from './core/containers/app.component';
 import { environment } from '../environments/environment';
 
 @NgModule({

example-app/app/auth/containers/login-page.component.spec.ts

@@ -5,7 +5,7 @@ import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { StoreModule, Store, combineReducers } from '@ngrx/store';
 import { LoginPageComponent } from './login-page.component';
 import { LoginFormComponent } from '../components/login-form.component';
-import * as AuthActions from '../actions/auth';
+import * as AuthActions from '../actions/auth.actions';
 import * as fromAuth from '../reducers';
 
 describe('Login Page', () => {

example-app/app/auth/containers/login-page.component.ts

@@ -2,7 +2,7 @@ import { Component, OnInit } from '@angular/core';
 import { Store, select } from '@ngrx/store';
 import { Authenticate } from '../models/user';
 import * as fromAuth from '../reducers';
-import * as AuthActions from '../actions/auth';
+import * as AuthActions from '../actions/auth.actions';
 
 @Component({
   selector: 'bc-login-page',

example-app/app/auth/effects/auth.effects.spec.ts

@@ -10,7 +10,7 @@ import {
   LoginRedirect,
   LoginSuccess,
   Logout,
-} from '../actions/auth';
+} from '../actions/auth.actions';
 import { Authenticate, User } from '../models/user';
 import { AuthService } from '../services/auth.service';
 import { AuthEffects } from './auth.effects';

example-app/app/auth/effects/auth.effects.ts

@@ -9,7 +9,7 @@ import {
   Login,
   LoginFailure,
   LoginSuccess,
-} from '../actions/auth';
+} from '../actions/auth.actions';
 import { Authenticate } from '../models/user';
 import { AuthService } from '../services/auth.service';
 

example-app/app/auth/reducers/auth.spec.ts → example-app/app/auth/reducers/auth.reducer.spec.ts

@@ -1,6 +1,6 @@
-import { reducer } from './auth';
-import * as fromAuth from './auth';
-import { Login, LoginSuccess, Logout } from '../actions/auth';
+import { reducer } from './auth.reducer';
+import * as fromAuth from './auth.reducer';
+import { Login, LoginSuccess, Logout } from '../actions/auth.actions';
 import { Authenticate, User } from '../models/user';
 
 describe('AuthReducer', () => {

example-app/app/auth/reducers/auth.ts → example-app/app/auth/reducers/auth.reducer.ts

@@ -1,4 +1,4 @@
-import { AuthActionsUnion, AuthActionTypes } from './../actions/auth';
+import { AuthActionsUnion, AuthActionTypes } from './../actions/auth.actions';
 import { User } from '../models/user';
 
 export interface State {

example-app/app/auth/reducers/index.ts

@@ -4,8 +4,8 @@ import {
   ActionReducerMap,
 } from '@ngrx/store';
 import * as fromRoot from '../../reducers';
-import * as fromAuth from './auth';
-import * as fromLoginPage from './login-page';
+import * as fromAuth from './auth.reducer';
+import * as fromLoginPage from './login-page.reducer';
 
 export interface AuthState {
   status: fromAuth.State;

example-app/app/auth/reducers/login-page.spec.ts → example-app/app/auth/reducers/login-page.reducer.spec.ts

@@ -1,6 +1,11 @@
-import { reducer } from './login-page';
-import * as fromLoginPage from './login-page';
-import { Login, LoginSuccess, LoginFailure, Logout } from '../actions/auth';
+import { reducer } from './login-page.reducer';
+import * as fromLoginPage from './login-page.reducer';
+import {
+  Login,
+  LoginSuccess,
+  LoginFailure,
+  Logout,
+} from '../actions/auth.actions';
 import { Authenticate, User } from '../models/user';
 
 describe('LoginPageReducer', () => {

example-app/app/auth/reducers/login-page.ts → example-app/app/auth/reducers/login-page.reducer.ts

@@ -1,4 +1,4 @@
-import { AuthActionTypes, AuthActionsUnion } from './../actions/auth';
+import { AuthActionTypes, AuthActionsUnion } from './../actions/auth.actions';
 
 export interface State {
   error: string | null;

example-app/app/auth/services/auth-guard.service.spec.ts

@@ -2,7 +2,7 @@ import { TestBed, inject } from '@angular/core/testing';
 import { StoreModule, Store, combineReducers } from '@ngrx/store';
 import { cold } from 'jasmine-marbles';
 import { AuthGuard } from './auth-guard.service';
-import * as AuthActions from '../actions/auth';
+import * as AuthActions from '../actions/auth.actions';
 import * as fromRoot from '../../reducers';
 import * as fromAuth from '../reducers';
 

example-app/app/auth/services/auth-guard.service.ts

@@ -3,7 +3,7 @@ import { CanActivate } from '@angular/router';
 import { Store, select } from '@ngrx/store';
 import { Observable } from 'rxjs';
 import { map, take } from 'rxjs/operators';
-import * as AuthActions from '../actions/auth';
+import * as AuthActions from '../actions/auth.actions';
 import * as fromAuth from '../reducers';
 
 @Injectable()

example-app/app/books/books.module.ts

@@ -5,14 +5,14 @@ import { StoreModule } from '@ngrx/store';
 import { EffectsModule } from '@ngrx/effects';
 
 import { ComponentsModule } from './components';
-import { BookEffects } from './effects/book';
-import { CollectionEffects } from './effects/collection';
-import { BookExistsGuard } from './guards/book-exists';
+import { BookEffects } from './effects/book.effects';
+import { CollectionEffects } from './effects/collection.effects';
+import { BookExistsGuard } from './guards/book-exists.guard';
 
-import { FindBookPageComponent } from './containers/find-book-page';
-import { ViewBookPageComponent } from './containers/view-book-page';
-import { SelectedBookPageComponent } from './containers/selected-book-page';
-import { CollectionPageComponent } from './containers/collection-page';
+import { FindBookPageComponent } from './containers/find-book-page.component';
+import { ViewBookPageComponent } from './containers/view-book-page.component';
+import { SelectedBookPageComponent } from './containers/selected-book-page.component';
+import { CollectionPageComponent } from './containers/collection-page.component';
 import { MaterialModule } from '../material';
 
 import { reducers } from './reducers';

example-app/app/books/components/index.ts

@@ -3,11 +3,11 @@ import { CommonModule } from '@angular/common';
 import { ReactiveFormsModule } from '@angular/forms';
 import { RouterModule } from '@angular/router';
 
-import { BookAuthorsComponent } from './book-authors';
-import { BookDetailComponent } from './book-detail';
-import { BookPreviewComponent } from './book-preview';
-import { BookPreviewListComponent } from './book-preview-list';
-import { BookSearchComponent } from './book-search';
+import { BookAuthorsComponent } from './book-authors.component';
+import { BookDetailComponent } from './book-detail.component';
+import { BookPreviewComponent } from './book-preview.component';
+import { BookPreviewListComponent } from './book-preview-list.component';
+import { BookSearchComponent } from './book-search.component';
 
 import { PipesModule } from '../../shared/pipes';
 import { MaterialModule } from '../../material';

example-app/app/books/containers/collection-page.spec.ts → example-app/app/books/containers/collection-page.component.spec.ts

@@ -1,16 +1,16 @@
-import { CollectionPageComponent } from './collection-page';
+import { CollectionPageComponent } from './collection-page.component';
 import { combineReducers, Store, StoreModule } from '@ngrx/store';
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { RouterTestingModule } from '@angular/router/testing';
 import { MatCardModule, MatInputModule } from '@angular/material';
-import { BookPreviewListComponent } from '../components/book-preview-list';
-import { BookPreviewComponent } from '../components/book-preview';
-import * as CollectionActions from '../actions/collection';
+import { BookPreviewListComponent } from '../components/book-preview-list.component';
+import { BookPreviewComponent } from '../components/book-preview.component';
+import * as CollectionActions from '../actions/collection.actions';
 import * as fromBooks from '../reducers';
-import { EllipsisPipe } from '../../shared/pipes/ellipsis';
-import { AddCommasPipe } from '../../shared/pipes/add-commas';
-import { BookAuthorsComponent } from '../components/book-authors';
+import { EllipsisPipe } from '../../shared/pipes/ellipsis.pipe';
+import { AddCommasPipe } from '../../shared/pipes/add-commas.pipe';
+import { BookAuthorsComponent } from '../components/book-authors.component';
 
 describe('Collection Page', () => {
   let fixture: ComponentFixture<CollectionPageComponent>;

example-app/app/books/containers/collection-page.ts → example-app/app/books/containers/collection-page.component.ts

@@ -2,7 +2,7 @@ import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
 import { select, Store } from '@ngrx/store';
 import { Observable } from 'rxjs';
 
-import * as CollectionActions from '../actions/collection';
+import * as CollectionActions from '../actions/collection.actions';
 import { Book } from '../models/book';
 import * as fromBooks from '../reducers';
 

example-app/app/books/containers/find-book-page.spec.ts → example-app/app/books/containers/find-book-page.component.spec.ts

@@ -8,15 +8,15 @@ import {
 import { combineReducers, Store, StoreModule } from '@ngrx/store';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 
-import { BookSearchComponent } from '../components/book-search';
-import { BookPreviewComponent } from '../components/book-preview';
-import { BookPreviewListComponent } from '../components/book-preview-list';
+import { BookSearchComponent } from '../components/book-search.component';
+import { BookPreviewComponent } from '../components/book-preview.component';
+import { BookPreviewListComponent } from '../components/book-preview-list.component';
 import { RouterTestingModule } from '@angular/router/testing';
-import { EllipsisPipe } from '../../shared/pipes/ellipsis';
-import { BookAuthorsComponent } from '../components/book-authors';
-import { AddCommasPipe } from '../../shared/pipes/add-commas';
-import { FindBookPageComponent } from './find-book-page';
-import * as BookActions from '../actions/book';
+import { EllipsisPipe } from '../../shared/pipes/ellipsis.pipe';
+import { BookAuthorsComponent } from '../components/book-authors.component';
+import { AddCommasPipe } from '../../shared/pipes/add-commas.pipe';
+import { FindBookPageComponent } from './find-book-page.component';
+import * as BookActions from '../actions/book.actions';
 import * as fromBooks from '../reducers';
 
 describe('Find Book Page', () => {

example-app/app/books/containers/find-book-page.ts → example-app/app/books/containers/find-book-page.component.ts

@@ -3,7 +3,7 @@ import { select, Store } from '@ngrx/store';
 import { Observable } from 'rxjs';
 import { take } from 'rxjs/operators';
 
-import * as BookActions from '../actions/book';
+import * as BookActions from '../actions/book.actions';
 import { Book } from '../models/book';
 import * as fromBooks from '../reducers';
 

example-app/app/books/containers/selected-book-page.spec.ts → example-app/app/books/containers/selected-book-page.component.spec.ts

@@ -1,15 +1,15 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { SelectedBookPageComponent } from './selected-book-page';
+import { SelectedBookPageComponent } from './selected-book-page.component';
 import { combineReducers, Store, StoreModule } from '@ngrx/store';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { MatCardModule } from '@angular/material';
 
-import * as CollectionActions from '../actions/collection';
+import * as CollectionActions from '../actions/collection.actions';
 import * as fromBooks from '../reducers';
-import { BookDetailComponent } from '../components/book-detail';
+import { BookDetailComponent } from '../components/book-detail.component';
 import { Book, generateMockBook } from '../models/book';
-import { BookAuthorsComponent } from '../components/book-authors';
-import { AddCommasPipe } from '../../shared/pipes/add-commas';
+import { BookAuthorsComponent } from '../components/book-authors.component';
+import { AddCommasPipe } from '../../shared/pipes/add-commas.pipe';
 
 describe('Selected Book Page', () => {
   let fixture: ComponentFixture<SelectedBookPageComponent>;

example-app/app/books/containers/selected-book-page.ts → example-app/app/books/containers/selected-book-page.component.ts

@@ -3,7 +3,7 @@ import { Store, select } from '@ngrx/store';
 import { Observable } from 'rxjs';
 
 import * as fromBooks from '../reducers';
-import * as CollectionActions from '../actions/collection';
+import * as CollectionActions from '../actions/collection.actions';
 import { Book } from '../models/book';
 
 @Component({

example-app/app/books/containers/view-book-page.spec.ts → example-app/app/books/containers/view-book-page.component.spec.ts

@@ -4,13 +4,13 @@ import { ActivatedRoute } from '@angular/router';
 import { BehaviorSubject } from 'rxjs';
 import { MatCardModule } from '@angular/material';
 
-import { ViewBookPageComponent } from './view-book-page';
-import * as BookActions from '../actions/book';
+import { ViewBookPageComponent } from './view-book-page.component';
+import * as BookActions from '../actions/book.actions';
 import * as fromBooks from '../reducers';
-import { SelectedBookPageComponent } from './selected-book-page';
-import { BookDetailComponent } from '../components/book-detail';
-import { BookAuthorsComponent } from '../components/book-authors';
-import { AddCommasPipe } from '../../shared/pipes/add-commas';
+import { SelectedBookPageComponent } from './selected-book-page.component';
+import { BookDetailComponent } from '../components/book-detail.component';
+import { BookAuthorsComponent } from '../components/book-authors.component';
+import { AddCommasPipe } from '../../shared/pipes/add-commas.pipe';
 
 describe('View Book Page', () => {
   let params = new BehaviorSubject({});

example-app/app/books/containers/view-book-page.ts → example-app/app/books/containers/view-book-page.component.ts

@@ -5,7 +5,7 @@ import { Subscription } from 'rxjs';
 import { map } from 'rxjs/operators';
 
 import * as fromBooks from '../reducers';
-import * as BookActions from '../actions/book';
+import * as BookActions from '../actions/book.actions';
 
 /**
  * Note: Container components are also reusable. Whether or not

example-app/app/books/effects/book.spec.ts → example-app/app/books/effects/book.effects.spec.ts

@@ -3,10 +3,10 @@ import { Actions } from '@ngrx/effects';
 import { cold, getTestScheduler, hot } from 'jasmine-marbles';
 import { empty, Observable } from 'rxjs';
 
-import { GoogleBooksService } from '../../core/services/google-books';
-import { Search, SearchComplete, SearchError } from '../actions/book';
+import { GoogleBooksService } from '../../core/services/google-books.service';
+import { Search, SearchComplete, SearchError } from '../actions/book.actions';
 import { Book } from '../models/book';
-import { BookEffects, SEARCH_DEBOUNCE, SEARCH_SCHEDULER } from './book';
+import { BookEffects, SEARCH_DEBOUNCE, SEARCH_SCHEDULER } from './book.effects';
 
 export class TestActions extends Actions {
   constructor() {

example-app/app/books/effects/book.ts → example-app/app/books/effects/book.effects.ts

@@ -11,13 +11,13 @@ import {
   takeUntil,
 } from 'rxjs/operators';
 
-import { GoogleBooksService } from '../../core/services/google-books';
+import { GoogleBooksService } from '../../core/services/google-books.service';
 import {
   BookActionTypes,
   Search,
   SearchComplete,
   SearchError,
-} from '../actions/book';
+} from '../actions/book.actions';
 import { Book } from '../models/book';
 import { Scheduler } from 'rxjs/internal/Scheduler';
 

example-app/app/books/effects/collection.spec.ts → example-app/app/books/effects/collection.effects.spec.ts

@@ -4,9 +4,9 @@ import { Actions } from '@ngrx/effects';
 import { cold, hot } from 'jasmine-marbles';
 import { empty, Observable } from 'rxjs';
 
-import * as CollectionActions from '../actions/collection';
+import * as CollectionActions from '../actions/collection.actions';
 import { Book } from '../models/book';
-import { CollectionEffects } from './collection';
+import { CollectionEffects } from './collection.effects';
 
 export class TestActions extends Actions {
   constructor() {

example-app/app/books/effects/collection.ts → example-app/app/books/effects/collection.effects.ts

@@ -16,7 +16,7 @@ import {
   RemoveBook,
   RemoveBookFail,
   RemoveBookSuccess,
-} from './../actions/collection';
+} from './../actions/collection.actions';
 
 @Injectable()
 export class CollectionEffects {

example-app/app/books/guards/book-exists.ts → example-app/app/books/guards/book-exists.guard.ts

@@ -4,8 +4,8 @@ import { select, Store } from '@ngrx/store';
 import { Observable, of } from 'rxjs';
 import { catchError, filter, map, switchMap, take, tap } from 'rxjs/operators';
 
-import { GoogleBooksService } from '../../core/services/google-books';
-import * as BookActions from '../actions/book';
+import { GoogleBooksService } from '../../core/services/google-books.service';
+import * as BookActions from '../actions/book.actions';
 import * as fromBooks from '../reducers';
 
 /**