WordFence

🏠 Root / home / artorgp / www / wp-content / plugins / a-z-listing / scripts / blocks /

Editing: index.js

/**
 * Registers a new block provided a unique name and an object defining its behavior.
 *
 * @see https://developer.wordpress.org/block-editor/developers/block-api/#registering-a-block
 */
import { __ } from '@wordpress/i18n';

import { createBlock, registerBlockType } from '@wordpress/blocks';
import { createReduxStore, register } from '@wordpress/data';
import domReady from '@wordpress/dom-ready';
import { applyFilters } from '@wordpress/hooks';
import { postList as icon } from '@wordpress/icons';
import { attrs } from '@wordpress/shortcode';

import edit from './edit';
import globalAttributes from './attributes.json';
import DisplayOptions from '../components/DisplayOptions';
import ItemSelection from '../components/ItemSelection';
import Extensions from '../components/Extensions';
import AZInspectorControls from '../components/AZInspectorControls';

import shortcodeUpgrader from './shortcode-upgrader';

domReady( () => {
	const attributes = applyFilters( 'a_z_listing_attributes', globalAttributes );

/**
	 * Every block starts by registering a new block type definition.
	 *
	 * @see https://developer.wordpress.org/block-editor/developers/block-api/#registering-a-block
	 */
	registerBlockType( 'a-z-listing/block', {
		/**
		 * This is the display title for your block, which can be translated with `i18n` functions.
		 * The block inserter will show this name.
		 */
		title: __( 'A-Z Listing', 'a-z-listing' ),

/**
		 * This is a short description for your block, can be translated with `i18n` functions.
		 * It will be shown in the Block Tab in the Settings Sidebar.
		 */
		description: __(
			'Show your posts in an alphabetically-ordered rolodex-style list',
			'a-z-listing'
		),

/**
		 * Blocks are grouped into categories to help users browse and discover them.
		 * The categories provided by core are `common`, `embed`, `formatting`, `layout` and `widgets`.
		 */
		category: 'widgets',

/**
		 * An icon property should be specified to make it easier to identify a block.
		 * These can be any of WordPress’ Dashicons, or a custom svg element.
		 */
		icon,

/**
		 * Optional block extended support features.
		 */
		supports: {
			align: true,
			html: false,
		},

attributes,

edit,

save: () => null,

transforms: {
			from: [
				{
					type: 'prefix',
					prefix: '[a-z-listing',
					transform() {
						return createBlock( 'a-z-listing/block' );
					},
				},
				{
					type: 'prefix',
					prefix: '[a-z-listing]',
					transform() {
						return createBlock( 'a-z-listing/block' );
					},
				},
				{
					type: 'raw',
					isMatch: ( node ) => node.nodeName === 'P' && /^\s*\[a-z-listing.*\]\s*$/.test( node.textContent ),
					transform( node ) {
						const atts = attrs( node.textContent.trim() );
						return createBlock( 'a-z-listing/block', atts );
					},
				},
			],
		},
	} );

shortcodeUpgrader();
} );