feat: passkey added and authenticated events

Author: PhearZero

README.md

@@ -66,6 +66,31 @@ await ReactNativePasskeyAutofill.configureIntentActions(
 await ReactNativePasskeyAutofill.clearCredentials();
 ```
 
+## Events
+
+You can listen for events emitted by the native module when a passkey is successfully added or authenticated.
+
+```typescript
+import ReactNativePasskeyAutofill from '@algorandfoundation/react-native-passkey-autofill';
+import { useEffect } from 'react';
+
+// ... inside a component or hook
+useEffect(() => {
+  const addedSubscription = ReactNativePasskeyAutofill.addListener('onPasskeyAdded', (event) => {
+    console.log('Passkey added successfully:', event.success);
+  });
+
+  const authSubscription = ReactNativePasskeyAutofill.addListener('onPasskeyAuthenticated', (event) => {
+    console.log('Passkey authenticated successfully:', event.success);
+  });
+
+  return () => {
+    addedSubscription.remove();
+    authSubscription.remove();
+  };
+}, []);
+```
+
 ## 🧪 Testing
 
 The project is set up with a comprehensive testing approach covering both JavaScript and Native (Kotlin) sides.

android/src/main/java/co/algorand/passkeyautofill/CreatePasskeyActivity.kt

@@ -301,6 +301,9 @@ class CreatePasskeyActivity : AppCompatActivity() {
             )
 
             setResult(Activity.RESULT_OK, resultIntent)
+            ReactNativePasskeyAutofillModule.instance?.sendEvent("onPasskeyAdded", Bundle().apply {
+                putBoolean("success", true)
+            })
         } catch (e: Exception) {
             Log.e(TAG, "Error during passkey creation", e)
             setResult(Activity.RESULT_CANCELED)

android/src/main/java/co/algorand/passkeyautofill/GetPasskeyActivity.kt

@@ -309,6 +309,9 @@ class GetPasskeyActivity : AppCompatActivity() {
             )
 
             setResult(Activity.RESULT_OK, resultIntent)
+            ReactNativePasskeyAutofillModule.instance?.sendEvent("onPasskeyAuthenticated", Bundle().apply {
+                putBoolean("success", true)
+            })
         } catch (e: Exception) {
             Log.e(TAG, "Error during passkey assertion", e)
             setResult(Activity.RESULT_CANCELED)

android/src/main/java/co/algorand/passkeyautofill/ReactNativePasskeyAutofillModule.kt

@@ -12,6 +12,10 @@ import java.security.Security
 class ReactNativePasskeyAutofillModule : Module() {
   private val credentialRepository = CredentialRepository()
 
+  companion object {
+    var instance: ReactNativePasskeyAutofillModule? = null
+  }
+
   init {
     Security.removeProvider(BouncyCastleProvider.PROVIDER_NAME)
     Security.addProvider(BouncyCastleProvider())
@@ -26,6 +30,16 @@ class ReactNativePasskeyAutofillModule : Module() {
     // The module will be accessible from `requireNativeModule('ReactNativeLiquidAuth')` in JavaScript.
     Name("ReactNativePasskeyAutofill")
 
+    OnCreate {
+      instance = this@ReactNativePasskeyAutofillModule
+    }
+
+    OnDestroy {
+      instance = null
+    }
+
+    Events("onPasskeyAdded", "onPasskeyAuthenticated")
+
     AsyncFunction("setMasterKey") { secret: String ->
       val context = (appContext.reactContext ?: appContext.hostingRuntimeContext) as? Context
       if (context != null) {

app.plugin.js

@@ -231,13 +231,13 @@ const withPasskeyAutofill = (config, props = {}) => {
     if (config.modResults.contents.includes("dP256Android-release")) {
       return config;
     }
-    const libsDir = path.join(__dirname, "android/libs");
+    const libsDir = "../../android/libs";
     config.modResults.contents = config.modResults.contents.replace(
       /allprojects\s*{[\s\n]*repositories\s*{/,
       `allprojects {
   repositories {
     flatDir {
-      dirs "${libsDir}"
+      dirs "$rootDir/${libsDir}"
     }`
     );
     return config;

example/App.tsx

@@ -4,6 +4,7 @@ import { useEffect, useState } from 'react';
 import { Passkey } from 'react-native-passkey';
 import { install } from 'react-native-quick-crypto';
 import Hook from "before-after-hook";
+import { useEventListener } from 'expo';
 
 import { ReactNativeProvider, WalletProvider } from './providers/ReactNativeProvider';
 import { useProvider } from './hooks/useProvider';
@@ -47,6 +48,17 @@ function AppContent() {
   const [xhdEd25519KeyId, setXhdEd25519KeyId] = useState<string | null>(null);
   const [activePasskeyId, setActivePasskeyId] = useState<string | null>(null);
 
+  useEventListener(ReactNativePasskeyAutofill, 'onPasskeyAdded', (event) => {
+    console.log('onPasskeyAdded', event);
+    alert('Passkey Added: ' + (event.success ? 'Successfully added passkey!' : 'Failed to add passkey.'));
+    bootstrap();
+  });
+
+  useEventListener(ReactNativePasskeyAutofill, 'onPasskeyAuthenticated', (event) => {
+    console.log('onPasskeyAuthenticated', event);
+    alert('Passkey Authenticated: ' + (event.success ? 'Successfully authenticated!' : 'Authentication failed.'));
+  });
+
   useEffect(() => {
     const ed25519 = keys.find(k => k.type === 'hd-derived-ed25519' || k.type === 'ed25519');
     setXhdEd25519KeyId(ed25519 ? ed25519.id : null);

example/package-lock.json

@@ -10,6 +10,8 @@ public class ReactNativePasskeyAutofillModule: Module {
     // The module will be accessible from `requireNativeModule('ReactNativePasskeyAutofill')` in JavaScript.
     Name("ReactNativePasskeyAutofill")
 
+    Events("onPasskeyAdded", "onPasskeyAuthenticated")
+
     AsyncFunction("setMasterKey") { (secret: String) in
       // TODO: Implement for iOS
     }

ios/ReactNativePasskeyAutofillModule.swift

@@ -1,3 +1,4 @@
 export type ReactNativePasskeyAutofillModuleEvents = {
-
+  onPasskeyAdded: (event: { success: boolean }) => void;
+  onPasskeyAuthenticated: (event: { success: boolean }) => void;
 };