import IAttributeDeclaration from "grimoirejs/ref/Node/IAttributeDeclaration";
import ImageResolver from "../../Asset/ImageResolver";
import TextureUpdatorComponentBase from "./TextureUpdatorComponentBase";

export default class ImageTextureUpdator extends TextureUpdatorComponentBase {
  public static attributes: { [key: string]: IAttributeDeclaration } = {
    src: {
      converter: "String",
      default: null,
    },
  };

  public flipY: boolean;

  public premultipliedAlpha: boolean;

  public src: string;

  private _resolvedImage: HTMLImageElement;

  public $awake() {
    super.$awake();
    this.__bindAttributes();
    this.getAttributeRaw("src").watch((v: string) => {
      if (v !== null) {
        this._loadTask(v);
      }
    }, true);
  }

  public resize(width: number, height: number): void {
    if (this._resolvedImage) {
      this._resolvedImage.width = width;
      this._resolvedImage.height = height;
      this._updateTexture();
    }
  }

  private async _loadTask(src: string): Promise<void> {
    const image = await ImageResolver.resolve(src);
    this._resolvedImage = image;
    this._updateTexture();
  }

  private _updateTexture(): void {
    this.__texture.update(this._resolvedImage, {
      premultipliedAlpha: this.premultipliedAlpha,
      flipY: this.flipY,
    });
  }
}