So… through some trial and error, I discovered that I’d gotten some of the logic wrong in order to detect and ensure the result of the API call (and subsequent state change) was treated properly. I suspect that “other” state changes were firing and I was unsubscribing before I needed to – hence the unsubscribe … Read more
This worked for me, add this to the end of your themes functions.php file: add_action(‘admin_head’, ‘wp_blocks_fullwidth’); function wp_blocks_fullwidth() { echo ‘<style> .wp-block { max-width: unset; } </style>’; }
Okay guys, I’ve got a solution: import {withSelect} from ‘@wordpress/data’; import {SelectControl} from “@wordpress/components”; import ReactSpinner from ‘react-bootstrap-spinner’ import ServerSideRender from ‘@wordpress/server-side-render’; const MySelectControl = ( ({chart, setAttributes, …props}) => ( <SelectControl label=”Bitte wählen Sie ein Diagramm aus: ” value={chart ? parseInt(chart) : 0} options={props.options} onChange={(chart) => { setAttributes({ chart: chart }); }} /> ) … Read more
Warning (or note to other readers): Lots of JavaScript code ahead.. in fact, there’s no PHP here. So I hope you already have some JavaScript skills prior to reading this answer. 🙂 Thanks! I’ve also got a filter in place that sets the script type of my .js file to text/babel so JSX interprets correctly. … Read more
This is possible with javascript using the wp.data api. You can see this work in the console, by replacing the template name as needed: wp.data.dispatch(‘core/editor’).editPost( {template: “templates/blank.php”} ) You would just need to run that at some point after the editor sidebar components have loaded in a check to see if the page template has … Read more
(In hurry? Skip to the bottom for the code..) So Gutenberg or the Block Editor uses the WordPress REST API when retrieving entity (e.g. postType>post and taxonomy>category) records (e.g. posts and terms). For examples, for posts (post type of post), the route is /wp/v2/posts. And for custom post types such as team, the default route … Read more
(Revised answer to properly address the questions in the question..) For Question 1 (JS) How can I get a post object from a custom REST endpoint within a Gutenberg block? So there’s the apiFetch() which you can use to fetch resources from the REST API. But unlike return { children: getEntityRecords() }, return { children: … Read more
as @Alvero pointed out in the comments, instead of just supplying wp-api in the block registration, you now need to specify wp-api-fetch. $index_js=”sample-post/index.js”; wp_register_script( ‘sample-post-block-block-editor’, plugins_url( $index_js, __FILE__ ), array( ‘wp-blocks’, ‘wp-i18n’, ‘wp-element’, ‘wp-api-fetch’, ), filemtime( “$dir/$index_js” ) ); Then within your block, you call it using the wp.apiFetch function: var registerBlockType = wp.blocks.registerBlockType, el … Read more
I’ve got JavaScript that verifiably loads on the post type edit page But did you enqueue your script with the correct dependencies? Have you checked the browser console? Did it say something like “Uncaught TypeError: Cannot read property ‘createElement’ of undefined“? The JavaScript code in the question requires the @wordpress/element and @wordpress/hooks packages, which are … Read more
I know that this is not welcome here, but my only answer is that I can refer you to the following plugin. The plugin was released a few weeks ago and finds exactly the blocks used for your installation. Exactly what you need. https://wordpress.org/plugins/find-my-blocks/