Native Mobile current focus areas

[hypest]

This ticket tries to capture the items that the native mobile folks are currently working on. This also serves as the async project update for the weekly #core-editor meeting on Make.

🔎 Main focus

• Quality improvements
• Platform improvements
• Release process improvements

🛠️ Recently fixed or improved

• Appium 2 Migration
• Social Icons: Ensure inactive icons are visible with block-based themes
• Synced Patterns: Ensure title is always visible
• Appium 2 Migration - Updating more utils
• Update E2E test utils
• Improve Screen recording on Android for Appium 2
• Classic block: Add option to convert to blocks
• Update closePicker util and updates Image Block test data
• Update E2E test documentation
• Remove wd usage and removes disabled tests
• Improve E2E test consistency
• Ignore generated Android files
• E2E Tests - Utils - Update typeString
• Update E2E Simulators
• E2E Tests Update usage of touchPerform

[hypest]

Updated the parent post with the current list of recently fixed/improved items.

[hypest]

Updated parent post with:

🔎 Main focus

++ Address content uploading issues

🛠️ Recently fixed or improved

++ #38225
++ wordpress-mobile/gutenberg-mobile#4545

[hypest]

Updated parent post with:

🔎 Main focus
++ Scoping the Drag and Drop project

🛠️ Recently fixed or improved

++ Upgrade react-native-video and drop jetifier on Android
++ Fix Custom Palette colors and support multiple origins and theme cache issues
++ Fix Jest module name mapper for WP packages that use Typescript
++ Highlight text: Check if style attribute value is defined during filtering

[hypest]

Updated parent post with:

🔎 Main focus

++ Working on the Drag and Drop project

🚀 Recently wrapped items

++ Renamed develop branch gutenberg-mobile to trunk (and old trunk got retired)

🛠️ Recently fixed or improved

++ #38752
++ wordpress-mobile/gutenberg-mobile#4575

[hypest]

Updated parent post with:

🛠️ Recently fixed or improved

++ Gallery block: Add integration tests related to its manual tests
++ Social Icons - Begin Automating Existing Manual Test Cases

[hypest]

Updated parent post with:

🛠️ Recently fixed or improved

++ Prevent unhandled promise rejection warning related to canUser resolver
++ Update gesture handler and reanimated libraries
++ Adding a GIF badge to image blocks with gifs in them
++ Small refinements to upload error message
++ Use internal initializeEditor for integration tests
++ Update list of consents from script

[hypest]

Updated the parent post with:

🔎 Main focus

-- Add more integration tests (by using react-native-testing-library)

🛠️ Recently fixed or improved

++ Pass the ol start and reversed to native RichText too
++ Increase editor ready timeout in Android e2e tests

[mchowning]

Updated the parent post with:

🔎 Main focus

++ Improving the editor's "default view"

🛠️ Recently fixed or improved

• Improved reliability of Audio and File Block tests
• Fixed regression in separator block tests

[hypest]

Updated the parent post with:

🛠️ Recently fixed or improved

++ Fix - Block editor settings mobile endpoint - Add missing global styles has support check

[hypest]

Updated the parent post with:

🚀 Recently wrapped items

++ Address content uploading issues

🛠️ Recently fixed or improved

++ Remove error banners from native media&text and audio blocks
++ Detect GIF during render
++ Fix Custom Palette colors and support multiple origins and theme cache issues.
++ Spacer block: Fix import of MIN_SPACER_SIZE constant
++ More consents to dual-license Gutenberg

[hypest]

Updated the parent post with:

🛠️ Recently fixed or improved
++ Quote block V2 support

[fluiddot]

Updated the parent post with:

🔎 Main focus

++ Bug fixes and polishing items collected from negative app reviews

🚀 Recently wrapped items

++ Improving the editor's "default view"

🛠️ Recently fixed or improved

++ Display 'expanded' inserter when title is selected
++ Updater picker empty list message to match media type (only Android)
++ Set a background color for the toolbar container (only iOS)

[mchowning]

Updated the parent post with:

🛠️ Recently fixed or improved

++ Set "expanded" version of inserter's "add blocks" text to title case

[hypest]

Updated the parent post with:

🛠️ Recently fixed or improved

++ Mobile - HTML View - Add a top margin for the title
++ Add featured image settings to the Latest Posts block
++ Buttons block: Display formatting buttons after closing the block settings (only Android)
++ Cover block: Support isDark attribute

[hypest]

