UI Kit Sample App

Author: mayur-bhandari

.gitignore

@@ -1 +1,70 @@
-.DS_Store
+# OSX
+#
+.DS_Store
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+project.xcworkspace
+
+# Android/IntelliJ
+#
+CometChatWorkspace/cometchat-app/android/app/build/
+cometchat-app/android/app/build/
+/android/app/build/
+/app/build/
+ios/Pods/*
+build/
+.idea
+.gradle
+local.properties
+*.iml
+
+# node.js
+#
+node_modules/
+package-lock.json # include if you are using npm - don't use both yarn and npm
+npm-debug.log
+yarn-error.log
+yarn.lock # include if you are using yarn - don't use both npm and yarn
+
+# BUCK
+buck-out/
+\.buckd/
+*.keystore
+!CometChatWorkspace/cometchat-app/android/app/debug.keystore
+
+# Fastlane
+#
+# It is recommended to not store the screenshots in the git repo. Instead, use Fastlane to re-generate the
+# screenshots whenever they are needed.
+# For more information about the recommended setup visit:
+# https://docs.fastlane.tools/best-practices/source-control/
+
+*/fastlane/report.xml
+*/fastlane/Preview.html
+*/fastlane/screenshots
+
+# Pods 
+CometChatWorkspace/cometchat-app/ios/Pods/
+cometchat-app/ios/Pods/
+/ios/Pods/
+ios/Pods/*
+
+# Bundle artifact
+*.jsbundle

chatApp/.buckconfig renamed to CometChatWorkspace/cometchat-app/.buckconfig

@@ -0,0 +1,4 @@
+module.exports = {
+  root: true,
+  extends: '@react-native-community',
+};

CometChatWorkspace/cometchat-app/.eslintrc.js

@@ -0,0 +1,73 @@
+[ignore]
+; We fork some components by platform
+.*/*[.]android.js
+
+; Ignore "BUCK" generated dirs
+<PROJECT_ROOT>/\.buckd/
+
+; Ignore polyfills
+node_modules/react-native/Libraries/polyfills/.*
+
+; These should not be required directly
+; require from fbjs/lib instead: require('fbjs/lib/warning')
+node_modules/warning/.*
+
+; Flow doesn't support platforms
+.*/Libraries/Utilities/LoadingView.js
+
+[untyped]
+.*/node_modules/@react-native-community/cli/.*/.*
+
+[include]
+
+[libs]
+node_modules/react-native/interface.js
+node_modules/react-native/flow/
+
+[options]
+emoji=true
+
+esproposal.optional_chaining=enable
+esproposal.nullish_coalescing=enable
+
+module.file_ext=.js
+module.file_ext=.json
+module.file_ext=.ios.js
+
+munge_underscores=true
+
+module.name_mapper='^react-native/\(.*\)$' -> '<PROJECT_ROOT>/node_modules/react-native/\1'
+module.name_mapper='^@?[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> '<PROJECT_ROOT>/node_modules/react-native/Libraries/Image/RelativeImageStub'
+
+suppress_type=$FlowIssue
+suppress_type=$FlowFixMe
+suppress_type=$FlowFixMeProps
+suppress_type=$FlowFixMeState
+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native\\(_ios\\)?_\\(oss\\|fb\\)[a-z,_]*\\)?)\\)
+suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native\\(_ios\\)?_\\(oss\\|fb\\)[a-z,_]*\\)?)\\)?:? #[0-9]+
+suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError
+
+[lints]
+sketchy-null-number=warn
+sketchy-null-mixed=warn
+sketchy-number=warn
+untyped-type-import=warn
+nonstrict-import=warn
+deprecated-type=warn
+unsafe-getters-setters=warn
+unnecessary-invariant=warn
+signature-verification-failure=warn
+deprecated-utility=error
+
+[strict]
+deprecated-type
+nonstrict-import
+sketchy-null
+unclear-type
+unsafe-getters-setters
+untyped-import
+untyped-type-import
+
+[version]
+^0.122.0

CometChatWorkspace/cometchat-app/.flowconfig

@@ -0,0 +1,6 @@
+module.exports = {
+  bracketSpacing: false,
+  jsxBracketSameLine: true,
+  singleQuote: true,
+  trailingComma: 'all',
+};

