Reactions: Use Interactivity API

.github/changelog/1722-from-description

@@ -0,0 +1,4 @@
+Significance: major
+Type: changed
+
+The Reactions block now uses the latest Block Editor technology for display on the frontend.

.prettierignore

@@ -6,7 +6,6 @@ vendor
 # Temporary ignores while breaking out each component.
 assets
 src/followers
-src/reactions
 src/remote-reply
 src/reply
 src/reply-intent

build/reactions/block.json

@@ -1,32 +1,27 @@
 {
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "name": "activitypub/reactions",
-  "apiVersion": 2,
-  "version": "2.0.0",
+  "apiVersion": 3,
+  "version": "3.0.0",
   "title": "Fediverse Reactions",
   "category": "widgets",
   "icon": "heart",
   "description": "Display Fediverse likes and reposts",
   "supports": {
     "html": false,
-    "align": true,
-    "layout": {
-      "default": {
-        "type": "constrained",
-        "orientation": "vertical",
-        "justifyContent": "center"
-      }
-    }
+    "align": [
+      "wide",
+      "full"
+    ],
+    "interactivity": true
   },
-  "attributes": {},
   "blockHooks": {
     "core/post-content": "after"
   },
   "textdomain": "activitypub",
   "editorScript": "file:./index.js",
-  "style": [
-    "file:./style-index.css",
-    "wp-components"
-  ],
-  "viewScript": "file:./view.js"
+  "style": "file:./style-index.css",
+  "viewScriptModule": "file:./view.js",
+  "viewScript": "wp-api-fetch",
+  "render": "file:./render.php"
 }

build/reactions/index.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('react', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n'), 'version' => '71a9b97929d16c6932ad');
+<?php return array('dependencies' => array('react', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n'), 'version' => '8cb5b7894afa6bbe1c96');