← All changes | trunk/src/init.php +46 -45 0.3 → 0.9.57 View file →

		@@ -13,15 +13,10 @@
13	13	exit;
14	14	}
15	15
16	16	/**
17		- * Enqueue Gutenberg block assets for both frontend + backend.
	17	+ * Enqueue Gutenberg block assets for backend editor.
18	18	*
19		- * Assets enqueued:
20		- * 1. blocks.style.build.css - Frontend + Backend.
21		- * 2. blocks.build.js - Backend.
22		- * 3. blocks.editor.build.css - Backend.
23		- *
24	19	* @uses {wp-blocks} for block type registration & related functions.
25	20	* @uses {wp-element} for WP Element abstraction — structure of blocks.
26	21	* @uses {wp-i18n} to internationalize the block's text.
27	22	* @uses {wp-editor} for WP editor styles.
		@@ -26,54 +21,60 @@
26	21	* @uses {wp-i18n} to internationalize the block's text.
27	22	* @uses {wp-editor} for WP editor styles.
28	23	* @since 1.0.0
29	24	*/
30		-function wordpress_cgb_block_assets() { // phpcs:ignore
31		- // Register block styles for both frontend + backend.
32		- wp_register_style(
33		- 'wordpress-cgb-style-css', // Handle.
34		- plugins_url( 'dist/blocks.style.build.css', dirname( __FILE__ ) ), // Block style CSS.
35		- array( 'wp-editor' ), // Dependency to include the CSS after it.
36		- null // filemtime( plugin_dir_path( __DIR__ ) . 'dist/blocks.style.build.css' ) // Version: File modification time.
37		- );
38		-
39		- // Register block editor script for backend.
40		- wp_register_script(
41		- 'wordpress-cgb-block-js', // Handle.
42		- plugins_url( '/dist/blocks.build.js', dirname( __FILE__ ) ), // Block.build.js: We register the block here. Built with Webpack.
	25	+function wordpress_cgb_block_editor_assets() { // phpcs:ignore
	26	+ // Scripts and styles for editor only
	27	+ wp_enqueue_script(
	28	+ 'codoc-block-js', // Handle.
	29	+ plugins_url( '/dist/blocks.build.js?ver=' . CODOC_PLUGIN_VERSION, dirname( __FILE__ ) ), // Block.build.js: We register the block here. Built with Webpack.
43	30	array( 'wp-blocks', 'wp-i18n', 'wp-element', 'wp-editor' ), // Dependencies, defined above.
44	31	null, // filemtime( plugin_dir_path( __DIR__ ) . 'dist/blocks.build.js' ), // Version: filemtime — Gets file modification time.
45	32	true // Enqueue the script in the footer.
46	33	);
47		-
48		- // Register block editor styles for backend.
49		- wp_register_style(
50		- 'wordpress-cgb-block-editor-css', // Handle.
51		- plugins_url( 'dist/blocks.editor.build.css', dirname( __FILE__ ) ), // Block editor CSS.
	34	+
	35	+ // Pass necessary options to JavaScript
	36	+ global $_CODOC;
	37	+ $auth_info = get_option(CODOC_AUTHINFO_OPTION_NAME);
	38	+
	39	+ wp_localize_script('codoc-block-js', 'OPTIONS', array(
	40	+ 'codoc_url' => $_CODOC->get_codoc_url(),
	41	+ 'codoc_usercode' => get_option(CODOC_USERCODE_OPTION_NAME),
	42	+ 'codoc_plugin_version' => CODOC_PLUGIN_VERSION,
	43	+ 'codoc_sdk_path' => defined('CODOC_SDK_PATH') ? CODOC_SDK_PATH : '/sdk/js/sdk.v1.js',
	44	+ 'codoc_account_is_pro' => isset($auth_info['account_is_pro']) ? $auth_info['account_is_pro'] : 0,
	45	+ 'codoc_currency_code' => isset($auth_info['currency_code']) ? $auth_info['currency_code'] : 'yen',
	46	+ 'codoc_currency_decimal_places' => isset($auth_info['currency_decimal_places']) ? $auth_info['currency_decimal_places'] : 0,
	47	+ ));
	48	+
	49	+ // Set script translations
	50	+ wp_set_script_translations('codoc-block-js', 'codoc', plugin_dir_path( dirname(__FILE__) ) . 'languages');
	51	+
	52	+ // Styles for editor only
	53	+ wp_enqueue_style(
	54	+ 'codoc-block-editor-css', // Handle.
	55	+ plugins_url( 'dist/blocks.editor.build.css?ver=' . CODOC_PLUGIN_VERSION, dirname( __FILE__ ) ), // Block editor CSS.
52	56	array( 'wp-edit-blocks' ), // Dependency to include the CSS after it.
53	57	null // filemtime( plugin_dir_path( __DIR__ ) . 'dist/blocks.editor.build.css' ) // Version: File modification time.
54	58	);
	59	+}
55	60
56		- /**
57		- * Register Gutenberg block on server-side.
58		- *
59		- * Register the block on server-side to ensure that the block
60		- * scripts and styles for both frontend and backend are
61		- * enqueued when the editor loads.
62		- *
63		- * @link https://wordpress.org/gutenberg/handbook/blocks/writing-your-first-block-type#enqueuing-block-scripts
64		- * @since 1.16.0
65		- */
66		- register_block_type(
67		- 'cgb/block-wordpress', array(
68		- // Enqueue blocks.style.build.css on both frontend & backend.
69		- 'style' => 'wordpress-cgb-style-css',
70		- // Enqueue blocks.build.js in the editor only.
71		- 'editor_script' => 'wordpress-cgb-block-js',
72		- // Enqueue blocks.editor.build.css in the editor only.
73		- 'editor_style' => 'wordpress-cgb-block-editor-css',
74		- )
	61	+// Hook: Editor assets.
	62	+add_action( 'enqueue_block_editor_assets', 'wordpress_cgb_block_editor_assets' );
	63	+
	64	+/**
	65	+ * Enqueue Gutenberg block assets for frontend.
	66	+ *
	67	+ * @since 1.0.0
	68	+ */
	69	+function wordpress_cgb_block_frontend_assets() { // phpcs:ignore
	70	+ // Styles for frontend
	71	+ wp_enqueue_style(
	72	+ 'codoc-style-css', // Handle.
	73	+ plugins_url( 'dist/blocks.style.build.css?ver=' . CODOC_PLUGIN_VERSION, dirname( __FILE__ ) ), // Block style CSS.
	74	+ array( 'wp-editor' ), // Dependency to include the CSS after it.
	75	+ null // filemtime( plugin_dir_path( __DIR__ ) . 'dist/blocks.style.build.css' ) // Version: File modification time.
75	76	);
76	77	}
77	78
78		-// Hook: Block assets.
79		-add_action( 'init', 'wordpress_cgb_block_assets' );
	79	+// Hook: Frontend assets.
	80	+add_action( 'enqueue_block_assets', 'wordpress_cgb_block_frontend_assets' );