import {
  AnimationBits,
  AnimationPreset,
  AnimationRainbow,
  AnimConstants,
} from "@systemic-games/pixels-core-animation";
import { safeAssign } from "@systemic-games/pixels-core-utils";

import EditAnimation, { EditAnimationParams } from "./EditAnimation";
import EditDataSet from "./EditDataSet";
import { widget, range, name, observable } from "./decorators";

export default class EditAnimationRainbow extends EditAnimation {
  readonly type = "rainbow";

  @widget("count")
  @range(0, 10)
  @name("Repeat Count")
  @observable
  count: number;

  @widget("slider")
  @range(1, 10)
  @name("Cycle Count")
  @observable
  cycles: number;

  @widget("slider")
  @range(0, 1)
  @name("Fading Sharpness")
  @observable
  fade: number;

  @widget("slider")
  @range(0, 1)
  @name("Intensity")
  @observable
  intensity: number;

  @widget("faceMask")
  @name("Face Mask")
  @observable
  faceMask: number;

  constructor(
    opt?: EditAnimationParams & {
      count?: number;
      fade?: number;
      intensity?: number;
      cycles?: number;
      faceMask?: number;
    }
  ) {
    super(opt);
    this.count = opt?.count ?? 1;
    this.fade = opt?.fade ?? 0;
    this.intensity = opt?.intensity ?? 0.5;
    this.cycles = opt?.cycles ?? 1;
    this.faceMask = opt?.faceMask ?? AnimConstants.faceMaskAll;
  }

  toAnimation(_editSet: EditDataSet, _bits: AnimationBits): AnimationPreset {
    return safeAssign(new AnimationRainbow(), {
      animFlags: this.animFlags,
      duration: this.duration * 1000,
      faceMask: this.faceMask,
      fade: this.fade * 255,
      count: this.count,
      intensity: this.intensity * 255,
      cyclesTimes10: this.cycles * 10,
    });
  }

  duplicate(uuid?: string): EditAnimation {
    return new EditAnimationRainbow({ ...this, uuid });
  }
}