CometChatWorkspace/cometchat-app/.prettierrc.js

@@ -0,0 +1,31 @@
+import React, {useEffect} from 'react';
+import 'react-native-gesture-handler';
+import {CometChat} from '@cometchat-pro/react-native-chat';
+import {Provider} from 'react-redux';
+import {store, persistor} from './store/store';
+import StackNavigator from './StackNavigator';
+import {COMETCHAT_CONSTANTS} from './CONSTS';
+import {LogBox} from 'react-native';
+import {PersistGate} from 'redux-persist/integration/react';
+
+const App = () => {
+  LogBox.ignoreAllLogs();
+  var appSetting = new CometChat.AppSettingsBuilder()
+    .subscribePresenceForAllUsers()
+    .setRegion(COMETCHAT_CONSTANTS.REGION)
+    .build();
+
+  CometChat.init(COMETCHAT_CONSTANTS.APP_ID, appSetting).catch(() => {
+    return null;
+  });
+
+  return (
+    <Provider store={store}>
+      <PersistGate loading={null} persistor={persistor}>
+        <StackNavigator />
+      </PersistGate>
+    </Provider>
+  );
+};
+
+export default App;

chatApp/.watchmanconfig renamed to CometChatWorkspace/cometchat-app/.watchmanconfig

@@ -0,0 +1,5 @@
+export const COMETCHAT_CONSTANTS = {
+  APP_ID: "APP_ID",
+  REGION: "REGION",
+  AUTH_KEY: "AUTH_KEY",
+};

CometChatWorkspace/cometchat-app/App.js

@@ -0,0 +1,57 @@
+import {NavigationContainer} from '@react-navigation/native';
+import {createStackNavigator} from '@react-navigation/stack';
+import React from 'react';
+import {connect} from 'react-redux';
+
+import LoginPage from './defaultPages/LoginPage';
+import HomePage from './defaultPages/HomePage';
+import {
+  CometChatUserProfile,
+  CometChatUI,
+  CometChatMessages,
+  CometChatUserListWithMessages,
+  CometChatUserList,
+  CometChatGroupListWithMessages,
+  CometChatGroupList,
+  CometChatConversationListWithMessages,
+  CometChatConversationList,
+} from './react-native-chat-ui-kit';
+
+function StackNavigator(props) {
+  const Stack = createStackNavigator();
+
+  return (
+    <NavigationContainer>
+      <Stack.Navigator
+        headerMode="none"
+        initialRouteName={props.isLoggedIn ? 'HomePage' : null}>
+        <Stack.Screen name="LoginPage" component={LoginPage} />
+        <Stack.Screen name="HomePage" component={HomePage} />
+        <Stack.Screen name="CometChatUI" component={CometChatUI} />
+        <Stack.Screen
+          name="Conversation"
+          component={CometChatConversationListWithMessages}
+        />
+        <Stack.Screen
+          name="ConversationComponent"
+          component={CometChatConversationList}
+        />
+        <Stack.Screen name="Group" component={CometChatGroupListWithMessages} />
+        <Stack.Screen name="GroupComponent" component={CometChatGroupList} />
+        <Stack.Screen name="Users" component={CometChatUserListWithMessages} />
+        <Stack.Screen name="UsersComponent" component={CometChatUserList} />
+        <Stack.Screen name="CometChatMessages" component={CometChatMessages} />
+      </Stack.Navigator>
+    </NavigationContainer>
+  );
+}
+
+const mapStateToProps = ({reducer}) => {
+  return {
+    loading: reducer.loading,
+    error: reducer.error,
+    isLoggedIn: reducer.isLoggedIn,
+  };
+};
+
+export default connect(mapStateToProps)(StackNavigator);

CometChatWorkspace/cometchat-app/CONSTS.js