Updated the parent post with:

🛠️ Recently fixed or improved

++ Mobile - AztecView - Trigger notifyInputChange on focus/blur
++ Test block insertion after title post blur
++ Prevent x-post icon showing on self-hosted sites
++ Fix broken "Link To" settings and add "Image Size" settings
++ Avoid creating loading drawables when there are no images/videos to load

[hypest]

Updated the parent post with:

🔎 Main Focus

++ Shipped the main Drag&Drop functionality!

🛠️ Recently fixed or improved

++ Add Proguard rules for React Native's Reanimated library
++ BlockList - Add internal onLayout from CellRendererComponent to BlockListItemCell
++ Update code comment for clarity
++ Improve text read by screen readers for BottomSheetSelectControl
++ Add ruby version file

[hypest]

Updated the parent post with:

🛠️ Recently fixed or improved

++ Improvements to Getting Started Guides
++ Add drag & drop help guide in Help & Support screen
++ Add 'Insert from URL' option to Image block
++ Fix drag mode not being enabled when long-pressing over Shortcode block

[hypest]

Updated the parent post with:

🛠️ Recently fixed or improved

++ Ensure post title gets focused when is notified from native side
++ Add E2E tests for the Drag & Drop blocks feature
++ Add integration tests to cover Drag & Drop functionality
++ Bump react-native-gesture-handler to version 2.3.2

[SiobhyB]

Updated the parent post with:

🔎 Main focus

++ Project planning for Q3 is underway

🚀 Recently wrapped items

++ Work on the Drag and Drop project (board)
++ Fixes and polish for items collected from critical app reviews

🛠️ Recently fixed or improved

++ Re-introduce native support for v1 of the Gallery block
++ Add 'Insert from URL' option to Video block
++ Fix missing translations for locales that include region (Android-only)
++ Bump react-native-reanimated version to 2.4.1-wp-3
++ Skip some of the Drag & Drop E2E on iOS
++ Update clicks to use clickIfClickable() in E2E tests when possible

[fluiddot]

Updated the parent post with:

🛠️ Recently fixed or improved

++ Add integration test helpers
++ Bump AztecAndroid version to v1.5.9

[fluiddot]

Updated the parent post with:

🛠️ Recently fixed or improved

++ Fix: Image block preserves alt text from media library
++ RichText: Return early when content has changed in onSelectionChangeFromAztec

[fluiddot]

Updated the parent post with:

🔎 Main focus

++ Implement React Native's FastImage library to improve performance on image rendering
++ Upgrade React Native to version 0.69.x

🛠️ Recently fixed or improved

++ Implement recovery option for invalid blocks

[fluiddot]

Updated the parent post with:

🛠️ Recently fixed or improved

++ Add react-native-fast-image dependency (FastImage library)

[fluiddot]

Updated the parent post with:

🛠️ Recently fixed or improved

++ Inserter displays block collections
++ Add shouldUseFastImage capability for the Image component
++ Correct alt text footnote spacing
++ Runner config - Update Xcode to 13.2.1
++ Workaround Android 12 webview crash

[fluiddot]

Updated the parent post with:

🔎 Main focus

++ Supporting List block V2

[twstokes]

Updated the parent post with:

🔎 Main focus

-- Implementing performance improvements to the native Rich Text typing experience.

🛠️ Recently fixed or improved

++ Update Sandbox component
++ Remove Keyboard Aware Flatlist
++ Update Sandbox component resizing handler
++ Avoid empty Gallery block error

[twstokes]

Updated the parent post with:

🛠️ Recently fixed or improved

++ Remove new block types
++ Rich text test helpers mimic user events
++ Split pasted content between title and body
++ Fix React Native iOS E2E tests
++ Expand multi-line block tests
++ Add viewport optional props
++ Disable block's touchable component when is focused
++ Add core-js relative indexing method polyfills

[twstokes]

Updated the parent post with:

🛠️ Recently fixed or improved

++ Update native Video block to check if MediaPlaceholder should be displayed
++ Revert "Disable block's touchable component when is focused"
++ Fix regression with the Color hook and ColorPanel
++ Add embed linkst to disable cache list
++ Listen for post save events
++ Adds useEditorWrapperStyles hook

[twstokes]

Updated the parent post with:

🛠️ Recently fixed or improved

