substitute: spacer, toc, testimonial, videoPopup

Author: Arukuen

src/block/design-library/edit.js

@@ -40,17 +40,19 @@ const createBlockWithAttributes = ( blockName, attributes, innerBlocks, design )
 	const traverseBlocksAndSubstitute = blocks => {
 		return blocks.map( block => {
 			let isDisabled = true
+			// Maximum attempt to error if no substitution rule for the block
+			let attempts = 10
 
 			// Check if the new substituted block is still disabled
-			while ( isDisabled ) {
+			while ( isDisabled && attempts > 0 ) {
 				const previousBlockName = block[ 0 ]
 				block = substituteCoreIfDisabled( ...block, substitutionRules )
 				isDisabled = block[ 0 ] in disabledBlocks && disabledBlocks[ block[ 0 ] ] === BLOCK_STATE.DISABLED
-
 				// If the previous block is different from the new block, substitution has been made
 				if ( ! hasSubstituted && previousBlockName !== block[ 0 ] ) {
 					hasSubstituted = true
 				}
+				attempts--
 			}
 
 			// Do a preorder traversal by subsituting first before traversing

src/block/spacer/substitute.js

@@ -0,0 +1,13 @@
+export const substitute = {
+	from: 'stackable/spacer',
+	transform: oldAttributes => {
+		return [
+			'core/spacer',
+			{
+				height: `${ oldAttributes?.height ?? 50 }px`,
+			},
+		]
+	},
+}
+
+export default substitute

src/block/table-of-contents/substitute.js

@@ -0,0 +1,19 @@
+export const substitute = {
+	from: 'stackable/table-of-contents',
+	transform: oldAttributes => {
+		return [
+			'stackable/columns', { ...oldAttributes }, [
+				[ 'stackable/column', {}, [
+					[ 'stackable/text', { text: 'Table of Contents' } ],
+					[ 'core/list', {}, [
+						[ 'core/list-item', { content: 'First line of content' } ],
+						[ 'core/list-item', { content: 'Second line of content' } ],
+						[ 'core/list-item', { content: 'Third line of content' } ],
+					] ],
+				] ],
+			],
+		]
+	},
+}
+
+export default substitute

src/block/testimonial/substitute.js

@@ -0,0 +1,14 @@
+export const substitute = {
+	from: 'stackable/testimonial',
+	transform: ( oldAttributes, innerBlocks ) => {
+		return [
+			'stackable/columns',
+			{
+				...oldAttributes,
+			},
+			[ [ 'stackable/column', { hasContainer: true }, innerBlocks ] ],
+		]
+	},
+}
+
+export default substitute

src/block/text/substitute.js

@@ -4,8 +4,8 @@ export const substitute = {
 		return [
 			'core/paragraph',
 			{
-				content: oldAttributes.text,
-				align: oldAttributes.contentAlign,
+				content: oldAttributes?.text,
+				align: oldAttributes?.contentAlign,
 			},
 		]
 	},

src/block/video-popup/substitute.js

@@ -0,0 +1,13 @@
+export const substitute = {
+	from: 'stackable/video-popup',
+	transform: oldAttributes => {
+		return [
+			'core/video',
+			{
+				src: oldAttributes?.oldAttributes,
+			},
+		]
+	},
+}
+
+export default substitute