From 6fa24e5a2bd3008966142e0bdbfa235440809951 Mon Sep 17 00:00:00 2001 From: Gerardo Date: Tue, 28 Jun 2022 14:04:17 +0200 Subject: [PATCH 1/6] Add react-native-fast-image --- package-lock.json | 10 +++++-- .../src/mobile/image/index.native.js | 5 ++-- .../android/react-native-bridge/build.gradle | 1 + .../WPAndroidGlue/WPAndroidGlueCode.java | 2 ++ .../android/app/build.gradle | 1 + .../java/com/gutenberg/MainApplication.java | 2 ++ .../GutenbergDemo.xcodeproj/project.pbxproj | 16 ++++++++++ packages/react-native-editor/ios/Podfile.lock | 29 +++++++++++++++++++ packages/react-native-editor/package.json | 1 + 9 files changed, 63 insertions(+), 4 deletions(-) diff --git a/package-lock.json b/package-lock.json index c0fe3b767333eb..8b9da2f7a4804f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -17652,6 +17652,7 @@ "jsdom-jscore-rn": "git+https://github.com/iamcco/jsdom-jscore-rn.git#a562f3d57c27c13e5bfc8cf82d496e69a3ba2800", "node-fetch": "^2.6.0", "react-native": "0.66.2", + "react-native-fast-image": "8.5.11", "react-native-gesture-handler": "https://raw.githubusercontent.com/wordpress-mobile/react-native-gesture-handler/2.3.2-wp-1/react-native-gesture-handler-2.3.2-wp-1.tgz", "react-native-get-random-values": "1.4.0", "react-native-hr": "git+https://github.com/Riglerr/react-native-hr.git#2d01a5cf77212d100e8b99e0310cce5234f977b3", @@ -30769,7 +30770,7 @@ "css.escape": { "version": "1.5.1", "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz", - "integrity": "sha1-QuJ9T6BK4y+TGktNQZH6nN3ul8s=", + "integrity": "sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==", "dev": true }, "cssesc": { @@ -43684,7 +43685,7 @@ "lz-string": { "version": "1.4.4", "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.4.4.tgz", - "integrity": "sha1-wNjq82BZ9wV5bh40SBHPTEmNOiY=", + "integrity": "sha512-0ckx7ZHRPqb0oUm8zNr+90mtf9DQB60H1wMCjBtfi62Kl3a7JbHob6gA2bC+xRvZoOL+1hzUK8jeuEIQE8svEQ==", "dev": true }, "macos-release": { @@ -50730,6 +50731,11 @@ "nullthrows": "^1.1.1" } }, + "react-native-fast-image": { + "version": "8.5.11", + "resolved": "https://registry.npmjs.org/react-native-fast-image/-/react-native-fast-image-8.5.11.tgz", + "integrity": "sha512-cNW4bIJg3nvKaheG8vGMfqCt5LMWX9MS5+wMudgKIHbGO51spRr4sgnlhVgwHLcZ5aeNOVJ8CPRxDIWKRq/0QA==" + }, "react-native-gesture-handler": { "version": "https://raw.githubusercontent.com/wordpress-mobile/react-native-gesture-handler/2.3.2-wp-1/react-native-gesture-handler-2.3.2-wp-1.tgz", "integrity": "sha512-XKwFyoU2rsyQVVK9DhygNUsSipHBbqc5o/P/3davbRF81T7uPHwnTf/9X3Jze4eIwfiZmnRLz9rFgVxvK/1JyA==", diff --git a/packages/components/src/mobile/image/index.native.js b/packages/components/src/mobile/image/index.native.js index f5b5e7c95d587f..c4285b5efcf547 100644 --- a/packages/components/src/mobile/image/index.native.js +++ b/packages/components/src/mobile/image/index.native.js @@ -2,6 +2,7 @@ * External dependencies */ import { Image, Text, View } from 'react-native'; +import FastImage from 'react-native-fast-image'; /** * WordPress dependencies @@ -210,7 +211,7 @@ const ImageComponent = ( { ) : ( - ) } diff --git a/packages/react-native-bridge/android/react-native-bridge/build.gradle b/packages/react-native-bridge/android/react-native-bridge/build.gradle index 6bfdc5ed452053..6998e5cbdca53a 100644 --- a/packages/react-native-bridge/android/react-native-bridge/build.gradle +++ b/packages/react-native-bridge/android/react-native-bridge/build.gradle @@ -76,6 +76,7 @@ dependencies { implementation "com.github.wordpress-mobile:react-native-prompt-android:${extractPackageVersion(packageJson, 'react-native-prompt-android', 'dependencies')}" implementation "org.wordpress-mobile:react-native-webview:${extractPackageVersion(packageJson, 'react-native-webview', 'dependencies')}" implementation "org.wordpress-mobile:react-native-clipboard:${extractPackageVersion(packageJson, '@react-native-clipboard/clipboard', 'dependencies')}" + implementation "org.wordpress-mobile:react-native-fast-image:${extractPackageVersion(packageJson, 'react-native-fast-image', 'dependencies')}" implementation("com.github.wordpress-mobile:react-native-gesture-handler:${extractPackageVersion(packageJson, 'react-native-gesture-handler', 'dependencies')}", { // Remove Reanimated transitive dependency as it's already defined here diff --git a/packages/react-native-bridge/android/react-native-bridge/src/main/java/org/wordpress/mobile/WPAndroidGlue/WPAndroidGlueCode.java b/packages/react-native-bridge/android/react-native-bridge/src/main/java/org/wordpress/mobile/WPAndroidGlue/WPAndroidGlueCode.java index 3e4d06bcd935c1..74236bb49bcd8c 100644 --- a/packages/react-native-bridge/android/react-native-bridge/src/main/java/org/wordpress/mobile/WPAndroidGlue/WPAndroidGlueCode.java +++ b/packages/react-native-bridge/android/react-native-bridge/src/main/java/org/wordpress/mobile/WPAndroidGlue/WPAndroidGlueCode.java @@ -52,6 +52,7 @@ import com.swmansion.rnscreens.RNScreensPackage; import com.th3rdwave.safeareacontext.SafeAreaContextPackage; import org.reactnative.maskedview.RNCMaskedViewPackage; +import com.dylanvann.fastimage.FastImageViewPackage; import org.wordpress.android.util.AppLog; import org.wordpress.android.util.AppLog.T; @@ -585,6 +586,7 @@ public ReactInstanceManager getReactInstanceManager(ReactApplicationContext reac new RNPromptPackage(), new RNCWebViewPackage(), new ClipboardPackage(), + new FastImageViewPackage(), mRnReactNativeGutenbergBridgePackage); } diff --git a/packages/react-native-editor/android/app/build.gradle b/packages/react-native-editor/android/app/build.gradle index a0db66ad9f8e9d..d2488b71822215 100644 --- a/packages/react-native-editor/android/app/build.gradle +++ b/packages/react-native-editor/android/app/build.gradle @@ -192,6 +192,7 @@ dependencies { implementation "com.github.wordpress-mobile:react-native-prompt-android:${extractPackageVersion(packageJson, 'react-native-prompt-android', 'dependencies')}" implementation "org.wordpress-mobile:react-native-webview:${extractPackageVersion(packageJson, 'react-native-webview', 'dependencies')}" implementation "org.wordpress-mobile:react-native-clipboard:${extractPackageVersion(packageJson, '@react-native-clipboard/clipboard', 'dependencies')}" + implementation "org.wordpress-mobile:react-native-fast-image:${extractPackageVersion(packageJson, 'react-native-fast-image', 'dependencies')}" implementation("com.github.wordpress-mobile:react-native-gesture-handler:${extractPackageVersion(packageJson, 'react-native-gesture-handler', 'dependencies')}", { // Remove Reanimated transitive dependency as it's already defined here diff --git a/packages/react-native-editor/android/app/src/main/java/com/gutenberg/MainApplication.java b/packages/react-native-editor/android/app/src/main/java/com/gutenberg/MainApplication.java index 354cb09e953ecd..fdcc5762139255 100644 --- a/packages/react-native-editor/android/app/src/main/java/com/gutenberg/MainApplication.java +++ b/packages/react-native-editor/android/app/src/main/java/com/gutenberg/MainApplication.java @@ -25,6 +25,7 @@ import com.facebook.react.devsupport.interfaces.DevSupportManager; import com.horcrux.svg.SvgPackage; import org.linusu.RNGetRandomValuesPackage; +import com.dylanvann.fastimage.FastImageViewPackage; import org.wordpress.mobile.ReactNativeAztec.ReactAztecPackage; import org.wordpress.mobile.ReactNativeGutenbergBridge.GutenbergBridgeInterface; @@ -305,6 +306,7 @@ protected List getPackages() { new RNPromptPackage(), new RNCWebViewPackage(), new ClipboardPackage(), + new FastImageViewPackage(), mRnReactNativeGutenbergBridgePackage); } diff --git a/packages/react-native-editor/ios/GutenbergDemo.xcodeproj/project.pbxproj b/packages/react-native-editor/ios/GutenbergDemo.xcodeproj/project.pbxproj index a08280d71e173f..60e0d221f169de 100644 --- a/packages/react-native-editor/ios/GutenbergDemo.xcodeproj/project.pbxproj +++ b/packages/react-native-editor/ios/GutenbergDemo.xcodeproj/project.pbxproj @@ -337,6 +337,7 @@ "${BUILT_PRODUCTS_DIR}/RCTTypeSafety/RCTTypeSafety.framework", "${BUILT_PRODUCTS_DIR}/RNCClipboard/RNCClipboard.framework", "${BUILT_PRODUCTS_DIR}/RNCMaskedView/RNCMaskedView.framework", + "${BUILT_PRODUCTS_DIR}/RNFastImage/RNFastImage.framework", "${BUILT_PRODUCTS_DIR}/RNGestureHandler/RNGestureHandler.framework", "${BUILT_PRODUCTS_DIR}/RNReanimated/RNReanimated.framework", "${BUILT_PRODUCTS_DIR}/RNSVG/RNSVG.framework", @@ -359,10 +360,13 @@ "${BUILT_PRODUCTS_DIR}/React-logger/logger.framework", "${BUILT_PRODUCTS_DIR}/React-perflogger/reactperflogger.framework", "${BUILT_PRODUCTS_DIR}/ReactCommon/ReactCommon.framework", + "${BUILT_PRODUCTS_DIR}/SDWebImage/SDWebImage.framework", + "${BUILT_PRODUCTS_DIR}/SDWebImageWebPCoder/SDWebImageWebPCoder.framework", "${BUILT_PRODUCTS_DIR}/WordPress-Aztec-iOS/Aztec.framework", "${BUILT_PRODUCTS_DIR}/Yoga/yoga.framework", "${BUILT_PRODUCTS_DIR}/fmt/fmt.framework", "${BUILT_PRODUCTS_DIR}/glog/glog.framework", + "${BUILT_PRODUCTS_DIR}/libwebp/libwebp.framework", "${BUILT_PRODUCTS_DIR}/react-native-blur/react_native_blur.framework", "${BUILT_PRODUCTS_DIR}/react-native-get-random-values/react_native_get_random_values.framework", "${BUILT_PRODUCTS_DIR}/react-native-keyboard-aware-scroll-view/react_native_keyboard_aware_scroll_view.framework", @@ -381,6 +385,7 @@ "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/RCTTypeSafety.framework", "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/RNCClipboard.framework", "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/RNCMaskedView.framework", + "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/RNFastImage.framework", "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/RNGestureHandler.framework", "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/RNReanimated.framework", "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/RNSVG.framework", @@ -403,10 +408,13 @@ "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/logger.framework", "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/reactperflogger.framework", "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/ReactCommon.framework", + "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/SDWebImage.framework", + "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/SDWebImageWebPCoder.framework", "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/Aztec.framework", "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/yoga.framework", "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/fmt.framework", "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/glog.framework", + "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/libwebp.framework", "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/react_native_blur.framework", "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/react_native_get_random_values.framework", "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/react_native_keyboard_aware_scroll_view.framework", @@ -457,6 +465,7 @@ "${BUILT_PRODUCTS_DIR}/RCTTypeSafety/RCTTypeSafety.framework", "${BUILT_PRODUCTS_DIR}/RNCClipboard/RNCClipboard.framework", "${BUILT_PRODUCTS_DIR}/RNCMaskedView/RNCMaskedView.framework", + "${BUILT_PRODUCTS_DIR}/RNFastImage/RNFastImage.framework", "${BUILT_PRODUCTS_DIR}/RNGestureHandler/RNGestureHandler.framework", "${BUILT_PRODUCTS_DIR}/RNReanimated/RNReanimated.framework", "${BUILT_PRODUCTS_DIR}/RNSVG/RNSVG.framework", @@ -479,10 +488,13 @@ "${BUILT_PRODUCTS_DIR}/React-logger/logger.framework", "${BUILT_PRODUCTS_DIR}/React-perflogger/reactperflogger.framework", "${BUILT_PRODUCTS_DIR}/ReactCommon/ReactCommon.framework", + "${BUILT_PRODUCTS_DIR}/SDWebImage/SDWebImage.framework", + "${BUILT_PRODUCTS_DIR}/SDWebImageWebPCoder/SDWebImageWebPCoder.framework", "${BUILT_PRODUCTS_DIR}/WordPress-Aztec-iOS/Aztec.framework", "${BUILT_PRODUCTS_DIR}/Yoga/yoga.framework", "${BUILT_PRODUCTS_DIR}/fmt/fmt.framework", "${BUILT_PRODUCTS_DIR}/glog/glog.framework", + "${BUILT_PRODUCTS_DIR}/libwebp/libwebp.framework", "${BUILT_PRODUCTS_DIR}/react-native-blur/react_native_blur.framework", "${BUILT_PRODUCTS_DIR}/react-native-get-random-values/react_native_get_random_values.framework", "${BUILT_PRODUCTS_DIR}/react-native-keyboard-aware-scroll-view/react_native_keyboard_aware_scroll_view.framework", @@ -501,6 +513,7 @@ "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/RCTTypeSafety.framework", "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/RNCClipboard.framework", "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/RNCMaskedView.framework", + "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/RNFastImage.framework", "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/RNGestureHandler.framework", "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/RNReanimated.framework", "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/RNSVG.framework", @@ -523,10 +536,13 @@ "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/logger.framework", "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/reactperflogger.framework", "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/ReactCommon.framework", + "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/SDWebImage.framework", + "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/SDWebImageWebPCoder.framework", "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/Aztec.framework", "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/yoga.framework", "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/fmt.framework", "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/glog.framework", + "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/libwebp.framework", "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/react_native_blur.framework", "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/react_native_get_random_values.framework", "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/react_native_keyboard_aware_scroll_view.framework", diff --git a/packages/react-native-editor/ios/Podfile.lock b/packages/react-native-editor/ios/Podfile.lock index 04ed013a9c3759..9461e0c9d73e63 100644 --- a/packages/react-native-editor/ios/Podfile.lock +++ b/packages/react-native-editor/ios/Podfile.lock @@ -18,6 +18,15 @@ PODS: - React-CoreModules (= 0.66.2) - React-RCTImage (= 0.66.2) - RNTAztecView + - libwebp (1.2.1): + - libwebp/demux (= 1.2.1) + - libwebp/mux (= 1.2.1) + - libwebp/webp (= 1.2.1) + - libwebp/demux (1.2.1): + - libwebp/webp + - libwebp/mux (1.2.1): + - libwebp/demux + - libwebp/webp (1.2.1) - RCT-Folly (2021.06.28.00-v2): - boost - DoubleConversion @@ -304,6 +313,10 @@ PODS: - React-Core - RNCMaskedView (0.2.6): - React-Core + - RNFastImage (8.5.11): + - React-Core + - SDWebImage (~> 5.11.1) + - SDWebImageWebPCoder (~> 0.8.4) - RNGestureHandler (2.3.2-wp-1): - React-Core - RNReanimated (2.4.1-wp-3): @@ -340,6 +353,12 @@ PODS: - RNTAztecView (1.78.1): - React-Core - WordPress-Aztec-iOS (~> 1.19.8) + - SDWebImage (5.11.1): + - SDWebImage/Core (= 5.11.1) + - SDWebImage/Core (5.11.1) + - SDWebImageWebPCoder (0.8.5): + - libwebp (~> 1.0) + - SDWebImage/Core (~> 5.10) - WordPress-Aztec-iOS (1.19.8) - Yoga (1.14.0) @@ -387,6 +406,7 @@ DEPENDENCIES: - ReactCommon/turbomodule/core (from `../../../node_modules/react-native/ReactCommon`) - "RNCClipboard (from `../../../node_modules/@react-native-clipboard/clipboard`)" - "RNCMaskedView (from `../../../node_modules/@react-native-masked-view/masked-view`)" + - RNFastImage (from `../../../node_modules/react-native-fast-image`) - RNGestureHandler (from `../../../node_modules/react-native-gesture-handler`) - RNReanimated (from `../../../node_modules/react-native-reanimated`) - RNScreens (from `../../../node_modules/react-native-screens`) @@ -397,6 +417,9 @@ DEPENDENCIES: SPEC REPOS: trunk: - fmt + - libwebp + - SDWebImage + - SDWebImageWebPCoder - WordPress-Aztec-iOS EXTERNAL SOURCES: @@ -482,6 +505,8 @@ EXTERNAL SOURCES: :path: "../../../node_modules/@react-native-clipboard/clipboard" RNCMaskedView: :path: "../../../node_modules/@react-native-masked-view/masked-view" + RNFastImage: + :path: "../../../node_modules/react-native-fast-image" RNGestureHandler: :path: "../../../node_modules/react-native-gesture-handler" RNReanimated: @@ -504,6 +529,7 @@ SPEC CHECKSUMS: fmt: ff9d55029c625d3757ed641535fd4a75fedc7ce9 glog: 5337263514dd6f09803962437687240c5dc39aa4 Gutenberg: 214a8fe3bb352b754d9909d2bef764cd8289d1be + libwebp: 98a37e597e40bfdb4c911fc98f2c53d0b12d05fc RCT-Folly: a21c126816d8025b547704b777a2ba552f3d9fa9 RCTRequired: 5e9e85f48da8dd447f5834ce14c6799ea8c7f41a RCTTypeSafety: aba333d04d88d1f954e93666a08d7ae57a87ab30 @@ -538,11 +564,14 @@ SPEC CHECKSUMS: ReactCommon: c0263c1a41509aeb94be3214fa7bc3b71eae5ef6 RNCClipboard: 99fc8ad669a376b756fbc8098ae2fd05c0ed0668 RNCMaskedView: c298b644a10c0c142055b3ae24d83879ecb13ccd + RNFastImage: 1f2cab428712a4baaf78d6169eaec7f622556dd7 RNGestureHandler: 3b13cc25407d1cdbee33b6ae65790a55c032d2a9 RNReanimated: b413cc7aa3e2a740d9804cda3a9396a68f9eea7f RNScreens: 953633729a42e23ad0c93574d676b361e3335e8b RNSVG: 36a7359c428dcb7c6bce1cc546fbfebe069809b0 RNTAztecView: 57ebf9512a9318d4dfd9099dc290b11ad4b5ece6 + SDWebImage: a7f831e1a65eb5e285e3fb046a23fcfbf08e696d + SDWebImageWebPCoder: 908b83b6adda48effe7667cd2b7f78c897e5111d WordPress-Aztec-iOS: 7d11d598f14c82c727c08b56bd35fbeb7dafb504 Yoga: 9a08effa851c1d8cc1647691895540bc168ea65f diff --git a/packages/react-native-editor/package.json b/packages/react-native-editor/package.json index 862626e5a6356b..c714747aa4b91d 100644 --- a/packages/react-native-editor/package.json +++ b/packages/react-native-editor/package.json @@ -57,6 +57,7 @@ "jsdom-jscore-rn": "git+https://github.com/iamcco/jsdom-jscore-rn.git#a562f3d57c27c13e5bfc8cf82d496e69a3ba2800", "node-fetch": "^2.6.0", "react-native": "0.66.2", + "react-native-fast-image": "8.5.11", "react-native-gesture-handler": "https://raw.githubusercontent.com/wordpress-mobile/react-native-gesture-handler/2.3.2-wp-1/react-native-gesture-handler-2.3.2-wp-1.tgz", "react-native-get-random-values": "1.4.0", "react-native-hr": "git+https://github.com/Riglerr/react-native-hr.git#2d01a5cf77212d100e8b99e0310cce5234f977b3", From ca0b409627be6b1e925316cd3019cdd4506dbf0d Mon Sep 17 00:00:00 2001 From: Gerardo Date: Wed, 6 Jul 2022 10:16:19 +0200 Subject: [PATCH 2/6] Mobile - BlockStyles - Preview: Add FastImage --- .../src/components/block-styles/preview.native.js | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/packages/block-editor/src/components/block-styles/preview.native.js b/packages/block-editor/src/components/block-styles/preview.native.js index 420925382c348c..000a6d5ef7a621 100644 --- a/packages/block-editor/src/components/block-styles/preview.native.js +++ b/packages/block-editor/src/components/block-styles/preview.native.js @@ -8,8 +8,9 @@ import { Dimensions, Animated, Easing, - Image, } from 'react-native'; +import FastImage from 'react-native-fast-image'; + /** * WordPress dependencies */ @@ -90,7 +91,7 @@ function StylePreview( { onPress, isActive, style, url } ) { { isActive && getOutline( [ styles.outline, innerOutlineStyle ] ) } - From f644e3a3807017f657c7fea795c6778425eb1bf4 Mon Sep 17 00:00:00 2001 From: Gerardo Date: Thu, 7 Jul 2022 14:50:24 +0200 Subject: [PATCH 3/6] Mobile - Update CHANGELOG --- packages/react-native-editor/CHANGELOG.md | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/react-native-editor/CHANGELOG.md b/packages/react-native-editor/CHANGELOG.md index 0923f84f9bb0a3..d79e211cb55ea6 100644 --- a/packages/react-native-editor/CHANGELOG.md +++ b/packages/react-native-editor/CHANGELOG.md @@ -14,6 +14,7 @@ For each user feature we should also add a importance categorization label to i - [*] Add 'Insert from URL' option to Video block [#41493] - [*] Image block copies the alt text from the media library when selecting an item [#41839] - [**] RichText - Improve performance by dropping events during quick typing [#41682] +- [*] Add React Native FastImage [#42009] ## 1.78.1 From e2495473fb1acbfbe4a65294dfc713a3c622d060 Mon Sep 17 00:00:00 2001 From: Gerardo Date: Thu, 7 Jul 2022 15:16:50 +0200 Subject: [PATCH 4/6] Mobile - Remove old changelog entry --- packages/react-native-editor/CHANGELOG.md | 1 - 1 file changed, 1 deletion(-) diff --git a/packages/react-native-editor/CHANGELOG.md b/packages/react-native-editor/CHANGELOG.md index b0697d132fc013..c7cf224844c790 100644 --- a/packages/react-native-editor/CHANGELOG.md +++ b/packages/react-native-editor/CHANGELOG.md @@ -13,7 +13,6 @@ For each user feature we should also add a importance categorization label to i - [*] Add 'Insert from URL' option to Video block [#41493] - [*] Image block copies the alt text from the media library when selecting an item [#41839] -- [**] RichText - Improve performance by dropping events during quick typing [#41682] - [*] Introduce "block recovery" option for invalid blocks [#41988] - [*] Add React Native FastImage [#42009] From 9321598efd71f16ef18ddd3715aa62ab874994f9 Mon Sep 17 00:00:00 2001 From: Gerardo Date: Mon, 11 Jul 2022 12:40:46 +0200 Subject: [PATCH 5/6] Update Podfile.lock --- packages/react-native-editor/ios/Podfile.lock | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/react-native-editor/ios/Podfile.lock b/packages/react-native-editor/ios/Podfile.lock index 9461e0c9d73e63..06cc96fef0cb32 100644 --- a/packages/react-native-editor/ios/Podfile.lock +++ b/packages/react-native-editor/ios/Podfile.lock @@ -13,7 +13,7 @@ PODS: - ReactCommon/turbomodule/core (= 0.66.2) - fmt (6.2.1) - glog (0.3.5) - - Gutenberg (1.78.1): + - Gutenberg (1.79.0): - React-Core (= 0.66.2) - React-CoreModules (= 0.66.2) - React-RCTImage (= 0.66.2) @@ -350,7 +350,7 @@ PODS: - React-Core - RNSVG (9.13.6): - React-Core - - RNTAztecView (1.78.1): + - RNTAztecView (1.79.0): - React-Core - WordPress-Aztec-iOS (~> 1.19.8) - SDWebImage (5.11.1): @@ -528,7 +528,7 @@ SPEC CHECKSUMS: FBReactNativeSpec: 18438b1c04ce502ed681cd19db3f4508964c082a fmt: ff9d55029c625d3757ed641535fd4a75fedc7ce9 glog: 5337263514dd6f09803962437687240c5dc39aa4 - Gutenberg: 214a8fe3bb352b754d9909d2bef764cd8289d1be + Gutenberg: 03d969bd5acf0f2787b81fd83a9af36efecaaee9 libwebp: 98a37e597e40bfdb4c911fc98f2c53d0b12d05fc RCT-Folly: a21c126816d8025b547704b777a2ba552f3d9fa9 RCTRequired: 5e9e85f48da8dd447f5834ce14c6799ea8c7f41a @@ -569,7 +569,7 @@ SPEC CHECKSUMS: RNReanimated: b413cc7aa3e2a740d9804cda3a9396a68f9eea7f RNScreens: 953633729a42e23ad0c93574d676b361e3335e8b RNSVG: 36a7359c428dcb7c6bce1cc546fbfebe069809b0 - RNTAztecView: 57ebf9512a9318d4dfd9099dc290b11ad4b5ece6 + RNTAztecView: 48124f42ccc72c4b00a5aa4982ee3a816860b7c3 SDWebImage: a7f831e1a65eb5e285e3fb046a23fcfbf08e696d SDWebImageWebPCoder: 908b83b6adda48effe7667cd2b7f78c897e5111d WordPress-Aztec-iOS: 7d11d598f14c82c727c08b56bd35fbeb7dafb504 From a98aa05ebdd99098bf5c2ea442c3492b39543944 Mon Sep 17 00:00:00 2001 From: Gerardo Date: Mon, 11 Jul 2022 12:43:22 +0200 Subject: [PATCH 6/6] Mobile - Update Changelog after merge --- packages/react-native-editor/CHANGELOG.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/react-native-editor/CHANGELOG.md b/packages/react-native-editor/CHANGELOG.md index f46541e0b55391..1f10d1077c5deb 100644 --- a/packages/react-native-editor/CHANGELOG.md +++ b/packages/react-native-editor/CHANGELOG.md @@ -11,11 +11,12 @@ For each user feature we should also add a importance categorization label to i ## Unreleased +- [*] Add React Native FastImage [#42009] + ## 1.79.0 - [*] Add 'Insert from URL' option to Video block [#41493] - [*] Image block copies the alt text from the media library when selecting an item [#41839] - [*] Introduce "block recovery" option for invalid blocks [#41988] -- [*] Add React Native FastImage [#42009] ## 1.78.1