++ Add BlockList coverage
++ Refactor BlockListItem
++ Extend non-cached endpoints on Android
++ Wait for delayed block insertion in the add block test helper
++ Add Picker test helper
++ Add API fetch test helper
++ BlockList uses Hooks
++ Add a few import required for the React Native wrapper distribution as iOS XCFramework
++ Expose WebView prop.onLoadEnd to Sandbox
++ Update Header component to use the useEditorWrapperStyles hook

[twstokes]

Updated the parent post with:

🛠️ Recently fixed or improved

• Disable regular blocks conversion if the reusable block is empty
• BlockList - Block component refactor
• Update setup media picker helper
• Use host app namespace in reusable block message
• Add embed webview for Android
• Update E2E config to support an iPad simulator
• Reduce inner blocks tree depth
• Add disabled prop to SwitchCell component
• EmptyList now uses useEditorWrapperStyles hook and removes ReadableContentView
• Lodash: Remove from Latest Posts block
• Fix embed webview endcoding

[twstokes]

🔎 Main focus

-- Refactoring the BlockList component
++ Upgrade React Native to 0.72.x

🛠️ Recently fixed or improved

• docs: Fix change log typo
• Add Group and Ungroup block actions
• Add disabled style to Cell component
• Fix undo/redo history when inserting a link configured to open in a new tab
• E2E test - Update code to use the new navigateUp helper
• Block selection - Expand tapping on nested blocks directly

[twstokes]

🛠️ Recently fixed or improved

• Mock Date.now when using Jest's fake timers to allow debounce to be executed
• Display lock icon in disabled state of Cell component
• Update icon for UngroupButton component
• Columns - Tests adding more than 10 columns

[derekblank]

🛠️ Recently fixed or improved

• Replace react-native-hr library
• Avoid "429 - Too Many Request" error when fetching translations
• Fix Android-only issue related to block toolbar not being displayed on some blocks in UBE
• Fix Gallery v1 caption selector

[fluiddot]

🔎 Main focus

-- Upgrade React Native to 0.72.x
++ Upgrade React Native to 0.71.x

[twstokes]

🛠️ Recently fixed or improved

• Fix dictation regression on iOS

[twstokes]

🛠️ Recently fixed or improved

• Fix crash when using the delete key to remove a single button
• Image block - Fix issue with set width and height images
• Ensure text input field is not editable when Bottom sheet cell is disabled
• Ensure dictating text doesn't cause cursor to be offset on iOS
• Fix crash when switching to the HTML Editor
• Re-enable native integration tests

[twstokes]

🔎 Main focus

++ UX Improvements

🛠️ Recently fixed or improved

• Gallery block - Add default value for innerBlockImages

[twstokes]

🛠️ Recently fixed or improved

• fix: Display heading level dropdown icons and labels
• feat: Rename Reusable blocks to Patterns
• [RNMobile] Upgrade React Native 0.71.11 - iOS changes
• [RNMobile] Upgrade React Native 0.71.11 - Android changes

[twstokes]

🛠️ Recently fixed or improved

• Fix a crash related to Reanimated when closing the editor
• Add media inserter blocks to toolbar
• fix: Paragraphs inherit parent text alignment
• test: Enable jest-watch-typeahead for native tests
• Update native BlockOutline component styles
• Fix Fixed warning in clean script
• test: Expand mobile editor tests
• Move Undo/Redo buttons

[twstokes]

🛠️ Recently fixed or improved

• Moves block settings and more button to the toolbar
• Update Editor block inserter button styles and default text input placeholder/selection styles
• Fix crash related to removing a block under certain conditions
• Use Reanimated in bottom sheet height animation
• Update toolbar icons and colors
• Wrap mobile block toolbar Block Settings Button with ToolbarGroup
• Update media placeholders and block outline

[twstokes]

🛠️ Recently fixed or improved

• E2E tests - Update hiding of the keyboard for iPad
• HeaderToolbar - Update inserterMethod meta data
• Add WP hook for registering non-core blocks

[twstokes]

🛠️ Recently fixed or improved

• Upgrade Gradle to 8.2.1 and AGP to 8.1.0
• Do not include MediaReplaceFlow component in native Gallery toolbar
• Remove non-functioning caption button from mobile block toolbar
• test: Split block from citation
• test: Simplify selectRangeInRichText usage
• fix: Select Gallery block when adding media
• test: Reduce default Jest log verbosity

[twstokes]

🔎 Main focus

-- Upgrade React Native to 0.71.x
-- UX Improvements
++ Mobile Gutenberg Crash Focus

🛠️ Recently fixed or improved

