@pyrocancode/react-native-vk-auth 0.4.1

package/LICENSE

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2022 Nikita Likhachev
+Copyright (c) 2026 pyrocancode
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,302 @@
+# @pyrocancode/react-native-vk-auth
+
+React Native VK ID Auth.
+
+Форк библиотеки [@devsomersets/react-native-vk-auth](https://www.npmjs.com/package/@devsomersets/react-native-vk-auth) ([исходный репозиторий](https://github.com/somersets/react-native-vk-auth), автор Nikita Likhachev). Разработка ведётся в [pyrocancode/react-native-vk-auth](https://github.com/pyrocancode/react-native-vk-auth).
+
+## Installation
+
+Из npm (после публикации пакета):
+
+```sh
+npm install @pyrocancode/react-native-vk-auth
+```
+
+Установка напрямую из GitHub:
+
+```sh
+npm install github:pyrocancode/react-native-vk-auth
+```
+
+## Настройка iOS проекта
+
+Шаг 1. Установка Cocoapods
+
+```sh
+cd ios && pod install
+```
+
+Шаг 2. Поддержка URL схемы
+Чтобы пользователь мог авторизоваться бесшовно, SDK взаимодействует с клиентом VK на устройстве пользователя. Если в клиенте есть активная сессия, пользователь увидит свои данные (имя, аватарку и телефон) в кнопках и шторке. Авторизация завершится в один клик по кнопке "Продолжить как 'username'".
+
+Чтобы переход за авторизацией в клиент VK работал, необходимо поддержать схему URL. Для этого добавьте схему vkauthorize-silent в ключ LSApplicationQueriesSchemes в Info.plist.
+
+#### Пример записи схемы в Info.plist
+
+```xml
+<key>LSApplicationQueriesSchemes</key>
+<array>
+    <string>vkauthorize-silent</string>
+</array>
+```
+
+#### Universal Link
+Для работы бесшовной авторизации необходимо поддержать Universal Link. При создании приложения на сайте платформы, вам нужно было указать Universal Link, по которому клиент VK будет открывать ваше приложение.
+
+Для этого вам необходимо поддержать Universal Links в вашем проекте.
+
+#### Deep Link
+Иногда iOS некорректно обрабатывает Universal Links и они перестают работать в приложении. В этом случае нужны Deep Links, чтобы вернуть пользователя из приложения VK, так как они работают всегда. В этом случае в ваше приложение не будет передана информация о пользователе, но он вернется из клиента VK. Вам нужно поддержать Deep Link вида: vkAPP_ID://, где, APP_ID — идентификатор приложения
+
+#### Пример записи DeepLink в Info.plist
+```xml
+<key>CFBundleURLTypes</key>
+<array>
+  <dict>
+      <key>CFBundleTypeRole</key>
+      <string>Editor</string>
+      <key>CFBundleURLName</key>
+      <string>demo_app</string>
+      <key>CFBundleURLSchemes</key>
+      <array>
+          <string>vk123456</string>
+      </array>
+  </dict>
+</array>
+```
+
+#### Обработка ссылки авторизации
+
+В классе ApplicationDelegate вам необходимо добавить менеджер обработки ссылок
+
+```objective-c
+#import <React/RCTLinkingManager.h>
+
+- (BOOL)application:(UIApplication *)application
+   openURL:(NSURL *)url
+   options:(NSDictionary<UIApplicationOpenURLOptionsKey,id> *)options
+{
+  return [RCTLinkingManager application:application openURL:url options:options];
+}
+
+- (BOOL)application:(UIApplication *)application continueUserActivity:(nonnull NSUserActivity *)userActivity
+ restorationHandler:(nonnull void (^)(NSArray<id<UIUserActivityRestoring>> * _Nullable))restorationHandler
+{
+ return [RCTLinkingManager application:application
+                  continueUserActivity:userActivity
+                    restorationHandler:restorationHandler];
+}
+```
+
+Затем в Typescript необходимо импортировать класс Linking при помощи которого вы сможете подписаться на события открытия ссылок и в месте обработки ссылок вызвать метод openURL у класса VK.
+```javascript
+React.useEffect(() => {
+    Linking.getInitialURL().then((url) => {
+        if (url) {
+            handleOpenURL({'url': url});
+        }
+    }).catch(err => {
+        console.warn('An error occurred', err);
+    });
+        Linking.addEventListener('url', handleOpenURL);
+});
+
+function handleOpenURL(event: { url: string }) {
+    VK.openURL(event.url);
+}
+```
+
+## Minimal setup guide for Android part:
+1. Добавить ваши credentials от артифактори в build.gradle проекта
+
+```gradle
+// project build.gradle
+buildscript { }
+allProjects {
+  repositories {
+    maven {
+       url("https://artifactory-external.vkpartner.ru/artifactory/superappkit-maven-public/")
+    }
+  }
+}
+```
+
+2. Добавить VkExternalAuthRedirectScheme и VkExternalAuthRedirectHost в build.gradle application’a:
+```gradle
+// app build.gradle
+android { }
+android.defaultConfig.manifestPlaceholders = [
+    'VkExternalAuthRedirectScheme' : 'vk<ClientId>',
+    'VkExternalAuthRedirectHost' : 'vk.com',
+]
+
+dependencies { }
+```
+
+3. Добавить client_id, client_secret, vk_external_oauth_redirect_url и vk_account_manager_id в strings.xml:
+```xml
+<integer name="com_vk_sdk_AppId">your_client_id</integer>
+
+<string name="vk_client_secret" translatable="false">your_client_secret</string>
+
+<!-- Template: vk<ClientId>://vk.com -->
+<string name="vk_external_oauth_redirect_url" translatable="false">vk<ClientId>://vk.com</string>
+
+<!-- Template: your.package.account -->
+<string name="vk_account_manager_id" translatable="false">your.package.account</string>
+```
+
+## Minimal common setup guide:
+1. Initialization
+
+```javascript
+import { VK, VKID } from 'react-native-superappkit-pub';
+
+// must be initialized only once
+let logo = Image.resolveAssetSource(require('./sample_logo.png'));
+let vkid = new VKID(
+    'Superappkit pub',
+    '1.0',
+    logo,
+    {
+        serviceUserAgreement: 'https://help.mail.ru/legal/terms/common/ua',
+        servicePrivacyPolicy: 'https://help.mail.ru/legal/terms/common/privacy',
+        serviceSupport: null,
+    },
+    new SilentTokenExchanger()
+);
+
+VK.initialize(
+    {
+        credentials: {
+            clientId: 'your-client-id',
+            clientSecret: 'your-client-secret',
+        },
+        mode: VK.Mode.DEBUG,
+    },
+    vkid
+);
+```
+
+2. Auth
+```javascript
+// App.tsx
+
+// 1. Silent Token Exchanger
+class SilentTokenExchanger implements VKID.SilentTokenExchanger {
+    exchange(silentData: VKID.SilentToken): Promise<VKID.TokenExchangeResult<VKID.AccessToken, Error>> {
+        return fetch('your_endpoint_for_exchange_token', {
+            method: 'POST',
+            headers: {'Content-Type': 'application/json; charset=UTF-8'},
+        })
+        .then((response) => response.json())
+        .then((body) => {
+            let accessToken = 'received access_token';
+            let userId = 'received user_id';
+            let result: VKID.TokenExchangeResult = {
+                ok: true,
+                accessToken: {
+                    token: new VKID.Token(accessToken),
+                    userID: new VKID.UserID(userId),
+                }
+            };
+            return result;
+        });
+    }
+}
+
+//2. Set observer for auth state changing
+vkid.setOnAuthChanged(new class implements VKID.AuthChangedCallback {
+    onAuth(userSession: VKID.Session.UserSession): void {
+        if (userSession instanceof VKID.Session.Authorized) {
+            // user was successfuly authorized, so show authorized flow or get user profile info
+            userSession.userProfile.then((profileInfo) => {
+                setProfileInfo("Profile info: " + profileInfo.userID.value + " " + profileInfo.firstName);
+            })
+        }
+    }
+
+    onLogout(): void {
+        // logout
+    }
+})
+
+// 2.1 Use One Tap Loggin button
+import { VKOneTapButton } from 'react-native-superappkit-pub';
+<VKOneTapButton />
+
+// 2.2 OR use start auth manually
+<Button title={'Auth by VK'} onPress={() => auth()} />
+function auth() {
+    vkid.startAuth();
+}
+
+// You may use force close
+function forceCloseAuth() {
+    vkid.closeAuth();
+}
+
+// Logout
+function logout() {
+    vkid.logout();
+}
+
+// Check is logged in
+async function isLoggedIn() {
+    let sessions = await vkid.getUserSessions();
+    let isLoggedIn = sessions.some((session) => session instanceof VKID.UserSession.Authorized)
+}
+```
+
+### One Tap Button customization
+```javascript
+import { VKOneTapButton, VKOneTapButtonSpace } from 'react-native-superappkit-pub';
+<VKOneTapButton
+    style={styles.vkView}
+    backgroundStyle={{
+        style: VKOneTapButtonSpace.BgColor.CUSTOM, /* or 'BLUE' (default) or 'WHITE' */
+        customVkIconColor: '#your-color-if-using-custom-style',
+        customBackgroundColor: '#your-color-if-using-custom-style',
+        customTextColor: '#your-color-if-using-custom-style'
+    }}
+    iconGravity={
+        // 'START' (by default) or 'TEXT'
+        VKOneTapButtonSpace.IconGravity.START
+    }
+    firstLineFieldType={
+        // 'NONE' (by default) or 'ACTION' or 'PHONE'
+        VKOneTapButtonSpace.LineFieldType.ACTION
+    }
+    secondLineFieldType={
+        // 'NONE' (by default) or 'ACTION' or 'PHONE'
+        VKOneTapButtonSpace.LineFieldType.PHONE
+    }
+    texts={{
+        noUserText: 'Login as VK',
+        actionText: 'Login as {firstName} {lastName}', /* {firstName} and {lastName} are templates that will be replaced by real user names */
+        phoneText: 'With phone {phone}', /* {phone} is a template that will be replaced by user phone */
+    }}
+    oneLineTextSize={ 16 }
+    firstLineTextSize={ 16 }
+    secondLineTextSize={ 14 }
+    avatarSize={ 64 }
+    iconSize={ 64 }
+    progressSize={ 56 }
+/>
+```
+
+## Usage
+
+Раздел в разработке.
+
+## Contributing
+
+See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
+
+## License
+
+[MIT](LICENSE). Исходный код Nikita Likhachev (2022); изменения и сопровождение форка — pyrocancode (2026). См. полный текст в файле `LICENSE`.
+
+---
+
+Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)

