Merge pull request #28 from vektor-inc/add/wrap-unwrap

ラップ・アンラップする機能を追加

Author: kurudrive

readme.txt

@@ -4,7 +4,7 @@ Tags: dynamic block, if, Conditional branch, Conditional Display, Custom Field,
 Requires at least: 6.0
 Tested up to: 6.2
 Requires PHP: 7.4
-Stable tag: 0.4.3
+Stable tag: 0.5.0
 License: GPLv2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 
@@ -35,6 +35,9 @@ However, by nesting Dynamic If Blocks, various conditional branching can be hand
 
 == Changelog ==
 
+= 0.5.0 =
+[ Add Function ]Added transforms settings to wrap and unwrap.
+
 = 0.4.3 =
 * [ Bug fix ] Fixed bug in conditional branching based on custom field values
 

src/index.js

@@ -8,11 +8,13 @@ import {
 	ToggleControl
 } from '@wordpress/components';
 import { ReactComponent as Icon } from './icon.svg';
+import transforms from './transforms';
 
 registerBlockType('vk-blocks/dynamic-if', {
 	apiVersion: 2,
 	title: __('Dynamic If', 'vk-dynamic-if-block'),
 	icon: <Icon />,
+	transforms,
 	category: 'theme',
 	attributes: {
 		ifPageType: {
@@ -155,4 +157,4 @@ registerBlockType('vk-blocks/dynamic-if', {
 	save() {
 		return <InnerBlocks.Content />;
 	},
-});
+});

src/transforms.js

@@ -0,0 +1,39 @@
+/**
+ * WordPress dependencies
+ */
+import { createBlock } from '@wordpress/blocks';
+
+const transforms = {
+	from: [
+		{
+			type: 'block',
+			isMultiBlock: true,
+			blocks: ['*'],
+			__experimentalConvert(blocks) {
+				// Clone the Blocks to be Grouped
+				// Failing to create new block references causes the original blocks
+				// to be replaced in the switchToBlockType call thereby meaning they
+				// are removed both from their original location and within the
+				// new group block.
+				const groupInnerBlocks = blocks.map((block) => {
+					return createBlock(
+						block.name,
+						block.attributes,
+						block.innerBlocks
+					);
+				});
+
+				return createBlock('vk-blocks/dynamic-if', {}, groupInnerBlocks);
+			},
+		},
+	],
+	to: [
+		{
+			type: 'block',
+			blocks: ['*'],
+			transform: (attributes, innerBlocks) => innerBlocks,
+		},
+	],
+};
+
+export default transforms;

vk-dynamic-if-block.php

@@ -5,8 +5,8 @@
  * Description: A dynamic block displays its Inner Blocks based on specified conditions, such as whether the current page is the front page or a single post, the post type, or the value of a Custom Field.
  * Author: Vektor,Inc.
  * Author URI: https://vektor-inc.co.jp/en/
- * Version: 0.4.3
- * Stable tag: 0.4.3
+ * Version: 0.5.0
+ * Stable tag: 0.5.0
  * License: GPL-2.0-or-later
  * Text Domain: vk-dynamic-if-block
  *