@youversion/platform-react-native 0.8.0 → 0.9.0

package/CHANGELOG.md

@@ -2,6 +2,11 @@
 
 All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.9.0 (2026-01-31)
+
+* feat: Update Kotlin SDK and fix all breaking changes (#36) ([0e03b0e](https://github.com/youversion/platform-sdk-reactnative/commit/0e03b0e)), closes [#36](https://github.com/youversion/platform-sdk-reactnative/issues/36)
+* feat (android): add view module stubs for RN bridging (#31) ([66cf642](https://github.com/youversion/platform-sdk-reactnative/commit/66cf642)), closes [#31](https://github.com/youversion/platform-sdk-reactnative/issues/31)
+
 ## 0.8.0 (2026-01-16)
 
 * chore: Depend on most recent Swift SDK version and update breaking changes (#27) ([a042211](https://github.com/youversion/platform-sdk-reactnative/commit/a042211)), closes [#27](https://github.com/youversion/platform-sdk-reactnative/issues/27)

package/android/build.gradle

@@ -1,7 +1,16 @@
+buildscript {
+  repositories {
+    mavenCentral()
+  }
+  dependencies {
+    classpath("org.jetbrains.kotlin.plugin.compose:org.jetbrains.kotlin.plugin.compose.gradle.plugin:${kotlinVersion}")
+  }
+}
+
 apply plugin: 'com.android.library'
 
 group = 'com.youversion.reactnativesdk'
-version = '0.8.0'
+version = '0.9.0'
 
 def expoModulesCorePlugin = new File(project(":expo-modules-core").projectDir.absolutePath, "ExpoModulesCorePlugin.gradle")
 apply from: expoModulesCorePlugin
@@ -36,7 +45,7 @@ android {
   namespace "com.youversion.reactnativesdk"
   defaultConfig {
     versionCode 1
-    versionName "0.8.0"
+    versionName "0.9.0"
   }
   buildFeatures {
     compose true
@@ -51,7 +60,7 @@ dependencies {
   implementation 'androidx.compose.foundation:foundation-android:1.9.1'
   implementation 'androidx.compose.material3:material3-android:1.3.2'
 
-  implementation 'com.youversion.platform:platform-core:0.5.0'
-  implementation 'com.youversion.platform:platform-ui:0.5.0'
-  implementation 'com.youversion.platform:platform-reader:0.5.0'
+  implementation 'com.youversion.platform:platform-core:0.6.0'
+  implementation 'com.youversion.platform:platform-ui:0.6.0'
+  implementation 'com.youversion.platform:platform-reader:0.6.0'
 }

package/android/src/main/java/com/youversion/reactnativesdk/RNBibleReaderViewModule.kt

@@ -0,0 +1,13 @@
+package com.youversion.reactnativesdk
+
+import com.youversion.reactnativesdk.views.YVPBibleReaderView
+import expo.modules.kotlin.modules.Module
+import expo.modules.kotlin.modules.ModuleDefinition
+
+class RNBibleReaderViewModule : Module() {
+    override fun definition() = ModuleDefinition {
+        Name("BibleReaderView")
+
+        View(YVPBibleReaderView::class)
+    }
+}

package/android/src/main/java/com/youversion/reactnativesdk/RNBibleTextViewModule.kt

@@ -0,0 +1,15 @@
+package com.youversion.reactnativesdk
+
+import com.youversion.reactnativesdk.views.YVPBibleTextView
+import expo.modules.kotlin.modules.Module
+import expo.modules.kotlin.modules.ModuleDefinition
+
+class RNBibleTextViewModule : Module() {
+    override fun definition() = ModuleDefinition {
+        Name("BibleTextView")
+
+        View(YVPBibleTextView::class) {
+            Events("onTap")
+        }
+    }
+}

package/android/src/main/java/com/youversion/reactnativesdk/RNBibleWidgetViewModule.kt

@@ -0,0 +1,13 @@
+package com.youversion.reactnativesdk
+
+import com.youversion.reactnativesdk.views.YVPBibleWidgetView
+import expo.modules.kotlin.modules.Module
+import expo.modules.kotlin.modules.ModuleDefinition
+
+class RNBibleWidgetViewModule : Module() {
+    override fun definition() = ModuleDefinition {
+        Name("BibleWidgetView")
+
+        View(YVPBibleWidgetView::class)
+    }
+}

package/android/src/main/java/com/youversion/reactnativesdk/RNVotdViewModule.kt

@@ -0,0 +1,13 @@
+package com.youversion.reactnativesdk
+
+import com.youversion.reactnativesdk.views.YVPVotdView
+import expo.modules.kotlin.modules.Module
+import expo.modules.kotlin.modules.ModuleDefinition
+
+class RNVotdViewModule : Module() {
+    override fun definition() = ModuleDefinition {
+        Name("VotdView")
+
+        View(YVPVotdView::class)
+    }
+}

package/android/src/main/java/com/youversion/reactnativesdk/api/YVPLanguagesApi.kt

@@ -4,7 +4,7 @@ import com.youversion.platform.core.api.YouVersionApi
 
 object YVPLanguagesApi {
     suspend fun languages(country: String?): List<LanguageRecord> {
-        val response = YouVersionApi.language.languages(country)
+        val response = YouVersionApi.languages.languages(country)
         val records = response.map { LanguageRecord(it) }
         return records
     }

package/android/src/main/java/com/youversion/reactnativesdk/api/YVPRecords.kt

@@ -43,7 +43,7 @@ data class LanguageRecord(
     @Field
     val textDirection: String,
     @Field
-    val defaultBibleVersionId: Int?
+    val defaultBibleId: Int?
 
 ) : Record {
     constructor(language: Language) : this(
@@ -57,7 +57,7 @@ data class LanguageRecord(
         variants = language.variants,
         countries = language.countries,
         textDirection = language.textDirection,
-        defaultBibleVersionId = language.defaultBibleVersionId
+        defaultBibleId = language.defaultBibleVersionId
     )
 }
 
@@ -67,9 +67,9 @@ data class BibleVersionRecord(
     @Field
     val abbreviation: String?,
     @Field
-    val copyrightLong: String?,
+    val promotionalContent: String?,
     @Field
-    val copyrightShort: String?,
+    val copyright: String?,
     @Field
     val languageTag: String?,
     @Field
@@ -87,13 +87,15 @@ data class BibleVersionRecord(
     @Field
     val books: List<BibleBookRecord>?,
     @Field
-    val textDirection: String?
+    val textDirection: String?,
+    @Field
+    val organizationId: String?
 ) : Record {
     constructor(bibleVersion: BibleVersion) : this(
         id = bibleVersion.id,
         abbreviation = bibleVersion.abbreviation,
-        copyrightLong = bibleVersion.copyrightLong,
-        copyrightShort = bibleVersion.copyrightShort,
+        promotionalContent = bibleVersion.promotionalContent,
+        copyright = bibleVersion.copyright,
         languageTag = bibleVersion.languageTag,
         localizedAbbreviation = bibleVersion.localizedAbbreviation,
         localizedTitle = bibleVersion.localizedTitle,
@@ -102,13 +104,14 @@ data class BibleVersionRecord(
         title = bibleVersion.title,
         bookCodes = bibleVersion.bookCodes,
         books = bibleVersion.books?.map { BibleBookRecord(it) },
-        textDirection = bibleVersion.textDirection
+        textDirection = bibleVersion.textDirection,
+        organizationId = bibleVersion.organizationId
     )
 }
 
 data class BibleBookRecord(
     @Field
-    val usfm: String?,
+    val id: String?,
     @Field
     val title: String?,
     @Field
@@ -116,14 +119,17 @@ data class BibleBookRecord(
     @Field
     val canon: String?,
     @Field
-    val chapters: List<BibleChapterRecord>?
+    val chapters: List<BibleChapterRecord>?,
+    @Field
+    val fullTitle: String?
 ) : Record {
     constructor(bibleBook: BibleBook) : this(
-        usfm = bibleBook.usfm,
+        id = bibleBook.id,
         title = bibleBook.title,
         abbreviation = bibleBook.abbreviation,
         canon = bibleBook.canon,
-        chapters = bibleBook.chapters?.map { BibleChapterRecord(it) }
+        chapters = bibleBook.chapters?.map { BibleChapterRecord(it) },
+        fullTitle = bibleBook.fullTitle
     )
 }
 
@@ -131,18 +137,12 @@ data class BibleChapterRecord(
     @Field
     val id: String?,
     @Field
-    val bookUSFM: String?,
-    @Field
-    val isCanonical: Boolean?,
-    @Field
     val passageId: String?,
     @Field
     val title: String?
 ) : Record {
     constructor(bibleChapter: BibleChapter) : this(
         id = bibleChapter.id,
-        bookUSFM = bibleChapter.bookUSFM,
-        isCanonical = bibleChapter.isCanonical,
         passageId = bibleChapter.passageId,
         title = bibleChapter.title
     )

package/android/src/main/java/com/youversion/reactnativesdk/views/YVPBibleReaderView.kt

@@ -0,0 +1,55 @@
+package com.youversion.reactnativesdk.views
+
+import android.content.Context
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.MutableState
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.dp
+import expo.modules.kotlin.AppContext
+import expo.modules.kotlin.views.ComposeProps
+import expo.modules.kotlin.views.ExpoComposeView
+
+data class BibleReaderViewProps(
+    // Bible reference
+    val versionId: MutableState<Int?> = mutableStateOf(null),
+    val bookUSFM: MutableState<String?> = mutableStateOf(null),
+    val chapter: MutableState<Int?> = mutableStateOf(null),
+    val verse: MutableState<Int?> = mutableStateOf(null),
+    val verseStart: MutableState<Int?> = mutableStateOf(null),
+    val verseEnd: MutableState<Int?> = mutableStateOf(null),
+
+    val appName: MutableState<String?> = mutableStateOf(null),
+    val signInMessage: MutableState<String?> = mutableStateOf(null),
+    val hasReference: MutableState<Boolean?> = mutableStateOf(false),
+) : ComposeProps
+
+class YVPBibleReaderView(context: Context, appContext: AppContext) :
+    ExpoComposeView<BibleReaderViewProps>(context, appContext, withHostingView = true) {
+
+    override val props = BibleReaderViewProps()
+
+    @Composable
+    override fun Content(modifier: Modifier) {
+        // TODO: Replace with actual BibleReaderView composable when Kotlin SDK is ready
+        Box(
+            modifier = modifier
+                .fillMaxSize()
+                .padding(16.dp),
+            contentAlignment = Alignment.Center
+        ) {
+            Text(
+                text = "BibleReaderView placeholder\n" +
+                       "App: ${props.appName.value}\n" +
+                       "Reference: ${props.bookUSFM.value} ${props.chapter.value}",
+                color = Color.Gray
+            )
+        }
+    }
+}

package/android/src/main/java/com/youversion/reactnativesdk/views/YVPBibleTextView.kt

@@ -0,0 +1,60 @@
+package com.youversion.reactnativesdk.views
+
+import android.content.Context
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.MutableState
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.dp
+import expo.modules.kotlin.AppContext
+import expo.modules.kotlin.viewevent.EventDispatcher
+import expo.modules.kotlin.views.ComposeProps
+import expo.modules.kotlin.views.ExpoComposeView
+
+data class BibleTextViewProps(
+    // Styling
+    val fontFamily: MutableState<String?> = mutableStateOf(null),
+    val fontSize: MutableState<Float?> = mutableStateOf(16f),
+    val lineSpacing: MutableState<Float?> = mutableStateOf(null),
+    val paragraphSpacing: MutableState<Float?> = mutableStateOf(null),
+    val textColor: MutableState<Int?> = mutableStateOf(null),
+    val wocColor: MutableState<Int?> = mutableStateOf(null),
+    val footnoteMode: MutableState<String?> = mutableStateOf("none"),
+    val renderVerseNumbers: MutableState<Boolean?> = mutableStateOf(true),
+
+    // Bible reference
+    val versionId: MutableState<Int?> = mutableStateOf(null),
+    val bookUSFM: MutableState<String?> = mutableStateOf(null),
+    val chapter: MutableState<Int?> = mutableStateOf(null),
+    val verse: MutableState<Int?> = mutableStateOf(null),
+    val verseStart: MutableState<Int?> = mutableStateOf(null),
+    val verseEnd: MutableState<Int?> = mutableStateOf(null),
+) : ComposeProps
+
+class YVPBibleTextView(context: Context, appContext: AppContext) :
+    ExpoComposeView<BibleTextViewProps>(context, appContext, withHostingView = true) {
+
+    override val props = BibleTextViewProps()
+    private val onTap by EventDispatcher()
+
+    @Composable
+    override fun Content(modifier: Modifier) {
+        // TODO: Replace with actual BibleText composable when Kotlin SDK is ready
+        Box(
+            modifier = modifier
+                .fillMaxWidth()
+                .padding(16.dp)
+        ) {
+            Text(
+                text = "BibleTextView placeholder - versionId: ${props.versionId.value}, " +
+                       "book: ${props.bookUSFM.value}, chapter: ${props.chapter.value}",
+                color = Color.Gray
+            )
+        }
+    }
+}

package/android/src/main/java/com/youversion/reactnativesdk/views/YVPBibleWidgetView.kt

@@ -0,0 +1,60 @@
+package com.youversion.reactnativesdk.views
+
+import android.content.Context
+import androidx.compose.foundation.isSystemInDarkTheme
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.MutableState
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import expo.modules.kotlin.AppContext
+import expo.modules.kotlin.views.ComposeProps
+import expo.modules.kotlin.views.ExpoComposeView
+
+data class BibleWidgetViewProps(
+    // Bible reference
+    val versionId: MutableState<Int?> = mutableStateOf(null),
+    val bookUSFM: MutableState<String?> = mutableStateOf(null),
+    val chapter: MutableState<Int?> = mutableStateOf(null),
+    val verse: MutableState<Int?> = mutableStateOf(null),
+    val verseStart: MutableState<Int?> = mutableStateOf(null),
+    val verseEnd: MutableState<Int?> = mutableStateOf(null),
+
+    val fontSize: MutableState<Float?> = mutableStateOf(23f),
+    val colorScheme: MutableState<String?> = mutableStateOf(null),
+) : ComposeProps
+
+class YVPBibleWidgetView(context: Context, appContext: AppContext) :
+    ExpoComposeView<BibleWidgetViewProps>(context, appContext, withHostingView = true) {
+
+    override val props = BibleWidgetViewProps()
+
+    @Composable
+    override fun Content(modifier: Modifier) {
+        val isDark = when (props.colorScheme.value) {
+            "dark" -> true
+            "light" -> false
+            else -> isSystemInDarkTheme()
+        }
+
+        // TODO: Replace with actual BibleWidget composable when Kotlin SDK is ready
+        Box(
+            modifier = modifier
+                .fillMaxWidth()
+                .padding(16.dp)
+        ) {
+            Text(
+                text = "BibleWidgetView placeholder\n" +
+                       "${props.bookUSFM.value} ${props.chapter.value}:${props.verse.value ?: "${props.verseStart.value}-${props.verseEnd.value}"}",
+                color = if (isDark) Color.White else Color.DarkGray,
+                fontSize = (props.fontSize.value ?: 23f).sp
+            )
+        }
+    }
+}

package/android/src/main/java/com/youversion/reactnativesdk/views/YVPSignInWithYouVersionButton.kt

@@ -11,7 +11,6 @@ import com.youversion.platform.ui.views.SignInWithYouVersionButton
 import com.youversion.platform.ui.views.SignInWithYouVersionButtonDefaults
 import com.youversion.platform.ui.views.SignInWithYouVersionButtonMode
 import expo.modules.kotlin.AppContext
-import expo.modules.kotlin.viewevent.EventDispatcher
 import expo.modules.kotlin.views.AutoSizingComposable
 import expo.modules.kotlin.views.ComposeProps
 import expo.modules.kotlin.views.Direction
@@ -28,17 +27,17 @@ data class SignInWithYouVersionButtonProps(
 class YVPSignInWithYouVersionButton(context: Context, appContext: AppContext) :
     ExpoComposeView<SignInWithYouVersionButtonProps>(context, appContext, withHostingView = true) {
     override val props = SignInWithYouVersionButtonProps()
-    private val onTap by EventDispatcher()
+//    private val onTap by EventDispatcher()
 
     @Composable
     override fun Content(modifier: Modifier) {
         AutoSizingComposable(shadowNodeProxy, axis = EnumSet.of(Direction.HORIZONTAL, Direction.VERTICAL)) {
             SignInWithYouVersionButton(
-                onClick = { onTap(mapOf()) },
                 mode = mode(),
                 stroked = stroked(),
                 shape = shape(),
-                dark = isDark()
+                dark = isDark(),
+                permissions = { HashSet() }
             )
         }
     }

package/android/src/main/java/com/youversion/reactnativesdk/views/YVPVotdView.kt

@@ -0,0 +1,49 @@
+package com.youversion.reactnativesdk.views
+
+import android.content.Context
+import androidx.compose.foundation.isSystemInDarkTheme
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.MutableState
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.dp
+import expo.modules.kotlin.AppContext
+import expo.modules.kotlin.views.ComposeProps
+import expo.modules.kotlin.views.ExpoComposeView
+
+data class VotdViewProps(
+    val bibleVersionId: MutableState<Int?> = mutableStateOf(111),
+    val colorScheme: MutableState<String?> = mutableStateOf(null),
+) : ComposeProps
+
+class YVPVotdView(context: Context, appContext: AppContext) :
+    ExpoComposeView<VotdViewProps>(context, appContext, withHostingView = true) {
+
+    override val props = VotdViewProps()
+
+    @Composable
+    override fun Content(modifier: Modifier) {
+        val isDark = when (props.colorScheme.value) {
+            "dark" -> true
+            "light" -> false
+            else -> isSystemInDarkTheme()
+        }
+
+        // TODO: Replace with actual VerseOfTheDay composable when Kotlin SDK is ready
+        Box(
+            modifier = modifier
+                .fillMaxWidth()
+                .padding(16.dp)
+        ) {
+            Text(
+                text = "VotdView placeholder - versionId: ${props.bibleVersionId.value}",
+                color = if (isDark) Color.White else Color.DarkGray
+            )
+        }
+    }
+}

package/expo-module.config.json

@@ -14,7 +14,11 @@
   "android": {
     "modules": [
       "com.youversion.reactnativesdk.RNYouVersionPlatformModule",
-      "com.youversion.reactnativesdk.RNSignInWithYouVersionButtonModule"
+      "com.youversion.reactnativesdk.RNSignInWithYouVersionButtonModule",
+      "com.youversion.reactnativesdk.RNBibleTextViewModule",
+      "com.youversion.reactnativesdk.RNVotdViewModule",
+      "com.youversion.reactnativesdk.RNBibleReaderViewModule",
+      "com.youversion.reactnativesdk.RNBibleWidgetViewModule"
     ]
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@youversion/platform-react-native",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "React Native SDK for YouVersion Platform",
   "main": "build/index.js",
   "types": "build/index.d.ts",