import {NgModule} from '@angular/core';
import {Title, BrowserModule} from "@angular/platform-browser";
import {FormsModule, ReactiveFormsModule} from '@angular/forms';
import {HttpModule} from '@angular/http';

import {AppComponent} from './app.component';
import {TaskService} from "./services/task-service/task.service";
import {LoginService} from "./services/login-service/login-service";
import {UserStore} from "./services/stores/user.store";
import {TaskStore} from "./services/stores/task.store";
import {ShowErrorComponent} from './show-error/show-error.component';
import {APPLICATION_VALIDATORS} from './models/app-validators';
import {appRouting, routingComponents, routingProviders} from './app.routing';
import * as io from 'socket.io-client';
import {SOCKET_IO, AUTH_ENABLED} from './app.tokens';
import {environment} from '../environments/environment';
import {mockIO} from './mocks/mock-socket';
import {TaskItemComponent} from './tasks/task-list/task-item.component';
import {UserService} from "./services/user-service/user.service";
import {ShowErrorComponentModelDriven} from "./show-error/show-error-model-driven.component";

export function socketIoFactory() {
  if (environment.e2eMode) {
    return mockIO;
  }
  return io;
}

const enableAuthentication = !environment.e2eMode;

@NgModule({
  imports: [BrowserModule, FormsModule, ReactiveFormsModule, appRouting, HttpModule],
  providers: [LoginService,
    UserService,
    UserStore,
    TaskService,
    TaskStore,
    Title,
    routingProviders,
    {provide: AUTH_ENABLED, useValue: enableAuthentication},
    {provide: SOCKET_IO, useFactory: socketIoFactory},
  ],
  declarations: [AppComponent,
    routingComponents,
    TaskItemComponent,
    ShowErrorComponent,
    ShowErrorComponentModelDriven,
    APPLICATION_VALIDATORS],
  bootstrap: [AppComponent]
})
export class AppModule {
}