feat: Add support for simulate stream events

Author: tjtanjin

CHANGELOG.md

@@ -1,3 +1,11 @@
+## v0.2.1 (22-04-2025)
+
+**Added:**
+- Added support for capturing simulated message stream events, available on React ChatBotify **v2.0.0-beta.33 and above**
+
+**Fixed:**
+- Fixed version compatibility to correctly reflect support for React 16.14.0 and above
+
 ## v0.1.1 (25-02-2025)
 
 **Fixed:**

package-lock.json

@@ -43,9 +43,9 @@
     "url": "https://github.com/React-ChatBotify-Plugins/markdown-renderer"
   },
   "peerDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-chatbotify": "^2.0.0-beta.31"
+    "react": ">=16.14.0",
+    "react-dom": ">=16.14.0",
+    "react-chatbotify": "^2.0.0-beta.33"
   },
   "devDependencies": {
     "@eslint/js": "^9.20.0",

package.json

@@ -9,6 +9,7 @@ import {
 	useMessages,
 	useChatHistory,
 	useSettings,
+	RcbStartSimulateStreamMessageEvent,
 } from "react-chatbotify";
 
 import MarkdownWrapper from "../components/MarkdownWrapper";
@@ -53,7 +54,8 @@ const useRcbPlugin = (pluginConfig?: PluginConfig) => {
 		 * @param event message event received
 		 */
 		const handleMessageEvent = async (
-			event: RcbPreInjectMessageEvent | RcbChunkStreamMessageEvent | RcbStartStreamMessageEvent
+			event: RcbPreInjectMessageEvent | RcbChunkStreamMessageEvent
+			| RcbStartSimulateStreamMessageEvent | RcbStartStreamMessageEvent
 		) => {
 			const sender = event.data.message?.sender.toUpperCase();
 
@@ -74,11 +76,13 @@ const useRcbPlugin = (pluginConfig?: PluginConfig) => {
 		window.addEventListener("rcb-pre-inject-message", handleMessageEvent);
 		window.addEventListener("rcb-chunk-stream-message", handleMessageEvent);
 		window.addEventListener("rcb-start-stream-message", handleMessageEvent);
+		window.addEventListener("rcb-start-simulate-stream-message", handleMessageEvent);
 
 		return () => {
 			window.removeEventListener("rcb-pre-inject-message", handleMessageEvent);
 			window.removeEventListener("rcb-chunk-stream-message", handleMessageEvent);
 			window.removeEventListener("rcb-start-stream-message", handleMessageEvent);
+			window.removeEventListener("rcb-start-simulate-stream-message", handleMessageEvent);
 		};
 	}, [getBotId, getFlow, shouldRenderMarkdown]);
 
@@ -93,6 +97,7 @@ const useRcbPlugin = (pluginConfig?: PluginConfig) => {
 			event: {
 				rcbPreInjectMessage: true,
 				rcbChunkStreamMessage: true,
+				rcbStartSimulateStreamMessage: true,
 				rcbStartStreamMessage: true,
 			},
 		};

src/core/useRcbPlugin.tsx

@@ -18,6 +18,8 @@ import {
 	RcbTextAreaChangeValueEvent,
 	RcbPreLoadChatBotEvent,
 	RcbPostLoadChatBotEvent,
+	RcbStartSimStreamMessageEvent,
+	RcbStopSimStreamMessageEvent,
 } from "react-chatbotify";
 
 declare global {
@@ -38,6 +40,8 @@ declare global {
 		// messages
 		"rcb-pre-inject-message": RcbPreInjectMessageEvent;
 		"rcb-post-inject-message": RcbPostInjectMessageEvent;
+		"rcb-start-simulate-stream-message": RcbStartSimStreamMessageEvent;
+		"rcb-stop-simulate-stream-message": RcbStopSimStreamMessageEvent;
 		"rcb-start-stream-message": RcbStartStreamMessageEvent;
 		"rcb-chunk-stream-message": RcbChunkStreamMessageEvent;
 		"rcb-stop-stream-message": RcbStopStreamMessageEvent;