stream-chat-react-native-core 5.1.1-beta.1 → 5.2.0-beta.1

package/src/components/MessageList/MessageList.tsx

@@ -30,6 +30,7 @@ import {
   useChannelContext,
 } from '../../contexts/channelContext/ChannelContext';
 import { ChatContextValue, useChatContext } from '../../contexts/chatContext/ChatContext';
+import { useDebugContext } from '../../contexts/debugContext/DebugContext';
 import {
   ImageGalleryContextValue,
   useImageGalleryContext,
@@ -936,6 +937,20 @@ const MessageListWithContext = <
       setFlatListRef(ref);
     }
   };
+
+  const debugRef = useDebugContext();
+
+  const isDebugModeEnabled = __DEV__ && debugRef && debugRef.current;
+
+  if (isDebugModeEnabled) {
+    if (debugRef.current.setEventType) debugRef.current.setEventType('send');
+    if (debugRef.current.setSendEventParams)
+      debugRef.current.setSendEventParams({
+        action: thread ? 'ThreadList' : 'Messages',
+        data: messageList,
+      });
+  }
+
   const renderListEmptyComponent = () => (
     <View style={[styles.flex, styles.invert]} testID='empty-state'>
       <EmptyStateIndicator listType='message' />

package/src/contexts/debugContext/DebugContext.tsx

@@ -0,0 +1,77 @@
+import React, { PropsWithChildren, useContext, useRef } from 'react';
+
+import type { Channel, ChannelState, StreamChat } from 'stream-chat';
+
+import type { MessageType } from '../../components/MessageList/hooks/useMessageList';
+import type { DefaultStreamChatGenerics } from '../../types/types';
+
+import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
+
+export type DebugDataType<
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+> =
+  | StreamChat<StreamChatGenerics>['user']
+  | {
+      data: Channel<StreamChatGenerics>['data'];
+      members: ChannelState<StreamChatGenerics>['members'];
+    }[]
+  | MessageType<StreamChatGenerics>[];
+
+export type DebugContextValue<
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+> = {
+  eventType?: string;
+  sendEventParams?: {
+    action: string;
+    data: DebugDataType<StreamChatGenerics>;
+  };
+  setEventType?: (data: string) => void;
+  setSendEventParams?: (data: { action: string; data: DebugDataType<StreamChatGenerics> }) => void;
+};
+
+export const DebugContext = React.createContext(
+  DEFAULT_BASE_CONTEXT_VALUE as React.MutableRefObject<DebugContextValue>,
+);
+
+export const DebugContextProvider = <
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+>({
+  children,
+  useFlipper,
+}: PropsWithChildren<{
+  useFlipper: () => {
+    updateData: (ref: React.RefObject<DebugContextValue<StreamChatGenerics>>) => void;
+  };
+}>) => {
+  const debugRef = useRef<DebugContextValue<StreamChatGenerics>>({
+    eventType: undefined,
+    sendEventParams: undefined,
+  });
+
+  const { updateData } = useFlipper();
+
+  const ref = useRef<DebugContextValue<StreamChatGenerics>>({
+    setEventType: (data: string) => {
+      debugRef.current.eventType = data;
+      updateData(debugRef);
+    },
+    setSendEventParams: (data: { action: string; data: DebugDataType<StreamChatGenerics> }) => {
+      debugRef.current.sendEventParams = data;
+      updateData(debugRef);
+    },
+  });
+
+  return (
+    <DebugContext.Provider value={ref as unknown as React.MutableRefObject<DebugContextValue>}>
+      {children}
+    </DebugContext.Provider>
+  );
+};
+
+export const useDebugContext = () => {
+  const contextValue = useContext(
+    DebugContext,
+  ) as unknown as React.MutableRefObject<DebugContextValue>;
+
+  return contextValue;
+};

package/src/contexts/index.ts

@@ -2,6 +2,7 @@ export * from './attachmentPickerContext/AttachmentPickerContext';
 export * from './channelContext/ChannelContext';
 export * from './channelsContext/ChannelsContext';
 export * from './chatContext/ChatContext';
+export * from './debugContext/DebugContext';
 export * from './imageGalleryContext/ImageGalleryContext';
 export * from './keyboardContext/KeyboardContext';
 export * from './messageContext/MessageContext';

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "5.1.1-beta.1"
+  "version": "5.2.0-beta.1"
 }