Podium (Updated Repositories to work given some deprecations)

.gitignore

@@ -58,4 +58,5 @@ buck-out/
 # CocoaPods
 /ios/Pods/
 
-env.js
+env.js
+android/java_pid2209.hprof

App.js

@@ -1,6 +1,7 @@
 import React, {useEffect, useState} from 'react';
 import {View, Text, TouchableOpacity, StyleSheet} from 'react-native';
-import {CometChat} from '@cometchat-pro/react-native-chat';
+import {CometChat} from '@cometchat/chat-sdk-react-native';
+import {CometChatCalls} from '@cometchat/calls-sdk-react-native';
 import {createNativeStackNavigator} from '@react-navigation/native-stack';
 import {NavigationContainer} from '@react-navigation/native';
 import AsyncStorage from '@react-native-async-storage/async-storage';
@@ -34,26 +35,51 @@ const App = () => {
  const initCometChat = async () => {
  const appID = `${cometChatConfig.cometChatAppId}`;
  const region = `${cometChatConfig.cometChatRegion}`;
+ console.log("This is the appID cometChat is configured to use: ", appID);
+ console.log("This is the region cometChat is configured to use: ", region);
+
+ //Basic CometChat Sign in
  const appSetting = new CometChat.AppSettingsBuilder()
- .subscribePresenceForAllUsers()
+ .subscribePresenceForAllUsers()
+ .setRegion(region)
+ .autoEstablishSocketConnection(true)
+ .build();
+ CometChat.init(appID, appSetting).then(
+ () => {
+ console.log("Initialization completed successfully");
+ }, error => {
+ console.log("Initialization failed with error:", error);
+ }
+ );
+
+ //CometCall (audio & video) sign in
+ const callAppSettings = new CometChatCalls.CallAppSettingsBuilder()
+ .setAppId(appID)
  .setRegion(region)
  .build();
- CometChat.init(appID, appSetting).then(
+
+ CometChatCalls.init(callAppSettings).then(
  () => {
- console.log('CometChat was initialized successfully');
+ console.log('CometChatCalls was initialized successfully');
+ },
+ (error) => {
+ console.log('CometChatCalls initialization failed with error:', error);
  },
- (error) => {},
  );
  };
 
  const initAuthenticatedUser = async () => {
+ console.log("Initiate Authenticated User...");
  const authenticatedUser = await AsyncStorage.getItem('auth');
  setUser(() => (authenticatedUser ? JSON.parse(authenticatedUser) : null));
+ console.log("User is set");
  };
 
  useEffect(() => {
  initCometChat();
+ console.log("initCometChat done");
  initAuthenticatedUser();
+ console.log("initAuthenticatedUser done");
  }, []);
 
  const search = (navigation) => () => {

README.md

@@ -1,13 +1,13 @@
-# How to build an Clubhouse Clone with React Native
-
-Read the full tutorial here: [**>> How to build an Clubhouse Clone with React Native**](https://www.cometchat.com/tutorials/#)
+# How to build an audioroom app - Podium with React Native
 
 ## Technology
 
 This demo uses:
 
-- @cometchat-pro/react-native-calls
-- @cometchat-pro/react-native-chat
+- @cometchat/calls-sdk-react-native,
+- @cometchat/chat-sdk-react-native,
+- @ethersproject/shims,
+- @particle-network/rn-auth,
 - @react-native-async-storage/async-storage,
 - @react-native-community/cli,
 - @react-native-picker/picker,
@@ -16,6 +16,7 @@ This demo uses:
 - @react-navigation/native,
 - @react-navigation/stack,
 - emoji-mart-nativebeta,
+- ethers,
 - firebase,
 - react-native-autolink,
 - react-native-document-picker,
@@ -53,7 +54,7 @@ To run the demo follow these steps:
 4. From the Quick Start copy the **APP_ID, APP_REGION and AUTH_KEY**. These will be used later.
 5. Also copy the **REST_API_KEY** from the API & Auth Key tab.
 6. Navigate to the Users tab, and delete all the default users and groups leaving it clean **(very important)**.
-7. Download the repository [here](https://github.com/hieptl/club-house/archive/main.zip) or by running `git clone https://github.com/hieptl/club-house.git` and open it in a code editor.
+7. Download the repository by running `https://github.com/jomarip/podium.git` and open it in a code editor.
 8. [Head to Firebase and create a new project](https://console.firebase.google.com)
 9. Create a file called **env.js** in the root folder of your project.
 10. Import and inject your secret keys in the **env.js** file containing your CometChat and Firebase in this manner.
@@ -76,22 +77,20 @@ export const cometChatConfig = {
  cometChatAuthKey: xxx - xxx - xxx - xxx - xxx - xxx - xxx - xxx,
  cometChatRestApiKey: xxx - xxx - xxx - xxx - xxx - xxx - xxx - xxx,
 };
+
+
+ export const particleInfoConfig = {
+ particleId: "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxxx",
+ clientKey: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
+ };
+
 ```
 
 11. cd to your root folder and hit npm i --force to install the packages.
-12. Run cd to the ios folder then run pod install to install the pods. Once pods are installed run cd .. to go back to the root folder.
-13. Run the app on iOS using npx react-native run-ios & on Android using npx react-native run-android
-14. Make sure to include env.js in your gitIgnore file from being exposed online.
-15. If you would like to test your application on IOS and you are using a Macbook - Apple Chip, you need to follow this link to configure your xcode and your ios project. [CometChat - Set up for IOS](https://prodocs.cometchat.com/docs/ios-setup)
-16. If you would like to test your application on Android and you have to face with an issue related to ANDROIRD_ROOT_SDK. Please refer to this [link](https://stackoverflow.com/questions/27620262/sdk-location-not-found-define-location-with-sdk-dir-in-the-local-properties-fil) to get the solution.
-
-Questions about running the demo? [Open an issue](https://github.com/hieptl/club-house/issues). We're here to help ✌️
+12. Use node.js version14.17 or greater
+For running on android you will need an android device or emulator
+13. adb reverse tcp:8081 tcp:8081 (command to connect device)
+14. npx react-native run-android (to build the project - helps to have the adb running with attached device)
+15. npm start 
 
-## Useful links
 
-- 🏠 [CometChat Homepage](https://app.cometchat.com/signup)
-- 🚀 [Create your free account](https://app.cometchat.com/apps)
-- 📚 [Documentation](https://www.cometchat.com/docs/home/welcome)
-- 👾 [GitHub](https://www.github.com/cometchat-pro)
-- 🔥 [Firebase](https://console.firebase.google.com)
-- 🔷 [React Native](https://reactnative.dev)