feat: initial commit

Author: badalsaibo

README.md

@@ -1,25 +1,27 @@
-# react-native-google-credentials-manager
+# [WIP] react-native-google-credentials-manager
 
-API to communicate with Google credentials manager
+Work in Progress module for React Native to communicate with Google credentials manager
 
-## Installation
+## Screenshots
+
+![alt text](credman-bottomsheet-animated.gif)
+
+<!-- ## Installation
 
 ```sh
 npm install react-native-google-credentials-manager
-```
+``` -->
 
 ## Usage
 
-
 ```js
-import { multiply } from 'react-native-google-credentials-manager';
+import { signIn } from 'react-native-google-credentials-manager';
 
 // ...
 
-const result = multiply(3, 7);
+const id = signIn(<server-client-id>);
 ```
 
-
 ## Contributing
 
 See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

android/build.gradle

@@ -74,6 +74,9 @@ def kotlin_version = getExtOrDefault("kotlinVersion")
 dependencies {
   implementation "com.facebook.react:react-android"
   implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
+  implementation "androidx.credentials:credentials:1.5.0"
+  implementation "androidx.credentials:credentials-play-services-auth:1.5.0"
+  implementation "com.google.android.libraries.identity.googleid:googleid:1.1.1"
 }
 
 react {

android/src/main/java/com/googlecredentialsmanager/GoogleCredentialsManagerModule.kt

@@ -1,10 +1,22 @@
 package com.googlecredentialsmanager
 
+import android.content.Context
+import androidx.credentials.CredentialManager
+import androidx.credentials.GetCredentialRequest
+import androidx.credentials.GetCredentialResponse
+import androidx.credentials.exceptions.GetCredentialException
+import com.google.android.libraries.identity.googleid.GetGoogleIdOption
+
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.launch
+
+import com.facebook.react.bridge.Promise
 import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.module.annotations.ReactModule
 
 @ReactModule(name = GoogleCredentialsManagerModule.NAME)
-class GoogleCredentialsManagerModule(reactContext: ReactApplicationContext) :
+class GoogleCredentialsManagerModule(private val reactContext: ReactApplicationContext) :
   NativeGoogleCredentialsManagerSpec(reactContext) {
 
   override fun getName(): String {
@@ -17,6 +29,54 @@ class GoogleCredentialsManagerModule(reactContext: ReactApplicationContext) :
     return a * b
   }
 
+  override fun getAndroidVersion(): String {
+    return android.os.Build.VERSION.RELEASE ?: "unknown"
+  }
+
+  override fun signIn(serverClientId: String, promise: Promise) {
+    val activityContext = reactContext.currentActivity
+
+    if (activityContext == null) {
+      promise.reject("NO_ACTIVITY", "Current activity is null")
+      return
+    }
+
+    val credentialManager = CredentialManager.create(activityContext)
+
+    val googleIdOption = GetGoogleIdOption.Builder()
+      .setServerClientId(serverClientId) // ✅ User-passed value
+      .setFilterByAuthorizedAccounts(false) // 👈 Show all accounts
+      .setAutoSelectEnabled(false)          // 👈 Force account picker UI
+      .build()
+
+    val request = GetCredentialRequest.Builder()
+      .addCredentialOption(googleIdOption)
+      .build()
+
+    CoroutineScope(Dispatchers.Main).launch {
+      try {
+        val response: GetCredentialResponse = credentialManager.getCredential(
+          context = activityContext,
+          request = request
+        )
+
+        val credential = response.credential
+        val data = credential.data
+
+        val idToken = data.getString("googleIdToken") ?: ""
+        val displayName = data.getString("displayName") ?: ""
+        val profilePicture = data.getString("profilePictureUri") ?: ""
+
+        promise.resolve(idToken) // You can return displayName, etc. as a map too
+
+      } catch (e: GetCredentialException) {
+        promise.reject("CREDENTIAL_ERROR", e.localizedMessage)
+      } catch (e: Exception) {
+        promise.reject("UNEXPECTED_ERROR", e.localizedMessage)
+      }
+    }
+  }
+
   companion object {
     const val NAME = "GoogleCredentialsManager"
   }

credman-bottomsheet-animated.gif

@@ -1,12 +1,29 @@
-import { Text, View, StyleSheet } from 'react-native';
-import { multiply } from 'react-native-google-credentials-manager';
+import { Text, View, StyleSheet, Button, Alert } from 'react-native';
+import {
+  multiply,
+  getAndroidVersion,
+  signIn,
+} from 'react-native-google-credentials-manager';
 
 const result = multiply(3, 7);
 
 export default function App() {
+  const handleGetAndroidVersion = () => {
+    const version = getAndroidVersion();
+    Alert.alert('Android Version', version);
+  };
   return (
     <View style={styles.container}>
-      <Text>Result: {result}</Text>
+      <Text style={{ color: 'white' }}>Result: {result}</Text>
+      <Button onPress={handleGetAndroidVersion} title="Android version" />
+      <Button
+        onPress={() => {
+          signIn('serverClientId')
+            .then((token) => Alert.alert('ID Token', token))
+            .catch((error) => Alert.alert('Error', error.message));
+        }}
+        title="Sign In with Google"
+      />
     </View>
   );
 }

example/src/App.tsx

@@ -3,6 +3,11 @@ import { TurboModuleRegistry } from 'react-native';
 
 export interface Spec extends TurboModule {
   multiply(a: number, b: number): number;
+  getAndroidVersion(): string;
+  /**
+   * Shows Google account picker and returns the ID token.
+   */
+  signIn(serverClientId: string): Promise<string>; // ID Token
 }
 
 export default TurboModuleRegistry.getEnforcing<Spec>(

src/NativeGoogleCredentialsManager.ts

@@ -3,3 +3,11 @@ import GoogleCredentialsManager from './NativeGoogleCredentialsManager';
 export function multiply(a: number, b: number): number {
   return GoogleCredentialsManager.multiply(a, b);
 }
+
+export function getAndroidVersion(): string {
+  return GoogleCredentialsManager.getAndroidVersion();
+}
+
+export function signIn(serverClientId: string): Promise<string> {
+  return GoogleCredentialsManager.signIn(serverClientId);
+}