stream-chat-react-native-core 5.25.0-beta.1 → 5.25.0-beta.2

package/src/components/Channel/Channel.tsx

@@ -84,6 +84,7 @@ import { patchMessageTextCommand } from '../../utils/patchMessageTextCommand';
 import { removeReactionFromLocalState } from '../../utils/removeReactionFromLocalState';
 import { removeReservedFields } from '../../utils/removeReservedFields';
 import {
+  defaultEmojiSearchIndex,
   generateRandomId,
   isBouncedMessage,
   isLocalUrl,
@@ -440,6 +441,7 @@ const ChannelWithContext = <
     doMarkReadRequest,
     doSendMessageRequest,
     doUpdateMessageRequest,
+    emojiSearchIndex = defaultEmojiSearchIndex,
     EmptyStateIndicator = EmptyStateIndicatorDefault,
     enableMessageGroupingByUser = true,
     enableOfflineSupport,
@@ -2149,6 +2151,7 @@ const ChannelWithContext = <
     doImageUploadRequest,
     editing,
     editMessage,
+    emojiSearchIndex,
     FileUploadPreview,
     hasCommands,
     hasFilePicker,

package/src/components/Channel/hooks/useCreateInputMessageInputContext.ts

@@ -20,6 +20,7 @@ export const useCreateInputMessageInputContext = <
   doImageUploadRequest,
   editing,
   editMessage,
+  emojiSearchIndex,
   FileUploadPreview,
   hasCommands,
   hasFilePicker,
@@ -75,6 +76,7 @@ export const useCreateInputMessageInputContext = <
       doImageUploadRequest,
       editing,
       editMessage,
+      emojiSearchIndex,
       FileUploadPreview,
       hasCommands,
       hasFilePicker,

package/src/contexts/messageInputContext/MessageInputContext.tsx

@@ -37,6 +37,7 @@ import type { MoreOptionsButtonProps } from '../../components/MessageInput/MoreO
 import type { SendButtonProps } from '../../components/MessageInput/SendButton';
 import type { UploadProgressIndicatorProps } from '../../components/MessageInput/UploadProgressIndicator';
 import type { MessageType } from '../../components/MessageList/hooks/useMessageList';
+import type { Emoji } from '../../emoji-data';
 import { pickDocument } from '../../native';
 import type {
   Asset,
@@ -69,6 +70,10 @@ import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
 import { getDisplayName } from '../utils/getDisplayName';
 import { isTestEnvironment } from '../utils/isTestEnvironment';
 
+export type EmojiSearchIndex = {
+  search: (query: string) => PromiseLike<Array<Emoji>> | Array<Emoji> | null;
+};
+
 export type MentionAllAppUsersQuery<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
@@ -339,6 +344,11 @@ export type InputMessageInputContextValue<
    */
   editing?: MessageType<StreamChatGenerics>;
 
+  /**
+   * Prop to override the default emoji search index in auto complete suggestion list.
+   */
+  emojiSearchIndex?: EmojiSearchIndex;
+
   /** Initial value to set on input */
   initialValue?: string;
   /**
@@ -894,12 +904,14 @@ export const MessageInputProvider = <
         triggerSettings = value.autoCompleteTriggerSettings({
           channel,
           client,
+          emojiSearchIndex: value.emojiSearchIndex,
           onMentionSelectItem: onSelectItem,
         });
       } else {
         triggerSettings = ACITriggerSettings<StreamChatGenerics>({
           channel,
           client,
+          emojiSearchIndex: value.emojiSearchIndex,
           onMentionSelectItem: onSelectItem,
         });
       }

package/src/contexts/messageInputContext/hooks/useCreateMessageInputContext.ts

@@ -24,6 +24,7 @@ export const useCreateMessageInputContext = <
   doImageUploadRequest,
   editing,
   editMessage,
+  emojiSearchIndex,
   FileUploadPreview,
   fileUploads,
   giphyActive,
@@ -127,6 +128,7 @@ export const useCreateMessageInputContext = <
       doImageUploadRequest,
       editing,
       editMessage,
+      emojiSearchIndex,
       FileUploadPreview,
       fileUploads,
       giphyActive,

package/src/contexts/suggestionsContext/SuggestionsContext.tsx

@@ -5,7 +5,7 @@ import type { CommandResponse, UserResponse } from 'stream-chat';
 import type { AutoCompleteSuggestionHeaderProps } from '../../components/AutoCompleteInput/AutoCompleteSuggestionHeader';
 import type { AutoCompleteSuggestionItemProps } from '../../components/AutoCompleteInput/AutoCompleteSuggestionItem';
 import type { AutoCompleteSuggestionListProps } from '../../components/AutoCompleteInput/AutoCompleteSuggestionList';
-import type { Emoji } from '../../emoji-data/compiled';
+import type { Emoji } from '../../emoji-data';
 import type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';
 import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
 

package/src/emoji-data/compile.js

@@ -1,41 +1,61 @@
 /* eslint-disable no-undef */
 const fs = require('fs');
 
-const { emojiArray, emojiLib } = require('./index.js');
+const getEmojis = async () => {
+  try {
+    const response = await fetch(
+      'https://raw.githubusercontent.com/iamcal/emoji-data/master/emoji.json',
+    );
+    const emojis = await response.json();
+    const emojiLib = emojis
+      .map((emoji) => ({
+        id: emoji.short_name,
+        name: emoji.short_name,
+        names: emoji.short_names,
+        ...(emoji.skin_variations
+          ? {
+              skins: Object.values(emoji.skin_variations).map((skin) =>
+                String.fromCodePoint.apply(
+                  null,
+                  skin.unified.split('-').map((unicode) => `0x${unicode}`),
+                ),
+              ),
+            }
+          : {}),
+        unicode: String.fromCodePoint.apply(
+          null,
+          emoji.unified.split('-').map((unicode) => `0x${unicode}`),
+        ),
+      }))
+      .sort((a, b) => (a.name < b.name ? -1 : 1));
 
-const stingified = JSON.stringify({
-  emojiArray,
-  emojiLib,
-}).replace(/(["'])require(?:(?=(\\?))\2.)*?\1/g, (value) => value.replace(/"/g, ''));
-
-fs.writeFile(
-  'compiled.ts',
-  `export type EmojiArrayItem = {
-    name: string;
-    names: string[];
+    return { emojiLib };
+  } catch (error) {
+    console.log(error);
   }
-  
-  export type EmojiArray = EmojiArrayItem[];
-  
-  export type Emoji = {
-    name: string;
-    names: string[];
-    sort_order: number;
-    unicode: string;
-    skin_variations?: string[];
-  };
-  
-  export type EmojiLib = {
-    [key: string]: Emoji;
-  };
-  
-  export type CompiledEmojis = {
-    emojiArray: EmojiArray;
-    emojiLib: EmojiLib;
-  };
-  
-  export const compiledEmojis: CompiledEmojis = ${stingified}`,
-  (err) => {
-    if (err) throw err;
-  },
-);
+};
+
+getEmojis().then(({ emojiLib }) => {
+  const stingified = JSON.stringify(emojiLib).replace(
+    /(["'])require(?:(?=(\\?))\2.)*?\1/g,
+    (value) => value.replace(/"/g, ''),
+  );
+
+  fs.writeFile(
+    'src/emoji-data/index.ts',
+    `export type Emoji = {
+      id: string;
+      name: string;
+      names: string[];
+      unicode: string;
+      skins?: string[];
+    };
+
+    export type Emojis = Emoji[];
+
+    export const compiledEmojis: Emojis = ${stingified}`,
+    (err) => {
+      if (err) throw err;
+    },
+  );
+});