.github/pull_request_template.md

@@ -0,0 +1,18 @@
+**Jira ticket :**
+
+-
+
+**Description :**
+
+-
+
+**Check lists :**
+
+- [ ] Test code
+- [ ] Build local pass (optional)
+- [ ] Code is the same level as origin/develop branch
+
+**Screen shot :**
+
+
+**Note (optional) :**

.github/workflows/ci.yml

@@ -47,15 +47,108 @@ jobs:
       - name: Build package
         run: yarn prepare
 
-  build-web:
+  build-android:
     runs-on: ubuntu-latest
+    env:
+      TURBO_CACHE_DIR: .turbo/android
     steps:
       - name: Checkout
         uses: actions/checkout@v3
 
       - name: Setup
         uses: ./.github/actions/setup
 
-      - name: Build example for Web
+      - name: Cache turborepo for Android
+        uses: actions/cache@v3
+        with:
+          path: ${{ env.TURBO_CACHE_DIR }}
+          key: ${{ runner.os }}-turborepo-android-${{ hashFiles('yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-turborepo-android-
+
+      - name: Check turborepo cache for Android
+        run: |
+          TURBO_CACHE_STATUS=$(node -p "($(yarn turbo run build:android --cache-dir="${{ env.TURBO_CACHE_DIR }}" --dry=json)).tasks.find(t => t.task === 'build:android').cache.status")
+
+          if [[ $TURBO_CACHE_STATUS == "HIT" ]]; then
+            echo "turbo_cache_hit=1" >> $GITHUB_ENV
+          fi
+
+      - name: Install JDK
+        if: env.turbo_cache_hit != 1
+        uses: actions/setup-java@v3
+        with:
+          distribution: 'zulu'
+          java-version: '17'
+
+      - name: Finalize Android SDK
+        if: env.turbo_cache_hit != 1
+        run: |
+          /bin/bash -c "yes | $ANDROID_HOME/cmdline-tools/latest/bin/sdkmanager --licenses > /dev/null"
+
+      - name: Cache Gradle
+        if: env.turbo_cache_hit != 1
+        uses: actions/cache@v3
+        with:
+          path: |
+            ~/.gradle/wrapper
+            ~/.gradle/caches
+          key: ${{ runner.os }}-gradle-${{ hashFiles('example/android/gradle/wrapper/gradle-wrapper.properties') }}
+          restore-keys: |
+            ${{ runner.os }}-gradle-
+
+      - name: Build example for Android
+        env:
+          JAVA_OPTS: "-XX:MaxHeapSize=6g"
+        run: |
+          yarn turbo run build:android --cache-dir="${{ env.TURBO_CACHE_DIR }}"
+
+  build-ios:
+    runs-on: macos-14
+    env:
+      TURBO_CACHE_DIR: .turbo/ios
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Setup
+        uses: ./.github/actions/setup
+
+      - name: Cache turborepo for iOS
+        uses: actions/cache@v3
+        with:
+          path: ${{ env.TURBO_CACHE_DIR }}
+          key: ${{ runner.os }}-turborepo-ios-${{ hashFiles('yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-turborepo-ios-
+
+      - name: Check turborepo cache for iOS
+        run: |
+          TURBO_CACHE_STATUS=$(node -p "($(yarn turbo run build:ios --cache-dir="${{ env.TURBO_CACHE_DIR }}" --dry=json)).tasks.find(t => t.task === 'build:ios').cache.status")
+
+          if [[ $TURBO_CACHE_STATUS == "HIT" ]]; then
+            echo "turbo_cache_hit=1" >> $GITHUB_ENV
+          fi
+
+      - name: Cache cocoapods
+        if: env.turbo_cache_hit != 1
+        id: cocoapods-cache
+        uses: actions/cache@v3
+        with:
+          path: |
+            **/ios/Pods
+          key: ${{ runner.os }}-cocoapods-${{ hashFiles('example/ios/Podfile.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-cocoapods-
+
+      - name: Install cocoapods
+        if: env.turbo_cache_hit != 1 && steps.cocoapods-cache.outputs.cache-hit != 'true'
+        run: |
+          cd example/ios
+          pod install
+        env:
+          NO_FLIPPER: 1
+
+      - name: Build example for iOS
         run: |
-          yarn example expo export:web
+          yarn turbo run build:ios --cache-dir="${{ env.TURBO_CACHE_DIR }}"

.gitignore

@@ -8,6 +8,8 @@
 # VSCode
 .vscode/
 jsconfig.json
+google-services.json
+GoogleService-Info.plist
 
 # Xcode
 #
@@ -29,6 +31,7 @@ DerivedData
 *.xcuserstate
 project.xcworkspace
 
+
 # Android/IJ
 #
 .classpath
@@ -76,3 +79,6 @@ android/keystores/debug.keystore
 
 # generated by bob
 lib/
+
+# XCode
+example/ios/.xcode.env.local

.prettierrc

@@ -0,0 +1,8 @@
+{
+  "tabWidth": 2,
+  "printWidth": 100,
+  "useTabs": false,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "quoteProps": "as-needed"
+}

CONTRIBUTING.md

@@ -23,6 +23,10 @@ The [example app](/example/) demonstrates usage of the library. You need to run
 
 It is configured to use the local version of the library, so any changes you make to the library's source code will be reflected in the example app. Changes to the library's JavaScript code will be reflected in the example app without a rebuild, but native code changes will require a rebuild of the example app.
 
+If you want to use Android Studio or XCode to edit the native code, you can open the `example/android` or `example/ios` directories respectively in those editors. To edit the Objective-C or Swift files, open `example/ios/ReactNativeCliChatUiKitExample.xcworkspace` in XCode and find the source files at `Pods > Development Pods > @amityco/react-native-cli-chat-ui-kit`.
+
+To edit the Java or Kotlin files, open `example/android` in Android studio and find the source files at `amityco-react-native-cli-chat-ui-kit` under `Android`.
+
 You can use various commands from the root directory to work with the project.
 
 To start the packager:
@@ -43,12 +47,6 @@ To run the example app on iOS:
 yarn example ios
 ```
 
-To run the example app on Web:
-
-```sh
-yarn example web
-```
-
 Make sure your code passes TypeScript and ESLint. Run the following to verify:
 
 ```sh

README.md

@@ -2,7 +2,7 @@
 <img src="https://github.com/AmityCo/Amity-Social-UIKit-React-Native-OpenSource/assets/112688936/ddeeef20-2dfa-449e-bd3d-62238d7c9be0" width="160" >
 <img src="https://github.com/AmityCo/Amity-Social-UIKit-React-Native-OpenSource/assets/112688936/e6b2d2a2-5158-429e-b1af-ea679b14fc11" width="150">
 <h1>Amity Chat Ui-Kit for React native (open-source)</h1>
-  ** This is the beta version. The repo will be updated frequently. Please keep in touch **
+**If you’d like to use React Native Expo, please visit this repository (https://github.com/AmityCo/Amity-Chat-UIKit-React-Native-OpenSource) **
 </div>
 <div align="center">
  <img width="320" alt="Screenshot_2566-07-24_at_19 16 20-removebg-preview" src="https://github.com/AmityCo/Amity-Chat-UIKit-React-Native-OpenSource/assets/112688936/f215ec74-507f-4c44-bada-df50343aee25">
@@ -11,50 +11,62 @@
 
 
 ## Getting started
-Our AmityChatUIKit include user interfaces to enable fast integration of standard Amity Chat features into new or existing applications. Our React Native UIKit supports integration with  **Expo**  providing you with a experience to seamlessly integrate chat features into your existing React Native Expo application.
+Our AmityChatUIKit include user interfaces to enable fast integration of standard Amity Chat features into new or existing applications. Our React Native UIKit supports integration with  **CLI**  providing you with a experience to seamlessly integrate chat features into your existing React Native CLI application.
 ### Try Sample app
 This repository also includes a built-in sample app which you can use to test your code while customizing it, or even explore our UIKit features with just a few installations!
-#### Run sample app with expo
+#### Run sample app with native iOS/Android
 Use yarn
 
 1. Install packages
 ```
 yarn
 ```
 
-2. Configure your apiKey,apiRegion,userId,displayName in /example/src/App.tsx file(https://github.com/AmityCo/Amity-Chat-UIKit-React-Native-OpenSource/blob/main/example/src/App.tsx) first before run the sample app
+2. Configure your apiKey,apiRegion,userId,displayName in /example/src/App.tsx file(https://github.com/AmityCo/Amity-Chat-UIKit-React-Native-CLI-OpenSource/blob/main/example/src/App.tsx) first before run the sample app
 <img width="1499" alt="Screenshot 2566-07-24 at 20 22 44" src="https://github.com/AmityCo/Amity-Chat-UIKit-React-Native-OpenSource/assets/112688936/c25b4d47-97e7-4471-815c-3e5b538a223b">
 
 3. Choose to run between iOS or Android
 
+In iOS sample app, please do the pod install inside example folder first before running the sample app
 ```sh
+cd example
+npx pod-install
+cd ..
 npm run example ios or yarn example ios
-```
 
-or
+```
 
+In Android sample app, please sync the gradle file first before running
 ```
 npm run example android or yarn example android
 ```
 
 ### Installation
 Here are the steps to install ui-kit together with another React Native project.
 ```sh
-1. git clone https://github.com/AmityCo/Amity-Chat-UIKit-React-Native-OpenSource.git
-2. cd Amity-Chat-UIKit-React-Native-OpenSource
+1. git clone https://github.com/AmityCo/Amity-Chat-UIKit-React-Native-CLI-OpenSource.git
+2. cd Amity-Chat-UIKit-React-Native-CLI-OpenSource
 3. yarn or npm install
 4. npm pack
 ```
 
-This step will build the app and return amityco-react-native-chat-ui-kit-x.x.x.tgz file in inside the folder
+This step will build the app and return amityco-react-native-cli-chat-ui-kit-x.x.x.tgz file in inside the folder
 
 Then, inside another project, Copy tgz file to your application folder where you need to use ui-kit:
 
 ```sh
-1. yarn add ./amityco-react-native-chat-ui-kit-x.x.x.tgz
-2. yarn add react-native-safe-area-context \react-native-screens \@react-navigation/native \@react-navigation/native-stack \@react-navigation/stack
+1. yarn add ./amityco-react-native-cli-chat-ui-kit-x.x.x.tgz
+2. yarn add react-native-safe-area-context \react-native-screens \@react-navigation/native \@react-navigation/native-stack \@react-navigation/stack \@react-native-async-storage/async-storage \react-native-svg@14.1.0 \@react-native-community/netinfo \react-native-image-picker
+```
+### iOS Configuration
+```sh
+npx pod-install
+
 ```
 
+### Android Configuration
+
+Build project gradle with your Android Studio
 
 ### Usage
 
@@ -64,7 +76,7 @@ import * as React from 'react';
 import {
   AmityUiKitChat,
   AmityUiKitProvider,
-} from '@amityco/react-native-chat-ui-kit';
+} from '@amityco/react-native-cli-chat-ui-kit';
 
 export default function App() {
   return (
@@ -95,7 +107,7 @@ import * as React from 'react';
 import {
   AmityUiKitProvider,
   AmityUiKitChat,
-} from '@amityco/react-native-chat-ui-kit';
+} from '@amityco/react-native-cli-chat-ui-kit';
 
 export default function App() {
  const myTheme = {
@@ -143,7 +155,7 @@ import * as React from 'react';
 import {
   AmityUiKitProvider,
   AmityUiKitChat,
-} from '@amityco/react-native-chat-ui-kit';
+} from '@amityco/react-native-cli-chat-ui-kit';
 
 export default function App() {
   return (

amityco-react-native-cli-chat-ui-kit.podspec

@@ -0,0 +1,41 @@
+require "json"
+
+package = JSON.parse(File.read(File.join(__dir__, "package.json")))
+folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -Wno-comma -Wno-shorten-64-to-32'
+
+Pod::Spec.new do |s|
+  s.name         = "amityco-react-native-cli-chat-ui-kit"
+  s.version      = package["version"]
+  s.summary      = package["description"]
+  s.homepage     = package["homepage"]
+  s.license      = package["license"]
+  s.authors      = package["author"]
+
+  s.platforms    = { :ios => min_ios_version_supported }
+  s.source       = { :git => "https://github.com/AmityCo/Amity-Chat-UIKit-React-Native-CLI-OpenSource.git", :tag => "#{s.version}" }
+
+  s.source_files = "ios/**/*.{h,m,mm,swift}"
+
+  # Use install_modules_dependencies helper to install the dependencies if React Native version >=0.71.0.
+  # See https://github.com/facebook/react-native/blob/febf6b7f33fdb4904669f99d795eba4c0f95d7bf/scripts/cocoapods/new_architecture.rb#L79.
+  if respond_to?(:install_modules_dependencies, true)
+    install_modules_dependencies(s)
+  else
+  s.dependency "React-Core"
+
+  # Don't install the dependencies when we run `pod install` in the old architecture.
+  if ENV['RCT_NEW_ARCH_ENABLED'] == '1' then
+    s.compiler_flags = folly_compiler_flags + " -DRCT_NEW_ARCH_ENABLED=1"
+    s.pod_target_xcconfig    = {
+        "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost\"",
+        "OTHER_CPLUSPLUSFLAGS" => "-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1",
+        "CLANG_CXX_LANGUAGE_STANDARD" => "c++17"
+    }
+    s.dependency "React-Codegen"
+    s.dependency "RCT-Folly"
+    s.dependency "RCTRequired"
+    s.dependency "RCTTypeSafety"
+    s.dependency "ReactCommon/turbomodule/core"
+   end
+  end    
+end