Merge pull request #34 from Lg0gs/code-verifier-generator

chore: generate code verifier

Author: Lg0gs

README.md

@@ -1,6 +1,6 @@
 ![banner](https://files.oaiusercontent.com/file-AcMf2jF9MDCjSTBtbp1kdW?se=2025-02-08T07:41:09Z&sp=r&sv=2024-08-04&sr=b&rscc=max-age=604800,%20immutable,%20private&rscd=attachment;%20filename=046f1457-edf3-4c02-a39a-885a0c3fe3a0.webp&sig=miu/LRKo7l4fcg9A/Oe6zxv234a2eJQUVzfnxtskmz4=)
 
-[![License](https://img.shields.io/npm/l/react-native-tiktok)](https://github.com/Lg0gs/react-native-tiktok?tab=MIT-1-ov-file#readme) [![version](https://img.shields.io/github/package-json/version/Lg0gs/react-native-tiktok)](https://github.com/Lg0gs/react-native-tiktok/releases) [![downloads](https://img.shields.io/npm/dm/react-native-tiktok)](https://www.npmjs.com/package/react-native-tiktok) ![size](https://img.shields.io/npm/unpacked-size/react-native-tiktok?color=F75307) [![stars](https://img.shields.io/github/stars/Lg0gs/react-native-tiktok)](https://github.com/Lg0gs/react-native-tiktok/stargazers) 
+[![License](https://img.shields.io/npm/l/react-native-tiktok)](https://github.com/Lg0gs/react-native-tiktok?tab=MIT-1-ov-file#readme) [![version](https://img.shields.io/github/package-json/version/Lg0gs/react-native-tiktok)](https://github.com/Lg0gs/react-native-tiktok/releases) [![downloads](https://img.shields.io/npm/dm/react-native-tiktok)](https://www.npmjs.com/package/react-native-tiktok) ![size](https://img.shields.io/npm/unpacked-size/react-native-tiktok?color=F75307) [![stars](https://img.shields.io/github/stars/Lg0gs/react-native-tiktok)](https://github.com/Lg0gs/react-native-tiktok/stargazers)
 
 Get authorized and fetch user profile
 
@@ -123,10 +123,10 @@ import { authorize } from 'react-native-tiktok';
 
 authorize({
   redirectURI: '<YOUR_REDIRECT_URL>', // redirectURI is your universal link
-  codeVerifier: '', // Only for Android
-  callback: (authCode) => {
+  callback: (authCode, codeVerifier) => {
   // immediately invokes callback function as soon as operation is completed
-    console.log(authCode);
+  // codeVerifier is returned only on Android
+    console.log(authCode, codeVerifier);
   },
 });
 ```

android/src/main/java/com/tiktok/TiktokModule.kt

@@ -10,12 +10,14 @@ import com.facebook.react.bridge.ReactContextBaseJavaModule
 import com.facebook.react.bridge.ReactMethod
 import com.tiktok.open.sdk.auth.AuthApi
 import com.tiktok.open.sdk.auth.AuthRequest
+import com.tiktok.open.sdk.auth.utils.PKCEUtils
 
 class TiktokModule(reactContext: ReactApplicationContext) :
   ReactContextBaseJavaModule(reactContext) {
 
   private var authApi: AuthApi? = null
   private var redirectUrl: String = ""
+  private var codeVerifier = PKCEUtils.generateCodeVerifier()
   private var callback: Callback? = null
 
   init {
@@ -25,7 +27,7 @@ class TiktokModule(reactContext: ReactApplicationContext) :
           if (it.authErrorDescription != null) {
             Toast.makeText(reactApplicationContext, it.authErrorDescription, Toast.LENGTH_LONG).show()
           } else {
-            callback?.invoke(it.authCode)
+            callback?.invoke(it.authCode, codeVerifier)
           }
         }
       }
@@ -41,7 +43,7 @@ class TiktokModule(reactContext: ReactApplicationContext) :
   }
 
   @ReactMethod
-  fun authorize(redirectURI: String, callback: Callback, codeVerifier: String) {
+  fun authorize(redirectURI: String, callback: Callback) {
     this.redirectUrl = redirectURI
     this.callback = callback
 

example/src/App.tsx

@@ -6,10 +6,9 @@ export default function App() {
   useEffect(() => {
     authorize({
       redirectURI: '<YOUR_REDIRECT_URL>',
-      callback: (authCode) => {
-        console.log(authCode);
+      callback: (authCode, codeVerifier) => {
+        console.log(authCode, codeVerifier);
       },
-      codeVerifier: 'sQ6tdXroCIy746YBgCsNL9DqLJbwE88bBm-PzmB0BTc',
     });
   }, []);
 

src/index.tsx

@@ -1,18 +1,13 @@
-import { NativeModules, Platform } from 'react-native';
+import { NativeModules } from 'react-native';
 
 type Props = {
   redirectURI: string;
-  callback(authCode: string): void;
-  codeVerifier?: string;
+  callback(authCode: string, codeVerifier?: string): void;
 };
 
 const Tiktok = NativeModules.Tiktok;
 
 export function authorize(props: Props): void {
-  const { redirectURI, callback, codeVerifier } = props;
-  if (Platform.OS === 'ios') {
-    return Tiktok.authorize(redirectURI, callback);
-  }
-
-  return Tiktok.authorize(redirectURI, callback, codeVerifier);
+  const { redirectURI, callback } = props;
+  return Tiktok.authorize(redirectURI, callback);
 }