@youversion/platform-react-native 0.7.2

package/ios/Views/YVPBibleWidgetView.swift

@@ -0,0 +1,64 @@
+
+import ExpoModulesCore
+import YouVersionPlatform
+import SwiftUI
+
+class BibleWidgetViewProps: ExpoSwiftUI.ViewProps {
+    // Bible reference
+    @Field var versionId: Int
+    @Field var bookUSFM: String
+    @Field var chapter: Int
+    @Field var verse: Int?
+    @Field var verseStart: Int?
+    @Field var verseEnd: Int?
+    
+    @Field var fontSize: Float?
+    @Field var colorScheme: String?
+
+}
+
+struct YVPBibleWidgetView: ExpoSwiftUI.View, ExpoSwiftUI.WithHostingView {
+    @ObservedObject var props: BibleWidgetViewProps
+    @EnvironmentObject var shadowNodeProxy: ExpoSwiftUI.ShadowNodeProxy
+    @Environment(\.colorScheme) var environmentColorScheme
+    
+    init(props: BibleWidgetViewProps) {
+        self.props = props
+    }
+    
+    var body: some View {
+        ExpoSwiftUI.AutoSizingStack(shadowNodeProxy: shadowNodeProxy, axis: .vertical) {
+            BibleWidgetView(
+                reference: bibleReference(),
+                fontSize: CGFloat(props.fontSize ?? 23)
+            ).environment(\.colorScheme, colorScheme())
+        }
+    }
+    
+    func colorScheme() -> ColorScheme {
+        switch props.colorScheme?.lowercased() {
+        case "dark": return .dark
+        case "light": return .light
+        default: return environmentColorScheme
+        }
+    }
+    
+    func bibleReference() -> BibleReference {
+        if let start = props.verseStart, let end = props.verseEnd {
+            return BibleReference(
+                versionId: props.versionId,
+                bookUSFM: props.bookUSFM,
+                chapter: props.chapter,
+                verseStart: start,
+                verseEnd: end
+            )
+        }
+        
+        return BibleReference(
+            versionId: props.versionId,
+            bookUSFM: props.bookUSFM,
+            chapter: props.chapter,
+            verse: props.verse
+        )
+    }
+}

package/ios/Views/YVPSignInWithYouVersionButton.swift

@@ -0,0 +1,52 @@
+import ExpoModulesCore
+import YouVersionPlatform
+import SwiftUI
+
+class SignInWithYouVersionButtonProps: ExpoSwiftUI.ViewProps {
+    @Field var mode: String = "full"
+    @Field var shape: String = "capsule"
+    @Field var isStroked: Bool = true
+    @Field var colorScheme: String?
+    var onTap = EventDispatcher()
+}
+
+struct YVPSignInWithYouVersionButton: ExpoSwiftUI.View, ExpoSwiftUI.WithHostingView {
+    @ObservedObject var props: SignInWithYouVersionButtonProps
+    @EnvironmentObject var shadowNodeProxy: ExpoSwiftUI.ShadowNodeProxy
+    @Environment(\.colorScheme) var environmentColorScheme
+    
+    init(props: SignInWithYouVersionButtonProps) {
+        self.props = props
+    }
+    
+    var body: some View {
+        ExpoSwiftUI.AutoSizingStack (shadowNodeProxy: shadowNodeProxy, axis: .both) {
+            SignInWithYouVersionButton(
+                shape: shape(),
+                mode: mode(),
+                isStroked: props.isStroked
+            ) {
+                props.onTap()
+            }.environment(\.colorScheme, colorScheme())
+        }
+    }
+    
+    func shape() -> SignInWithYouVersionButton.ButtonShape {
+        switch(props.shape) {
+        case "capsule": return .capsule
+        default: return .rectangle
+        }
+    }
+    
+    func mode() -> SignInWithYouVersionButton.Mode {
+        return SignInWithYouVersionButton.Mode(rawValue: props.mode) ?? SignInWithYouVersionButton.Mode.full
+    }
+    
+    func colorScheme() -> ColorScheme {
+        switch props.colorScheme?.lowercased() {
+        case "dark": return .dark
+        case "light": return .light
+        default: return environmentColorScheme
+        }
+    }
+}

