Gutenberg

Here are some helpful links for learning more about Gutenberg

Built In Block Editing Components

gutenberg/README.md at 0bad51e52cd32c75420d9241444d0ea18109e5a4 · WordPress/gutenbergGitHub

Inspector Controls

Gutenberg Packages

gutenberg/packages/block-library/src at 15a198cbf3603ed7b1d673b807910418c92b0468 · WordPress/gutenbergGitHub

getEntityRecords

Requesting data in Gutenberg with getEntityRecords - Ryan WelcherRyan Welcher

Display a Select Dropdown List of Posts in Gutenberg

Block Library

gutenberg/packages/block-library/src at trunk · WordPress/gutenbergGitHub

Theme.JSON

Global Settings & Styles (theme.json) | Block Editor Handbook | WordPress Developer ResourcesWordPress Developer Resources

theme.json docs

Locking Blocks

Locking Blocks in WordPress 5.9Make WordPress Core

locking block templates

More Block Data

backend/plugins/gravity-platform-core/src/index.tsx

wp.domReady(() => {
	// wp.blocks.unregisterBlockStyle("core/quote", ["default", "plain", "large"]);
	// THIS CAN SHOW THE BLOCK OBJECTS IN THE CONSOLE OF THE PAGE EDITOR
	wp.blocks.getBlockTypes().forEach((block) => {
	 	console.log("block :", block);
	 });
});

Removing Editor Panels

backend/plugins/gravity-platform-core/src/index.tsx

wp.domReady(() => {
	wp.blocks.unregisterBlockStyle("core/quote", ["default", "plain", "large"]);
	wp.data.dispatch("core/edit-post").removeEditorPanel("discussion-panel");
	wp.data.dispatch("core/edit-post").removeEditorPanel("template");
});

We can use wp.data.dispatch to remove editor panels as shown above.

We can also toggle them open by default as you can see below.

if (!wp.data.select("core/edit-post").isPanelOpened("featured-image")) {
	wp.data
		.dispatch("core/edit-post")
		.toggleEditorPanelOpened("featured-image");
}