Setup Redux middleware for analytics tracking

src/analytics/events.js

@@ -0,0 +1,5 @@
+export const INSERT_BLOCK = 'insertBlock';
+
+export const REDUX_TRACKING = {
+	'core/block-editor': [ INSERT_BLOCK ],
+};

src/analytics/from-redux.js

@@ -0,0 +1,41 @@
+/**
+ * WordPress dependencies
+ */
+import { use } from '@wordpress/data';
+
+/**
+ * Internal dependencies
+ */
+import eventTrackers from './trackers';
+import { REDUX_TRACKING } from './events';
+
+/**
+ * Initialize the Redux middleware
+ */
+export default function() {
+	use( ( registry ) => ( {
+		dispatch: ( namespace ) => {
+			const namespaceName =
+				typeof namespace === 'object' ? namespace.name : namespace;
+			const actions = { ...registry.dispatch( namespaceName ) };
+			const trackedEvents = REDUX_TRACKING[ namespaceName ];
+
+			if ( trackedEvents ) {
+				trackedEvents.forEach( ( actionName ) => {
+					const originalAction = actions[ actionName ];
+					const tracker = eventTrackers[ actionName ] || ( () => {} );
+					actions[ actionName ] = ( ...args ) => {
+						try {
+							tracker( ...args );
+						} catch ( err ) {
+							// eslint-disable-next-line no-console
+							console.error( err );
+						}
+						return originalAction( ...args );
+					};
+				} );
+			}
+			return actions;
+		},
+	} ) );
+}

src/analytics/index.js

@@ -0,0 +1,8 @@
+/**
+ * Internal dependencies
+ */
+import initFromRedux from './from-redux';
+
+export default function() {
+	initFromRedux();
+}

src/analytics/trackers.js

@@ -0,0 +1,17 @@
+/**
+ * WordPress dependencies
+ */
+import { sendEventToHost } from '@wordpress/react-native-bridge';
+
+/**
+ * Internal dependencies
+ */
+import * as EVENTS from './events';
+
+export default {
+	// Track block insertion
+	[ EVENTS.INSERT_BLOCK ]( eventData ) {
+		const { innerBlocks: inner_blocks, name: block_name } = eventData;
+		sendEventToHost( EVENTS.INSERT_BLOCK, { inner_blocks, block_name } );
+	},
+};

src/index.js

@@ -14,6 +14,7 @@ import correctTextFontWeight from './text-font-weight-correct';
 import setupJetpackEditor from './jetpack-editor-setup';
 import setupBlockExperiments from './block-experiments-setup';
 import initialHtml from './initial-html';
+import initAnalytics from './analytics';
 
 addAction( 'native.pre-render', 'gutenberg-mobile', () => {
 	require( './strings-overrides' );
@@ -49,4 +50,5 @@ addFilter( 'native.block_editor_props', 'gutenberg-mobile', ( editorProps ) => {
 	return editorProps;
 } );
 
+initAnalytics();
 doGutenbergNativeSetup();