import { fetchFileFromUrl } from "../../utils/utilsFile"

export default class UserAvatar {
  public readonly user: IUser
  // @ts-ignore
  readonly #defaultAvatarFilename: string = "avatar.jpg"

  public file: any // Promise<File>

  constructor(user: IUser, avatar: File | string) {
    this.user = user

    if (typeof avatar === "string") {
      this.file = this.parseRawAvatar(avatar)
    } else {
      // @ts-ignore
      this.file = Promise.resolve(avatar)
    }
  }

  public parseRawAvatar(rawAvatar: string): Promise<File> {
    let filePath = ""

    if (!rawAvatar) {
      rawAvatar = this.#defaultAvatarFilename
    }

    if (rawAvatar.startsWith("http")) {
      // fetch remote avatar defined from the profile config.json
      filePath = rawAvatar
    } else if (this.user.raw.path.startsWith("http")) {
      // fetch remote avatar using user.raw.path as basePath
      filePath = `${this.user.raw.path}/${rawAvatar}`
    } else {
      // fetch local avatar resolving path automatically
      filePath = this.getAvatarFilePath(rawAvatar)
    }

    return fetchFileFromUrl(filePath)
  }

  /**
   * Resolve avatar file path
   *
   * @param filename
   */
  private getAvatarFilePath(filename: string) {
    const plannerAppBaseURL = useNuxtApp().$config.app.baseURL

    // this is needed to avoid errors when content is restored from indexed db
    if (!filename) {
      return ''
    }

    if (filename.startsWith("http")) {
      return filename
    }

    if (this.user.raw.basePath.startsWith("http")) {
      return `${this.user.raw.basePath}/${filename}`
    }

    return `${plannerAppBaseURL}user/${this.user.raw.basePath}/${filename}`
  }

  public get rawFilePath() {
    const plannerAppBaseURL = useNuxtApp().$config.app.baseURL

    return `${plannerAppBaseURL}user/${this.user.raw.basePath}/${this.user.raw.profile.avatar}`
  }

  public export() {
    if (this.isSet) {
      return this.file
    }

    return null
  }

  get isSet() {
    return !!this.file
  }
}