chore: migrate the Expo sample app away from SCG

Author: isekovanic

examples/ExpoMessaging/app/index.tsx

@@ -3,15 +3,14 @@ import { ChannelList } from 'stream-chat-expo';
 import { useContext, useMemo } from 'react';
 import { Stack, useRouter } from 'expo-router';
 import { ChannelSort } from 'stream-chat';
-import { StreamChatGenerics } from '../types';
 import { AppContext } from '../context/AppContext';
 import { user } from '../constants';
 
 const filters = {
   members: { $in: [user.id] },
   type: 'messaging',
 };
-const sort: ChannelSort<StreamChatGenerics> = { last_updated: -1 };
+const sort: ChannelSort = { last_updated: -1 };
 const options = {
   state: true,
   watch: true,

examples/ExpoMessaging/components/ChatWrapper.tsx

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from 'react';
+import React, { PropsWithChildren, useRef } from 'react';
 import {
   Chat,
   OverlayProvider,
@@ -7,7 +7,6 @@ import {
   useCreateChatClient,
 } from 'stream-chat-expo';
 import { AuthProgressLoader } from './AuthProgressLoader';
-import { StreamChatGenerics } from '../types';
 import { STREAM_API_KEY, user, userToken } from '../constants';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { useStreamChatTheme } from '../useStreamChatTheme';
@@ -34,7 +33,7 @@ export const ChatWrapper = ({ children }: PropsWithChildren<{}>) => {
   }
 
   return (
-    <OverlayProvider<StreamChatGenerics>
+    <OverlayProvider
       bottomInset={bottom}
       i18nInstance={streami18n}
       value={{ style: theme }}

examples/ExpoMessaging/context/AppContext.tsx

@@ -1,15 +1,14 @@
-import { PropsWithChildren, createContext, useContext, useState } from 'react';
-import { StreamChatGenerics } from '../types';
+import { PropsWithChildren, createContext, useState } from 'react';
 import { Channel as ChannelType } from 'stream-chat';
 import { ThreadContextValue } from 'stream-chat-expo';
 
 export type AppContextType = {
-  channel: ChannelType<StreamChatGenerics> | undefined;
-  setChannel: React.Dispatch<React.SetStateAction<ChannelType<StreamChatGenerics> | undefined>>;
+  channel: ChannelType | undefined;
+  setChannel: React.Dispatch<React.SetStateAction<ChannelType | undefined>>;
   setThread: React.Dispatch<
-    React.SetStateAction<ThreadContextValue<StreamChatGenerics>['thread'] | undefined>
+    React.SetStateAction<ThreadContextValue['thread'] | undefined>
   >;
-  thread: ThreadContextValue<StreamChatGenerics>['thread'] | undefined;
+  thread: ThreadContextValue['thread'] | undefined;
 };
 
 export const AppContext = createContext<AppContextType>({
@@ -20,9 +19,9 @@ export const AppContext = createContext<AppContextType>({
 });
 
 export const AppProvider = ({ children }: PropsWithChildren) => {
-  const [channel, setChannel] = useState<ChannelType<StreamChatGenerics> | undefined>(undefined);
+  const [channel, setChannel] = useState<ChannelType | undefined>(undefined);
   const [thread, setThread] = useState<
-    ThreadContextValue<StreamChatGenerics>['thread'] | undefined
+    ThreadContextValue['thread'] | undefined
   >(undefined);
 
   return (

examples/ExpoMessaging/custom-types.d.ts

@@ -0,0 +1,41 @@
+import {
+  DefaultAttachmentType,
+  DefaultMessageType,
+  DefaultChannelType,
+  DefaultCommandType,
+  DefaultEventType,
+  DefaultMemberType,
+  DefaultPollOptionType,
+  DefaultPollType,
+  DefaultReactionType,
+  DefaultThreadType,
+  DefaultUserType,
+} from 'stream-chat-expo';
+
+declare module 'stream-chat' {
+  /* eslint-disable @typescript-eslint/no-empty-object-type */
+
+  interface CustomAttachmentData extends DefaultAttachmentType {}
+
+  interface CustomChannelData extends DefaultChannelType {}
+
+  interface CustomCommandData extends DefaultCommandType {}
+
+  interface CustomEventData extends DefaultEventType {}
+
+  interface CustomMemberData extends DefaultMemberType {}
+
+  interface CustomUserData extends DefaultUserType {}
+
+  interface CustomMessageData extends DefaultMessageType {}
+
+  interface CustomPollOptionData extends DefaultPollOptionType {}
+
+  interface CustomPollData extends DefaultPollType {}
+
+  interface CustomReactionData extends DefaultReactionType {}
+
+  interface CustomThreadData extends DefaultThreadType {}
+
+  /* eslint-enable @typescript-eslint/no-empty-object-type */
+}

examples/ExpoMessaging/package.json

@@ -37,8 +37,7 @@
     "react-native-screens": "~4.8.0",
     "react-native-svg": "15.11.1",
     "react-native-web": "~0.19.13",
-    "stream-chat-expo": "link:../../package/expo-package",
-    "stream-chat-react-native-core": "link:../../package",
+    "stream-chat-expo": "6.6.7-beta.1",
     "typescript": "~5.7.3"
   },
   "devDependencies": {

examples/ExpoMessaging/types.ts

@@ -7354,14 +7354,17 @@ [email protected], stream-buffers@~2.2.0:
   resolved "https://registry.yarnpkg.com/stream-buffers/-/stream-buffers-2.2.0.tgz#91d5f5130d1cef96dcfa7f726945188741d09ee4"
   integrity sha512-uyQK/mx5QjHun80FLJTfaWE7JtwfRMKBLkMne6udYOmvH0CawotVa7TfgYHzAnpphn4+TweIx1QKMnRIbipmUg==
 
-"stream-chat-expo@link:../../package/expo-package":
-  version "0.0.0"
-  uid ""
+[email protected]:
+  version "6.6.7-beta.1"
+  resolved "https://registry.yarnpkg.com/stream-chat-expo/-/stream-chat-expo-6.6.7-beta.1.tgz#8e7544ed5a6fc3ed7ff807bc4e9ee2eb8b5132e2"
+  integrity sha512-FML930XZYJbmgVn3o7Qm9xwpKy8bqDzIpgM+K7+qDOJ+RWEuAqZBzQNCqt1Jfuil6UItX8exZSTaQk3rtBwGRg==
+  dependencies:
+    stream-chat-react-native-core "6.6.7-beta.1"
 
-[email protected].6:
-  version "6.6.6"
-  resolved "https://registry.yarnpkg.com/stream-chat-react-native-core/-/stream-chat-react-native-core-6.6.6.tgz#d701beb9652f0a5851286f752d8c4fdadb3e0603"
-  integrity sha512-sfBtWz4K4OzhFDMRaPF2xMj7aP9FQU4dMN1XCsmRT07hyYn6iEviECxNttYvoRLB1zNdeja5cL63IDY3UZSpAQ==
+[email protected].7-beta.1:
+  version "6.6.7-beta.1"
+  resolved "https://registry.yarnpkg.com/stream-chat-react-native-core/-/stream-chat-react-native-core-6.6.7-beta.1.tgz#3068bbe0a31b1d686dba9d93f3c3d00b940df645"
+  integrity sha512-1+iVc7vwqqiwOzKnO60rM3fjHb7JEY9ckwB2RIyCGTegEvkXEoxmLR+MtX2rC+8O2p0AGi5Q0pne8nMQoh4LaA==
   dependencies:
     "@gorhom/bottom-sheet" "^5.1.1"
     dayjs "1.10.5"
@@ -7374,28 +7377,9 @@ [email protected]:
     path "0.12.7"
     react-native-markdown-package "1.8.2"
     react-native-url-polyfill "^1.3.0"
-    stream-chat "^8.57.5"
+    stream-chat "^8.57.6"
     use-sync-external-store "^1.4.0"
 
-"stream-chat-react-native-core@link:../../package":
-  version "0.0.0"
-  uid ""
-
-stream-chat@^8.57.5:
-  version "8.57.5"
-  resolved "https://registry.yarnpkg.com/stream-chat/-/stream-chat-8.57.5.tgz#1b49b7504371e19a539465e2ae5dc86aa3269637"
-  integrity sha512-ndcbH/zGzUIAhZLGn1owVV8MeNvVfWITIlhAhfmnsV7RLoo/eiGFEuP4aNoG1YRos/g9xJQ7TEmKpz8xYqo13w==
-  dependencies:
-    "@babel/runtime" "^7.16.3"
-    "@types/jsonwebtoken" "~9.0.0"
-    "@types/ws" "^7.4.0"
-    axios "^1.6.0"
-    base64-js "^1.5.1"
-    form-data "^4.0.0"
-    isomorphic-ws "^4.0.1"
-    jsonwebtoken "~9.0.0"
-    ws "^7.5.10"
-
 stream-chat@^8.57.6:
   version "8.57.6"
   resolved "https://registry.yarnpkg.com/stream-chat/-/stream-chat-8.57.6.tgz#dd3a4a0a024ee44bfa6ae7ca15648e6c9f2e498f"