<?php

declare( strict_types=1 );

namespace Blockify\Theme;

use function add_filter;
use function array_search;
use function array_unique;
use function explode;
use function file_get_contents;
use function str_contains;

add_filter( 'blockify_editor_data', NS . 'add_animation_names' );
/**
 * Adds animation names to editor so they are available for options.
 *
 * @since 0.9.19
 *
 * @param array $data Editor data.
 *
 * @return array
 */
function add_animation_names( array $data ): array {
	$animations = get_animations();

	$data['animations'] = array_keys( $animations );

	return $data;
}

add_filter( 'blockify_inline_js', NS . 'add_animation_js', 10, 2 );
/**
 * Conditionally add animation JS.
 *
 * @since 0.9.10
 *
 * @param string $js      The inline JS.
 * @param string $content The block content.
 *
 * @return string
 */
function add_animation_js( string $js, string $content ): string {
	if ( str_contains( $content, ' has-animation' ) ) {
		$js .= file_get_contents( DIR . 'assets/js/animation.js' );
	}

	return $js;
}

add_filter( 'render_block', NS . 'render_animation_attributes', 10, 2 );
/**
 * Adds animation attributes to block.
 *
 * @since 0.9.10
 *
 * @param string $html  The block content.
 * @param array  $block The block.
 *
 * @return string
 */
function render_animation_attributes( string $html, array $block ): string {
	$animation = $block['attrs']['animation'] ?? [];

	if ( empty( $animation ) ) {
		return $html;
	}

	$infinite = ( $animation['iterationCount'] ?? null ) === '-1' || ( $animation['event'] ?? null ) === 'infinite';

	$dom   = dom( $html );
	$first = get_dom_element( '*', $dom );

	if ( ! $first ) {
		return $html;
	}

	$classes = explode( ' ', $first->getAttribute( 'class' ) );
	$classes = array_unique( $classes );
	$styles  = css_string_to_array( $first->getAttribute( 'style' ) );

	unset( $styles['animation-play-state'] );

	if ( $infinite ) {
		unset( $styles['--animation-event'] );

		$styles['animation-iteration-count'] = 'infinite';

	} else {
		unset( $styles['animation-name'] );

		$styles['--animation-name'] = $animation['name'] ?? '';
	}

	$event = $animation['event'] ?? '';

	if ( $event === 'scroll' ) {
		$classes[] = 'has-scroll-animation';

		unset( $classes[ array_search( 'has-animation', $classes, true ) ] );
		$styles['animation-delay']      = 'calc(var(--scroll) * -1s)';
		$styles['animation-play-state'] = 'paused';
		$styles['animation-duration']   = '1s';
		$styles['animation-fill-mode']  = 'both';

		unset( $styles['--animation-event'] );
	}

	$first->setAttribute( 'style', css_array_to_string( $styles ) );
	$first->setAttribute( 'class', implode( ' ', $classes ) );

	return $dom->saveHTML();
}

add_filter( 'blockify_inline_js', NS . 'add_scroll_js', 10, 2 );
/**
 * Adds scroll JS to the inline JS.
 *
 * @since 0.0.14
 *
 * @param string $js      Inline JS.
 * @param string $content Page content.
 *
 * @return string
 */
function add_scroll_js( string $js, string $content ): string {
	if ( str_contains( $content, 'animation-event:scroll' ) ) {
		$js .= file_get_contents( DIR . 'assets/js/scroll.js' );
	}

	return $js;
}