package/ios/Views/YVPVotdView.swift

@@ -0,0 +1,35 @@
+
+import ExpoModulesCore
+import YouVersionPlatform
+import SwiftUI
+
+class VotdViewProps: ExpoSwiftUI.ViewProps {
+    @Field var bibleVersionId: Int?
+    @Field var colorScheme: String? = nil
+}
+
+struct YVPVotdView: ExpoSwiftUI.View, ExpoSwiftUI.WithHostingView {
+    @ObservedObject var props: VotdViewProps
+    @EnvironmentObject var shadowNodeProxy: ExpoSwiftUI.ShadowNodeProxy
+    @Environment(\.colorScheme) var environmentColorScheme
+    
+    init(props: VotdViewProps) {
+        self.props = props
+    }
+    
+    var body: some View {
+        ExpoSwiftUI.AutoSizingStack(shadowNodeProxy: shadowNodeProxy, axis: .vertical) {
+            VotdView(
+                bibleVersionId: props.bibleVersionId ?? 111
+            ).environment(\.colorScheme, colorScheme())
+        }
+    }
+    
+    func colorScheme() -> ColorScheme {
+        switch props.colorScheme?.lowercased() {
+        case "dark": return .dark
+        case "light": return .light
+        default: return environmentColorScheme
+        }
+    }
+}

package/ios/YVPAuthAPI.swift

@@ -0,0 +1,77 @@
+import ExpoModulesCore
+import YouVersionPlatform
+import AuthenticationServices
+
+struct YVPAuthAPI {
+    static func signIn(permissions: [String], promise: Promise) {
+        let permissionsSet = Set<SignInWithYouVersionPermission>(
+            permissions.compactMap(SignInWithYouVersionPermission.init(rawValue:))
+          )
+        
+        Task {
+            do {
+                let response = try await YouVersionAPI.Users.signIn(
+                    permissions: permissionsSet,
+                    contextProvider: ContextProvider()
+                )
+
+                promise.resolve([
+                    "accessToken": response.accessToken,
+                    "permissions": response.permissions.map(\.rawValue),
+                    "yvpUserId": response.yvpUserId,
+                    "expiryDate": formatExpiryDate(response.expiryDate),
+                    "refreshToken": response.refreshToken,
+                    "name": response.name,
+                    "profilePicture": response.profilePicture,
+                    "email": response.email
+                  ])
+            } catch {
+                promise.reject(error)
+            }
+        }
+    }
+    
+    static func signOut() async {
+        await MainActor.run {
+            YouVersionAPI.Users.signOut()
+        }
+    }
+    
+    static func userInfo(accessToken: String?, promise: Promise) {
+        Task {
+            do {
+                let response = try await YouVersionAPI.Users.userInfo(accessToken: accessToken)
+                
+                promise.resolve([
+                    "firstName": response.firstName,
+                    "lastName": response.lastName,
+                    "userId": response.userId,
+                    "avatarUrl": response.avatarUrl?.absoluteString
+                ])
+            } catch {
+                promise.reject(error)
+            }
+        }
+    }
+}
+
+private let isoFormatter: ISO8601DateFormatter = {
+    let f = ISO8601DateFormatter()
+    f.formatOptions = [.withInternetDateTime, .withFractionalSeconds]
+    return f
+}()
+
+func formatExpiryDate(_ expiryDate: Date?) -> String? {
+    expiryDate.map { isoFormatter.string(from: $0) }
+}
+
+
+class ContextProvider: NSObject, ASWebAuthenticationPresentationContextProviding {
+    func presentationAnchor(for session: ASWebAuthenticationSession) -> ASPresentationAnchor {
+        guard let scene = UIApplication.shared.connectedScenes.first as? UIWindowScene,
+              let window = scene.windows.first else {
+            return ASPresentationAnchor()
+        }
+        return window
+    }
+}

package/ios/YVPVotdAPI.swift

@@ -0,0 +1,20 @@
+import ExpoModulesCore
+import YouVersionPlatform
+
+
+struct YVPVotdAPI {
+    static func verseOfTheDay(dayOfYear: Int, promise: Promise) {
+        Task {  @MainActor in
+            do {
+                let response = try await YouVersionAPI.VOTD.verseOfTheDay(dayOfYear: dayOfYear)
+                
+                promise.resolve([
+                    "passageId": response.passageId,
+                    "day": response.day
+                ])
+            } catch {
+                promise.reject(error)
+            }
+        }
+    }
+}

