import { isPlatformBrowser } from '@angular/common';
import { inject, Injectable, PLATFORM_ID } from '@angular/core';

class LocalStorageFallback implements Storage {
  [name: string]: any;
  readonly length = 0;
  clear(): void { }
  getItem(_key: string): string | null { return null; }
  key(_index: number): string | null { return null; }
  removeItem(_key: string): void { }
  setItem(_key: string, _value: string): void { }
}

@Injectable({
  providedIn: 'root'
})
export class LocalStorageService implements Storage {

  private storage: Storage;

  [name: string]: any;
  get length(): number {
    return this.storage.length;
  }

  constructor() {
    const platformId = inject(PLATFORM_ID);
    if (isPlatformBrowser(platformId)) {
      this.storage = localStorage;
    } else {
      this.storage = new LocalStorageFallback();
    }
  }

  clear(): void {
    this.storage.clear();
  }

  getItem(key: string): string | null {
    return this.storage.getItem(key);
  }

  key(index: number): string | null {
    return this.storage.key(index);
  }

  removeItem(key: string): void {
    return this.storage.removeItem(key);
  }

  setItem(key: string, value: string): void {
    return this.storage.setItem(key, value);
  }
}