package/android/build.gradle

@@ -0,0 +1,155 @@
+buildscript {
+  // Buildscript is evaluated before everything else so we can't use getExtOrDefault
+  def kotlin_version = rootProject.ext.has('kotlinVersion') ? rootProject.ext.get('kotlinVersion') : project.properties['VkAuth_kotlinVersion']
+
+  repositories {
+    google()
+    mavenCentral()
+  }
+
+  dependencies {
+    classpath 'com.android.tools.build:gradle:3.5.3'
+    // noinspection DifferentKotlinGradleVersion
+    classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
+  }
+}
+
+def isNewArchitectureEnabled() {
+  return rootProject.hasProperty("newArchEnabled") &&  rootProject.getProperty("newArchEnabled") == "true"
+}
+
+apply plugin: 'com.android.library'
+apply plugin: 'kotlin-android'
+
+if (isNewArchitectureEnabled()) {
+  apply plugin: 'com.facebook.react'
+}
+
+def getExtOrDefault(name) {
+  return rootProject.ext.has(name) ? rootProject.ext.get(name) : project.properties['VkAuth_' + name]
+}
+
+def getExtOrIntegerDefault(name) {
+  return rootProject.ext.has(name) ? rootProject.ext.get(name) : (project.properties['VkAuth_' + name]).toInteger()
+}
+
+
+android {
+  compileSdkVersion getExtOrIntegerDefault('compileSdkVersion')
+
+  defaultConfig {
+    minSdkVersion getExtOrIntegerDefault('minSdkVersion')
+    targetSdkVersion getExtOrIntegerDefault('targetSdkVersion')
+    buildConfigField "boolean", "IS_NEW_ARCHITECTURE_ENABLED", isNewArchitectureEnabled().toString()
+  }
+  buildTypes {
+    release {
+      minifyEnabled false
+    }
+  }
+
+  lintOptions {
+    disable 'GradleCompatible'
+  }
+
+  compileOptions {
+    sourceCompatibility JavaVersion.VERSION_1_8
+    targetCompatibility JavaVersion.VERSION_1_8
+  }
+
+}
+
+repositories {
+  mavenCentral()
+  google()
+  maven {
+    url = "https://artifactory-external.vkpartner.ru/artifactory/superappkit-maven-public/"
+  }
+
+  def found = false
+  def defaultDir = null
+  def androidSourcesName = 'React Native sources'
+
+  if (rootProject.ext.has('reactNativeAndroidRoot')) {
+    defaultDir = rootProject.ext.get('reactNativeAndroidRoot')
+  } else {
+    defaultDir = new File(
+      projectDir,
+      '/../../../node_modules/react-native/android'
+    )
+  }
+
+  if (defaultDir.exists()) {
+    maven {
+      url defaultDir.toString()
+      name androidSourcesName
+    }
+
+    logger.info(":${project.name}:reactNativeAndroidRoot ${defaultDir.canonicalPath}")
+    found = true
+  } else {
+    def parentDir = rootProject.projectDir
+
+    1.upto(5, {
+      if (found) return true
+      parentDir = parentDir.parentFile
+
+      def androidSourcesDir = new File(
+        parentDir,
+        'node_modules/react-native'
+      )
+
+      def androidPrebuiltBinaryDir = new File(
+        parentDir,
+        'node_modules/react-native/android'
+      )
+
+      if (androidPrebuiltBinaryDir.exists()) {
+        maven {
+          url androidPrebuiltBinaryDir.toString()
+          name androidSourcesName
+        }
+
+        logger.info(":${project.name}:reactNativeAndroidRoot ${androidPrebuiltBinaryDir.canonicalPath}")
+        found = true
+      } else if (androidSourcesDir.exists()) {
+        maven {
+          url androidSourcesDir.toString()
+          name androidSourcesName
+        }
+
+        logger.info(":${project.name}:reactNativeAndroidRoot ${androidSourcesDir.canonicalPath}")
+        found = true
+      }
+    })
+  }
+
+  if (!found) {
+    throw new GradleException(
+      "${project.name}: unable to locate React Native android sources. " +
+      "Ensure you have you installed React Native as a dependency in your project and try again."
+    )
+  }
+}
+
+def kotlin_version = getExtOrDefault('kotlinVersion')
+def vkSdkVersion = "0.104-24412"
+
+dependencies {
+    //noinspection GradleDynamicVersion
+  implementation "com.facebook.react:react-native:+"
+  implementation "com.vk:oauth-vk:${vkSdkVersion}"
+  implementation "com.vk:vksdk-pub:${vkSdkVersion}"
+  implementation "androidx.appcompat:appcompat:1.6.1"
+
+  implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
+// From node_modules
+}
+
+if (isNewArchitectureEnabled()) {
+  react {
+    jsRootDir = file("../src/")
+    libraryName = "VkAuth"
+    codegenJavaPackageName = "com.vkauth"
+  }
+}

