Add file extension mapping for react GUI

Add core messagebus event forwarding to support current react GUI implementation https://github.com/alexisdiaz008/react-mycroft-gui/blob/master/src/components/mycroft_message_bus_elements/mycroft_message_bus.jsx

ovos_gui/namespace.py

@@ -494,6 +494,13 @@ def _define_message_handlers(self):
         """
         Defines event handlers for core messagebus.
         """
+        self.core_bus.on("recognizer_loop:audio_output_start",
+                         self.forward_to_gui)
+        self.core_bus.on("recognizer_loop:audio_output_end",
+                         self.forward_to_gui)
+        self.core_bus.on("mycroft.ready", self.forward_to_gui)
+        self.core_bus.on("mycroft.gui.port", self.forward_to_gui)
+
         self.core_bus.on("gui.clear.namespace", self.handle_clear_namespace)
         self.core_bus.on("gui.event.send", self.handle_send_event)
         self.core_bus.on("gui.page.delete", self.handle_delete_page)
@@ -506,6 +513,14 @@ def _define_message_handlers(self):
         self.core_bus.on("gui.page_gained_focus", self.handle_page_gained_focus)
         self.core_bus.on("mycroft.skills.trained", self.handle_ready)
 
+    @staticmethod
+    def forward_to_gui(message: Message):
+        """
+        Forward a core Message to the GUI
+        @param message: Core message to forward
+        """
+        send_message_to_gui(message.as_dict)
+
     def handle_ready(self, message):
         self._ready_event.set()
         self.core_bus.on("gui.volunteer_page_upload",

ovos_gui/page.py

@@ -44,6 +44,8 @@ def get_file_extension(framework: str) -> str:
         """
         if framework in ("qt5", "qt6"):
             return "qml"
+        if framework == "react":
+            return "jsx"
         return ""
 
     def get_uri(self, framework: str = "qt5", server_url: str = None) -> str: