[Mobile] Create endpoint to post notices from host apps (#25266)

* Create endpoint to post notices from host apps * Add subscription mock for mobile tests
WordPress · Oct 2, 2020 · f31a260 · f31a260
1 parent 755ef78
commit f31a260
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 1 deletion.
diff --git a/packages/editor/src/components/provider/index.native.js b/packages/editor/src/components/provider/index.native.js
@@ -13,6 +13,7 @@ import RNReactNativeGutenbergBridge, {
  subscribeReplaceBlock,
  subscribeUpdateTheme,
  subscribeUpdateCapabilities,
+ subscribeShowNotice,
 } from '@wordpress/react-native-bridge';
 
 /**
@@ -137,6 +138,12 @@ class NativeEditorProvider extends Component {
  this.updateCapabilitiesAction( payload );
  }
  );
+
+ this.subscriptionParentShowNotice = subscribeShowNotice(
+ ( payload ) => {
+ this.props.createInfoNotice( payload.message );
+ }
+ );
  }
 
  componentWillUnmount() {
@@ -171,6 +178,10 @@ class NativeEditorProvider extends Component {
  if ( this.subscriptionParentUpdateCapabilities ) {
  this.subscriptionParentUpdateCapabilities.remove();
  }
+
+ if ( this.subscriptionParentShowNotice ) {
+ this.subscriptionParentShowNotice.remove();
+ }
  }
 
  componentDidUpdate( prevProps ) {
@@ -291,7 +302,9 @@ export default compose( [
  };
  } ),
  withDispatch( ( dispatch ) => {
- const { editPost, resetEditorBlocks } = dispatch( 'core/editor' );
+ const { editPost, resetEditorBlocks, createInfoNotice } = dispatch(
+ 'core/editor'
+ );
  const {
  updateSettings,
  clearSelectedBlock,
@@ -306,6 +319,7 @@ export default compose( [
  addEntities,
  clearSelectedBlock,
  insertBlock,
+ createInfoNotice,
  editTitle( title ) {
  editPost( { title } );
  },

diff --git a/packages/react-native-bridge/index.js b/packages/react-native-bridge/index.js
@@ -96,6 +96,10 @@ export function subscribeUpdateCapabilities( callback ) {
  return gutenbergBridgeEvents.addListener( 'updateCapabilities', callback );
 }
 
+export function subscribeShowNotice( callback ) {
+ return gutenbergBridgeEvents.addListener( 'showNotice', callback );
+}
+
 /**
  * @callback FnReplaceBlockCompletion
  * @param {string} html the HTML to replace the block.

diff --git a/packages/react-native-bridge/ios/Gutenberg.swift b/packages/react-native-bridge/ios/Gutenberg.swift
@@ -185,6 +185,10 @@ public class Gutenberg: NSObject {
 
  bridgeModule.sendEventIfNeeded(.updateTheme, body:themeUpdates)
  }
+
+ public func showNotice(_ message: String) {
+ sendEvent(.showNotice, body: ["message": message])
+ }
 }
 
 extension Gutenberg: RCTBridgeDelegate {

diff --git a/packages/react-native-bridge/ios/RNReactNativeGutenbergBridge.swift b/packages/react-native-bridge/ios/RNReactNativeGutenbergBridge.swift
@@ -320,6 +320,7 @@ extension RNReactNativeGutenbergBridge {
  case updateTheme
  case replaceBlock
  case updateCapabilities
+ case showNotice
  }
 
  public override func supportedEvents() -> [String]! {

diff --git a/test/native/setup.js b/test/native/setup.js
@@ -26,6 +26,7 @@ jest.mock( '@wordpress/react-native-bridge', () => {
  subscribeUpdateTheme: jest.fn(),
  subscribePreferredColorScheme: () => 'light',
  subscribeUpdateCapabilities: jest.fn(),
+ subscribeShowNotice: jest.fn(),
  editorDidMount: jest.fn(),
  editorDidAutosave: jest.fn(),
  subscribeMediaUpload: jest.fn(),