feat: add examples for react-native 0.71 and 0.77 (#75)

* bump version up yarn

* 0.71

* demo-kit

* 0.77

* update contributing

* update setup script

* update tsconfig

Author: leegeunhyeok

.eslintrc.js

@@ -33,5 +33,17 @@ module.exports = {
       files: ['**/?(*.)+(spec|test).ts?(x)'],
       extends: [require.resolve('@vercel/style-guide/eslint/jest')],
     },
+    {
+      files: ['examples/**/*.js?(x)', 'examples/**/*.ts?(x)'],
+      rules: {
+        'no-console': 'off',
+        'import/no-default-export': 'off',
+        'import/no-extraneous-dependencies': 'off',
+        'unicorn/filename-case': 'off',
+        '@typescript-eslint/no-shadow': 'off',
+        '@typescript-eslint/no-misused-promises': 'off',
+        '@typescript-eslint/no-confusing-void-expression': 'off',
+      },
+    },
   ],
 };

.github/actions/setup/action.yml

@@ -5,7 +5,7 @@ runs:
   using: composite
   steps:
     - name: Setup Node.js
-      uses: actions/setup-node@v3
+      uses: actions/setup-node@v4
       with:
         node-version-file: .nvmrc
 
@@ -15,7 +15,7 @@ runs:
 
     - name: Cache dependencies
       id: yarn-cache
-      uses: actions/cache@v3
+      uses: actions/cache@v4
       with:
         path: |
           **/node_modules
@@ -25,7 +25,5 @@ runs:
 
     - name: Install dependencies
       if: steps.yarn-cache.outputs.cache-hit != 'true'
-      run: |
-        yarn install --cwd example --frozen-lockfile
-        yarn install --frozen-lockfile
+      run: yarn install --immutable
       shell: bash

.gitignore

@@ -40,13 +40,15 @@ project.xcworkspace
 local.properties
 android.iml
 android/gradle*
+*.keystore
+!debug.keystore
 
 # Cocoapods
 #
-example/ios/Pods
+examples/*/ios/Pods
 
 # Ruby
-example/vendor/
+examples/*/vendor/
 
 # node.js
 #
@@ -55,12 +57,6 @@ npm-debug.log
 yarn-debug.log
 yarn-error.log
 
-# BUCK
-buck-out/
-\.buckd/
-android/app/libs
-android/keystores/debug.keystore
-
 # Expo
 .expo/
 
@@ -69,3 +65,6 @@ android/keystores/debug.keystore
 
 # generated by bob
 lib/
+
+# Temporary files created by Metro to check the health of the file watcher
+.metro-health-check*

.nvmrc

@@ -1 +1 @@
-18.17.1
+22.12.0

.yarn/install-state.gz

@@ -0,0 +1,2 @@
+nodeLinker: node-modules
+nmHoistingLimits: workspaces

.yarnrc

@@ -9,7 +9,7 @@ We want this community to be friendly and respectful to each other. Please follo
 To get started with the project, run `yarn` in the root directory to install the required dependencies for each package:
 
 ```sh
-yarn
+yarn && yarn workspaces foreach --all run bootstrap
 ```
 
 > While it's possible to use [`npm`](https://github.com/npm/cli), the tooling is built around [`yarn`](https://classic.yarnpkg.com/), so you'll have an easier time if you use `yarn` for development.
@@ -19,19 +19,31 @@ While developing, you can run the [example app](/example/) to test your changes.
 To start the packager:
 
 ```sh
-yarn example start
+# React Native 0.71
+yarn workspace example071 run start
+
+# React Native 0.77
+yarn workspace example077 run start
 ```
 
 To run the example app on Android:
 
 ```sh
-yarn example android
+# React Native 0.71
+yarn workspace example071 run android
+
+# React Native 0.77
+yarn workspace example077 run android
 ```
 
 To run the example app on iOS:
 
 ```sh
-yarn example ios
+# React Native 0.71
+yarn workspace example071 run ios
+
+# React Native 0.77
+yarn workspace example077 run ios
 ```
 
 Make sure your code passes TypeScript and ESLint. Run the following to verify:
@@ -65,7 +77,6 @@ To edit the Objective-C or Swift files, open `example/ios/ZendeskMessagingExampl
 
 To edit the Java or Kotlin files, open `example/android` in Android studio and find the source files at `react-native-zendesk-messaging` under `Android`.
 
-
 ### Commit message convention
 
 We follow the [conventional commits specification](https://www.conventionalcommits.org/en) for our commit messages:
@@ -106,9 +117,9 @@ The `package.json` file contains various scripts for common tasks:
 - `yarn lint`: lint files with ESLint.
 - `yarn lint:swift`: lint files with SwiftLint.
 - `yarn test`: run unit tests with Jest.
-- `yarn example start`: start the Metro server for the example app.
-- `yarn example android`: run the example app on Android.
-- `yarn example ios`: run the example app on iOS.
+- `yarn workspace <example-name> start`: start the Metro server for the example app.
+- `yarn workspace <example-name> android`: run the example app on Android.
+- `yarn workspace <example-name> ios`: run the example app on iOS.
 
 ### Sending a pull request
 

.yarnrc.yml

@@ -144,7 +144,10 @@ class ZendeskMessagingModule(private val reactContext: ReactApplicationContext)
       return
     }
 
-    module.setConversationFields(fields.toHashMap())
+    fields.toHashMap()
+      .filterValues { it != null }
+      .mapValues { it.value!! }
+      .let { module.setConversationFields(it) }
   }
 
   @ReactMethod
@@ -197,7 +200,11 @@ class ZendeskMessagingModule(private val reactContext: ReactApplicationContext)
   @ReactMethod
   fun handleNotification(remoteMessage: ReadableMap, promise: Promise) {
     try {
-      val messageData = remoteMessage.toHashMap().toMap() as Map<String, String>
+      val messageData: Map<String, String> = remoteMessage.toHashMap()
+        .filterValues { it is String }
+        .mapValues { it.value as String }
+        .toMap()
+
       module.handleNotification(
         context = reactContext,
         messageData = messageData,
@@ -217,7 +224,6 @@ class ZendeskMessagingModule(private val reactContext: ReactApplicationContext)
       // noop
   }
 
-
   companion object {
     const val NAME = "ZendeskMessaging"
   }