Release 1.64.0

RELEASE-NOTES.txt

@@ -1,6 +1,16 @@
 Unreleased
 ---
 
+1.64.0
+------
+* [*] [Unsupported Block Editor] Fix text selection bug for Android [https://github.com/wordpress-mobile/gutenberg-mobile/pull/3937]
+* [*] Embed block: Fix inline preview cut-off when editing URL [https://github.com/wordpress-mobile/gutenberg-mobile/pull/4072]
+* [**] Embed block: Include Jetpack embed variants [https://github.com/wordpress-mobile/gutenberg-mobile/pull/4008]
+* [*] Embed block: Fix URL not editable after dismissing the edit URL bottom sheet with empty value [https://github.com/wordpress-mobile/gutenberg-mobile/pull/4094]
+* [**] Embed block: Detect when an embeddable URL is pasted into an empty paragraph. [https://github.com/wordpress-mobile/gutenberg-mobile/pull/4048]
+* [**] Pullquote block - Added support for text and background color customization [https://github.com/WordPress/gutenberg/pull/34451]
+* [**] Preformatted block - Added support for text and background color customization [https://github.com/wordpress-mobile/gutenberg-mobile/pull/4071]
+
 1.63.1
 ------
 * [*] Fixed missing modal backdrop for Android help section [https://github.com/wordpress-mobile/gutenberg-mobile/pull/4106]
@@ -19,7 +29,7 @@ Unreleased
 1.62.1
 ------
 * [**] Image block: fix height and border regression. [https://github.com/WordPress/gutenberg/pull/34957]
-* [**] Column block: fix width attribute flout cutoff. [https://github.com/wordpress-mobile/gutenberg-mobile/pull/3921]
+* [**] Column block: fix width float attribute cut off. [https://github.com/WordPress/gutenberg/pull/35061]
 
 1.62.0
 ------

bundle/android/strings.xml

@@ -79,6 +79,8 @@
     <string name="gutenberg_native_copied_block" tools:ignore="UnusedResources">Copied block</string>
     <string name="gutenberg_native_copy_block" tools:ignore="UnusedResources">Copy block</string>
     <string name="gutenberg_native_copy_file_url" tools:ignore="UnusedResources">Copy file URL</string>
+    <string name="gutenberg_native_create_embed" tools:ignore="UnusedResources">Create embed</string>
+    <string name="gutenberg_native_create_link" tools:ignore="UnusedResources">Create link</string>
     <string name="gutenberg_native_crosspost" tools:ignore="UnusedResources">Crosspost</string>
     <string name="gutenberg_native_current_placeholder_text_is" tools:ignore="UnusedResources">Current placeholder text is</string>
     <!-- translators: accessibility text. Inform about current unit value. %s: Current unit value. -->

bundle/ios/GutenbergNativeTranslations.swift

@@ -81,6 +81,8 @@ private func dummy() {
     _ = NSLocalizedString("Copied block", comment: "")
     _ = NSLocalizedString("Copy block", comment: "")
     _ = NSLocalizedString("Copy file URL", comment: "")
+    _ = NSLocalizedString("Create embed", comment: "")
+    _ = NSLocalizedString("Create link", comment: "")
     _ = NSLocalizedString("Crosspost", comment: "")
     _ = NSLocalizedString("Current placeholder text is", comment: "")
     _ = NSLocalizedString("Current unit is %s", comment: "translators: accessibility text. Inform about current unit value. %s: Current unit value.")

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "gutenberg-mobile",
-	"version": "1.63.1",
+	"version": "1.64.0",
 	"private": true,
 	"config": {
 		"jsfiles": "./*.js src/*.js src/**/*.js src/**/**/*.js",

src/index.js

@@ -11,20 +11,31 @@ import {
  * Internal dependencies
  */
 import correctTextFontWeight from './text-font-weight-correct';
-import setupJetpackEditor from './jetpack-editor-setup';
+import {
+	registerJetpackBlocks,
+	registerJetpackEmbedVariations,
+	setupJetpackEditor,
+} from './jetpack-editor-setup';
 import setupBlockExperiments from './block-experiments-setup';
 import initialHtml from './initial-html';
 
-addAction( 'native.pre-render', 'gutenberg-mobile', () => {
+addAction( 'native.pre-render', 'gutenberg-mobile', ( props ) => {
 	require( './strings-overrides' );
 	correctTextFontWeight();
-} );
 
-addAction( 'native.render', 'gutenberg-mobile', ( props ) => {
 	setupJetpackEditor(
 		props.jetpackState || { blogId: 1, isJetpackActive: true }
 	);
+
+	// Jetpack Embed variations use WP hooks that are attached to
+	// block type registration, so it’s required to add them before
+	// the core blocks are registered.
+	registerJetpackEmbedVariations( props );
+} );
+
+addAction( 'native.render', 'gutenberg-mobile', ( props ) => {
 	const capabilities = props.capabilities ?? {};
+	registerJetpackBlocks( props );
 	setupBlockExperiments( capabilities );
 } );
 

src/jetpack-editor-setup.js

@@ -2,10 +2,19 @@
  * Internal dependencies
  */
 import { JETPACK_DATA_PATH } from '../jetpack/projects/plugins/jetpack/extensions/shared/get-jetpack-data';
+import isActive from '../jetpack/projects/plugins/jetpack/extensions/shared/is-active';
+import {
+	reactivateFacebookEmbedBlockVariation,
+	reactivateInstagramEmbedBlockVariation,
+	registerLoomVariation,
+	registerSmartframeVariation,
+} from '../jetpack/projects/plugins/jetpack/extensions/extended-blocks/core-embed';
+
 /**
  * WordPress dependencies
  */
-import { dispatch, select } from '@wordpress/data';
+import { dispatch } from '@wordpress/data';
+import { store as editPostStore } from '@wordpress/edit-post';
 
 // When adding new blocks to this list please also consider updating ./block-support/supported-blocks.json
 const supportedJetpackBlocks = {
@@ -37,39 +46,70 @@ const setJetpackData = ( {
 	return jetpackEditorInitialState;
 };
 
-export default ( jetpackState ) => {
+const hideBlockByCapability = ( capability, blockName ) => {
+	if ( capability !== true ) {
+		dispatch( editPostStore ).hideBlockTypes( [ blockName ] );
+	} else {
+		dispatch( editPostStore ).showBlockTypes( [ blockName ] );
+	}
+};
+
+export function setupJetpackEditor( jetpackState ) {
 	if ( ! jetpackState.isJetpackActive ) {
 		return;
 	}
 
-	const jetpackData = setJetpackData( jetpackState );
+	return setJetpackData( jetpackState );
+}
 
-	const toggleBlock = ( capability, blockName ) => {
-		if ( capability !== true ) {
-			dispatch( 'core/edit-post' ).hideBlockTypes( [ blockName ] );
-		} else {
-			dispatch( 'core/edit-post' ).showBlockTypes( [ blockName ] );
-		}
-	};
-
-	// Note on the use of setTimeout() here:
-	// We observed the settings may not be ready exactly when the native.render hooks get run but rather
-	// right after that execution cycle (because state hasn't changed yet). Hence, we're only checking for
-	// the actual settings to be loaded by using setTimeout without a delay parameter. This ensures the
-	// settings are loaded onto the store and we can use the core/block-editor selector by the time we do
-	// the actual check.
-
-	// eslint-disable-next-line @wordpress/react-no-unsafe-timeout
-	setTimeout( () => {
-		const capabilities = select( 'core/block-editor' ).getSettings(
-			'capabilities'
-		);
+export function registerJetpackBlocks( { capabilities } ) {
+	if ( ! isActive() ) {
+		return;
+	}
 
-		toggleBlock( capabilities.mediaFilesCollectionBlock, 'jetpack/story' );
-		toggleBlock( capabilities.contactInfoBlock, 'jetpack/contact-info' );
-	} );
+	hideBlockByCapability(
+		capabilities.mediaFilesCollectionBlock,
+		'jetpack/story'
+	);
+	hideBlockByCapability(
+		capabilities.contactInfoBlock,
+		'jetpack/contact-info'
+	);
 
+	// Register Jetpack blocks
 	require( '../jetpack/projects/plugins/jetpack/extensions/editor' );
+}
 
-	return jetpackData;
-};
+export function registerJetpackEmbedVariations( { capabilities } ) {
+	if ( ! isActive() ) {
+		return;
+	}
+
+	// Register Jetpack Embed variations
+	[
+		{
+			// Facebook embed
+			capability: capabilities.facebookEmbed,
+			registerFunc: reactivateFacebookEmbedBlockVariation,
+		},
+		{
+			// Instagram embed
+			capability: capabilities.instagramEmbed,
+			registerFunc: reactivateInstagramEmbedBlockVariation,
+		},
+		{
+			// Loom embed
+			capability: capabilities.loomEmbed,
+			registerFunc: registerLoomVariation,
+		},
+		{
+			// Smartframe embed
+			capability: capabilities.smartframeEmbed,
+			registerFunc: registerSmartframeVariation,
+		},
+	].forEach( ( { capability, registerFunc } ) => {
+		if ( capability === true ) {
+			registerFunc();
+		}
+	} );
+}