Version 2.2.1 -- Fixes #7. Fixes #8. Updates ServerSideRender compone…

…nt in blocks code. Adds Build Instructions readme file.
brandid · Feb 18, 2021 · ed29b89 · ed29b89
1 parent d538183
commit ed29b89
Show file tree

Hide file tree

Showing 10 changed files with 157 additions and 126 deletions.
diff --git a/BUILD-INSTRUCTIONS.md b/BUILD-INSTRUCTIONS.md
@@ -0,0 +1,33 @@
+# Build Instructions
+
+This document serves as an instruction manual for how to build the project during development.
+
+
+## 1. Install NPM
+
+Open a terminal window and navigate inside the project folder.
+Enter:
+`npm install`
+
+Wait for the process to finish, to ensure you have npm/npx installed.
+
+
+## 2. Edit files
+
+Edit files as usual.
+
+
+## 3. Use Webpack to watch the files inside the /blocks/ folder and auto-build
+
+Have Webpack watch the files and compile as necessary:
+`npx webpack --watch`
+
+The files will be automatically updated for you.
+
+
+## Base Tutorials
+
+This project was built by following these tutorials:
+
+1. https://calderaforms.com/2019/01/convert-shortcode-gutenberg-block/
+2. https://css-tricks.com/learning-gutenberg-1-series-intro/ ** <-- Steps 3 and 7 are the closest to this project
diff --git a/README.md b/README.md
@@ -64,6 +64,10 @@ https://buildmybrandid.com/forum/support/plugins/social-proof-testimonial-slider
 
 ## Changelog
 
+### 2.2.1 - (Feb 16, 2021)
+* Update: Compatible with WordPress 5.6.1
+* Fix: Updates Block code to replace older deprecated functions.
+
 ### 2.2.0 - (Nov 12, 2019)
 * Added: New SP Slider Block: Easily place a 'SP Testimonials Slider' block anywhere on your page and visually configure its display settings in real-time using the Block Editor.
 * Update: Compatible with WordPress 5.3

diff --git a/README.txt b/README.txt
@@ -4,9 +4,9 @@ Author: brandiD
 Author URI: https://buildmybrandid.com/product/social-proof-testimonial-slider/
 Tags: awards, carousel, content slider, custom post type, features, feedback, jquery, portfolio, responsive, reviews, quotes, sidebar, slider, slideshow, social, testimonial, video, vimeo, widget, youtube
 Requires at least: 4.5
-Tested up to: 5.3
-Stable tag: 2.2.0
-Version: 2.2.0
+Tested up to: 5.6.1
+Stable tag: 2.2.1
+Version: 2.2.1
 License: GPLv2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 
@@ -87,6 +87,9 @@ https://buildmybrandid.com/forum/support/plugins/social-proof-testimonial-slider
 
 == Changelog ==
 
+= 2.2.1 - (Feb 16, 2021) =
+* Update: Compatible with WordPress 5.6.1
+
 = 2.2.0 - (Nov 12, 2019) =
 * Added: New SP Slider Block: Easily place a 'SP Testimonials Slider' block anywhere on your page and visually configure its display settings in real-time using the Block Editor.
 * Update: Compatible with WordPress 5.3

diff --git a/blocks/dist/blocks.build.js b/blocks/dist/blocks.build.js
diff --git a/blocks/src/block/block.js b/blocks/src/block/block.js
@@ -11,7 +11,9 @@ const { __ } = wp.i18n;
 const { AlignmentToolbar, BlockControls, InspectorControls, PanelColorSettings } = wp.blockEditor;
 
 // Import components
-const { Icon, ColorPicker, TextControl, SelectControl, ToggleControl, ServerSideRender, PanelBody, PanelRow } = wp.components;
+const { Icon, ColorPicker, TextControl, SelectControl, ToggleControl, PanelBody, PanelRow } = wp.components;
+
+const { serverSideRender: ServerSideRender } = wp;
 
 /**
  * Internal dependencies

diff --git a/blocks/src/block/edit.js b/blocks/src/block/edit.js
@@ -25,12 +25,13 @@ const {
     RadioControl,
     RangeControl,
     SelectControl,
-    ServerSideRender,
     TextControl,
     ToggleControl,
     Tooltip
     } = wp.components;
 
+const { serverSideRender: ServerSideRender } = wp;
+
 /**
  * Internal dependencies.
  */

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "social-proof-slider",
-  "version": "2.1.2",
+  "version": "2.2.1",
   "description": "> Showcase your expertise with an easy-to-customize responsive carousel slider of your featured testimonials.",
   "main": "index.js",
   "scripts": {