diff options
Diffstat (limited to 'plugins/jetpack/wp-cli-templates/block-index-js.mustache')
-rw-r--r-- | plugins/jetpack/wp-cli-templates/block-index-js.mustache | 67 |
1 files changed, 67 insertions, 0 deletions
diff --git a/plugins/jetpack/wp-cli-templates/block-index-js.mustache b/plugins/jetpack/wp-cli-templates/block-index-js.mustache new file mode 100644 index 00000000..236dcfa4 --- /dev/null +++ b/plugins/jetpack/wp-cli-templates/block-index-js.mustache @@ -0,0 +1,67 @@ +/** + * External dependencies + */ +import { __{{#hasKeywords}}, _x{{/hasKeywords}} } from '@wordpress/i18n'; +import { ExternalLink, Path } from '@wordpress/components'; +import { Fragment } from '@wordpress/element'; + +/** + * Internal dependencies + */ +import renderMaterialIcon from '../../shared/render-material-icon'; +import edit from './edit'; + +/** + * Style dependencies + */ +import './editor.scss'; + +export const name = '{{ slug }}'; +export const title = __( '{{ title }}', 'jetpack' ); +export const settings = { + title, + + description: ( + <Fragment> + <p>{ __( '{{ description }}', 'jetpack' ) }</p> + <ExternalLink href="#">{ __( 'Learn more about {{ title }}', 'jetpack' ) }</ExternalLink> + </Fragment> + ), + + /* @TODO Add the icon. You can use one of these https://material.io/tools/icons/?style=outline */ + icon: renderMaterialIcon( + <Path d="M9 15h2V9H9v6zm1-10c-.5 0-1 .5-1 1s.5 1 1 1 1-.5 1-1-.5-1-1-1zm0-4c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 16c-3.9 0-7-3.1-7-7s3.1-7 7-7 7 3.1 7 7-3.1 7-7 7z" /> + ), + + category: 'jetpack', + + keywords: [{{#keywords}}_x( '{{ keyword }}', 'block search term', 'jetpack' ), {{/keywords}}], + + supports: { + // Support for block's alignment (left, center, right, wide, full). When true, it adds block controls to change block’s alignment. + align: false, /* if set to true, the 'align' option below can be used*/ + // Pick which alignment options to display. + /*align: [ 'left', 'right', 'full' ],*/ + // Support for wide alignment, that requires additional support in themes. + alignWide: true, + // When true, a new field in the block sidebar allows to define an id for the block and a button to copy the direct link. + anchor: false, + // When true, a new field in the block sidebar allows to define a custom className for the block’s wrapper. + customClassName: true, + // When false, Gutenberg won't add a class like .wp-block-your-block-name to the root element of your saved markup + className: true, + // Setting this to false suppress the ability to edit a block’s markup individually. We often set this to false in Jetpack blocks. + html: false, + // Passing false hides this block in Gutenberg's visual inserter. + /*inserter: true,*/ + // When false, user will only be able to insert the block once per post. + multiple: true, + // When false, the block won't be available to be converted into a reusable block. + reusable: true, + }, + + edit, + + /* @TODO Write the block editor output */ + save: () => null, +}; |