@amplitude/plugin-engagement-react-native 0.1.1-alpha.3 → 0.1.1-alpha.5

package/README.md

@@ -16,8 +16,27 @@ npm install @amplitude/plugin-engagement-react-native
 npm install @react-native-async-storage/async-storage
 ```
 
+Add the source for the `AmplitudeEngagementSwift` pod to your Podfile:
+```rb
+target '<your appname>' do
+  ...
+
+  pod "AmplitudeEngagementSwift", :git => "https://github.com/amplitude/Amplitude-Engagement-Swift"
+
+  ...
+end
+```
+
+Re-run `pod install` in the `ios` directory:
+```sh
+$ cd ios
+$ bundle exec pod install
+```
+
 ## Usage
 
+### Setup code
+
 Setup by adding the plugin and calling “init” as usual:
 
 ```
@@ -48,6 +67,14 @@ Linking.addEventListener('url', async ({ url }) => {
 });
 ```
 
+### Linking setup
+If you don't already have it set up, please follow this guide to enable deep-linking support in your React Native app in addition to adding the above Linking code:
+https://reactnative.dev/docs/linking#enabling-deep-links
+
+Then, following the Alpha Onboarding guide to setup the "scheme" for the deep links in your Android and iOS projects.
+
+### Boot
+
 Finally, “boot” with the user’s ID:
 
 ```

package/android/build.gradle

