ES5 Source for built-in blocks

Hi, The built-in blocks are built using ESNext code, but there’s the Gutenberg Examples repo showing several blocks in ES5 and ESNext.

Cheers @youknowriad, yes I had seen those examples. They are useful but wondered if the other built-in-blocks were also available as they cover features such as the InspectorControls etc.

Unfortunately, we only keep the ESnext version for the built-in blocks. But you can use the InspectorControls similarily to the Block controls https://gutenberg-devdoc.surge.sh/blocks/block-controls-toolbars-and-inspector/

Happy to help if there’s any special use-case you want to write in ES5.

• This reply was modified 7 years, 3 months ago by Riad Benguella.

Thanks @youknowriad.

Yes, I had seen that but was having real trouble getting it to work. I have now though, so was thinking of raising a PR to the docs to get it included.

Whilst you’re here, is ESNext with babel etc the recommended way forward? If so perhaps this (and some instructions on setting up) could be included in the docs also.

Whilst you’re here, is ESNext with babel etc the recommended way forward? If so perhaps this (and some instructions on setting up) could be included in the docs also.

I don’t think ESNext is the recommended way forward. It is the recommended way for Core development but we do not want to enforce this on theme/plugin authors.

That said, I agree we should add a page in the docs with setup instructions for those who want to use ESNext. The Examples repo serves this purpose too because it has all the setup already in place, but lacks some explanations for now. Raising Docs PRs would be awesome ??

• This reply was modified 7 years, 3 months ago by Riad Benguella.

Thanks @youknowriad

You’re welcome ??

@toddhalfpenny: No idea how useful it is to you, but something very much WIP that I was tinkering with the other week: https://github.com/Automattic/jetpack/pull/7597/files#diff-ccf59a841e37913c0eddee41f08c6eb8R224 — no promises that any of it actually works at the moment though, whilst tinkering it’s been floating in and out of varied states of functionality.

Also https://github.com/georgestephanis/GS-Gutenblocks/blob/master/gs-gutenblocks.php which does work and is heavily commented and fully ES5. (but just my personal tinkerings, and again should be taken as such)

Thanks @georgestephanis, looks useful indeed.