You may now retrieve the index of a inner block via the core/block-editor data module. You may pair it with the useSelect hook to keep the indexes up to date on changes. Something like this. Intentionally verbose for clarity. import {useSelect} from ‘@wordpress/data’; const Answer = ( blockProps ) => { const {index} = useSelect( … Read more
npm pack can do this for you. You can configure what it puts in the tarball with a .npmignore file or with the files field in package.json. An example of the files field: “files”: [“*.json”, “readme.txt”, “my-plugin.php”, “build/*”], With the above in package.json, running npm pack will produce a .tgz with only the files from … Read more
You don’t, rather the approach taken is incorrect, and this particular situation is not fixable. The group blocks anchor attribute for the ID is stored in the markup itself not the HTML comment, so by introducing an ID at the top level you are changing its value. Once this is done, the output of the … Read more
You don’t That’s not how blocks work, and it’s not how HTML works. If you want multiple areas to insert blocks into, you need multiple blocks. This is the same as saying that a box has multiple insides, or that there is more than one “inside a HTML tag”, it does not make sense as … Read more
It turned out that, at least for my specific use case, there was no need to use a class or interact with React lifecycle methods. My code was already working with the component as a function but for some reason I wasn’t able to see it in that moment. I have probably made a mistake … Read more
I am concerned the implementation is incorrect If you just wanted to know whether you have correctly used useSelect, then yes, you have — and I would also return the same object as returned by your callback. However, instead of const imageSizes = useSelect( … ), I’d just do const { image, imageSizes } = … Read more
I had a similar problem and I found the solution in this post. Please have a look at https://wordpress.org/support/topic/block-editor-unexpected-error/
You’ve misunderstood the purpose of the save component. The goal of the save component is not to return an interactive React component, it’s to return something that can be converted into static HTML and saved in the database as a string in the post content. Since only the HTML gets saved, it’s your responsibility to … Read more
You could paste the SVG in the Custom HTML block and style it with CSS. There is also https://wordpress.org/plugins/icon-block/ which supports pasting a custom icon and facilitates styling it.
Maybe you will find this snippet helpful. I’m still searching for a better way to do this but as far as I can tell blocks are not aware of their own deletion. Instead we have to monitor the blocks from above. If you have a parent block type that has children, you can subscribe to … Read more