package/android/gradle.properties

@@ -0,0 +1,5 @@
+VkAuth_kotlinVersion=1.7.0
+VkAuth_minSdkVersion=21
+VkAuth_targetSdkVersion=31
+VkAuth_compileSdkVersion=31
+VkAuth_ndkversion=21.4.7075529

package/android/src/main/AndroidManifest.xml

@@ -0,0 +1,4 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+          package="com.vkauth">
+
+</manifest>

package/android/src/main/java/com/vkauth/VkAuthModule.kt

@@ -0,0 +1,72 @@
+package com.vkauth
+
+import com.facebook.react.bridge.*
+import com.vkauth.vkid.AuthDelegate
+import com.vkauth.vkid.InitDelegate
+import com.vkauth.vkid.jsinput.App
+import com.vkauth.vkid.jsinput.VKID
+
+class VkAuthModule(
+  reactContext: ReactApplicationContext,
+  private val initDelegate: InitDelegate,
+  private val authDelegate: AuthDelegate
+) :
+  ReactContextBaseJavaModule(reactContext) {
+
+  override fun getName(): String {
+    return "VkAuth"
+  }
+
+  @ReactMethod
+  fun initialize(app: ReadableMap, vkid: ReadableMap) {
+    initDelegate.initialize(App.fromMap(app), VKID.fromMap(vkid))
+  }
+
+  @ReactMethod
+  fun startAuth() {
+    authDelegate.startAuth()
+  }
+
+  @ReactMethod
+  fun closeAuth() {
+    authDelegate.closeAuth()
+  }
+
+  // to ignore react warning
+  @ReactMethod
+  fun addListener(eventName: String) {
+  }
+
+  @ReactMethod
+  fun removeAllListeners() {
+  }
+
+  @ReactMethod
+  fun removeListeners(type: Int?) {
+  }
+
+  @ReactMethod
+  fun accessTokenChangedSuccess(token: String, userId: Int) {
+    authDelegate.accessTokenChangedSuccess(token, userId)
+  }
+
+  @ReactMethod
+  fun accessTokenChangedFailed(error: ReadableMap) {
+    authDelegate.accessTokenChangedFailed()
+  }
+
+  @ReactMethod
+  fun logout() {
+    authDelegate.logout()
+  }
+
+  @ReactMethod
+  fun getUserSessions(promise: Promise) {
+    authDelegate.getUserSessions(promise)
+  }
+
+  @ReactMethod
+  fun getUserProfile(promise: Promise) {
+    authDelegate.getUserProfile(promise)
+  }
+}

package/android/src/main/java/com/vkauth/VkAuthPackage.kt

@@ -0,0 +1,23 @@
+package com.vkauth
+
+import com.facebook.react.ReactPackage
+import com.facebook.react.bridge.NativeModule
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.uimanager.ViewManager
+import com.vkauth.vkid.AuthDelegate
+import com.vkauth.vkid.InitDelegate
+import com.vkauth.vkid.onetapbutton.OneTabButtonManager
+
+
+class VkAuthPackage : ReactPackage {
+  override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> {
+    return listOf(VkAuthModule(reactContext,
+      InitDelegate(reactContext),
+      AuthDelegate(reactContext)
+    ))
+  }
+
+  override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
+    return listOf(OneTabButtonManager())
+  }
+}