Site Editor: add customized indicator to plugin templates that have been customized

[Aljullu]

Description

When a template or template part has been customized, Gutenberg displays a blue circle on top of the icon to make it clear it's a custom template. However, that style is not currently applied to templates whose origin is a plugin. This PR fixes that.

How has this been tested?

With Twenty Twenty Two and example code

1. Make sure you have Twenty Twenty Two installed.
2. Copy and paste this code to a PHP file (ie, in a plugin). It will mark the Page (Large Header) as being customized and set its origin to a plugin. Of course, that's only to test this PR:

add_filter(
	'get_block_templates',
	function( $query_result, $query, $template_type ) {
		foreach ( $query_result as $result ) {
			if ( 'twentytwentytwo//page-large-header' === $result->id ) {
				$result->source    = 'custom';
				$result->origin    = 'plugin';
				$result->is_custom = true;
			}
		}

		return $query_result;
	},
	10,
	3
);

3. Go to Appearance > Site Editor > Templates and verify Page (Large Header) has a blue dot on top of the plugin icon:

Before	After

With WooCommerce

You will need to install WooCommerce 6.0 or later and clone WC Blocks repo (and then run composer i && npm i && npm run build). Once that's done, these are the testing steps:

1. Go to Appearance > Site Editor > Templates.
2. If you haven't edited any of the WooCommerce templates, edit one and go back to the Templates list.
3. Verify the WooCommerce edited template has the blue dot that indicates it has been edited.

Before	After

Types of changes

Bugfix

Checklist:

• My code is tested.
• My code follows the WordPress code style.
• My code follows the accessibility standards.
• I've tested my changes with keyboard and screen readers.
• My code has proper inline documentation.
• I've included developer documentation if appropriate.
• I've updated all React Native files affected by any refactorings/renamings in this PR (please manually search all *.native.js files for terms that need renaming or removal).

[github-actions]

Size Change: -2 B (0%)

Total Size: 1.12 MB

Filename	Size	Change
build/edit-site/index.min.js	35.5 kB	-2 B (0%)

ℹ️ View Unchanged

