<?php
/**
 * Functions to register client-side assets (scripts and stylesheets) for the Gutenberg block.
 *
 * @package books
 */

/**
 * Enqueues all block assets to apply both on the front of your site and in the editor.
 *
 * @see https://wordpress.org/gutenberg/handbook/blocks/writing-your-first-block-type/#enqueuing-block-scripts
 */
function my_book_block_init() {
	$dir = dirname( __FILE__ );

	$block_js = 'my-book/block.js';
	wp_register_script(
		'my-book-block-editor',
		plugins_url( $block_js, __FILE__ ),
		array(
			'wp-blocks',
			'wp-i18n',
			'wp-element',
		),
		filemtime( "$dir/$block_js" )
	);

	$editor_css = 'my-book/editor.css';
	wp_register_style(
		'my-book-block-editor',
		plugins_url( $editor_css, __FILE__ ),
		array(
			'wp-blocks',
		),
		filemtime( "$dir/$editor_css" )
	);

	$style_css = 'my-book/style.css';
	wp_register_style(
		'my-book-block',
		plugins_url( $style_css, __FILE__ ),
		array(
			'wp-blocks',
		),
		filemtime( "$dir/$style_css" )
	);

	register_block_type( 'books/my-book', array(
		'editor_script' => 'my-book-block-editor',
		'editor_style'  => 'my-book-block-editor',
		'style'         => 'my-book-block',
	) );
}
add_action( 'init', 'my_book_block_init' );