next-ucap-messenger/projects/ucap-webmessenger-native-browser/src/lib/translate/browser-loader.ts

import { TranslateLoader } from '@ngx-translate/core';
import { Observable } from 'rxjs';
import { NativeService } from '@ucap-webmessenger/native';
import { take, map } from 'rxjs/operators';
import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root',
})
export class TranslateLoaderService implements TranslateLoader {
  constructor(
    private nativeService: NativeService,
    private prefix: string = '/assets/i18n/',
    private suffix: string = '.json'
  ) {}

  /**
   * Gets the translations from the server
   */
  public getTranslation(lang: string): Observable<any> {
    return this.nativeService
      .readFile(`${this.prefix}${lang}.${this.suffix}`)
      .pipe(
        take(1),
        map(buffer => {
          return JSON.parse(buffer.toString('utf-8'));
        })
      );
  }
}