import { Pipe, PipeTransform } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';
import { WriteableBitmap } from '@mobilize/wms-framework';

@Pipe({
  name: 'imagedatatobase64',
})
export class ImageDataToBase64 implements PipeTransform {
  constructor(private sanitizer: DomSanitizer) {}

  public transform(value: any): any {
    let data = [];
    if (value instanceof WriteableBitmap) {
      data = value.data;
    } else if (value instanceof Array) {
      data = value;
    }
    /// WARNING btoa may not be available in all browsers
    var base64Text =
      'data:image/gif;base64,' +
      btoa(data.map((d) => String.fromCharCode(d)).join(''));

    return this.sanitizer.bypassSecurityTrustUrl(base64Text);
  }
}