feat: added Expo support (#1)

Author: cellodefaultdev

.eslintrc.js

@@ -0,0 +1,9 @@
+// @generated by expo-module-scripts
+const baseConfig = require('expo-module-scripts/eslintrc.base.js');
+
+module.exports = {
+  ...baseConfig,
+  env: {
+    node: true,
+  },
+};

README.md

@@ -18,6 +18,7 @@
     - [IOS](#ios)
       - [iOS: Manual linking with React Native v0.59 and below](#ios-manual-linking-with-react-native-v059-and-below)
       - [iOS: Setup](#ios-setup)
+    - [Expo](#expo)
   - [Common Methods](#methods)
   - [Usage](#usage)
   - [Troubleshooting](#troubleshooting)
@@ -167,6 +168,43 @@ See [How to manually link IOS Cello SDK](https://docs.cello.so/docs/cello-for-io
 
 ---
 
+### Expo
+
+If you are using Expo, you can use the built-in plugin.
+
+After installing this package, add the [config plugin](https://docs.expo.io/guides/config-plugins/) to the [`plugins`](https://docs.expo.io/versions/latest/config/app/#plugins) array of your `app.json` or `app.config.js`:
+
+```json
+{
+  "expo": {
+    "plugins": ["@getcello/cello-react-native"]
+  }
+}
+```
+
+The plugin provides props to set environment. Every time you change the props or plugins, you'll need to rebuild (and `prebuild`) the native app. If no extra properties are added, defaults will be used.
+
+- `env` (_string_): Set to your desired environment, such as `prod`, `sandbox`. Optional. Defaults to `prod`.
+
+```json
+{
+  "expo": {
+    "plugins": [
+      [
+        "@getcello/cello-react-native",
+        {
+          "env": "sandbox"
+        }
+      ]
+    ]
+  }
+}
+```
+
+Next, rebuild your app as described in the ["Adding custom native code"](https://docs.expo.io/workflow/customizing/) guide.
+
+---
+
 ## Methods
 
 ## Import

android/build.gradle

@@ -90,6 +90,6 @@ dependencies {
   //noinspection GradleDynamicVersion
   implementation "com.facebook.react:react-native:+"
   implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
-  implementation "so.cello.android:cello-sdk:0.1.0"
+  implementation "so.cello.android:cello-sdk:0.1.1"
 }
 

app.plugin.js

@@ -0,0 +1 @@
+module.exports = require('./lib/commonjs/expo-plugin');

example/babel.config.js

@@ -1,4 +1,5 @@
 const path = require('path');
+
 const pak = require('../package.json');
 
 module.exports = {

example/index.js

@@ -1,5 +1,6 @@
 import { AppRegistry } from 'react-native';
-import App from './src/App';
+
 import { name as appName } from './app.json';
+import App from './src/App';
 
 AppRegistry.registerComponent(appName, () => App);

example/ios/Podfile.lock

@@ -1,6 +1,6 @@
 PODS:
   - boost (1.76.0)
-  - cello-react-native (0.1.2-rc1):
+  - cello-react-native (0.1.2):
     - CelloSDK (~> 0.1.0)
     - RCT-Folly (= 2021.07.22.00)
     - React-Core
@@ -664,7 +664,7 @@ EXTERNAL SOURCES:
 
 SPEC CHECKSUMS:
   boost: 57d2868c099736d80fcd648bf211b4431e51a558
-  cello-react-native: 537cf7c11fdac086b160f3ca9bf78abaa3a0dc87
+  cello-react-native: 747e03efac449c038a89777786c05f8f1a852705
   CelloSDK: 626048ab737b81d8883b1e98d457743f7ce2b6e4
   CocoaAsyncSocket: 065fd1e645c7abab64f7a6a2007a48038fdc6a99
   DoubleConversion: 5189b271737e1565bdce30deb4a08d647e3f5f54

example/metro.config.js

@@ -1,7 +1,8 @@
 const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
-const path = require('path');
 const escape = require('escape-string-regexp');
 const exclusionList = require('metro-config/src/defaults/exclusionList');
+const path = require('path');
+
 const pak = require('../package.json');
 
 const root = path.resolve(__dirname, '..');

example/react-native.config.js

@@ -1,4 +1,5 @@
 const path = require('path');
+
 const pak = require('../package.json');
 
 module.exports = {

example/src/App.tsx

@@ -1,3 +1,4 @@
+import Cello, { CelloEvents } from '@getcello/cello-react-native';
 import React, { useEffect } from 'react';
 import type { PropsWithChildren } from 'react';
 import {
@@ -9,15 +10,13 @@ import {
   useColorScheme,
   View,
 } from 'react-native';
-
 import {
   Colors,
   DebugInstructions,
   Header,
   LearnMoreLinks,
   ReloadInstructions,
 } from 'react-native/Libraries/NewAppScreen';
-import Cello, { CelloEvents } from '@getcello/cello-react-native';
 
 type SectionProps = PropsWithChildren<{
   title: string;