Add emitter so I can now send events to the RN core

App.tsx

@@ -1,19 +1,30 @@
-/**
+import { NewAppScreen } from '@react-native/new-app-screen'
- * Sample React Native App
+import { useEffect, useState } from 'react'
- * https://github.com/facebook/react-native
+import { StatusBar, Text, StyleSheet, useColorScheme, View } from 'react-native'
- *
+import { NativeEventEmitter, NativeModules } from 'react-native'
- * @format
+const { Emitter } = NativeModules;
- */
 
-import { NewAppScreen } from '@react-native/new-app-screen';
+export default function App() {
-import { StatusBar, StyleSheet, useColorScheme, View } from 'react-native';
+  const isDarkMode = useColorScheme() === 'dark'
+  const [message, setMessage] = useState(null)
+  
+  useEffect(() => {
+    const emitter = new NativeEventEmitter(Emitter);
+    const subscription = emitter.addListener('onMessage', (event) => {
+      if (event?.message) {
+        setMessage(event.message)
+      }
+    })
 
-function App() {
+    return () => {
-  const isDarkMode = useColorScheme() === 'dark';
+      subscription.remove()
+    };
+  }, [])
 
   return (
     <View style={styles.container}>
       <StatusBar barStyle={isDarkMode ? 'light-content' : 'dark-content'} />
+      <Text>{message ?? 'Waiting for message...'}</Text>
       <NewAppScreen templateFileName="App.tsx" />
     </View>
   );
@@ -23,6 +34,4 @@ const styles = StyleSheet.create({
   container: {
     flex: 1,
   },
-});
+})
-
-export default App;

ios/Native/Application/RootView.swift

@@ -15,10 +15,11 @@ struct RootView: View {
   
   var body: some View {
     VStack {
-      Text("Hello to SwiftUI!")
+      ToolboxHeader()
       if let reactNativeFactory = sharedState.reactNativeFactory {
         UIReactNativeView(reactNativeFactory)
       }
     }
+    .environmentObject(sharedState)
   }
 }

ios/Native/Application/Shared/Emitter/Emitter.swift

@@ -0,0 +1,32 @@
+//
+//  Emitter.swift
+//  RNPlayground
+//
+//  Created by Artur Gurgul on 02/08/2025.
+//
+
+import Combine
+import React
+//import React_RCTAppDelegate
+//import ReactAppDependencyProvider
+
+@objc(Emitter)
+class Emitter: RCTEventEmitter {
+  override static func requiresMainQueueSetup() -> Bool {
+    return true
+  }
+  
+  override init() {
+    super.init()
+    EventEmitter.sharedInstance.register(eventEmitter: self)
+
+  }
+  
+  override func supportedEvents() -> [String]! {
+    return ["onMessage"]
+  }
+
+  @objc func send(message: String) {
+    sendEvent(withName: "onMessage", body: ["message": message])
+  }
+}

ios/Native/Application/Shared/Emitter/EventEmitter.swift

@@ -0,0 +1,28 @@
+//
+//  EventEmitter.swift
+//  RNPlayground
+//
+//  Created by Artur Gurgul on 02/08/2025.
+//
+
+import Foundation
+
+class EventEmitter {
+  static let sharedInstance = EventEmitter()
+
+  private var eventEmitter: Emitter?
+
+  private init() {}
+
+  func register(eventEmitter: Emitter) {
+    self.eventEmitter = eventEmitter
+  }
+
+  func send(message: String) {
+    eventEmitter?.send(message: message)
+  }
+
+  var isReady: Bool {
+    return eventEmitter != nil
+  }
+}

ios/Native/Application/Shared/SharedState.swift

@@ -13,4 +13,9 @@ import ReactAppDependencyProvider
 
 final class SharedState: ObservableObject {
   var reactNativeFactory: RCTReactNativeFactory?
+  private let emitter = EventEmitter.sharedInstance
+  
+  func send(message: String) {
+    emitter.send(message: message)
+  }
 }

ios/Native/Application/Views/ToolboxHeader.swift

@@ -0,0 +1,22 @@
+//
+//  ToolboxHeader.swift
+//  RNPlayground
+//
+//  Created by Artur Gurgul on 02/08/2025.
+//
+
+import SwiftUI
+
+struct ToolboxHeader: View {
+  @EnvironmentObject var sharedState: SharedState
+  
+  var body: some View {
+    HStack {
+      Text("Actions")
+      Button("Make it blue") {
+        print("Making it blue")
+        sharedState.send(message: "hello from Swift!")
+      }
+    }
+  }
+}