components
1 year ago
hooks
1 year ago
block.json
1 year ago
edit.js
1 year ago
editor.scss
1 year ago
image-utils.js
1 year ago
index.js
1 year ago
save.js
1 year ago
toolbar-appenders.js
1 year ago
transforms.js
1 year ago
index.js
38 lines
| 1 | import { registerBlockType, registerBlockVariation } from '@wordpress/blocks'; |
| 2 | import { __ } from '@wordpress/i18n'; |
| 3 | import { Edit } from './edit'; |
| 4 | import metadata from './block.json'; |
| 5 | import { Save } from './save'; |
| 6 | import { transforms } from './transforms'; |
| 7 | import getIcon from '@utils/get-icon'; |
| 8 | |
| 9 | import './toolbar-appenders'; |
| 10 | import './editor.scss'; |
| 11 | |
| 12 | registerBlockType( metadata, { |
| 13 | edit: Edit, |
| 14 | save: Save, |
| 15 | icon: getIcon( 'image' ), |
| 16 | transforms, |
| 17 | } ); |
| 18 | |
| 19 | registerBlockVariation( |
| 20 | 'generateblocks/media', |
| 21 | { |
| 22 | name: 'generateblocks/image', |
| 23 | description: __( 'Add images to your content to make a visual statement.', 'generateblocks' ), |
| 24 | title: 'Image', |
| 25 | attributes: { |
| 26 | tagName: 'img', |
| 27 | styles: { |
| 28 | height: 'auto', |
| 29 | maxWidth: '100%', |
| 30 | objectFit: 'cover', |
| 31 | width: 'auto', |
| 32 | }, |
| 33 | }, |
| 34 | isActive: ( blockAttributes ) => 'img' === blockAttributes.tagName, |
| 35 | isDefault: true, |
| 36 | }, |
| 37 | ); |
| 38 |