New HttpClient Service

http-client.service.ts

import { environment } from '@amaleyat/environments/dev.environment';
import { HttpClient, HttpErrorResponse } from '@angular/common/http';
import { Inject, Injectable, PLATFORM_ID } from '@angular/core';
import { Observable } from 'rxjs/internal/Observable';
import { throwError } from 'rxjs/internal/observable/throwError';
import { catchError } from 'rxjs/internal/operators/catchError';
import { isPlatformBrowser } from '@angular/common';
import { LanguageService } from './language.service';

@Injectable({
  providedIn: 'root'
})
export class HttpClientService {

  private apiUrl = environment.apiUrl;

  constructor(
    private http: HttpClient,
    @Inject(PLATFORM_ID) private platformId: Object,
    private languageService: LanguageService) { }

  private handleError(error: HttpErrorResponse) {
    if (error.error instanceof ErrorEvent) {
      console.log('error', error.error.message);
    } else {
      const msg = `Backend returned code ${error.status}, ` + `body was: ${error.error}`;
      console.log('error', msg);
    }

    return throwError(() => new Error('Something bad happened; please try again later.'));
  }   

  private request<T>(url: string, params: any | null, method: string): Observable<T> | any {
    if (isPlatformBrowser(this.platformId)) {
      
      // language config with body (Depending on backend structure you can send it within interceptor)
      const currentLanguage: string = this.languageService.currentLanguage;
      const langCode: string = currentLanguage == 'ar' ? 'ar_001' : 'en_US';

      // main body will be sent with every request
      if (params) {
        let mainBody = { lang: langCode, ...params };
        return this.http.request<T>(method, `${this.apiUrl}/${url}`, { body: mainBody }).pipe(catchError(this.handleError));
      }

      return this.http.request<T>(method, `${this.apiUrl}/${url}`).pipe(catchError(this.handleError));
    }
  }

  get<T>(url: string): Observable<T> {
    // language config with url (Depending on backend structure you can send it within interceptor)
    const currentLanguage: string = this.languageService.currentLanguage;
    const langCode: string = currentLanguage == 'ar' ? 'ar_001' : 'en_US';
    return this.request(`${url}?lang=${langCode}`, null, 'GET');
  }

  getPublicUrl<T>(url: string): Observable<T> {
    return this.http.request<T>('GET', url).pipe(catchError(this.handleError));
  }

  post<T>(url: string, params: any | null): Observable<T> {
    return this.request(url, params, 'POST');
  }

  postFile<T>(url: string, params: any | null): Observable<T> {
    return this.http.post<T>(`${this.apiUrl}/${url}`, params).pipe(catchError(this.handleError));
  }

  put<T>(url: string, params: any | null): Observable<T> {
    return this.request(url, params, 'PUT');
  }

  delete<T>(url: string): Observable<T> {
    return this.request(url, {}, 'DELETE');
  }
}