Ticket #3403: blocks.diff

package.json

@@ -27 +27 @@
                 "grunt-wp-i18n": "~1.0.3",
                 "matchdep": "~2.0.0",
                 "node-sass": "~4.14.1",
+                "parcel-bundler": "^1.10.1",
                 "postcss-scss": "~1.0.2",
                 "stylelint": "~13.6.1",
                 "stylelint-config-wordpress": "~15.0.0"
@@ -35 +36 @@
                 "node": ">=12.0.0",
                 "npm": ">=6.9.0"
         },
+        "scripts": {
+                "blocks": "parcel build src/includes/admin/assets/js/blocks.jsx --out-dir src/includes/admin/assets/js --public-url ."
+        },
         "keywords": [
                 "community",
                 "forums",

src/bbpress.php

@@ -340 +340 @@
                 require $this->includes_dir . 'common/template.php';
                 require $this->includes_dir . 'common/widgets.php';
                 require $this->includes_dir . 'common/shortcodes.php';
+                require $this->includes_dir . 'common/blocks.php';
 
                 // Forums
                 require $this->includes_dir . 'forums/capabilities.php';
@@ -734 +735 @@
         }
 
         /**
-         * Register the bbPress shortcodes
+         * Register the bbPress shortcodes and blocks
          *
          * @since 2.0.0 bbPress (r3031)
          */
         public function register_shortcodes() {
                 $this->shortcodes = new BBP_Shortcodes();
+                $this->blocks = new BBP_Blocks( $this->shortcodes );
         }
 
         /**

src/includes/admin/assets/css/blocks.css

@@ +1 @@
+
+.bbpress-block {
+        background: #fff;
+        border: 1px solid #888;
+        padding: 1em 2em;
+}
+
+.bbpress-block h3 {
+        color: #444;
+        cursor: default;
+}

src/includes/admin/assets/js/blocks.js

@@ +1 @@
+parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcelRequire,u="function"==typeof require&&require;function f(t,n){if(!r[t]){if(!e[t]){var i="function"==typeof parcelRequire&&parcelRequire;if(!n&&i)return i(t,!0);if(o)return o(t,!0);if(u&&"string"==typeof t)return u(t);var c=new Error("Cannot find module '"+t+"'");throw c.code="MODULE_NOT_FOUND",c}p.resolve=function(r){return e[t][1][r]||r},p.cache={};var l=r[t]=new f.Module(t);e[t][0].call(l.exports,p,l,l.exports,this)}return r[t].exports;function p(e){return f(p.resolve(e))}}f.isParcelRequire=!0,f.Module=function(e){this.id=e,this.bundle=f,this.exports={}},f.modules=e,f.cache=r,f.parent=o,f.register=function(r,t){e[r]=[function(e,r){r.exports=t},{}]};for(var c=0;c<t.length;c++)try{f(t[c])}catch(e){i||(i=e)}if(t.length){var l=f(t[t.length-1]);"object"==typeof exports&&"undefined"!=typeof module?module.exports=l:"function"==typeof define&&define.amd?define(function(){return l}):n&&(this[n]=l)}if(parcelRequire=f,i)throw i;return f}({"aE2q":[function(require,module,exports) {
+function e(e){if(null==e)throw new TypeError("Cannot destructure undefined")}var n=wp.blocks.registerBlockType;e(wp.components),n("bbpress/forum-index",{title:"BBPress Forum Index",icon:"buddicons-bbpress-logo",category:"common",attributes:{},edit:function(){return React.createElement("div",{class:"bbpress-block"},React.createElement("h3",null,"BBPress Forum Index"))},save:function(){return null}});
+},{}]},{},["aE2q"], null)
+//# sourceMappingURL=blocks.js.map
+ No newline at end of file

src/includes/admin/assets/js/blocks.js.map

@@ +1 @@
+{"version":3,"sources":["blocks.jsx"],"names":["registerBlockType","wp","blocks","components","title","icon","category","attributes","edit","save"],"mappings":";AAQA,SAAA,EAAA,GAAA,GAAA,MAAA,EAAA,MAAA,IAAA,UAAA,gCAPCA,IAAAA,EACGC,GAAGC,OADNF,kBAKGC,EAAAA,GAAGE,YAEPH,EAAmB,sBAAuB,CACzCI,MAAO,sBACPC,KAAM,yBACNC,SAAU,SAEVC,WAAY,GAEZC,KAAM,WAEJ,OAAA,MAAA,cAAA,MAAA,CAAK,MAAM,iBACV,MADD,cAAA,KAAA,KAAA,yBAMFC,KAAM,WACE,OAAA","file":"blocks.js","sourceRoot":"","sourcesContent":["const {\n\tregisterBlockType\n} = wp.blocks;\n\nconst {\n//\tTextControl\n} = wp.components;\n\nregisterBlockType( 'bbpress/forum-index', {\n\ttitle: 'BBPress Forum Index',\n\ticon: 'buddicons-bbpress-logo',\n\tcategory: 'common',\n\n\tattributes: {},\n\n\tedit: function() {\n\t\treturn (\n\t\t\t<div class=\"bbpress-block\">\n\t\t\t\t<h3>BBPress Forum Index</h3>\n\t\t\t</div>\n\t\t);\n\t},\n\n\tsave: function() {\n\t\treturn null;\n\t}\n} );"]}
+ No newline at end of file

src/includes/admin/assets/js/blocks.jsx

@@ +1 @@
+const {
+        registerBlockType
+} = wp.blocks;
+
+const {
+//      TextControl
+} = wp.components;
+
+registerBlockType( 'bbpress/forum-index', {
+        title: 'BBPress Forum Index',
+        icon: 'buddicons-bbpress-logo',
+        category: 'common',
+
+        attributes: {},
+
+        edit: function() {
+                return (
+                        <div class="bbpress-block">
+                                <h3>BBPress Forum Index</h3>
+                        </div>
+                );
+        },
+
+        save: function() {
+                return null;
+        }
+} );
+ No newline at end of file

src/includes/common/blocks.php

@@ +1 @@
+<?php
+
+/**
+ * bbPress Blocks
+ *
+ * @package bbPress
+ * @subpackage Blocks
+ */
+
+// Exit if accessed directly
+defined( 'ABSPATH' ) || exit;
+
+if ( ! class_exists( 'BBP_Blocks' ) ) :
+/**
+ * bbPress Shortcode Class
+ *
+ * @since 2.0.0 bbPress (r3031)
+ */
+class BBP_Blocks {
+
+        /** Vars ******************************************************************/
+
+        /**
+         * @var BBP_Shortcodes Most of our blocks are just visual representations of existing shortcodes.
+         */
+        public $shortcodes;
+
+        /** Functions *************************************************************/
+
+        /**
+         * Set up the blocks for the Block Editor.
+         */
+        public function __construct( BBP_Shortcodes $shortcodes = NULL ) {
+                $this->shortcodes = $shortcodes;
+                $this->register_blocks();
+        }
+
+        public function register_blocks() {
+                if ( ! function_exists( 'register_block_type' ) ) {
+                        return;
+                }
+
+                wp_register_script( 'bbp-blocks', plugins_url( '../admin/assets/js/blocks.js', __FILE__ ), [ 'wp-blocks', 'wp-components' ] );
+                wp_register_style( 'bbp-blocks', plugins_url( '../admin/assets/css/blocks.css', __FILE__ ) );
+
+                register_block_type( 'bbpress/forum-index', array(
+                        'render_callback' => array( $this, 'display_forum_index' ),
+                        'editor_script'   => 'bbp-blocks',
+                        'editor_style'    => 'bbp-blocks',
+                ) );
+        }
+
+        public function display_forum_index() {
+                $this->shortcodes->display_forum_index();
+        }
+
+}
+endif;
+ No newline at end of file