import Stage2d from "@/makio/2d/Stage2d";
import { RenderTexture, Sprite } from "pixi.js";

export default class NineSliceMask extends Sprite{

	constructor(nineSliceSprite){

		let renderTexture = new RenderTexture({
			antialias: true,
			width: nineSliceSprite.width,
			height: nineSliceSprite.height,
		})

		super(renderTexture)

		this.sprite = this.nineSliceSprite = nineSliceSprite
		this.renderTexture = renderTexture

		// add this one to the main stage to
		this.forceRefreshSprite = new Sprite(this.renderTexture)
		this.forceRefreshSprite.alpha = 0
		this.forceRefreshSprite.visible = false

		this.updateTexture()
	}

	drawMask(){
		Stage2d.app.renderer.render({
			container: this.nineSliceSprite,
			target: this.renderTexture,
			clear: true,
		})
	}

	updateTexture(){
		if(this.nineSliceSprite.width != this.renderTexture.width || this.nineSliceSprite.height != this.renderTexture.height){
			console.log('updatesize', this.nineSliceSprite.width, this.nineSliceSprite.height)
			this.renderTexture.resize(this.nineSliceSprite.width, this.nineSliceSprite.height)
		}

		this.drawMask()
		
		// force refresh on one frame, see bug :
		Stage2d.addChild(this.forceRefreshSprite)
		setTimeout(()=>{
			Stage2d.removeChild(this.forceRefreshSprite)
		}, 1)
	}


}