substitute(non-design): separator, tabs, timeline

Author: Arukuen

src/block/divider/substitute.js

@@ -1,6 +1,5 @@
 export const substitute = {
 	from: 'stackable/divider',
-	to: 'core/separator',
 	transform: () => {
 		return [
 			'core/separator',

src/block/separator/substitute.js

@@ -0,0 +1,10 @@
+export const substitute = {
+	from: 'stackable/separator',
+	transform: () => {
+		return [
+			'core/separator',
+		]
+	},
+}
+
+export default substitute

src/block/tabs/substitute.js

@@ -0,0 +1,26 @@
+export const substitute = {
+	from: 'stackable/tabs',
+	transform: ( oldAttributes, innerBlocks ) => {
+		const labels = innerBlocks[ 0 ][ 1 ]?.tabLabels
+		const contents = innerBlocks[ 1 ][ 2 ]
+
+		const insideBlocks = []
+
+		labels.forEach( ( label, index ) => {
+			insideBlocks.push( [ 'stackable/heading', { text: label?.label } ] )
+			if ( contents[ index ] ) {
+				insideBlocks.push( contents[ index ] )
+			}
+		} )
+
+		return [
+			'stackable/columns',
+			{
+				...oldAttributes,
+			},
+			[ [ 'stackable/column', {}, insideBlocks ] ],
+		]
+	},
+}
+
+export default substitute

src/block/timeline/substitute.js

@@ -0,0 +1,24 @@
+export const substitute = {
+	from: 'stackable/timeline',
+	transform: ( oldAttributes, innerBlocks ) => {
+		const formattedDate = new Date().toLocaleDateString( 'en-US', {
+			month: 'short',
+			day: '2-digit',
+			year: 'numeric',
+		} )
+		return [
+			'stackable/columns',
+			{
+				...oldAttributes,
+			},
+			[
+				[ 'stackable/column', {}, innerBlocks ],
+				[ 'stackable/column', {}, [
+					[ 'stackable/text', { text: formattedDate } ],
+				] ],
+			],
+		]
+	},
+}
+
+export default substitute