anchors.js

/**
 * Anchors.
 */

// Variables.
import wp from 'wp';
const { addFilter } = wp.hooks;
import includes from 'lodash/includes';

// Add anchor support to these blocks.
const blocks = [
	'core/columns',
];

// Attributes.
addFilter(
	'blocks.registerBlockType',
	'jb/anchors',
	( props, name ) => {
		if ( ! includes( blocks, name ) ) {
			return props;
		}

		const supports = {
			...props.supports,
			anchor: true,
		};
		props = { ...props, supports };

		const attributes = {
			...props.attributes,
			anchor: {
				type: 'string',
				source: 'attribute',
				attribute: 'id',
				selector: '*',
			},
		};
		props = { ...props, attributes };

		return props;
	}
);