import { Injectable } from "@angular/core";
import { Observable, Subject } from "rxjs";

import { WidgetframeService } from "../../widgetframe/widgetframe.service";
import { first, map, shareReplay } from "rxjs/operators";

export const themesUrl = "/api/public/configuration/themes";
export const tinyUrl = "/api/public/configuration/tiny";

@Injectable()
export class ConfigService {
  private themesObservable;
  private tinyObservable;

  constructor(public widgetframeService: WidgetframeService) {
    this.themesObservable = this.widgetframeService.getData(themesUrl).pipe(
      map((data) => data._embedded.themes),
      shareReplay()
    );

    this.tinyObservable = this.widgetframeService
      .getData(tinyUrl)
      .pipe(shareReplay());
  }

  getThemes(): Observable<any[]> {
    return this.themesObservable.pipe(first());
  }

  getTinyConfig(): Observable<string> {
    return this.tinyObservable.pipe(first());
  }
}