ClientDataService to abstract away local, session or cookie fallback

ClientDataService.ts

import { Injectable } from '@angular/core';
import { CookieService } from 'ngx-cookie';
declare let Modernizr: any;

@Injectable()
export class ClientDataService {

  private KEY_PREFIX = 'prodreg';
  private KEY_SEPARATOR = '|';
  private storage = null;

  constructor(private cookieService: CookieService) {
    this.storage = this.getStorage();
  }

  private getKey(key: string) {
    return this.KEY_PREFIX + this.KEY_SEPARATOR + key;
  }

  private set(key: string, value: any) {
    this.storage ? this.storage.setItem(this.getKey(key), value) : this.cookieService.put(this.getKey(key), value);
  }

  private get(key: string) {
    return (this.storage ? this.storage.getItem(this.getKey(key)) : this.cookieService.get(this.getKey(key)));
  }

  private remove(key: string) {
    this.storage ? this.storage.removeItem(this.getKey(key)) : this.cookieService.remove(this.getKey(key));
  }

  private clear() {
    this.storage ? this.storage.clear() : this.cookieService.removeAll();
  }

  /// this will fallback down from local, to session to cookies
  private getStorage() {
    if (Modernizr.localstorage) {
      return localStorage;
    } else if (Modernizr.sessionstorage) {
      return sessionStorage;
    } else {
      return null;
    }
  }

  public setItem(key: string, value: any) {
    this.set(key, value);
  }

  public getItem(key: string) {
    return this.get(key);
  }

  public removeItem(key: string) {
    this.remove(key);
  }

  public clearAllItems() {
    return this.clear();
  }
}