Method apply

src/actions/ShowImage.ts:68–110

()

	}

	override async apply(): Promise<void> {
		const position = (this._statement as string).match(/at\s(\S*)/);
		
		// Check if image is cached
		const cacheKey = `images/${this.asset}`;
		const cachedImage = this.engine.imageCache(cacheKey);
		
		let image: HTMLImageElement;
		if (cachedImage) {
			// Clone the cached image element
			image = cachedImage.cloneNode(true) as HTMLImageElement;
		} else {
			// Create new image element
			image = document.createElement('img');
			$_(image).attribute('src', `${this.engine.setting('AssetsPath').root}/${this.engine.setting('AssetsPath').images}/${this.image}`);
		}

		$_(image).addClass('animated');
		$_(image).data('image', this.asset);

		for (const className of this.classes) {
			if (className) {
				$_(image).addClass(className);
			}
		}

		if (position instanceof Array) {
			// If it was, we'll set that position to the character
			const [at, positionClass] = position;
			$_(image).data('position', positionClass);
		} else {
			$_(image).addClass('center');
			$_(image).data('position', 'center');
		}

		const durationPosition = this.classes.indexOf('duration');

		if (durationPosition > -1) {
			$_(image).style('animation-duration', this.classes[durationPosition + 1]);
		}

		this.engine.element().find('[data-screen="game"] [data-content="visuals"]').append(image.outerHTML);
	}

	override async didApply({ updateHistory = true, updateState = true } = {}): Promise<ActionApplyResult> {
		if (updateHistory === true) {