wp-plugin-reactjs/wp-plugin-reactjs.php at master · youssef-ben-cherif/wp-plugin-reactjs · GitHub

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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<?php
/**
 * Plugin Name: WordPress Plugin ReactJS
 * Plugin URI: https://github.com/younes-dro/wp-plugin-reactjs
 * Description: A WordPress Plugin starter for developers who want to use ReactJS in the development of WordPress Plugins.
 * Version:1.0.0
 * Author: Younes DRO
 * Author URI: https://github.com/younes-dro/
 * License: GPL-2.0+
 * License URI: https://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: dro-wp-plugin-reactjs
 * Domain Path: /languages
 *
 * @package WP_Plugin_ReactJS
 */

/*
	Copyright 2019 Younes DRO (email : younesdro at gmail.com)
	This program is free software; you can redistribute it and/or modify
	it under the terms of the GNU General Public License as published by
	the Free Software Foundation; either version 2 of the License, or
	(at your option) any later version.

	This program is distributed in the hope that it will be useful,
	but WITHOUT ANY WARRANTY; without even the implied warranty of
	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
	GNU General Public License for more details.

	You should have received a copy of the GNU General Public License
	along with this program; if not, write to the Free Software
	Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA
*/

// Make sure we don't expose any info if called directly.
if ( ! function_exists( 'add_action' ) ) {
	exit;
}


/**
 * Hook the 'dro_create_menu' function into the 'admin_menu' action.
 * This function is responsible for adding a submenu to the Settings menu.
 * The submenu page will contain the ID of the HTML element that hosts the JSX components.
 */
add_action( 'admin_menu', 'dro_create_menu' );

/**
 * Adds a submenu to the Tools menu.
 * The page will contain the ID of the HTML element that hosts our JSX components.
 *
 * @return void
 */
function dro_create_menu() {
	add_submenu_page(
		'tools.php',
		esc_html__( 'WP Plugin Using ReactJS', 'dro-wp-plugin-reactjs' ),
		esc_html__( 'WP Plugin React', 'dro-wp-plugin-reactjs' ),
		'manage_options',
		'dro-wp-plugin-js',
		'dro_display_menu'
	);
}


/**
 * Callback function to display the submenu page.
 * Outputs the HTML element with the ID 'main' where JSX components will be rendered.
 *
 * @return void
 */
function dro_display_menu() {
	echo '<div id="main"></div>';
}


/**
 * Hook the 'dro_enqueue_script' function into the 'admin_enqueue_scripts' action.
 * This function is responsible for enqueueing the JavaScript script generated by WebPack.
 */
add_action( 'admin_enqueue_scripts', 'dro_enqueue_script' );

/**
 * Enqueues the JavaScript script generated by WebPack for the plugin.
 *
 * @return void
 */
function dro_enqueue_script() {

	wp_enqueue_script(
		'dro-plugin-reactjs',
		plugins_url( '/dist/public/bundle.js', __FILE__ ),
		array( 'wp-element', 'wp-components' ),
		time(), // Version (can use the current datetime in production env).
		true
	);
}