• Update LaunchScreen logo and app icon
• docs: Note the preios setup script
• Avoid navigation container dismissing the keyboard
• refactor: Reduce server log verbosity
• KeyboardAwareFlatList - Avoid VirtualizedList console error
• Fix iOS Focus loop for RichText components
• test: Enable jest-console for native tests
• Add e2e util addBlockUsingAppender
• perf: Reduce unnecessary LinkPicker re-renders
• Display custom color value in mobile Cover Block color picker

[twstokes]

🛠️ Recently fixed or improved

• fix: Dynamic bottom sheet height
• test: Reduce test output noise
• test: Enable jest-watch-typeahead for UI tests
• test: Add script to start local Appium server
• Initialize E2E tests with initial HTML
• Update LaunchScreen logo and app icon
• Add outline around selected Social Link block

[twstokes]

🛠️ Recently fixed or improved

• Inserter - Fix useSelect warnings for SearchResults and ReusableBlocksTab
• Search Control - Prevent calling TextInput's methods when undefined
• Add optional chaining to reusableBlock.title
• RCTAztecView - Fixes font customization not getting updated

[twstokes]

🔎 Main focus

++ Maintenance week

🛠️ Recently fixed or improved

• Remove third-party dependency on react-native-hsv-color-picker
• Search Control - Prevent calling TextInput's methods when undefined
• Improve horizontal rule layout
• Fix Voice Over and assistive keyboards
• Horizontal rule accepts style extensions
• Social Icons

[twstokes]

🔎 Main focus

-- Maintenance week

🛠️ Recently fixed or improved

• Add block outline to all Social Link blocks when selected
• Columns block - Fix transforming into a Group block crash
• Update editor package config to address "multiple Podfile" warn
• Fix social icons block alignment

[twstokes]

🛠️ Recently fixed or improved

• Allow overriding the iOS platform destination for RN E2E testing
• Insert from URL leverages a bottom sheet
• Fix long-press gestures not working in RichText component [Android]
• Add set -o pipefail to script that builds iOS E2E version
• Fix issue with missing characters in Add Media placeholder button

[twstokes]

🔎 Main focus

-- Mobile Gutenberg Crash Focus

🛠️ Recently fixed or improved

• Update logic for the placeholder text color
• Fix issue with missing characters in Add Media placeholder button
• Limit inner blocks nesting depth to avoid call stack size exceeded crash
• Upgrade compileSdkVersion to 34 (Android)
• Update RNTAztecView.podspec dependency
• E2E tests require supported iOS version

[twstokes]

🛠️ Recently fixed or improved

• GutenbergDemo app: Enable Hermes
• Add support visual test themes
• Limit inner blocks nesting depth to avoid call stack size exceeded crash
• Add optional chaining to reusableBlock.title and reusableBlock.content
• Cover block: Avoid exception when adding media after setting the overlay color
• Prevent crash from invalid media URLs
• HTML mode: Add dark mode color to post title
• Set native extension to media upload constant file

[twstokes]

🔎 Main focus

++ Quality improvements
++ Platform improvements
++ Release process improvements

🛠️ Recently fixed or improved

• Split formatted text on triple Enter
• Update mobile iOS Ruby version to from 2.7.4 to 3.2.2
• Support custom mobile Demo editor setup configuration
• Use UnsupportedBlockDetails component in Missing block
• Update E2E Block Insertion tests
• Update Search tests for Appium 2
• Ignore local environment setup

[twstokes]

🛠️ Recently fixed or improved

• Quote block: Ensure border is visible with block-based themes in dark mode
• Update E2E Device Actions test
• Update Paragraph tests for Appium 2
• Update Media Blocks tests for Appium 2
• Update E2E Drag & Drop
• Move Appium drivers setup to bash script
• Update E2E utilities

[twstokes]

🛠️ Recently fixed or improved

• Appium 2 Migration
• Social Icons: Ensure inactive icons are visible with block-based themes
• Synced Patterns: Ensure title is always visible
• Appium 2 Migration - Updating more utils
• Update E2E test utils
• Improve Screen recording on Android for Appium 2
• Classic block: Add option to convert to blocks
• Update closePicker util and updates Image Block test data
• Update E2E test documentation
• Remove wd usage and removes disabled tests
• Improve E2E test consistency
• Ignore generated Android files
• E2E Tests - Utils - Update typeString
• Update E2E Simulators
• E2E Tests Update usage of touchPerform