Filename	Size
build/a11y/index.min.js	960 B
build/admin-manifest/index.min.js	1.1 kB
build/annotations/index.min.js	2.75 kB
build/api-fetch/index.min.js	2.21 kB
build/autop/index.min.js	2.12 kB
build/blob/index.min.js	459 B
build/block-directory/index.min.js	6.28 kB
build/block-directory/style-rtl.css	1.01 kB
build/block-directory/style.css	1.01 kB
build/block-editor/default-editor-styles-rtl.css	378 B
build/block-editor/default-editor-styles.css	378 B
build/block-editor/index.min.js	140 kB
build/block-editor/style-rtl.css	14.4 kB
build/block-editor/style.css	14.4 kB
build/block-library/blocks/archives/editor-rtl.css	61 B
build/block-library/blocks/archives/editor.css	60 B
build/block-library/blocks/archives/style-rtl.css	65 B
build/block-library/blocks/archives/style.css	65 B
build/block-library/blocks/audio/editor-rtl.css	58 B
build/block-library/blocks/audio/editor.css	58 B
build/block-library/blocks/audio/style-rtl.css	111 B
build/block-library/blocks/audio/style.css	111 B
build/block-library/blocks/audio/theme-rtl.css	125 B
build/block-library/blocks/audio/theme.css	125 B
build/block-library/blocks/block/editor-rtl.css	161 B
build/block-library/blocks/block/editor.css	161 B
build/block-library/blocks/button/editor-rtl.css	470 B
build/block-library/blocks/button/editor.css	470 B
build/block-library/blocks/button/style-rtl.css	560 B
build/block-library/blocks/button/style.css	560 B
build/block-library/blocks/buttons/editor-rtl.css	291 B
build/block-library/blocks/buttons/editor.css	291 B
build/block-library/blocks/buttons/style-rtl.css	275 B
build/block-library/blocks/buttons/style.css	275 B
build/block-library/blocks/calendar/style-rtl.css	207 B
build/block-library/blocks/calendar/style.css	207 B
build/block-library/blocks/categories/editor-rtl.css	84 B
build/block-library/blocks/categories/editor.css	83 B
build/block-library/blocks/categories/style-rtl.css	79 B
build/block-library/blocks/categories/style.css	79 B
build/block-library/blocks/code/style-rtl.css	90 B
build/block-library/blocks/code/style.css	90 B
build/block-library/blocks/code/theme-rtl.css	134 B
build/block-library/blocks/code/theme.css	134 B
build/block-library/blocks/columns/editor-rtl.css	210 B
build/block-library/blocks/columns/editor.css	208 B
build/block-library/blocks/columns/style-rtl.css	503 B
build/block-library/blocks/columns/style.css	502 B
build/block-library/blocks/comment-template/style-rtl.css	127 B
build/block-library/blocks/comment-template/style.css	127 B
build/block-library/blocks/comments-pagination-numbers/editor-rtl.css	123 B
build/block-library/blocks/comments-pagination-numbers/editor.css	121 B
build/block-library/blocks/comments-pagination/editor-rtl.css	222 B
build/block-library/blocks/comments-pagination/editor.css	209 B
build/block-library/blocks/comments-pagination/style-rtl.css	235 B
build/block-library/blocks/comments-pagination/style.css	231 B
build/block-library/blocks/cover/editor-rtl.css	546 B
build/block-library/blocks/cover/editor.css	547 B
build/block-library/blocks/cover/style-rtl.css	1.22 kB
build/block-library/blocks/cover/style.css	1.22 kB
build/block-library/blocks/embed/editor-rtl.css	488 B
build/block-library/blocks/embed/editor.css	488 B
build/block-library/blocks/embed/style-rtl.css	417 B
build/block-library/blocks/embed/style.css	417 B
build/block-library/blocks/embed/theme-rtl.css	124 B
build/block-library/blocks/embed/theme.css	124 B
build/block-library/blocks/file/editor-rtl.css	300 B
build/block-library/blocks/file/editor.css	300 B
build/block-library/blocks/file/style-rtl.css	255 B
build/block-library/blocks/file/style.css	255 B
build/block-library/blocks/file/view.min.js	322 B
build/block-library/blocks/freeform/editor-rtl.css	2.44 kB
build/block-library/blocks/freeform/editor.css	2.44 kB
build/block-library/blocks/gallery/editor-rtl.css	966 B
build/block-library/blocks/gallery/editor.css	970 B
build/block-library/blocks/gallery/style-rtl.css	1.63 kB
build/block-library/blocks/gallery/style.css	1.62 kB
build/block-library/blocks/gallery/theme-rtl.css	122 B
build/block-library/blocks/gallery/theme.css	122 B
build/block-library/blocks/group/editor-rtl.css	159 B
build/block-library/blocks/group/editor.css	159 B
build/block-library/blocks/group/style-rtl.css	57 B
build/block-library/blocks/group/style.css	57 B
build/block-library/blocks/group/theme-rtl.css	78 B
build/block-library/blocks/group/theme.css	78 B
build/block-library/blocks/heading/style-rtl.css	114 B
build/block-library/blocks/heading/style.css	114 B
build/block-library/blocks/html/editor-rtl.css	332 B
build/block-library/blocks/html/editor.css	333 B
build/block-library/blocks/image/editor-rtl.css	810 B
build/block-library/blocks/image/editor.css	809 B
build/block-library/blocks/image/style-rtl.css	507 B
build/block-library/blocks/image/style.css	511 B
build/block-library/blocks/image/theme-rtl.css	124 B
build/block-library/blocks/image/theme.css	124 B
build/block-library/blocks/latest-comments/style-rtl.css	284 B
build/block-library/blocks/latest-comments/style.css	284 B
build/block-library/blocks/latest-posts/editor-rtl.css	137 B
build/block-library/blocks/latest-posts/editor.css	137 B
build/block-library/blocks/latest-posts/style-rtl.css	528 B
build/block-library/blocks/latest-posts/style.css	527 B
build/block-library/blocks/list/style-rtl.css	94 B
build/block-library/blocks/list/style.css	94 B
build/block-library/blocks/media-text/editor-rtl.css	266 B
build/block-library/blocks/media-text/editor.css	263 B
build/block-library/blocks/media-text/style-rtl.css	493 B
build/block-library/blocks/media-text/style.css	490 B
build/block-library/blocks/more/editor-rtl.css	431 B
build/block-library/blocks/more/editor.css	431 B
build/block-library/blocks/navigation-link/editor-rtl.css	649 B
build/block-library/blocks/navigation-link/editor.css	650 B
build/block-library/blocks/navigation-link/style-rtl.css	94 B
build/block-library/blocks/navigation-link/style.css	94 B
build/block-library/blocks/navigation-submenu/editor-rtl.css	299 B
build/block-library/blocks/navigation-submenu/editor.css	299 B
build/block-library/blocks/navigation-submenu/view.min.js	343 B
build/block-library/blocks/navigation/editor-rtl.css	1.91 kB
build/block-library/blocks/navigation/editor.css	1.91 kB
build/block-library/blocks/navigation/style-rtl.css	1.71 kB
build/block-library/blocks/navigation/style.css	1.7 kB
build/block-library/blocks/navigation/view.min.js	2.79 kB
build/block-library/blocks/nextpage/editor-rtl.css	395 B
build/block-library/blocks/nextpage/editor.css	395 B
build/block-library/blocks/page-list/editor-rtl.css	377 B
build/block-library/blocks/page-list/editor.css	377 B
build/block-library/blocks/page-list/style-rtl.css	172 B
build/block-library/blocks/page-list/style.css	172 B
build/block-library/blocks/paragraph/editor-rtl.css	157 B
build/block-library/blocks/paragraph/editor.css	157 B
build/block-library/blocks/paragraph/style-rtl.css	273 B
build/block-library/blocks/paragraph/style.css	273 B
build/block-library/blocks/post-author/style-rtl.css	175 B
build/block-library/blocks/post-author/style.css	176 B
build/block-library/blocks/post-comments-form/style-rtl.css	446 B
build/block-library/blocks/post-comments-form/style.css	446 B
build/block-library/blocks/post-comments/style-rtl.css	507 B
build/block-library/blocks/post-comments/style.css	507 B
build/block-library/blocks/post-excerpt/editor-rtl.css	73 B
build/block-library/blocks/post-excerpt/editor.css	73 B
build/block-library/blocks/post-excerpt/style-rtl.css	69 B
build/block-library/blocks/post-excerpt/style.css	69 B
build/block-library/blocks/post-featured-image/editor-rtl.css	721 B
build/block-library/blocks/post-featured-image/editor.css	721 B
build/block-library/blocks/post-featured-image/style-rtl.css	153 B
build/block-library/blocks/post-featured-image/style.css	153 B
build/block-library/blocks/post-template/editor-rtl.css	99 B
build/block-library/blocks/post-template/editor.css	98 B
build/block-library/blocks/post-template/style-rtl.css	391 B
build/block-library/blocks/post-template/style.css	392 B
build/block-library/blocks/post-terms/style-rtl.css	73 B
build/block-library/blocks/post-terms/style.css	73 B
build/block-library/blocks/post-title/style-rtl.css	80 B
build/block-library/blocks/post-title/style.css	80 B
build/block-library/blocks/preformatted/style-rtl.css	103 B
build/block-library/blocks/preformatted/style.css	103 B
build/block-library/blocks/pullquote/editor-rtl.css	198 B
build/block-library/blocks/pullquote/editor.css	198 B
build/block-library/blocks/pullquote/style-rtl.css	389 B
build/block-library/blocks/pullquote/style.css	388 B
build/block-library/blocks/pullquote/theme-rtl.css	167 B
build/block-library/blocks/pullquote/theme.css	167 B
build/block-library/blocks/query-pagination-numbers/editor-rtl.css	122 B
build/block-library/blocks/query-pagination-numbers/editor.css	121 B
build/block-library/blocks/query-pagination/editor-rtl.css	221 B
build/block-library/blocks/query-pagination/editor.css	211 B
build/block-library/blocks/query-pagination/style-rtl.css	273 B
build/block-library/blocks/query-pagination/style.css	269 B
build/block-library/blocks/query/editor-rtl.css	131 B
build/block-library/blocks/query/editor.css	132 B
build/block-library/blocks/quote/style-rtl.css	187 B
build/block-library/blocks/quote/style.css	187 B
build/block-library/blocks/quote/theme-rtl.css	223 B
build/block-library/blocks/quote/theme.css	226 B
build/block-library/blocks/rss/editor-rtl.css	202 B
build/block-library/blocks/rss/editor.css	204 B
build/block-library/blocks/rss/style-rtl.css	289 B
build/block-library/blocks/rss/style.css	288 B
build/block-library/blocks/search/editor-rtl.css	165 B
build/block-library/blocks/search/editor.css	165 B
build/block-library/blocks/search/style-rtl.css	397 B
build/block-library/blocks/search/style.css	398 B
build/block-library/blocks/search/theme-rtl.css	64 B
build/block-library/blocks/search/theme.css	64 B
build/block-library/blocks/separator/editor-rtl.css	99 B
build/block-library/blocks/separator/editor.css	99 B
build/block-library/blocks/separator/style-rtl.css	245 B
build/block-library/blocks/separator/style.css	245 B
build/block-library/blocks/separator/theme-rtl.css	172 B
build/block-library/blocks/separator/theme.css	172 B
build/block-library/blocks/shortcode/editor-rtl.css	474 B
build/block-library/blocks/shortcode/editor.css	474 B
build/block-library/blocks/site-logo/editor-rtl.css	772 B
build/block-library/blocks/site-logo/editor.css	772 B
build/block-library/blocks/site-logo/style-rtl.css	165 B
build/block-library/blocks/site-logo/style.css	165 B
build/block-library/blocks/site-tagline/editor-rtl.css	86 B
build/block-library/blocks/site-tagline/editor.css	86 B
build/block-library/blocks/site-title/editor-rtl.css	84 B
build/block-library/blocks/site-title/editor.css	84 B
build/block-library/blocks/social-link/editor-rtl.css	177 B
build/block-library/blocks/social-link/editor.css	177 B
build/block-library/blocks/social-links/editor-rtl.css	670 B
build/block-library/blocks/social-links/editor.css	669 B
build/block-library/blocks/social-links/style-rtl.css	1.32 kB
build/block-library/blocks/social-links/style.css	1.32 kB
build/block-library/blocks/spacer/editor-rtl.css	307 B
build/block-library/blocks/spacer/editor.css	307 B
build/block-library/blocks/spacer/style-rtl.css	48 B
build/block-library/blocks/spacer/style.css	48 B
build/block-library/blocks/table/editor-rtl.css	471 B
build/block-library/blocks/table/editor.css	472 B
build/block-library/blocks/table/style-rtl.css	481 B
build/block-library/blocks/table/style.css	481 B
build/block-library/blocks/table/theme-rtl.css	188 B
build/block-library/blocks/table/theme.css	188 B
build/block-library/blocks/tag-cloud/style-rtl.css	146 B
build/block-library/blocks/tag-cloud/style.css	146 B
build/block-library/blocks/template-part/editor-rtl.css	560 B
build/block-library/blocks/template-part/editor.css	559 B
build/block-library/blocks/template-part/theme-rtl.css	101 B
build/block-library/blocks/template-part/theme.css	101 B
build/block-library/blocks/text-columns/editor-rtl.css	95 B
build/block-library/blocks/text-columns/editor.css	95 B
build/block-library/blocks/text-columns/style-rtl.css	166 B
build/block-library/blocks/text-columns/style.css	166 B
build/block-library/blocks/verse/style-rtl.css	87 B
build/block-library/blocks/verse/style.css	87 B
build/block-library/blocks/video/editor-rtl.css	569 B
build/block-library/blocks/video/editor.css	570 B
build/block-library/blocks/video/style-rtl.css	173 B
build/block-library/blocks/video/style.css	173 B
build/block-library/blocks/video/theme-rtl.css	124 B
build/block-library/blocks/video/theme.css	124 B
build/block-library/common-rtl.css	857 B
build/block-library/common.css	856 B
build/block-library/editor-rtl.css	10 kB
build/block-library/editor.css	10 kB
build/block-library/index.min.js	163 kB
build/block-library/reset-rtl.css	474 B
build/block-library/reset.css	474 B
build/block-library/style-rtl.css	10.8 kB
build/block-library/style.css	10.8 kB
build/block-library/theme-rtl.css	672 B
build/block-library/theme.css	677 B
build/block-serialization-default-parser/index.min.js	1.09 kB
build/block-serialization-spec-parser/index.min.js	2.79 kB
build/blocks/index.min.js	46.3 kB
build/components/index.min.js	215 kB
build/components/style-rtl.css	15.5 kB
build/components/style.css	15.5 kB
build/compose/index.min.js	10.9 kB
build/core-data/index.min.js	13.2 kB
build/customize-widgets/index.min.js	11.4 kB
build/customize-widgets/style-rtl.css	1.5 kB
build/customize-widgets/style.css	1.49 kB
build/data-controls/index.min.js	631 B
build/data/index.min.js	7.49 kB
build/date/index.min.js	31.5 kB
build/deprecated/index.min.js	485 B
build/dom-ready/index.min.js	304 B
build/dom/index.min.js	4.5 kB
build/edit-navigation/index.min.js	16 kB
build/edit-navigation/style-rtl.css	3.76 kB
build/edit-navigation/style.css	3.76 kB
build/edit-post/classic-rtl.css	492 B
build/edit-post/classic.css	494 B
build/edit-post/index.min.js	29.4 kB
build/edit-post/style-rtl.css	7.1 kB
build/edit-post/style.css	7.09 kB
build/edit-site/style-rtl.css	6.57 kB
build/edit-site/style.css	6.57 kB
build/edit-widgets/index.min.js	16.5 kB
build/edit-widgets/style-rtl.css	4.18 kB
build/edit-widgets/style.css	4.18 kB
build/editor/index.min.js	37.8 kB
build/editor/style-rtl.css	3.78 kB
build/editor/style.css	3.77 kB
build/element/index.min.js	3.29 kB
build/escape-html/index.min.js	517 B
build/format-library/index.min.js	6.58 kB
build/format-library/style-rtl.css	571 B
build/format-library/style.css	571 B
build/hooks/index.min.js	1.63 kB
build/html-entities/index.min.js	424 B
build/i18n/index.min.js	3.71 kB
build/is-shallow-equal/index.min.js	501 B
build/keyboard-shortcuts/index.min.js	1.8 kB
build/keycodes/index.min.js	1.39 kB
build/list-reusable-blocks/index.min.js	1.72 kB
build/list-reusable-blocks/style-rtl.css	838 B
build/list-reusable-blocks/style.css	838 B
build/media-utils/index.min.js	2.92 kB
build/notices/index.min.js	925 B
build/nux/index.min.js	2.08 kB
build/nux/style-rtl.css	747 B
build/nux/style.css	743 B
build/plugins/index.min.js	1.84 kB
build/primitives/index.min.js	924 B
build/priority-queue/index.min.js	582 B
build/react-i18n/index.min.js	671 B
build/react-refresh-entry/index.min.js	8.49 kB
build/react-refresh-runtime/index.min.js	7.31 kB
build/redux-routine/index.min.js	2.65 kB
build/reusable-blocks/index.min.js	2.22 kB
build/reusable-blocks/style-rtl.css	256 B
build/reusable-blocks/style.css	256 B
build/rich-text/index.min.js	11 kB
build/server-side-render/index.min.js	1.57 kB
build/shortcode/index.min.js	1.49 kB
build/token-list/index.min.js	639 B
build/url/index.min.js	1.9 kB
build/viewport/index.min.js	1.05 kB
build/warning/index.min.js	248 B
build/widgets/index.min.js	7.15 kB
build/widgets/style-rtl.css	1.16 kB
build/widgets/style.css	1.16 kB
build/wordcount/index.min.js	1.04 kB

_{compressed-size-action}

[carolinan]

I tried, but I couldn't get the WooCommerce templates to be listed at all. I probably missed something when I tried to setup / build WooCommerce blocks.

[Aljullu]

Thanks for taking a look, @carolinan! I updated the PR description with alternative testing steps that don't require WooCommerce (but instead, require adding some custom code), hope that's easier to test. Also, let me know if you want me to help set up WC if you still want to test the real-life testing steps. 🙂

[carolinan]

I have tested the PR with the new instructions. Works as described, thank you.

[Mamaduka]

Cherry-picked for the minor.