@@ -74,6 +74,12 @@ def kotlin_version = getExtOrDefault("kotlinVersion")
 dependencies {
   implementation "com.facebook.react:react-android"
   implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
+
+  // Amplitude Engagement SDK
+  implementation "com.amplitude:amplitude-engagement-android:1.0.8"
+
+  // Amplitude Analytics SDK (required dependency)
+  implementation "com.amplitude:analytics-android:1.+"
 }
 
 react {

package/android/src/main/java/com/amplitude/pluginengagementreactnative/PluginEngagementReactNativeModule.kt

@@ -1,16 +1,180 @@
 package com.amplitude.pluginengagementreactnative
 
+import android.app.Activity
+import android.app.Application
+import android.content.Intent
+import android.os.Bundle
+import android.util.Log
+import androidx.core.net.toUri
+import com.amplitude.android.engagement.AmplitudeEngagement
+import com.amplitude.android.engagement.AmplitudeInitOptions
+import com.amplitude.android.engagement.ui.theme.ThemeMode
+import com.amplitude.core.events.BaseEvent
+import com.facebook.react.bridge.ActivityEventListener
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.Callback
+import com.facebook.react.bridge.LifecycleEventListener
 import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.bridge.ReadableMap
+import com.facebook.react.bridge.WritableArray
 import com.facebook.react.module.annotations.ReactModule
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.runBlocking
+import java.util.concurrent.ConcurrentHashMap
 
 @ReactModule(name = PluginEngagementReactNativeModule.NAME)
-class PluginEngagementReactNativeModule(reactContext: ReactApplicationContext) :
+class PluginEngagementReactNativeModule(val reactContext: ReactApplicationContext) :
   NativePluginEngagementReactNativeSpec(reactContext) {
 
+  private data class InstanceInfo(val apiKey: String, val instance: AmplitudeEngagement)
+
+  private var instances = ConcurrentHashMap<Double, InstanceInfo>()
+  private var _id: Double = 0.0
+
   override fun getName(): String {
     return NAME
   }
 
+  override fun newInstance(apiKey: String): Double {
+    val existingId = instances.entries.firstOrNull { it.value.apiKey == apiKey }?.key
+    if (existingId != null) {
+      return existingId
+    }
+
+    return synchronized(this) {
+      runBlocking(Dispatchers.Main) {
+        val amplitudeEngagement = __ReactNative__AESDK(reactContext, apiKey, AmplitudeInitOptions())
+
+        // The React Native environment seems to have a different activity management lifecycle;
+        // so we need to register our own listener to get the current activity.
+        amplitudeEngagement.setCurrentActivity(reactContext.currentActivity)
+        val lifecycleEventListener: LifecycleEventListener = object : LifecycleEventListener {
+          override fun onHostResume() {
+            amplitudeEngagement.setCurrentActivity(reactContext.currentActivity)
+          }
+
+          override fun onHostPause() {
+          }
+
+          override fun onHostDestroy() {
+          }
+        }
+
+        reactContext.addLifecycleEventListener(lifecycleEventListener)
+
+        _id++
+        val id = _id
+        instances[id] = InstanceInfo(
+          apiKey,
+          amplitudeEngagement
+        )
+
+        id
+      }
+    }
+  }
+
+  override fun boot(id: Double, userId: String, deviceId: String) {
+    val instance = instances[id]?.instance ?: return
+
+    runBlocking(Dispatchers.Main) {
+      Log.d("PluginEngagementReactNativeModule", "boot: $userId, $deviceId")
+      instance.boot(userId, deviceId)
+    }
+  }
+
+  override fun setThemeMode(id: Double, themeMode: String?) {
+    val instance = instances[id]?.instance ?: return
+
+    runBlocking(Dispatchers.Main) {
+      if (themeMode != null) {
+        instance.setThemeMode(ThemeMode.valueOf(themeMode))
+      }
+    }
+  }
+
+  override fun reset(id: Double, key: String, stepIndex: Double) {
+    val instance = instances[id]?.instance ?: return
+    runBlocking(Dispatchers.Main) {
+      instance.reset(key, stepIndex.toInt())
+    }
+  }
+
+  override fun list(id: Double): WritableArray {
+    val writableArray = Arguments.createArray()
+    val instance = instances[id]?.instance ?: return writableArray
+    runBlocking(Dispatchers.Main) {
+      val guidesAndSurveysList = instance.list()
+      guidesAndSurveysList.forEach { guide ->
+        Log.d("PluginEngagementReactNativeModule", "list: $guide")
+        val map = Arguments.createMap();
+        map.putInt("id", guide.id);
+        map.putString("title", guide.title);
+        map.putString("status", guide.status);
+        map.putInt("step", guide.step);
+        writableArray.pushMap(map);
+      }
+    }
+    return writableArray
+}
+
+  override fun show(id: Double, key: String, stepIndex: Double) {
+    val instance = instances[id]?.instance ?: return
+    runBlocking(Dispatchers.Main) {
+      instance.show(key, stepIndex.toInt())
+    }
+  }
+
+  override fun screen(id: Double, screenName: String) {
+    val instance = instances[id]?.instance ?: return
+    runBlocking(Dispatchers.Main) {
+      instance.screen(screenName)
+    }
+  }
+
+  override fun closeAll(id: Double) {
+    val instance = instances[id]?.instance ?: return
+    runBlocking(Dispatchers.Main) {
+      instance.closeAll()
+    }
+  }
+
+  override fun forwardEvent(id: Double, event: ReadableMap) {
+    val instance = instances[id]?.instance ?: return
+    val baseEvent = BaseEvent()
+    baseEvent.eventType = event.getString("event_type") ?: return
+    baseEvent.eventId = event.getDouble("event_id").toLong()
+    baseEvent.platform = event.getString("platform")
+    baseEvent.osName = event.getString("os_name")
+    baseEvent.osVersion = event.getString("os_version")
+    baseEvent.eventProperties = event.getMap("event_properties")?.toHashMap()
+    baseEvent.groupProperties = event.getMap("group_properties")?.toHashMap()
+    baseEvent.groups = event.getMap("groups")?.toHashMap()
+    baseEvent.userProperties = event.getMap("user_properties")?.toHashMap()
+    Log.d("PluginEngagementReactNativeModule", "forwardEvent: $baseEvent")
+    runBlocking(Dispatchers.Main) {
+      instance.forwardEvent(baseEvent)
+    }
+  }
+
+  override fun addCallback(id: Double, key: String, func: Callback) {
+    val instance = instances[id]?.instance ?: return
+    runBlocking(Dispatchers.Main) {
+      instance.addCallback(key) { func.invoke() }
+    }
+  }
+
+  override fun handleURL(id: Double, url: String): Boolean {
+    val instance = instances[id]?.instance ?: return false
+
+    val uri = url.toUri()
+    val intent = Intent(Intent.ACTION_VIEW, uri)
+
+    return runBlocking(Dispatchers.Main) {
+      instance.handlePreviewLinkIntent(intent)
+    }
+  }
+
 
   companion object {
     const val NAME = "PluginEngagementReactNative"

package/ios/AmplitudeEngagementAdapter.swift

@@ -35,7 +35,7 @@ var _id = 0
     return DispatchQueue.main.sync {
       _id += 1;
       let id = _id + 1;
-      instances[id] = (apiKey, AmplitudeEngagement(apiKey, AmplitudeInitOptions(logLevel: AmplitudeLogLevel.verbose)))
+      instances[id] = (apiKey, __ReactNative__AESDK(apiKey, AmplitudeInitOptions(logLevel: AmplitudeLogLevel.verbose)))
       return id
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amplitude/plugin-engagement-react-native",
-  "version": "0.1.1-alpha.3",
+  "version": "0.1.1-alpha.5",
   "description": "Amplitude Engagement plugin for React Native",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -64,7 +64,6 @@
     "@eslint/compat": "^1.2.7",
     "@eslint/eslintrc": "^3.3.0",
     "@eslint/js": "^9.22.0",
-    "@evilmartians/lefthook": "^1.5.0",
     "@react-native-community/cli": "15.0.0-alpha.2",
     "@react-native/babel-preset": "0.79.2",
     "@react-native/eslint-config": "^0.78.0",