feat(formatting): add prettier and format src file

.prettierrc.json

@@ -0,0 +1,6 @@
+{
+  "trailingComma": "es5",
+  "tabWidth": 2,
+  "useEditorConfig": false,
+  "singleQuote": true
+}

package.json

@@ -22,6 +22,7 @@
     "@angular/platform-browser": "~13.0.3",
     "@angular/platform-browser-dynamic": "~13.0.3",
     "@angular/router": "~13.0.3",
+    "prettier": "^2.5.1",
     "rxjs": "~6.6.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.11.4"

src/ChangeStructure.md

@@ -1,3 +1,5 @@
 # October 24 2021 Restructure App
+
 ## Relocation of Services
+
 ## Make Services more loosely coupled

src/app/app-routing.module.ts

@@ -1,12 +1,12 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { BrowserModule } from '@angular/platform-browser';
-import {HttpClientModule} from '@angular/common/http';
+import { HttpClientModule } from '@angular/common/http';
 
 const routes: Routes = [];
 
 @NgModule({
-  imports: [RouterModule.forRoot(routes), BrowserModule,  HttpClientModule],
-  exports: [RouterModule]
+  imports: [RouterModule.forRoot(routes), BrowserModule, HttpClientModule],
+  exports: [RouterModule],
 })
-export class AppRoutingModule { }
+export class AppRoutingModule {}

src/app/app.component.spec.ts

@@ -1,7 +1,10 @@
 import { TestBed } from '@angular/core/testing';
 import { RouterTestingModule } from '@angular/router/testing';
 import { AppComponent } from './app.component';
-import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
+import {
+  HttpClientTestingModule,
+  HttpTestingController,
+} from '@angular/common/http/testing';
 // Other imports
 
 import { HttpClient, HttpErrorResponse } from '@angular/common/http';
@@ -13,17 +16,12 @@ describe('AppComponent', () => {
   let httpTestingController: HttpTestingController;
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [
-        RouterTestingModule,
-        HttpClientTestingModule
-      ],
-      declarations: [
-        AppComponent
-      ],
+      imports: [RouterTestingModule, HttpClientTestingModule],
+      declarations: [AppComponent],
     }).compileComponents();
-        // Inject the http service and test controller for each test
-  httpClient = TestBed.get(HttpClient);
-  httpTestingController = TestBed.get(HttpTestingController);
+    // Inject the http service and test controller for each test
+    httpClient = TestBed.get(HttpClient);
+    httpTestingController = TestBed.get(HttpTestingController);
   });
 
   it('should create the app', () => {
@@ -37,6 +35,4 @@ describe('AppComponent', () => {
     const app = fixture.componentInstance;
     expect(app.title).toEqual('WeatherApp');
   });
-
-
 });

src/app/app.component.ts

@@ -4,19 +4,13 @@ import { HttpService } from '../app/services/http/http.service';
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css']
+  styleUrls: ['./app.component.css'],
 })
 export class AppComponent {
   title = 'WeatherApp';
   currentWeather: any;
   /**
    *
    */
-  constructor(private httpService: HttpService) {
-
-
-  }
-
-
-
+  constructor(private httpService: HttpService) {}
 }

src/app/city-search/city-search.component.ts

@@ -1,56 +1,117 @@
-import {Component} from '@angular/core';
-import {from, Observable, of, OperatorFunction} from 'rxjs';
-import {debounceTime, distinctUntilChanged, map, tap} from 'rxjs/operators';
+import { Component } from '@angular/core';
+import { from, Observable, of, OperatorFunction } from 'rxjs';
+import { debounceTime, distinctUntilChanged, map, tap } from 'rxjs/operators';
 import { HttpService } from '../services/http/http.service';
-import { WeatherInfo , CityLocation} from '../response-interfaces/response-interfaces';
+import {
+  WeatherInfo,
+  CityLocation,
+} from '../response-interfaces/response-interfaces';
 