@@ -35,12 +35,12 @@ android_library(
 
 android_build_config(
     name = "build_config",
-    package = "com.chatapp",
+    package = "com.example",
 )
 
 android_resource(
     name = "res",
-    package = "com.chatapp",
+    package = "com.example",
     res = "src/main/res",
 )
 

CometChatWorkspace/cometchat-app/StackNavigator.js

@@ -15,10 +15,12 @@ import com.android.build.OutputFile
  *   // the name of the generated asset file containing your JS bundle
  *   bundleAssetName: "index.android.bundle",
  *
- *   // the entry file for bundle generation
+ *   // the entry file for bundle generation. If none specified and
+ *   // "index.android.js" exists, it will be used. Otherwise "index.js" is
+ *   // default. Can be overridden with ENTRY_FILE environment variable.
  *   entryFile: "index.android.js",
  *
- *   // https://facebook.github.io/react-native/docs/performance#enable-the-ram-format
+ *   // https://reactnative.dev/docs/performance#enable-the-ram-format
  *   bundleCommand: "ram-bundle",
  *
  *   // whether to bundle JS and assets in debug mode
@@ -76,11 +78,11 @@ import com.android.build.OutputFile
  */
 
 project.ext.react = [
-    entryFile: "index.js",
     enableHermes: false,  // clean and rebuild if changing
 ]
 
 apply from: "../../node_modules/react-native/react.gradle"
+apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
 
 /**
  * Set this to true to create two separate APKs instead of one:
@@ -90,7 +92,7 @@ apply from: "../../node_modules/react-native/react.gradle"
  * Upload all the APKs to the Play Store and people will download
  * the correct one based on the CPU architecture of their device.
  */
-def enableSeparateBuildPerCPUArchitecture = false
+def enableSeparateBuildPerCPUArchitecture = true
 
 /**
  * Run Proguard to shrink the Java bytecode in release builds.
@@ -128,22 +130,11 @@ android {
     }
 
     defaultConfig {
-        applicationId "com.chatapp"
+        applicationId "com.example"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
         versionCode 1
         versionName "1.0"
-        multiDexEnabled true
-    }
-    signingConfigs {
-        release {
-            if (project.hasProperty('MYAPP_UPLOAD_STORE_FILE')) {
-                storeFile file(MYAPP_UPLOAD_STORE_FILE)
-                storePassword MYAPP_UPLOAD_STORE_PASSWORD
-                keyAlias MYAPP_UPLOAD_KEY_ALIAS
-                keyPassword MYAPP_UPLOAD_KEY_PASSWORD
-            }
-        }
     }
     splits {
         abi {
@@ -167,13 +158,13 @@ android {
         }
         release {
             // Caution! In production, you need to generate your own keystore file.
-            // see https://facebook.github.io/react-native/docs/signed-apk-android.
+            // see https://reactnative.dev/docs/signed-apk-android.
             signingConfig signingConfigs.debug
             minifyEnabled enableProguardInReleaseBuilds
             proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
-            signingConfig signingConfigs.release
         }
     }
+
     // applicationVariants are e.g. debug, release
     applicationVariants.all { variant ->
         variant.outputs.each { output ->
@@ -192,8 +183,24 @@ android {
 
 dependencies {
     implementation fileTree(dir: "libs", include: ["*.jar"])
+    //noinspection GradleDynamicVersion
     implementation "com.facebook.react:react-native:+"  // From node_modules
 
+    implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.0.0"
+
+    debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}") {
+      exclude group:'com.facebook.fbjni'
+    }
+
+    debugImplementation("com.facebook.flipper:flipper-network-plugin:${FLIPPER_VERSION}") {
+        exclude group:'com.facebook.flipper'
+        exclude group:'com.squareup.okhttp3', module:'okhttp'
+    }
+
+    debugImplementation("com.facebook.flipper:flipper-fresco-plugin:${FLIPPER_VERSION}") {
+        exclude group:'com.facebook.flipper'
+    }
+
     if (enableHermes) {
         def hermesPath = "../../node_modules/hermes-engine/android/";
         debugImplementation files(hermesPath + "hermes-debug.aar")

chatApp/__tests__/App-test.js renamed to CometChatWorkspace/cometchat-app/__tests__/App-test.js

@@ -8,3 +8,4 @@
 #   http://developer.android.com/guide/developing/tools/proguard.html
 
 # Add any project specific keep options here:
+-keep class com.facebook.react.turbomodule.** { *; }