feat: restructured substitute transform to separate files per block

Author: Arukuen

src/block/button-group/index.js

@@ -16,6 +16,7 @@ import metadata from './block.json'
 import variations from './variations'
 import deprecated from './deprecated'
 import { buttonExample } from './example'
+import substitute from './substitute'
 
 /**
  * WordPress dependencies
@@ -40,4 +41,5 @@ export const settings = {
 	example: buttonExample,
 	edit,
 	save,
+	substitute,
 }

src/block/button-group/substitute.js

@@ -0,0 +1,26 @@
+import { BLOCK_STATE } from '~stackable/util'
+
+export const substitute = {
+	from: 'stackable/button-group',
+	variants: [ 'stackable/button-group|icon-button', 'stackable/button-group|button' ],
+	to: [ 'core/buttons', 'core/social-links' ],
+	transform: ( oldAttributes, innerBlocks, disabledBlocks ) => {
+		if ( 'stackable/button-group|icon-button' in disabledBlocks && disabledBlocks[ 'stackable/button-group|icon-button' ] === BLOCK_STATE.DISABLED && // eslint-disable-line camelcase
+			innerBlocks.length &&
+			innerBlocks[ 0 ][ 0 ] === 'stackable/icon-button'
+		) {
+			return [ 'core/social-links',
+				{ align: oldAttributes.contentAlign },
+				[
+					[ 'core/social-link', { service: 'facebook' } ],
+					[ 'core/social-link', { service: 'twitter' } ],
+				],
+			]
+		}
+		if ( 'stackable/button-group|button' in disabledBlocks && disabledBlocks[ 'stackable/button-group|button' ] === BLOCK_STATE.DISABLED ) { // eslint-disable-line camelcase
+			return [ 'core/buttons', {}, innerBlocks ]
+		}
+	},
+}
+
+export default substitute

src/block/button/index.js

@@ -11,6 +11,7 @@ import schema from './schema'
 import metadata from './block.json'
 import transforms from './transforms'
 import deprecated from './deprecated'
+import substitute from './substitute'
 
 /**
  * External dependencies
@@ -36,4 +37,5 @@ export const settings = {
 	example,
 	edit,
 	save,
+	substitute,
 }

src/block/button/substitute.js

@@ -0,0 +1,16 @@
+import { BLOCK_STATE } from '~stackable/util'
+
+export const substitute = {
+	from: 'stackable/button',
+	variants: [ 'stackable/button-group|button' ],
+	to: 'core/paragraph',
+	transform: ( oldAttributes, innerBlocks, disabledBlocks ) => {
+		if ( 'stackable/button-group|button' in disabledBlocks && disabledBlocks[ 'stackable/button-group|button' ] === BLOCK_STATE.DISABLED ) { // eslint-disable-line camelcase
+			return [ 'core/button', {
+				text: oldAttributes.text,
+			} ]
+		}
+	},
+}
+
+export default substitute

src/block/heading/index.js

@@ -16,6 +16,7 @@ import schema from './schema'
 import metadata from './block.json'
 import example from './example'
 import deprecated from './deprecated'
+import substitute from './substitute'
 
 export const settings = {
 	...metadata,
@@ -41,4 +42,5 @@ export const settings = {
 			( ( attributesToMerge.hasOwnProperty( 'content' ) ? attributesToMerge.content : attributesToMerge.text ) || '' ),
 		}
 	},
+	substitute,
 }

src/block/heading/substitute.js

@@ -0,0 +1,12 @@
+export const substitute = {
+	from: 'stackable/heading',
+	to: 'core/heading',
+	transform: oldAttributes => {
+		return {
+			content: oldAttributes.text,
+			level: oldAttributes.textTag ? Number( oldAttributes.textTag.replace( 'h', '' ) ) : 2,
+		}
+	},
+}
+
+export default substitute

src/block/image/index.js

@@ -17,6 +17,7 @@ import metadata from './block.json'
 import example from './example'
 import transforms from './transforms'
 import deprecated from './deprecated'
+import substitute from './substitute'
 
 /**
  * WordPress dependencies
@@ -38,4 +39,5 @@ export const settings = {
 	deprecated,
 	edit,
 	save,
+	substitute,
 }

src/block/image/substitute.js

@@ -0,0 +1,11 @@
+export const substitute = {
+	from: 'stackable/image',
+	to: 'core/image',
+	transform: oldAttributes => {
+		if ( oldAttributes ) {
+			return { height: oldAttributes.imageHeight }
+		}
+	},
+}
+
+export default substitute

src/block/subtitle/index.js

@@ -16,6 +16,7 @@ import schema from './schema'
 import metadata from './block.json'
 import example from './example'
 import deprecated from './deprecated'
+import substitute from './substitute'
 
 export const settings = {
 	...metadata,
@@ -40,4 +41,5 @@ export const settings = {
 			( ( attributesToMerge.hasOwnProperty( 'content' ) ? attributesToMerge.content : attributesToMerge.text ) || '' ),
 		}
 	},
+	substitute,
 }

src/block/subtitle/substitute.js

@@ -0,0 +1,11 @@
+export const substitute = {
+	from: 'stackable/subtitle',
+	to: 'core/paragraph',
+	transform: oldAttributes => {
+		return {
+			content: oldAttributes.text,
+		}
+	},
+}
+
+export default substitute