add block-editor settings to disable webmentions

thanks so much @mattwiebe for all your help with the block editor ❤️

Author: pfefferle

.distignore

@@ -4,6 +4,7 @@
 /node_modules
 /bin
 /sass
+/src
 /vendor
 /tests
 /config

.editorconfig

@@ -11,7 +11,3 @@ charset = utf-8
 [*.php]
 indent_style = tab
 indent_size = 4
-
-[*.{js,json}]
-indent_style = space
-indent_size = 2

build/editor-plugin/block.json

@@ -0,0 +1,8 @@
+{
+  "name": "editor-plugin",
+  "title": "Editor Plugin: not a block, but block.json is very useful.",
+  "category": "widgets",
+  "icon": "admin-comments",
+  "keywords": [],
+  "editorScript": "file:./plugin.js"
+}

build/editor-plugin/plugin.asset.php

@@ -0,0 +1 @@
+<?php return array('dependencies' => array('react', 'wp-components', 'wp-core-data', 'wp-data', 'wp-editor', 'wp-i18n', 'wp-plugins'), 'version' => '48d7b75f27b9d4f0a5e9');

build/editor-plugin/plugin.js

@@ -0,0 +1,47 @@
+<?php
+
+namespace Webmention;
+
+class Block {
+	/**
+	 * Initialize the class, registering WordPress hooks.
+	 */
+	public static function init() {
+		// Add editor plugin.
+		\add_action( 'enqueue_block_editor_assets', array( self::class, 'enqueue_editor_assets' ) );
+		\add_action( 'init', array( self::class, 'register_postmeta' ), 11 );
+	}
+
+	/**
+	 * Register post meta
+	 */
+	public static function register_postmeta() {
+		$post_types = \get_post_types_by_support( 'webmentions' );
+		foreach ( $post_types as $post_type ) {
+			\register_post_meta(
+				$post_type,
+				'webmentions_closed',
+				array(
+					'show_in_rest' => true,
+					'single'       => true,
+					'type'         => 'boolean',
+				)
+			);
+		}
+	}
+
+	/**
+	 * Enqueue the block editor assets.
+	 */
+	public static function enqueue_editor_assets() {
+		// Check for our supported post types.
+		$current_screen = \get_current_screen();
+		$ap_post_types  = \get_post_types_by_support( 'webmentions' );
+		if ( ! $current_screen || ! in_array( $current_screen->post_type, $ap_post_types, true ) ) {
+			return;
+		}
+		$asset_data = include WEBMENTION_PLUGIN_DIR . 'build/editor-plugin/plugin.asset.php';
+		$plugin_url = plugins_url( 'build/editor-plugin/plugin.js', WEBMENTION_PLUGIN_FILE );
+		wp_enqueue_script( 'webmention-block-editor', $plugin_url, $asset_data['dependencies'], $asset_data['version'], true );
+	}
+}

includes/class-block.php

@@ -3,6 +3,10 @@
   "description": "Webmention support for WordPress posts",
   "main": "webmention.php",
   "devDependencies": {
+    "@wordpress/components": "^28.0.0",
+    "@wordpress/data": "^10.0.0",
+    "@wordpress/env": "^10.10.0",
+    "@wordpress/icons": "^10.10.0",
     "grunt": "^1.6.1",
     "grunt-checktextdomain": "^1.0.1",
     "grunt-wp-i18n": "^1.0.3",
@@ -23,5 +27,12 @@
   "bugs": {
     "url": "https://github.com/pfefferle/wordpress-webmention/issues"
   },
-  "homepage": "https://github.com/pfefferle/wordpress-webmention"
+  "homepage": "https://github.com/pfefferle/wordpress-webmention",
+  "scripts": {
+    "dev": "wp-scripts start",
+    "build": "wp-scripts build",
+    "readme": "grunt wp_readme_to_markdown",
+    "env-start": "wp-env start",
+    "env-stop": "wp-env stop"
+  }
 }

package.json

@@ -0,0 +1,9 @@
+{
+	"name": "editor-plugin",
+	"title": "Editor Plugin: not a block, but block.json is very useful.",
+	"category": "widgets",
+	"icon": "admin-comments",
+	"keywords": [
+	],
+	"editorScript": "file:./plugin.js"
+}

src/editor-plugin/block.json

@@ -0,0 +1,34 @@
+import { PluginDocumentSettingPanel } from '@wordpress/editor';
+import { registerPlugin } from '@wordpress/plugins';
+import { CheckboxControl } from '@wordpress/components';
+import { useSelect } from '@wordpress/data';
+import { useEntityProp } from '@wordpress/core-data';
+import { __ } from '@wordpress/i18n';
+
+
+const EditorPlugin = () => {
+	const postType = useSelect(
+		( select ) => select( 'core/editor' ).getCurrentPostType(),
+		[]
+	);
+	const [ meta, setMeta ] = useEntityProp( 'postType', postType, 'meta' );
+
+	return (
+		<PluginDocumentSettingPanel
+			name="webmention"
+			title={ __( 'Webmentions', 'webmention' ) }
+		>
+			<CheckboxControl
+				__nextHasNoMarginBottom
+				label={ __( 'Close Webmentions', 'webmention' ) }
+				help={ __( 'Do not accept incoming Webmentions for this post.', 'webmention' ) }
+				checked={ meta.webmentions_closed }
+				onChange={ ( value ) => {
+					setMeta( { ...meta, webmentions_closed: value } );
+				} }
+			/>
+		</PluginDocumentSettingPanel>
+	);
+}
+
+registerPlugin( 'webmention-editor-plugin', { render: EditorPlugin } );

src/editor-plugin/plugin.js

@@ -120,6 +120,10 @@ function init() {
 	require_once __DIR__ . '/includes/class-discovery.php';
 	add_action( 'init', array( '\Webmention\Discovery', 'init' ) );
 
+	// initialize Webmention Bloks.
+	require_once __DIR__ . '/includes/class-block.php';
+	add_action( 'init', array( '\Webmention\Block', 'init' ) );
+
 	// load local avatar store.
 	if ( WEBMENTION_LOCAL_AVATAR_STORE ) {
 		require_once __DIR__ . '/includes/class-avatar-store.php';
@@ -158,7 +162,9 @@ function ( $meta_id, $object_id, $meta_key, $meta_value ) {
 			if ( 'webmentions_closed' === $meta_key && empty( $meta_value ) ) {
 				\delete_post_meta( $object_id, 'webmentions_closed' );
 			}
-		}
+		},
+		10,
+		4
 	);
 }
 add_action( 'plugins_loaded', '\Webmention\init' );