-
-const states = ['Alabama', 'Alaska', 'American Samoa', 'Arizona', 'Arkansas', 'California', 'Colorado',
-  'Connecticut', 'Delaware', 'District Of Columbia', 'Federated States Of Micronesia', 'Florida', 'Georgia',
-  'Guam', 'Hawaii', 'Idaho', 'Illinois', 'Indiana', 'Iowa', 'Kansas', 'Kentucky', 'Louisiana', 'Maine',
-  'Marshall Islands', 'Maryland', 'Massachusetts', 'Michigan', 'Minnesota', 'Mississippi', 'Missouri', 'Montana',
-  'Nebraska', 'Nevada', 'New Hampshire', 'New Jersey', 'New Mexico', 'New York', 'North Carolina', 'North Dakota',
-  'Northern Mariana Islands', 'Ohio', 'Oklahoma', 'Oregon', 'Palau', 'Pennsylvania', 'Puerto Rico', 'Rhode Island',
-  'South Carolina', 'South Dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont', 'Virgin Islands', 'Virginia',
-  'Washington', 'West Virginia', 'Wisconsin', 'Wyoming'];
+const states = [
+  'Alabama',
+  'Alaska',
+  'American Samoa',
+  'Arizona',
+  'Arkansas',
+  'California',
+  'Colorado',
+  'Connecticut',
+  'Delaware',
+  'District Of Columbia',
+  'Federated States Of Micronesia',
+  'Florida',
+  'Georgia',
+  'Guam',
+  'Hawaii',
+  'Idaho',
+  'Illinois',
+  'Indiana',
+  'Iowa',
+  'Kansas',
+  'Kentucky',
+  'Louisiana',
+  'Maine',
+  'Marshall Islands',
+  'Maryland',
+  'Massachusetts',
+  'Michigan',
+  'Minnesota',
+  'Mississippi',
+  'Missouri',
+  'Montana',
+  'Nebraska',
+  'Nevada',
+  'New Hampshire',
+  'New Jersey',
+  'New Mexico',
+  'New York',
+  'North Carolina',
+  'North Dakota',
+  'Northern Mariana Islands',
+  'Ohio',
+  'Oklahoma',
+  'Oregon',
+  'Palau',
+  'Pennsylvania',
+  'Puerto Rico',
+  'Rhode Island',
+  'South Carolina',
+  'South Dakota',
+  'Tennessee',
+  'Texas',
+  'Utah',
+  'Vermont',
+  'Virgin Islands',
+  'Virginia',
+  'Washington',
+  'West Virginia',
+  'Wisconsin',
+  'Wyoming',
+];
 
 @Component({
   selector: 'app-city-search',
   templateUrl: './city-search.component.html',
-  styles: [`.form-control { width: 300px; }`]
+  styles: [
+    `
+      .form-control {
+        width: 300px;
+      }
+    `,
+  ],
 })
 export class CitySearchComponent {
   public model: any;
   public location!: CityLocation[];
 
-  constructor(private httpService: HttpService) {
-
-  }
+  constructor(private httpService: HttpService) {}
 
-  search: OperatorFunction<string, readonly string[]> = (text$: Observable<string>) =>
+  search: OperatorFunction<string, readonly string[]> = (
+    text$: Observable<string>
+  ) =>
     text$.pipe(
       debounceTime(300),
       distinctUntilChanged(),
-      tap(r=> this.getCity()),
-      map(term => term.length < 2 ? []
-        : this.handleArryOfLocationData(term) )  // TODO: investigate slice amount   //
-    )
-
-    handleArryOfLocationData(term : string):string[]{
-      let cities = [this.location[0].name];
-     return  cities.filter(v => v.toLowerCase().indexOf(term.toLowerCase()) > -1).slice(0, 10)
-       // return [""];
-    }
+      tap((r) => this.getCity()),
+      map((term) =>
+        term.length < 2 ? [] : this.handleArryOfLocationData(term)
+      ) // TODO: investigate slice amount   //
+    );
 
-    getCity() {
-      // TODO have to change httpservice to take url
-      // const weatherInfo$ =   this.httpService.getWeather('c19fda244ae14731aa532946210710') ; // TODo  hide westher key
-      //  weatherInfo$.subscribe(  w => {
-      //   console.log(w.location);
-      //   this.location = [w.location] ;
-      //  });
-
-
-    }
+  handleArryOfLocationData(term: string): string[] {
+    let cities = [this.location[0].name];
+    return cities
+      .filter((v) => v.toLowerCase().indexOf(term.toLowerCase()) > -1)
+      .slice(0, 10);
+    // return [""];
+  }
 
+  getCity() {
+    // TODO have to change httpservice to take url
+    // const weatherInfo$ =   this.httpService.getWeather('c19fda244ae14731aa532946210710') ; // TODo  hide westher key
+    //  weatherInfo$.subscribe(  w => {
+    //   console.log(w.location);
+    //   this.location = [w.location] ;
+    //  });
+  }
 }

src/app/config/config.component.spec.ts

@@ -8,9 +8,8 @@ describe('ConfigComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ ConfigComponent ]
-    })
-    .compileComponents();
+      declarations: [ConfigComponent],
+    }).compileComponents();
   });
 
   beforeEach(() => {

src/app/config/config.component.ts

@@ -5,10 +5,7 @@ import { Component, OnInit } from '@angular/core';
   templateUrl: './config.component.html',
 })
 export class ConfigComponent implements OnInit {
+  constructor() {}
 
-  constructor() { }
-
-  ngOnInit(): void {
-  }
-
+  ngOnInit(): void {}
 }

src/app/config/config.service.ts

@@ -7,24 +7,22 @@ export interface Config {
   heroesUrl: string;
   textfile: string;
   date: any;
-  weatherKey:string;
+  weatherKey: string;
 }
 
 @Injectable({
-  providedIn: 'root'
+  providedIn: 'root',
 })
 export class ConfigService {
-    /**
-     *
-     */
-    //  inject the HttpClient service as a dependency of an application class, as shown in the following
-    constructor(private http:HttpClient) {
+  /**
+   *
+   */
+  //  inject the HttpClient service as a dependency of an application class, as shown in the following
+  constructor(private http: HttpClient) {}
 
-    }
+  configUrl = 'assets/config.json';
 
-    configUrl = 'assets/config.json';
-
-    getConfig(){
-        return this.http.get<Config>(this.configUrl);
-    }
+  getConfig() {
+    return this.http.get<Config>(this.configUrl);
+  }
 }

src/app/display-current-weather/display-current-weather.component.spec.ts

@@ -4,7 +4,10 @@ import { By } from '@angular/platform-browser';
 import { DebugElement } from '@angular/core';
 
 /* tslint:disable:no-unused-variable */
-import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
+import {
+  HttpClientTestingModule,
+  HttpTestingController,
+} from '@angular/common/http/testing';
 // Other imports
 
 import { HttpClient, HttpErrorResponse } from '@angular/common/http';
@@ -21,10 +24,9 @@ describe('DisplayForecastComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ DisplayCurrentWeatherComponent ],
-      imports: [ HttpClientTestingModule ]
-    })
-    .compileComponents();
+      declarations: [DisplayCurrentWeatherComponent],
+      imports: [HttpClientTestingModule],
+    }).compileComponents();
     httpClient = TestBed.get(HttpClient);
     httpTestingController = TestBed.get(HttpTestingController);
   }));