package/ios/YVPlatform.swift

@@ -0,0 +1,17 @@
+import YouVersionPlatform
+
+struct YVPlatform {
+    static func configure(appKey: String) async {
+        await MainActor.run {
+            YouVersionPlatform.configure(appKey: appKey)
+        }
+    }
+    
+    static func setApiHost(apiHost: String) {
+        YouVersionPlatformConfiguration.apiHost = apiHost
+    }
+    
+    static func getAccessToken() -> String? {
+        return YouVersionPlatformConfiguration.accessToken
+    }
+}

package/ios/YouVersionReactNative.podspec

@@ -0,0 +1,33 @@
+require 'json'
+
+package = JSON.parse(File.read(File.join(__dir__, '..', 'package.json')))
+
+Pod::Spec.new do |s|
+  s.name           = 'YouVersionReactNative'
+  s.version        = package['version']
+  s.summary        = package['description']
+  s.description    = package['description']
+  s.license        = package['license']
+  s.author         = package['author']
+  s.homepage       = package['homepage']
+  s.platforms      = {
+    :ios => '17.0',
+    :tvos => '17.0'
+  }
+  s.swift_version  = '5.9'
+  s.source         = { git: 'https://github.com/youversion/platform-sdk-reactnative' }
+  s.static_framework = true
+
+  s.dependency 'ExpoModulesCore'
+  s.dependency 'YouVersionPlatform', '0.1.0'
+  s.dependency 'YouVersionPlatformCore', '0.1.0'
+  s.dependency 'YouVersionPlatformUI', '0.1.0'
+  s.dependency 'YouVersionPlatformReader', '0.1.0'
+
+  # Swift/Objective-C compatibility
+  s.pod_target_xcconfig = {
+    'DEFINES_MODULE' => 'YES',
+  }
+
+  s.source_files = "**/*.{h,m,mm,swift,hpp,cpp}"
+end

package/mocks/RNYouVersionPlatform.ts

