CYS: set new default patterns (#48467)

* CYS: set new default patterns

* Add changefile(s) from automation for the following project(s): woocommerce

---------

Co-authored-by: github-actions <github-actions@github.com>

plugins/woocommerce-admin/client/customize-store/data/actions.ts

@@ -6,7 +6,12 @@
 import { resolveSelect, dispatch } from '@wordpress/data';
 // @ts-ignore No types for this exist yet.
 import { store as coreStore } from '@wordpress/core-data';
-// @ts-ignore No types for this exist yet.
+import { BlockInstance, parse, serialize } from '@wordpress/blocks';
+import {
+	registerCoreBlocks,
+	__experimentalGetCoreBlocks,
+	// @ts-ignore No types for this exist yet.
+} from '@wordpress/block-library';
 
 /**
  * Internal dependencies
@@ -22,9 +27,31 @@ import {
 	HOMEPAGE_TEMPLATES,
 } from './homepageTemplates';
 import { THEME_SLUG } from './constants';
+import { Pattern } from '../types/pattern';
+import { isFullComposabilityFeatureAndAPIAvailable } from '../assembler-hub/utils/is-full-composability-enabled';
 
-// Update the current theme template
-export const updateTemplate = async ( {
+const parsePattern = ( pattern: Pattern ) => {
+	const blocks = parse( pattern.content );
+
+	if ( blocks.length > 0 ) {
+		// @ts-expect-error No types for this exist yet.
+		blocks[ 0 ].attributes = {
+			...blocks[ 0 ].attributes,
+			metadata: {
+				...( blocks[ 0 ].attributes.metadata || {} ),
+				categories: pattern.categories,
+				patternName: pattern.name,
+				name: blocks[ 0 ].attributes.metadata?.name || pattern.title,
+			},
+		};
+	}
+	return blocks;
+};
+
+/**
+ * This function can be removed once the full composability feature is available for all the version of WordPress that we support.
+ */
+export const updateTemplatePrePTK = async ( {
 	homepageTemplateId,
 }: {
 	homepageTemplateId: keyof typeof HOMEPAGE_TEMPLATES;
@@ -125,3 +152,115 @@ export const updateTemplate = async ( {
 		),
 	] );
 };
+
+const updateTemplatePTK = async () => {
+	// @ts-ignore No types for this exist yet.
+	const { invalidateResolutionForStoreSelector } = dispatch( coreStore );
+
+	// Ensure that the patterns are up to date because we populate images and content in previous step.
+	invalidateResolutionForStoreSelector( 'getBlockPatterns' );
+	invalidateResolutionForStoreSelector( '__experimentalGetTemplateForLink' );
+	registerCoreBlocks( __experimentalGetCoreBlocks() );
+
+	const DEFAULT_PATTERNS = {
+		header: 'woocommerce-blocks/header-essential',
+		intro: 'intro-centered-content-with-image-below',
+		footer: 'woocommerce-blocks/footer-with-3-menus',
+	} as const;
+
+	const allPatterns = ( await resolveSelect(
+		coreStore
+		// @ts-ignore No types for this exist yet.
+	).getBlockPatterns() ) as Pattern[];
+
+	const patterns = Object.entries( DEFAULT_PATTERNS ).reduce(
+		( acc, [ category, patternName ] ) => {
+			const foundPattern = allPatterns.find(
+				( pattern ) => pattern.name === patternName
+			);
+
+			const parsedPattern = foundPattern
+				? parsePattern( foundPattern )
+				: [];
+			return {
+				...acc,
+				[ category ]: parsedPattern,
+			};
+		},
+		{
+			footer: [] as BlockInstance[],
+			intro: [] as BlockInstance[],
+			header: [] as BlockInstance[],
+		}
+	);
+
+	const headerTemplateContent = serialize( patterns.header );
+	const footerTemplateContent = serialize( patterns.footer );
+
+	// Combine the header, homepage, and footer patterns into a single content string.
+	let content = serialize( patterns.intro );
+	content =
+		`<!-- wp:template-part {"slug":"header", "theme": "${ THEME_SLUG }"} /-->` +
+		content +
+		`<!-- wp:template-part {"slug":"footer", "theme": "${ THEME_SLUG }"} /-->`;
+
+	// Replace the logo width with the default width.
+	content = setLogoWidth( content );
+
+	const currentTemplate = await resolveSelect(
+		coreStore
+		// @ts-ignore No types for this exist yet.
+	).__experimentalGetTemplateForLink( '/' );
+
+	// @ts-ignore No types for this exist yet.
+	const { saveEntityRecord } = dispatch( coreStore );
+
+	await Promise.all( [
+		saveEntityRecord(
+			'postType',
+			'wp_template_part',
+			{
+				id: `${ THEME_SLUG }//header`,
+				content: headerTemplateContent,
+			},
+			{
+				throwOnError: true,
+			}
+		),
+		saveEntityRecord(
+			'postType',
+			'wp_template_part',
+			{
+				id: `${ THEME_SLUG }//footer`,
+				content: footerTemplateContent,
+			},
+			{
+				throwOnError: true,
+			}
+		),
+		saveEntityRecord(
+			'postType',
+			currentTemplate.type,
+			{
+				id: currentTemplate.id,
+				content,
+			},
+			{
+				throwOnError: true,
+			}
+		),
+	] );
+};
+
+// Update the current theme template
+export const updateTemplate = async ( {
+	homepageTemplateId,
+}: {
+	homepageTemplateId: keyof typeof HOMEPAGE_TEMPLATES;
+} ) => {
+	if ( isFullComposabilityFeatureAndAPIAvailable() ) {
+		updateTemplatePTK();
+	} else {
+		updateTemplatePrePTK( { homepageTemplateId } );
+	}
+};

plugins/woocommerce/changelog/48467-47577-cys-full-composability-update-the-default-patterns-in-the-assembler-1

@@ -0,0 +1,4 @@
+Significance: minor
+Type: update
+
+CYS: set new default patterns  </details>  <details>  <summary>Changelog Entry Comment</summary>