Gutenberg

Here are some helpful links for learning more about Gutenberg

Built In Block Editing Components

gutenberg/packages/block-editor/src/components/inspector-controls/README.md at b9bddfc41c8a42fa2a8c4dd462dd79d532437391 · WordPress/gutenbergGitHub

Inspector Controls

Gutenberg Packages

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

getEntityRecords

Requesting data in Gutenberg with getEntityRecordsRyan Welcher

Create Select Dropdown with Posts or Terms in GutenbergMisha Rudrastyh

Block Library

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

Theme.JSON

Global Settings & Styles (theme.json) – Block Editor Handbook | Developer.WordPress.orgWordPress 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");
}