@@ -0,0 +1,146 @@
+import {
+  BibleReference,
+  BibleVersion,
+  HighlightResponse,
+  LanguageOverview,
+  SignInWithYouVersionPermission,
+  SignInWithYouVersionResult,
+  YouVersionUserInfo,
+  YouVersionVerseOfTheDay,
+} from "../src";
+
+export function configure(_appKey: string) {}
+export function setApiHost(_apiHost: string) {}
+export function getAccessToken(): string | null {
+  return "existing-access-token";
+}
+
+export function signIn(
+  requiredPermissions: SignInWithYouVersionPermission[] = [],
+  optionalPermissions: SignInWithYouVersionPermission[] = [],
+): Promise<SignInWithYouVersionResult> {
+  return Promise.resolve({
+    accessToken: "mock-access-token",
+    permissions: [...requiredPermissions, ...optionalPermissions],
+    yvpUserId: "mock-yvp-user-id",
+  });
+}
+
+export function signOut(): Promise<void> {
+  return Promise.resolve();
+}
+
+export function userInfo(_accessToken?: string): Promise<YouVersionUserInfo> {
+  return Promise.resolve({
+    avatarUrl: "https://example.com/avatar.png",
+    firstName: "Mock",
+    lastName: "User",
+    yvpUserId: "mock-yvp-user-id",
+  });
+}
+
+export function verseOfTheDay(
+  dayOfYear: number,
+): Promise<YouVersionVerseOfTheDay> {
+  return Promise.resolve({
+    day: dayOfYear,
+    passageId: "GEN.1.1",
+  });
+}
+
+export function versions(_languageTag?: string): Promise<BibleVersion[]> {
+  const versions: BibleVersion[] = [
+    {
+      id: 1,
+      abbreviation: "KJV",
+      languageTag: "en",
+      bookCodes: ["GEN", "EXO", "LEV"],
+      copyrightLong: "King James Version Copyright",
+      copyrightShort: "KJV Copyright",
+      localizedAbbreviation: "KJV",
+      localizedTitle: "King James Version",
+      textDirection: "ltr",
+      title: "King James Version",
+    },
+  ];
+
+  return Promise.resolve(versions);
+}
+
+export function version(versionId: number): Promise<BibleVersion> {
+  return Promise.resolve({
+    id: versionId,
+    abbreviation: "KJV",
+    languageTag: "en",
+    bookCodes: ["GEN", "EXO", "LEV"],
+    copyrightLong: "King James Version Copyright",
+    copyrightShort: "KJV Copyright",
+    localizedAbbreviation: "KJV",
+    localizedTitle: "King James Version",
+    textDirection: "ltr",
+    title: "King James Version",
+  });
+}
+
+export function chapter(bibleReference: BibleReference): Promise<string> {
+  return Promise.resolve(
+    "In the beginning God created the heaven and the earth.",
+  );
+}
+
+export function languages(_country?: string): Promise<LanguageOverview[]> {
+  const languages: LanguageOverview[] = [
+    {
+      id: "EN",
+      aliases: ["en"],
+      language: "English",
+      displayNames: {
+        en: "English",
+      },
+      scripts: ["Latn"],
+      variants: [],
+      countries: ["US", "GB"],
+      textDirection: "ltr",
+    },
+  ];
+
+  return Promise.resolve(languages);
+}
+
+export function createHighlight(
+  _versionId: number,
+  _passageId: string,
+  _color: string,
+): Promise<boolean> {
+  return Promise.resolve(true);
+}
+
+export function getHighlights(
+  versionId: number,
+  passageId: string,
+): Promise<HighlightResponse[]> {
+  const highlights: HighlightResponse[] = [
+    {
+      passageId,
+      color: "#FFFF00",
+      bibleId: versionId,
+    },
+  ];
+
+  return Promise.resolve(highlights);
+}
+
+export function updateHighlight(
+  _versionId: number,
+  _passageId: string,
+  _color: string,
+): Promise<boolean> {
+  return Promise.resolve(true);
+}
+
+export function deleteHighlight(
+  _versionId: number,
+  _passageId: string,
+): Promise<boolean> {
+  return Promise.resolve(true);
+}

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@youversion/platform-react-native",
+  "version": "0.7.2",
+  "description": "React Native SDK for YouVersion Platform",
+  "main": "build/index.js",
+  "types": "build/index.d.ts",
+  "scripts": {
+    "build": "expo-module build",
+    "clean": "expo-module clean",
+    "lint": "expo-module lint",
+    "test": "expo-module test",
+    "prepare": "expo-module prepare && rm .eslintrc.js && husky > /dev/null 2>&1 || true",
+    "prepublishOnly": "expo-module prepublishOnly",
+    "typecheck": "npx tsc --noEmit",
+    "expo-module": "expo-module",
+    "open:ios": "xed example/ios",
+    "open:android": "open -a \"Android Studio\" example/android",
+    "release": "semantic-release",
+    "release:dry-run": "semantic-release --dry-run"
+  },
+  "keywords": [
+    "react-native",
+    "expo",
+    "@youversion/platform-react-native",
+    "Bible",
+    "YouVersion"
+  ],
+  "repository": "git@github.com:youversion/platform-sdk-reactnative.git",
+  "bugs": {
+    "url": "https://github.com/youversion/platform-sdk-reactnative/issues"
+  },
+  "author": "YouVersion (https://github.com/youversion/platform-sdk-reactnative)",
+  "license": "Apache-2.0",
+  "homepage": "https://github.com/youversion/platform-sdk-reactnative#readme",
+  "jest": {
+    "preset": "expo-module-scripts"
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "@commitlint/cli": "^19.6.0",
+    "@commitlint/config-conventional": "^19.6.0",
+    "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/exec": "^6.0.3",
+    "@semantic-release/git": "^10.0.1",
+    "@types/invariant": "^2.2.37",
+    "@types/react": "~19.1.0",
+    "expo": "^54.0.10",
+    "expo-module-scripts": "^5.0.7",
+    "husky": "^9.1.7",
+    "react-native": "0.81.4",
+    "semantic-release": "^24.2.0"
+  },
+  "peerDependencies": {
+    "expo": ">=54.0.0",
+    "react": "*",
+    "react-native": "*"
+  }
+}