forked from senadir/interactive-block
-
Notifications
You must be signed in to change notification settings - Fork 0
/
interactive-block.php
62 lines (55 loc) · 2.17 KB
/
interactive-block.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<?php
/**
* Plugin Name: Interactive Block
* Description: Example block written with ESNext standard and JSX support – build step required.
* Requires at least: 5.8
* Requires PHP: 7.0
* Version: 0.1.0
* Author: The WordPress Contributors
* License: GPL-2.0-or-later
* License URI: https://www.gnu.org/licenses/gpl-2.0.html
* Text Domain: interactive-block
*
* @package create-block
*/
/**
* Registers the block using the metadata loaded from the `block.json` file.
* Behind the scenes, it registers also all assets so they can be enqueued
* through the block editor in the corresponding context.
*
* @see https://developer.wordpress.org/block-editor/tutorials/block-tutorial/writing-your-first-block-type/
*/
function create_block_interactive_block_block_init() {
register_block_type( __DIR__, array(
'render_callback' => 'render_block_with_attributes'
) );
}
// Copied from @wordpress/dependency-extraction-webpack-plugin docs.
function enqueue_frontend_script() {
$script_path = 'build/frontend.js';
$script_asset_path = 'build/frontend.asset.php';
$script_asset = require( $script_asset_path );
$script_url = plugins_url( $script_path, __FILE__ );
wp_enqueue_script( 'script', $script_url, $script_asset['dependencies'], $script_asset['version'] );
}
// Copied from WooCommerce Blocks.
function add_attributes_to_block( $attributes = [], $content = '' ) {
$escaped_data_attributes = [];
foreach ( $attributes as $key => $value ) {
if ( is_bool( $value ) ) {
$value = $value ? 'true' : 'false';
}
if ( ! is_scalar( $value ) ) {
$value = wp_json_encode( $value );
}
$escaped_data_attributes[] = 'data-' . esc_attr( strtolower( preg_replace( '/(?<!\ )[A-Z]/', '-$0', $key ) ) ) . '="' . esc_attr( $value ) . '"';
}
return preg_replace( '/^<div /', '<div ' . implode( ' ', $escaped_data_attributes ) . ' ', trim( $content ) );
}
function render_block_with_attributes( $attributes = [], $content = '' ) {
if ( ! is_admin() ) {
enqueue_frontend_script();
}
return add_attributes_to_block($attributes, $content);
};
add_action( 'init', 'create_block_interactive_block_block_init' );