Merge pull request #1 from colorful-tones/single-block-organization

‼️ BREAKING: Major refactor - simplification

README.md

@@ -15,6 +15,13 @@ This is a demonstration of how you might create a custom Slider Block, which is
 
 ## Changelog
 
+### 0.1.1 – 2023-12-04
+
+- Major refactor 😎:
+  - Remove need to have two custom blocks: Slider and Slide (`"parent": ['wpe/slider]`). This was just unnecessary and mildly confusing. We're ultimately utilising `InnerBlocks` and `useInnerBlocksProps()` to nest things.
+  - Create `constants.js` to try and allow builders to drop in their own default blocks for slides.
+  - Generally "cleaner" codebase.
+
 ### 0.1.0 – 2023-11-28
 
 Initial release, which includes:

build/blocks/slider/block.json → build/block.json

@@ -47,7 +47,7 @@
     }
   },
   "textdomain": "wpe",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "editorScript": "file:./index.js",
   "editorStyle": "file:./index.css",
   "render": "file:./render.php",

build/blocks/slider/index.asset.php → build/index.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-i18n'), 'version' => 'fe5e00eb9597bb99cf08');
+<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-i18n'), 'version' => '552a734820b0ed0f0b13');

build/view.asset.php

@@ -0,0 +1 @@
+<?php return array('dependencies' => array(), 'version' => 'f285e13fee9805515472');

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "slider-block",
-	"version": "0.1.0",
+	"version": "0.1.1",
 	"description": "A slider carousel block for WordPress with SwiperJS.",
 	"author": "Damon Cook",
 	"license": "GPL-2.0-or-later",

slider-block.php

@@ -4,7 +4,7 @@
  * Description:       A slider carousel block for WordPress with SwiperJS.
  * Requires at least: 6.4
  * Requires PHP:      7.0
- * Version:           0.1.0
+ * Version:           0.1.1
  * Author:            Damon Cook
  * License:           GPL-2.0-or-later
  * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
@@ -22,9 +22,7 @@
  * @see https://developer.wordpress.org/reference/functions/register_block_type/
  */
 function wpe_slider_block_init() {
-	// Register Slide block.
-	register_block_type( __DIR__ . '/build/blocks/slide' );
 	// Register Slider block.
-	register_block_type( __DIR__ . '/build/blocks/slider' );
+	register_block_type( __DIR__ . '/build' );
 }
 add_action( 'init', 'wpe_slider_block_init' );

src/blocks/slider/block.json → src/block.json

@@ -38,7 +38,7 @@
 		}
 	},
 	"textdomain": "wpe",
-	"version": "0.1.0",
+	"version": "0.1.1",
 	"editorScript": "file:./index.js",
 	"editorStyle": "file:./index.css",
 	"render": "file:./render.php",

src/constants.js

@@ -0,0 +1,56 @@
+/**
+ * These are the block we'll allow to be inserted
+ * as a slide.
+ */
+export const ALLOWED_BLOCKS = [
+	'core/button',
+	'core/buttons',
+	'core/cover',
+	'core/group',
+	'core/heading',
+	'core/image',
+	'core/paragraph',
+];
+
+/**
+ * This is the default block we'll use for our slide.
+ */
+export const DEFAULT_BLOCK = 'core/cover';
+
+/**
+ * These are the attributes we assign for our DEFAULT_BLOCK.
+ */
+export const DEFAULT_BLOCK_ATTRIBUTES = {
+	align: 'center',
+	className: 'swiper-slide',
+	contentPosition: 'bottom left',
+	dimRatio: 0,
+	layout: {
+		type: 'constrained',
+	},
+};
+
+/**
+ * These are the default inner blocks we'll use
+ * when our DEFAULT_BLOCK is inserted.
+ */
+export const DEFAULT_INNERBLOCK = 'core/paragraph';
+
+/**
+ * These are the attributes we assign for our default
+ * inner blocks.
+ */
+export const DEFAULT_INNERBLOCK_ATTRIBUTES = {
+	backgroundColor: 'contrast',
+	fontSize: 'large',
+	style: {
+		spacing: {
+			padding: {
+				top: '0',
+				bottom: '0',
+				left: '0.5rem',
+				right: '0.5rem',
+			},
+		},
+	},
+};