facebook.js

/**
 * External dependencies
 */
import { addFilter } from '@wordpress/hooks';
import { __, _x } from '@wordpress/i18n';

/**
 * Internal dependencies
 */
import { getIconColor } from '../../shared/block-icons';

const facebookVariation = {
	name: 'facebook',
	title: 'Facebook',
	icon: {
		src: 'facebook',
		foreground: getIconColor(),
	},
	keywords: [ _x( 'social', 'block search term', 'jetpack' ) ],
	description: __( 'Embed a Facebook post.', 'jetpack' ),
	patterns: [ /^https?:\/\/www\.facebook.com\/.+/i ],
	attributes: {
		providerNameSlug: 'facebook',
		previewable: false,
		responsive: true,
	},
};

/**
 * Re-enable the Facebook embed block variation by making it appear in the inserter
 * and its URL pattern parseable again.
 *
 * Relevant for Gutenberg >= 9.0, where the aforementioned block was deprecated*[0] because
 * they do not support the oEmbed changes that Facebook is going to implement on Oct. 24th, 2020,
 * and Core has currently no plans to support it.
 *
 * However, we do plan on keeping support for these embeds in Jetpack and WordPress.com by sending an
 * access token alongside the oEmbed API request.
 *
 * Our goal is for this go unnoticed by our end-users, as this is only an implementation detail.
 *
 * *[0] https://github.com/WordPress/gutenberg/pull/24472.
 *
 * @param {object} settings - Block settings object.
 * @param {string} name - The block name
 * @returns {object} The settings for the given block with the patched variations.
 */
function reactivateFacebookEmbedBlockVariation( settings, name ) {
	if ( name !== 'core/embed' || ! settings.variations ) {
		return settings;
	}

	// Remove potentially existing variation.
	const variations = settings.variations.filter(
		variation => variation.name !== facebookVariation.name
	);
	// Add 'our' variation.
	settings.variations = [ ...variations, facebookVariation ];

	return settings;
}

addFilter(
	'blocks.registerBlockType',
	'reactivateFacebookEmbedBlockVariation',
	reactivateFacebookEmbedBlockVariation
);