@thelacanians/vue-native-cli 0.4.4 → 0.4.5

package/dist/cli.js

@@ -10,7 +10,7 @@ import { join, dirname } from "path";
 import { fileURLToPath } from "url";
 import { existsSync } from "fs";
 import pc from "picocolors";
-var VERSION = "0.4.4";
+var VERSION = "0.4.5";
 var createCommand = new Command("create").description("Create a new Vue Native project").argument("<name>", "project name").option("-t, --template <template>", "project template (blank, tabs, drawer)", "blank").action(async (name, options) => {
   const template = options.template;
   if (!["blank", "tabs", "drawer"].includes(template)) {
@@ -226,12 +226,20 @@ class AppViewController: VueNativeViewController {
     const androidPkgPath = androidPkg.replace(/\./g, "/");
     const androidSrcDir = join(androidAppDir, "src", "main");
     const androidKotlinDir = join(androidSrcDir, "kotlin", androidPkgPath);
+    const androidResValuesDir = join(androidSrcDir, "res", "values");
+    const androidResXmlDir = join(androidSrcDir, "res", "xml");
+    const androidDebugResXmlDir = join(androidAppDir, "src", "debug", "res", "xml");
+    const androidGradleWrapperDir = join(androidDir, "gradle", "wrapper");
     await mkdir(androidKotlinDir, { recursive: true });
+    await mkdir(androidResValuesDir, { recursive: true });
+    await mkdir(androidResXmlDir, { recursive: true });
+    await mkdir(androidDebugResXmlDir, { recursive: true });
+    await mkdir(androidGradleWrapperDir, { recursive: true });
     await writeFile(join(androidDir, "build.gradle.kts"), `// Top-level build file
 plugins {
-    id("com.android.application") version "8.2.2" apply false
-    id("com.android.library") version "8.2.2" apply false
-    id("org.jetbrains.kotlin.android") version "1.9.22" apply false
+    id("com.android.application") version "8.7.3" apply false
+    id("com.android.library") version "8.7.3" apply false
+    id("org.jetbrains.kotlin.android") version "2.0.21" apply false
 }
 `);
     await writeFile(join(androidDir, "settings.gradle.kts"), `pluginManagement {
@@ -250,8 +258,8 @@ dependencyResolutionManagement {
         maven {
             url = uri("https://maven.pkg.github.com/abdul-hamid-achik/vue-native")
             credentials {
-                username = providers.gradleProperty("gpr.user").orNull ?: System.getenv("GITHUB_ACTOR")
-                password = providers.gradleProperty("gpr.key").orNull ?: System.getenv("GITHUB_TOKEN")
+                username = providers.gradleProperty("gpr.user").orNull ?: System.getenv("GITHUB_ACTOR") ?: ""
+                password = providers.gradleProperty("gpr.key").orNull ?: System.getenv("GITHUB_TOKEN") ?: ""
             }
         }
     }
@@ -267,19 +275,19 @@ include(":app")
 
 android {
     namespace = "${androidPkg}"
-    compileSdk = 34
+    compileSdk = 35
 
     defaultConfig {
         applicationId = "${androidPkg}"
-        minSdk = 21
-        targetSdk = 34
+        minSdk = 24
+        targetSdk = 35
         versionCode = 1
         versionName = "1.0"
     }
 
     buildTypes {
         release {
-            isMinifyEnabled = false
+            isMinifyEnabled = true
             proguardFiles(
                 getDefaultProguardFile("proguard-android-optimize.txt"),
                 "proguard-rules.pro"
@@ -287,6 +295,10 @@ android {
         }
     }
 
+    buildFeatures {
+        buildConfig = true
+    }
+
     compileOptions {
         sourceCompatibility = JavaVersion.VERSION_17
         targetCompatibility = JavaVersion.VERSION_17
@@ -299,7 +311,16 @@ android {
 
 dependencies {
     implementation("com.vuenative:core:${VERSION}")
+    implementation("androidx.appcompat:appcompat:1.7.0")
+    implementation("com.google.android.material:material:1.12.0")
+    implementation("androidx.core:core-ktx:1.15.0")
 }
+`);
+    await writeFile(join(androidAppDir, "proguard-rules.pro"), `# Vue Native
+-keep class com.vuenative.** { *; }
+
+# J2V8
+-keep class com.eclipsesource.v8.** { *; }
 `);
     await writeFile(join(androidSrcDir, "AndroidManifest.xml"), `<?xml version="1.0" encoding="utf-8"?>
 <manifest xmlns:android="http://schemas.android.com/apk/res/android">
@@ -307,13 +328,15 @@ dependencies {
 
     <application
         android:allowBackup="true"
-        android:label="${name}"
+        android:label="@string/app_name"
         android:supportsRtl="true"
-        android:theme="@style/Theme.AppCompat.Light.NoActionBar"
+        android:theme="@style/Theme.VueNative"
         android:networkSecurityConfig="@xml/network_security_config">
         <activity
             android:name=".MainActivity"
-            android:exported="true">
+            android:exported="true"
+            android:configChanges="orientation|screenSize|screenLayout|keyboardHidden|keyboard|locale|layoutDirection|fontScale|uiMode|density"
+            android:windowSoftInputMode="adjustResize">
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
                 <category android:name="android.intent.category.LAUNCHER" />
@@ -322,9 +345,30 @@ dependencies {
     </application>
 </manifest>
 `);
-    const androidResXmlDir = join(androidSrcDir, "res", "xml");
-    await mkdir(androidResXmlDir, { recursive: true });
+    await writeFile(join(androidResValuesDir, "strings.xml"), `<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <string name="app_name">${name}</string>
+</resources>
+`);
+    await writeFile(join(androidResValuesDir, "themes.xml"), `<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <style name="Theme.VueNative" parent="Theme.MaterialComponents.Light.NoActionBar">
+        <item name="colorPrimary">#4F46E5</item>
+        <item name="colorPrimaryVariant">#3730A3</item>
+        <item name="colorOnPrimary">#FFFFFF</item>
+        <item name="colorSecondary">#10B981</item>
+        <item name="colorSecondaryVariant">#059669</item>
+        <item name="colorOnSecondary">#FFFFFF</item>
+        <item name="android:statusBarColor">@android:color/transparent</item>
+    </style>
+</resources>
+`);
     await writeFile(join(androidResXmlDir, "network_security_config.xml"), `<?xml version="1.0" encoding="utf-8"?>
+<network-security-config>
+    <base-config cleartextTrafficPermitted="false" />
+</network-security-config>
+`);
+    await writeFile(join(androidDebugResXmlDir, "network_security_config.xml"), `<?xml version="1.0" encoding="utf-8"?>
 <network-security-config>
     <domain-config cleartextTrafficPermitted="true">
         <domain includeSubdomains="true">localhost</domain>
@@ -343,7 +387,7 @@ class MainActivity : VueNativeActivity() {
     }
 
     override fun getDevServerUrl(): String? {
-        return "ws://10.0.2.2:8174"
+        return if (BuildConfig.DEBUG) "ws://10.0.2.2:8174" else null
     }
 }
 `);
@@ -352,6 +396,13 @@ org.gradle.jvmargs=-Xmx2048m -Dfile.encoding=UTF-8
 android.useAndroidX=true
 kotlin.code.style=official
 android.nonTransitiveRClass=true
+`);
+    await writeFile(join(androidGradleWrapperDir, "gradle-wrapper.properties"), `distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+distributionUrl=https\\://services.gradle.org/distributions/gradle-8.11.1-bin.zip
+networkTimeout=10000
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists
 `);
     await writeFile(join(dir, "vue-native.config.ts"), `import { defineConfig } from '@thelacanians/vue-native-cli'
 
@@ -363,8 +414,8 @@ export default defineConfig({
     deploymentTarget: '16.0',
   },
   android: {
-    minSdk: 21,
-    targetSdk: 34,
+    minSdk: 24,
+    targetSdk: 35,
   },
 })
 `);
@@ -413,6 +464,8 @@ local.properties
     console.log(pc.white("  To run on iOS:"));
     console.log(pc.white("    vue-native run ios\n"));
     console.log(pc.white("  To run on Android:"));
+    console.log(pc.dim("    Open android/ in Android Studio, or run:"));
+    console.log(pc.dim("    cd android && gradle wrapper && cd .."));
     console.log(pc.white("    vue-native run android\n"));
   } catch (err) {
     console.error(pc.red(`Error creating project: ${err.message}`));

package/native/android/VueNativeCore/build.gradle.kts

@@ -6,11 +6,11 @@ plugins {
 
 android {
     namespace = "com.vuenative.core"
-    compileSdk = 34
+    compileSdk = 35
 
     defaultConfig {
         minSdk = 21
-        targetSdk = 34
+        targetSdk = 35
 
         testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
         consumerProguardFiles("consumer-rules.pro")
@@ -66,6 +66,12 @@ dependencies {
     // Kotlin Coroutines
     implementation("org.jetbrains.kotlinx:kotlinx-coroutines-android:1.7.3")
 
+    // Lifecycle Process (for ProcessLifecycleOwner)
+    implementation("androidx.lifecycle:lifecycle-process:2.7.0")
+
+    // WorkManager (for BackgroundTaskModule)
+    implementation("androidx.work:work-runtime-ktx:2.8.1")
+
     // Location (for GeolocationModule)
     implementation("com.google.android.gms:play-services-location:21.1.0")
 
@@ -74,6 +80,13 @@ dependencies {
 
     // Secure Storage (for SecureStorageModule)
     implementation("androidx.security:security-crypto:1.1.0-alpha06")
+
+    // Google Play Billing (for IAPModule)
+    implementation("com.android.billingclient:billing:7.0.0")
+
+    // Credential Manager + Google Identity (for SocialAuthModule)
+    implementation("androidx.credentials:credentials:1.2.2")
+    implementation("com.google.android.libraries.identity.googleid:googleid:1.1.1")
 }
 
 afterEvaluate {
@@ -82,7 +95,7 @@ afterEvaluate {
             create<MavenPublication>("release") {
                 groupId = "com.vuenative"
                 artifactId = "core"
-                version = "0.4.4"
+                version = "0.4.5"
                 from(components["release"])
             }
         }

package/native/android/VueNativeCore/src/main/kotlin/com/vuenative/core/Components/Factories/VListFactory.kt

@@ -157,7 +157,7 @@ class VListFactory : NativeComponentFactory {
     /**
      * Called when the parent view is being destroyed. Cleans up the RecyclerView.
      */
-    fun destroyView(view: View) {
+    override fun destroyView(view: View) {
         val rv = view as? RecyclerView ?: return
         cleanupRecyclerView(rv)
     }

package/native/android/VueNativeCore/src/main/kotlin/com/vuenative/core/Components/Factories/VModalFactory.kt

@@ -94,7 +94,7 @@ class VModalFactory : NativeComponentFactory {
      * Dismisses the dialog and clears all map entries that reference the view,
      * preventing memory leaks.
      */
-    fun destroyView(view: View) {
+    override fun destroyView(view: View) {
         dialogs[view]?.let { dialog ->
             if (dialog.isShowing) dialog.dismiss()
         }

package/native/android/VueNativeCore/src/main/kotlin/com/vuenative/core/Helpers/TouchableView.kt

@@ -14,7 +14,7 @@ import com.google.android.flexbox.JustifyContent
  * with configurable active opacity and support for press and long press events.
  * Mirrors the Swift TouchableView (UIView subclass) for Android.
  */
-class TouchableView(context: Context) : FlexboxLayout(context) {
+open class TouchableView(context: Context) : FlexboxLayout(context) {
 
     /** The opacity to apply when the user is pressing the view. */
     var activeOpacity: Float = 1.0f

package/native/android/VueNativeCore/src/main/kotlin/com/vuenative/core/Modules/AudioModule.kt

@@ -108,14 +108,14 @@ class AudioModule : NativeModule {
                 mp.setOnCompletionListener {
                     isPlaying = false
                     stopProgressReporting()
-                    bridge?.sendGlobalEvent("audio:complete", emptyMap())
+                    bridge?.dispatchGlobalEvent("audio:complete", emptyMap())
                 }
 
                 mp.setOnErrorListener { _, what, extra ->
                     isPlaying = false
                     stopProgressReporting()
                     val msg = "MediaPlayer error: what=$what extra=$extra"
-                    bridge?.sendGlobalEvent("audio:error", mapOf("message" to msg))
+                    bridge?.dispatchGlobalEvent("audio:error", mapOf("message" to msg))
                     true
                 }
 
@@ -179,7 +179,7 @@ class AudioModule : NativeModule {
             override fun run() {
                 val mp = player ?: return
                 if (isPlaying) {
-                    bridge?.sendGlobalEvent("audio:progress", mapOf(
+                    bridge?.dispatchGlobalEvent("audio:progress", mapOf(
                         "currentTime" to mp.currentPosition.toDouble() / 1000.0,
                         "duration" to mp.duration.toDouble() / 1000.0
                     ))

package/native/android/VueNativeCore/src/main/kotlin/com/vuenative/core/Modules/BluetoothModule.kt

@@ -90,7 +90,7 @@ class BluetoothModule : NativeModule {
             "getState" -> {
                 val state = when {
                     bluetoothAdapter == null -> "unsupported"
-                    !bluetoothAdapter!!.isEnabled -> "poweredOff"
+                    bluetoothAdapter?.isEnabled != true -> "poweredOff"
                     else -> "poweredOn"
                 }
                 callback(state, null)

package/native/android/VueNativeCore/src/main/kotlin/com/vuenative/core/Modules/IAPModule.kt

@@ -148,9 +148,9 @@ class IAPModule : NativeModule, PurchasesUpdatedListener {
         if (offerToken != null) {
             productBuilder.setOfferToken(offerToken)
         }
-        flowParamsBuilder.setProductList(listOf(productBuilder.build()))
+        flowParamsBuilder.setProductDetailsParamsList(listOf(productBuilder.build()))
 
-        val activity = bridge.activity ?: run {
+        val activity = (context as? android.app.Activity) ?: run {
             callback(null, "purchase: no activity available")
             pendingPurchaseCallback = null
             return
@@ -178,14 +178,14 @@ class IAPModule : NativeModule, PurchasesUpdatedListener {
                     acknowledgePurchase(purchase)
                     val info = mapOf(
                         "productId" to (purchase.products.firstOrNull() ?: ""),
-                        "transactionId" to purchase.orderId,
+                        "transactionId" to (purchase.orderId ?: ""),
                         "purchaseDate" to purchase.purchaseTime.toString(),
                     )
                     callback?.invoke(info, null)
-                    bridge?.emitGlobalEvent("iap:transactionUpdate", mapOf(
+                    bridge?.dispatchGlobalEvent("iap:transactionUpdate", mapOf(
                         "productId" to (purchase.products.firstOrNull() ?: ""),
                         "state" to "purchased",
-                        "transactionId" to purchase.orderId,
+                        "transactionId" to (purchase.orderId ?: ""),
                     ))
                 } else {
                     callback?.invoke(null, "purchase: no purchase returned")
@@ -193,7 +193,7 @@ class IAPModule : NativeModule, PurchasesUpdatedListener {
             }
             BillingClient.BillingResponseCode.USER_CANCELED -> {
                 callback?.invoke(null, "purchase: user cancelled")
-                bridge?.emitGlobalEvent("iap:transactionUpdate", mapOf(
+                bridge?.dispatchGlobalEvent("iap:transactionUpdate", mapOf(
                     "productId" to "",
                     "state" to "failed",
                     "error" to "user cancelled",
@@ -202,7 +202,7 @@ class IAPModule : NativeModule, PurchasesUpdatedListener {
             else -> {
                 val error = "purchase failed: ${result.debugMessage}"
                 callback?.invoke(null, error)
-                bridge?.emitGlobalEvent("iap:transactionUpdate", mapOf(
+                bridge?.dispatchGlobalEvent("iap:transactionUpdate", mapOf(
                     "productId" to "",
                     "state" to "failed",
                     "error" to error,
@@ -291,7 +291,7 @@ class IAPModule : NativeModule, PurchasesUpdatedListener {
 
     private fun purchaseToMap(purchase: Purchase): Map<String, Any?> = mapOf(
         "productId" to (purchase.products.firstOrNull() ?: ""),
-        "transactionId" to purchase.orderId,
+        "transactionId" to (purchase.orderId ?: ""),
         "purchaseDate" to purchase.purchaseTime.toString(),
     )
 

package/native/android/VueNativeCore/src/main/kotlin/com/vuenative/core/Modules/SocialAuthModule.kt

@@ -10,6 +10,9 @@ import androidx.credentials.*
 import androidx.credentials.exceptions.GetCredentialCancellationException
 import com.google.android.libraries.identity.googleid.GetGoogleIdOption
 import com.google.android.libraries.identity.googleid.GoogleIdTokenCredential
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.GlobalScope
+import kotlinx.coroutines.launch
 
 /**
  * Native module for social authentication (Google Sign In on Android).
@@ -62,10 +65,10 @@ class SocialAuthModule : NativeModule {
 
     private fun handleGoogleSignIn(clientId: String, callback: (Any?, String?) -> Unit) {
         val ctx = context ?: run { callback(null, "SocialAuth: no context"); return }
-        val activity = bridge?.activity
+        val activity = ctx as? Activity
 
         if (activity == null) {
-            callback(null, "signInWithGoogle: no activity available")
+            callback(null, "signInWithGoogle: no activity available (context is not an Activity)")
             return
         }
 
@@ -81,7 +84,7 @@ class SocialAuthModule : NativeModule {
             .build()
 
         mainHandler.post {
-            kotlinx.coroutines.GlobalScope.launch(kotlinx.coroutines.Dispatchers.Main) {
+            GlobalScope.launch(Dispatchers.Main) {
                 try {
                     val result = credentialManager.getCredential(activity, request)
                     val credential = result.credential

package/native/android/VueNativeCore/src/main/kotlin/com/vuenative/core/Styling/StyleEngine.kt

@@ -147,7 +147,7 @@ object StyleEngine {
             }
             "minWidth"  -> updateFlexProps(view) { fp -> fp.copy(minWidth = dpToPx(ctx, toFloat(value, 0f)).toInt()) }
             "minHeight" -> updateFlexProps(view) { fp -> fp.copy(minHeight = dpToPx(ctx, toFloat(value, 0f)).toInt()) }
-            "maxWidth"  -> view.post { view.maxWidth = dpToPx(ctx, toFloat(value, 0f)).toInt() }
+            "maxWidth"  -> updateFlexProps(view) { fp -> fp.copy(maxWidth = dpToPx(ctx, toFloat(value, 0f)).toInt()) }
 
             // --- Flex props (stored in FlexProps, applied when inserted) ---
             "flex" -> {
@@ -192,17 +192,14 @@ object StyleEngine {
             "gap" -> {
                 val px = dpToPx(ctx, toFloat(value, 0f)).toInt()
                 view.setTag(TAG_GAP, px)
-                (view as? FlexboxLayout)?.gap = px
             }
             "rowGap" -> {
                 val px = dpToPx(ctx, toFloat(value, 0f)).toInt()
                 view.setTag(TAG_GAP, px)
-                (view as? FlexboxLayout)?.rowGap = px
             }
             "columnGap" -> {
                 val px = dpToPx(ctx, toFloat(value, 0f)).toInt()
                 view.setTag(TAG_GAP, px)
-                (view as? FlexboxLayout)?.columnGap = px
             }
 
             // --- Position (absolute) ---
@@ -424,8 +421,8 @@ object StyleEngine {
                 tv.paintFlags = when (value) {
                     "underline"    -> tv.paintFlags or android.graphics.Paint.UNDERLINE_TEXT_FLAG
                     "line-through" -> tv.paintFlags or android.graphics.Paint.STRIKE_THRU_TEXT_FLAG
-                    "none"         -> tv.paintFlags and android.graphics.Paint.UNDERLINE_TEXT_FLAG.inv()
-                                               and android.graphics.Paint.STRIKE_THRU_TEXT_FLAG.inv()
+                    "none"         -> (tv.paintFlags and android.graphics.Paint.UNDERLINE_TEXT_FLAG.inv()
+                                               and android.graphics.Paint.STRIKE_THRU_TEXT_FLAG.inv())
                     else           -> tv.paintFlags
                 }
             }
@@ -467,6 +464,8 @@ object StyleEngine {
         val order: Int = 1,
         val minWidth: Int = 0,
         val minHeight: Int = 0,
+        val maxWidth: Int = Int.MAX_VALUE,
+        val maxHeight: Int = Int.MAX_VALUE,
     )
 
     fun getFlexProps(view: View): FlexProps =
@@ -501,9 +500,10 @@ object StyleEngine {
             order = fp.order
             minWidth = fp.minWidth
             minHeight = fp.minHeight
-            // Apply percentage dimensions when set (FlexboxLayout 3.x widthPercent/heightPercent)
-            if (fp.widthPercent >= 0f) widthPercent = fp.widthPercent
-            if (fp.heightPercent >= 0f) heightPercent = fp.heightPercent
+            maxWidth = fp.maxWidth
+            maxHeight = fp.maxHeight
+            // Percentage dimensions stored as tags for custom layout logic
+            // (FlexboxLayout.LayoutParams does not have widthPercent/heightPercent)
         }
     }
 
@@ -602,7 +602,7 @@ object StyleEngine {
     private fun parseFlexWrap(value: Any?) = when (value) {
         "wrap"         -> FlexWrap.WRAP
         "wrap-reverse" -> FlexWrap.WRAP_REVERSE
-        else           -> FlexWrap.NO_WRAP
+        else           -> FlexWrap.NOWRAP
     }
 
     private fun parseAlignItems(value: Any?) = when (value) {

package/native/ios/VueNativeCore/Sources/VueNativeCore/Bridge/CertificatePinning.swift

@@ -94,9 +94,13 @@ public final class CertificatePinning: NSObject, URLSessionDelegate {
 
         // Check each certificate in the chain against our pins
         let certCount = SecTrustGetCertificateCount(serverTrust)
+        guard let certChain = SecTrustCopyCertificateChain(serverTrust) as? [SecCertificate] else {
+            completionHandler(.cancelAuthenticationChallenge, nil)
+            return
+        }
         for i in 0..<certCount {
-            guard let cert = SecTrustCopyCertificateChain(serverTrust)?[i] else { continue }
-            guard let certificate = cert as? SecCertificate else { continue }
+            guard i < certChain.count else { continue }
+            let certificate = certChain[i]
             let spkiHash = sha256OfSPKI(for: certificate)
             if expectedPins.contains(spkiHash) {
                 completionHandler(.useCredential, URLCredential(trust: serverTrust))

package/native/ios/VueNativeCore/Sources/VueNativeCore/Bridge/ErrorOverlayView.swift

@@ -76,10 +76,7 @@ final class ErrorOverlayView: UIView {
 
     static func show(error: String) {
         DispatchQueue.main.async {
-            guard let window = UIApplication.shared.connectedScenes
-                .compactMap({ $0 as? UIWindowScene })
-                .flatMap({ $0.windows })
-                .first(where: { $0.isKeyWindow }) else { return }
+            guard let window = UIApplication.shared.vn_keyWindow else { return }
 
             // Remove any existing overlay
             window.subviews.compactMap { $0 as? ErrorOverlayView }.forEach { $0.removeFromSuperview() }

package/native/ios/VueNativeCore/Sources/VueNativeCore/Bridge/NativeBridge.swift

@@ -879,8 +879,23 @@ public final class NativeBridge {
 private final class TraitObserverView: UIView {
     var onChange: ((Bool) -> Void)?
 
+    override init(frame: CGRect) {
+        super.init(frame: frame)
+        if #available(iOS 17.0, *) {
+            registerForTraitChanges([UITraitUserInterfaceStyle.self]) { [weak self] (view: TraitObserverView, _: UITraitCollection) in
+                self?.onChange?(view.traitCollection.userInterfaceStyle == .dark)
+            }
+        }
+    }
+
+    required init?(coder: NSCoder) {
+        super.init(coder: coder)
+    }
+
+    // Fallback for iOS 16
     override func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?) {
         super.traitCollectionDidChange(previousTraitCollection)
+        if #available(iOS 17.0, *) { return }
         if traitCollection.hasDifferentColorAppearance(comparedTo: previousTraitCollection) {
             onChange?(traitCollection.userInterfaceStyle == .dark)
         }

package/native/ios/VueNativeCore/Sources/VueNativeCore/Components/Factories/VActionSheetFactory.swift

@@ -58,8 +58,7 @@ final class VActionSheetFactory: NativeComponentFactory {
             })
         }
 
-        guard let scene = UIApplication.shared.connectedScenes.first as? UIWindowScene,
-              let rootVC = scene.windows.first?.rootViewController else { return }
+        guard let rootVC = UIApplication.shared.vn_keyWindow?.rootViewController else { return }
         var top = rootVC
         while let p = top.presentedViewController { top = p }
 

package/native/ios/VueNativeCore/Sources/VueNativeCore/Components/Factories/VAlertDialogFactory.swift

@@ -140,8 +140,7 @@ final class VAlertDialogFactory: NativeComponentFactory {
         }
 
         // Find the topmost presented view controller to present from
-        guard let scene = UIApplication.shared.connectedScenes.first as? UIWindowScene,
-              let rootVC = scene.windows.first?.rootViewController else { return }
+        guard let rootVC = UIApplication.shared.vn_keyWindow?.rootViewController else { return }
         var topVC = rootVC
         while let presented = topVC.presentedViewController { topVC = presented }
         topVC.present(alert, animated: true)

package/native/ios/VueNativeCore/Sources/VueNativeCore/Components/Factories/VListFactory.swift

@@ -215,7 +215,7 @@ private final class VListInternalDelegate: NSObject,
 
 // MARK: - VListCell
 
-private final class VListCell: UITableViewCell {
+final class VListCell: UITableViewCell {
 
     private var currentView: UIView?
 

package/native/ios/VueNativeCore/Sources/VueNativeCore/Components/Factories/VModalFactory.swift

@@ -39,10 +39,7 @@ final class VModalFactory: NativeComponentFactory {
     }
 
     private func showOverlay(for placeholder: UIView) {
-        guard let window = UIApplication.shared.connectedScenes
-            .compactMap({ $0 as? UIWindowScene })
-            .flatMap({ $0.windows })
-            .first(where: { $0.isKeyWindow }) else { return }
+        guard let window = UIApplication.shared.vn_keyWindow else { return }
 
         // Get or create overlay
         let overlay: UIView

package/native/ios/VueNativeCore/Sources/VueNativeCore/Components/Factories/VSectionListFactory.swift

@@ -221,7 +221,7 @@ private final class VSectionListInternalDelegate: NSObject,
             return container?.estimatedItemHeight ?? 44
         }
         let h = container.sections[indexPath.section].itemViews[indexPath.row].frame.size.height
-        return h > 1 ? h : (container?.estimatedItemHeight ?? 44)
+        return h > 1 ? h : container.estimatedItemHeight
     }
 
     func scrollViewDidScroll(_ scrollView: UIScrollView) {

package/native/ios/VueNativeCore/Sources/VueNativeCore/Components/Factories/VVideoFactory.swift

@@ -5,6 +5,12 @@ import AVKit
 import FlexLayout
 import ObjectiveC
 
+// File-level keys used in non-isolated contexts (e.g. deinit).
+// Must live outside the @MainActor-isolated class so they can be
+// passed as `inout` without actor-isolation violations.
+private nonisolated(unsafe) var _timeObserverKey: UInt8 = 7
+private nonisolated(unsafe) var _endObserverKey: UInt8 = 9
+
 /// Factory for VVideo — the video playback component.
 /// Uses AVPlayer + AVPlayerLayer for inline video playback.
 final class VVideoFactory: NativeComponentFactory {
@@ -18,9 +24,7 @@ final class VVideoFactory: NativeComponentFactory {
     private static var onErrorKey: UInt8 = 4
     private static var onProgressKey: UInt8 = 5
     private static var playerKey: UInt8 = 6
-    private static var timeObserverKey: UInt8 = 7
     private static var statusObserverKey: UInt8 = 8
-    private static var endObserverKey: UInt8 = 9
 
     // MARK: - NativeComponentFactory
 
@@ -169,11 +173,11 @@ final class VVideoFactory: NativeComponentFactory {
                                payload: ["currentTime": currentTime, "duration": dur])
             }
         }
-        objc_setAssociatedObject(container, &VVideoFactory.timeObserverKey, timeObserver as AnyObject, .OBJC_ASSOCIATION_RETAIN_NONATOMIC)
+        objc_setAssociatedObject(container, &_timeObserverKey, timeObserver as AnyObject, .OBJC_ASSOCIATION_RETAIN_NONATOMIC)
 
         // End observer
         let endObserver = NotificationCenter.default.addObserver(
-            forName: .AVPlayerItemDidPlayToEndOfTime,
+            forName: .AVPlayerItemDidPlayToEndTime,
             object: playerItem,
             queue: .main
         ) { [weak container] _ in
@@ -184,20 +188,20 @@ final class VVideoFactory: NativeComponentFactory {
                 container.player?.play()
             }
         }
-        objc_setAssociatedObject(container, &VVideoFactory.endObserverKey, endObserver as AnyObject, .OBJC_ASSOCIATION_RETAIN_NONATOMIC)
+        objc_setAssociatedObject(container, &_endObserverKey, endObserver as AnyObject, .OBJC_ASSOCIATION_RETAIN_NONATOMIC)
     }
 
     private func cleanupPlayer(for container: VideoContainerView) {
         // Remove time observer
-        if let timeObserver = objc_getAssociatedObject(container, &VVideoFactory.timeObserverKey) {
+        if let timeObserver = objc_getAssociatedObject(container, &_timeObserverKey) {
             container.player?.removeTimeObserver(timeObserver)
-            objc_setAssociatedObject(container, &VVideoFactory.timeObserverKey, nil, .OBJC_ASSOCIATION_RETAIN_NONATOMIC)
+            objc_setAssociatedObject(container, &_timeObserverKey, nil, .OBJC_ASSOCIATION_RETAIN_NONATOMIC)
         }
 
         // Remove end observer
-        if let endObserver = objc_getAssociatedObject(container, &VVideoFactory.endObserverKey) {
+        if let endObserver = objc_getAssociatedObject(container, &_endObserverKey) {
             NotificationCenter.default.removeObserver(endObserver)
-            objc_setAssociatedObject(container, &VVideoFactory.endObserverKey, nil, .OBJC_ASSOCIATION_RETAIN_NONATOMIC)
+            objc_setAssociatedObject(container, &_endObserverKey, nil, .OBJC_ASSOCIATION_RETAIN_NONATOMIC)
         }
 
         // Remove status observer
@@ -232,10 +236,10 @@ private class VideoContainerView: UIView {
 
     deinit {
         // Clean up player resources
-        if let timeObserver = objc_getAssociatedObject(self, &VVideoFactory.timeObserverKey) {
+        if let timeObserver = objc_getAssociatedObject(self, &_timeObserverKey) {
             player?.removeTimeObserver(timeObserver)
         }
-        if let endObserver = objc_getAssociatedObject(self, &VVideoFactory.endObserverKey) {
+        if let endObserver = objc_getAssociatedObject(self, &_endObserverKey) {
             NotificationCenter.default.removeObserver(endObserver)
         }
         player?.pause()

package/native/ios/VueNativeCore/Sources/VueNativeCore/Components/Factories/VWebViewFactory.swift

@@ -12,9 +12,11 @@ import FlexLayout
 final class VWebViewFactory: NativeComponentFactory {
 
     // fileprivate so the inner delegate/handler classes in this file can access them.
-    fileprivate static var onLoadKey:    UInt8 = 0
-    fileprivate static var onErrorKey:   UInt8 = 1
-    fileprivate static var onMessageKey: UInt8 = 2
+    // nonisolated(unsafe) allows usage from non-isolated contexts (WKNavigationDelegate,
+    // WKScriptMessageHandler callbacks) without actor-isolation errors.
+    nonisolated(unsafe) fileprivate static var onLoadKey:    UInt8 = 0
+    nonisolated(unsafe) fileprivate static var onErrorKey:   UInt8 = 1
+    nonisolated(unsafe) fileprivate static var onMessageKey: UInt8 = 2
     fileprivate static var delegateKey:  UInt8 = 3
     fileprivate static var msgHandlerKey: UInt8 = 4
 

package/native/ios/VueNativeCore/Sources/VueNativeCore/Helpers/Extensions.swift

@@ -0,0 +1,31 @@
+#if canImport(UIKit)
+import UIKit
+
+// MARK: - Safe array subscript
+
+extension Array {
+    subscript(safe index: Int) -> Element? {
+        indices.contains(index) ? self[index] : nil
+    }
+}
+
+// MARK: - Key window helper (avoids deprecated UIWindowScene.windows)
+
+extension UIApplication {
+    /// Returns the key window from the first foreground-active window scene.
+    var vn_keyWindow: UIWindow? {
+        connectedScenes
+            .compactMap { $0 as? UIWindowScene }
+            .compactMap { $0.keyWindow }
+            .first
+    }
+
+    /// Returns the topmost presented view controller.
+    var vn_topViewController: UIViewController? {
+        guard let root = vn_keyWindow?.rootViewController else { return nil }
+        var top = root
+        while let presented = top.presentedViewController { top = presented }
+        return top
+    }
+}
+#endif

package/native/ios/VueNativeCore/Sources/VueNativeCore/Helpers/TouchableView.swift

@@ -3,7 +3,7 @@ import UIKit
 
 /// Custom UIView subclass that provides button-like touch behavior
 /// with configurable active opacity and support for press and long press events.
-final class TouchableView: UIView {
+class TouchableView: UIView {
 
     // MARK: - Public properties
 

package/native/ios/VueNativeCore/Sources/VueNativeCore/Modules/AnimationModule.swift

@@ -280,12 +280,4 @@ final class AnimationModule: NativeModule {
     }
 }
 
-// MARK: - Array safe subscript
-
-private extension Array {
-    subscript(safe index: Int) -> Element? {
-        guard index >= 0 && index < count else { return nil }
-        return self[index]
-    }
-}
 #endif

package/native/ios/VueNativeCore/Sources/VueNativeCore/Modules/AppStateModule.swift

@@ -1,43 +1,37 @@
 #if canImport(UIKit)
 import UIKit
 
-final class AppStateModule: NativeModule {
+final class AppStateModule: NSObject, NativeModule {
     var moduleName: String { "AppState" }
     private weak var bridge: NativeBridge?
+    private var observers: [NSObjectProtocol] = []
 
     init(bridge: NativeBridge) {
         self.bridge = bridge
+        super.init()
         setupObservers()
     }
 
     private func setupObservers() {
-        NotificationCenter.default.addObserver(self, selector: #selector(didBecomeActive),
-            name: UIApplication.didBecomeActiveNotification, object: nil)
-        NotificationCenter.default.addObserver(self, selector: #selector(willResignActive),
-            name: UIApplication.willResignActiveNotification, object: nil)
-        NotificationCenter.default.addObserver(self, selector: #selector(didEnterBackground),
-            name: UIApplication.didEnterBackgroundNotification, object: nil)
+        observers.append(NotificationCenter.default.addObserver(
+            forName: UIApplication.didBecomeActiveNotification, object: nil, queue: .main
+        ) { [weak self] _ in
+            self?.bridge?.dispatchGlobalEvent("appState:change", payload: ["state": "active"])
+        })
+        observers.append(NotificationCenter.default.addObserver(
+            forName: UIApplication.willResignActiveNotification, object: nil, queue: .main
+        ) { [weak self] _ in
+            self?.bridge?.dispatchGlobalEvent("appState:change", payload: ["state": "inactive"])
+        })
+        observers.append(NotificationCenter.default.addObserver(
+            forName: UIApplication.didEnterBackgroundNotification, object: nil, queue: .main
+        ) { [weak self] _ in
+            self?.bridge?.dispatchGlobalEvent("appState:change", payload: ["state": "background"])
+        })
     }
 
-    @objc private func didBecomeActive() {
-        let bridge = bridge
-        DispatchQueue.main.async {
-            bridge?.dispatchGlobalEvent("appState:change", payload: ["state": "active"])
-        }
-    }
-
-    @objc private func willResignActive() {
-        let bridge = bridge
-        DispatchQueue.main.async {
-            bridge?.dispatchGlobalEvent("appState:change", payload: ["state": "inactive"])
-        }
-    }
-
-    @objc private func didEnterBackground() {
-        let bridge = bridge
-        DispatchQueue.main.async {
-            bridge?.dispatchGlobalEvent("appState:change", payload: ["state": "background"])
-        }
+    deinit {
+        observers.forEach { NotificationCenter.default.removeObserver($0) }
     }
 
     func invoke(method: String, args: [Any], callback: @escaping (Any?, String?) -> Void) {

package/native/ios/VueNativeCore/Sources/VueNativeCore/Modules/AudioModule.swift

@@ -17,11 +17,11 @@ import AVFoundation
 ///   - resumeRecording()                    -- resume recording
 ///   - getStatus()                          -- returns current playback status
 ///
-/// Events (via bridge.sendGlobalEvent):
+/// Events (via bridge.dispatchGlobalEvent):
 ///   - audio:progress { currentTime, duration }
 ///   - audio:complete {}
 ///   - audio:error { message }
-final class AudioModule: NativeModule {
+final class AudioModule: NSObject, NativeModule {
     let moduleName = "Audio"
 
     private var player: AVAudioPlayer?
@@ -116,7 +116,7 @@ final class AudioModule: NativeModule {
                 guard let self = self else { return }
                 if let error = error {
                     callback(nil, "Failed to download audio: \(error.localizedDescription)")
-                    self.bridge?.sendGlobalEvent("audio:error", payload: ["message": error.localizedDescription])
+                    self.bridge?.dispatchGlobalEvent("audio:error", payload: ["message": error.localizedDescription])
                     return
                 }
                 guard let data = data else {
@@ -153,7 +153,9 @@ final class AudioModule: NativeModule {
             guard let self = self else { return }
             self.isPlaying = false
             self.stopProgressReporting()
-            self.bridge?.sendGlobalEvent("audio:complete", payload: [:])
+            DispatchQueue.main.async { [weak self] in
+                self?.bridge?.dispatchGlobalEvent("audio:complete", payload: [:])
+            }
         }
         player.delegate = delegate
         self.playerDelegate = delegate
@@ -233,10 +235,13 @@ final class AudioModule: NativeModule {
 
     @objc private func reportProgress() {
         guard let player = player, isPlaying else { return }
-        bridge?.sendGlobalEvent("audio:progress", payload: [
-            "currentTime": player.currentTime,
-            "duration": player.duration,
-        ])
+        DispatchQueue.main.async { [weak self] in
+            guard let self = self, let player = self.player else { return }
+            self.bridge?.dispatchGlobalEvent("audio:progress", payload: [
+                "currentTime": player.currentTime,
+                "duration": player.duration,
+            ])
+        }
     }
 
     // MARK: - Recording

package/native/ios/VueNativeCore/Sources/VueNativeCore/Modules/BackgroundTaskModule.swift

@@ -44,7 +44,7 @@ final class BackgroundTaskModule: NativeModule {
                 callback(nil, "cancelTask: missing taskId")
                 return
             }
-            BGTaskScheduler.shared.cancel(taskIdentifier: taskId)
+            BGTaskScheduler.shared.cancel(taskRequestWithIdentifier: taskId)
             callback(nil, nil)
 
         case "cancelAllTasks":

package/native/ios/VueNativeCore/Sources/VueNativeCore/Modules/BluetoothModule.swift

@@ -115,14 +115,6 @@ final class BluetoothModule: NativeModule {
     func invokeSync(method: String, args: [Any]) -> Any? { nil }
 }
 
-// MARK: - Safe array subscript
-
-private extension Array {
-    subscript(safe index: Int) -> Element? {
-        indices.contains(index) ? self[index] : nil
-    }
-}
-
 // MARK: - BLE Manager
 
 @MainActor

package/native/ios/VueNativeCore/Sources/VueNativeCore/Modules/CalendarModule.swift

@@ -151,11 +151,4 @@ final class CalendarModule: NativeModule {
     }
 }
 
-// MARK: - Safe array subscript (shared)
-
-private extension Array {
-    subscript(safe index: Int) -> Element? {
-        indices.contains(index) ? self[index] : nil
-    }
-}
 #endif

package/native/ios/VueNativeCore/Sources/VueNativeCore/Modules/CameraModule.swift

@@ -178,13 +178,7 @@ final class CameraModule: NativeModule {
     // MARK: - Helpers
 
     private func topViewController() -> UIViewController? {
-        guard let scene = UIApplication.shared.connectedScenes.first(where: { $0.activationState == .foregroundActive }) as? UIWindowScene,
-              let root = scene.windows.first(where: { $0.isKeyWindow })?.rootViewController else {
-            return nil
-        }
-        var top = root
-        while let presented = top.presentedViewController { top = presented }
-        return top
+        return UIApplication.shared.vn_topViewController
     }
 
     private static var delegateKey: UInt8 = 0
@@ -271,16 +265,19 @@ private final class QRScanDelegate: NSObject, AVCaptureMetadataOutputObjectsDele
               let data = readable.stringValue else { return }
 
         let bounds = readable.bounds
-        bridge?.dispatchGlobalEvent("camera:qrDetected", payload: [
-            "data": data,
-            "type": readable.type.rawValue,
-            "bounds": [
-                "x": bounds.origin.x,
-                "y": bounds.origin.y,
-                "width": bounds.size.width,
-                "height": bounds.size.height,
-            ],
-        ])
+        let type = readable.type.rawValue
+        DispatchQueue.main.async { [weak self] in
+            self?.bridge?.dispatchGlobalEvent("camera:qrDetected", payload: [
+                "data": data,
+                "type": type,
+                "bounds": [
+                    "x": bounds.origin.x,
+                    "y": bounds.origin.y,
+                    "width": bounds.size.width,
+                    "height": bounds.size.height,
+                ],
+            ])
+        }
     }
 }
 

package/native/ios/VueNativeCore/Sources/VueNativeCore/Modules/IAPModule.swift

@@ -154,7 +154,7 @@ final class IAPModule: NativeModule {
                         "transactionId": String(transaction.id),
                     ]
                     await MainActor.run {
-                        self.bridge?.emitGlobalEvent("iap:transactionUpdate", payload: payload)
+                        self.bridge?.dispatchGlobalEvent("iap:transactionUpdate", payload: payload)
                     }
                 } catch {
                     let payload: [String: Any] = [
@@ -163,7 +163,7 @@ final class IAPModule: NativeModule {
                         "error": error.localizedDescription,
                     ]
                     await MainActor.run {
-                        self.bridge?.emitGlobalEvent("iap:transactionUpdate", payload: payload)
+                        self.bridge?.dispatchGlobalEvent("iap:transactionUpdate", payload: payload)
                     }
                 }
             }

package/native/ios/VueNativeCore/Sources/VueNativeCore/Modules/PerformanceModule.swift

@@ -4,7 +4,7 @@ import UIKit
 /// Native module for performance profiling.
 /// Tracks FPS via CADisplayLink, memory usage via task_info, and bridge operation counts.
 /// Dispatches `perf:metrics` global events every 1 second while profiling is active.
-final class PerformanceModule: NativeModule {
+final class PerformanceModule: NSObject, NativeModule {
 
     let moduleName = "Performance"
 
@@ -25,6 +25,7 @@ final class PerformanceModule: NativeModule {
 
     init(bridge: NativeBridge) {
         self.bridge = bridge
+        super.init()
     }
 
     func invoke(method: String, args: [Any], callback: @escaping (Any?, String?) -> Void) {
@@ -116,7 +117,9 @@ final class PerformanceModule: NativeModule {
         guard isProfiling else { return }
         bridgeOpsCount += 1 // Count the metrics dispatch itself
         let metrics = collectMetrics()
-        bridge?.dispatchGlobalEvent("perf:metrics", payload: metrics)
+        DispatchQueue.main.async { [weak self] in
+            self?.bridge?.dispatchGlobalEvent("perf:metrics", payload: metrics)
+        }
     }
 
     // MARK: - Memory measurement

package/native/ios/VueNativeCore/Sources/VueNativeCore/Modules/ShareModule.swift

@@ -18,8 +18,7 @@ final class ShareModule: NativeModule {
 
             DispatchQueue.main.async {
                 let vc = UIActivityViewController(activityItems: items, applicationActivities: nil)
-                if let windowScene = UIApplication.shared.connectedScenes.first as? UIWindowScene,
-                   let rootVC = windowScene.windows.first?.rootViewController {
+                if let rootVC = UIApplication.shared.vn_keyWindow?.rootViewController {
                     // iPad popover support
                     if let popover = vc.popoverPresentationController {
                         popover.sourceView = rootVC.view

package/native/ios/VueNativeCore/Sources/VueNativeCore/Modules/SocialAuthModule.swift

@@ -114,9 +114,7 @@ final class SocialAuthModule: NSObject, NativeModule, ASAuthorizationControllerD
     }
 
     func presentationAnchor(for controller: ASAuthorizationController) -> ASPresentationAnchor {
-        return UIApplication.shared.connectedScenes
-            .compactMap { $0 as? UIWindowScene }
-            .first?.windows.first { $0.isKeyWindow } ?? UIWindow()
+        return UIApplication.shared.vn_keyWindow ?? UIWindow()
     }
 
     // MARK: - Google Sign In (URL-based OAuth)
@@ -164,10 +162,11 @@ final class SocialAuthModule: NSObject, NativeModule, ASAuthorizationControllerD
 
             session.prefersEphemeralWebBrowserSession = false
 
-            // Find the presentation anchor
-            if let windowScene = UIApplication.shared.connectedScenes.first as? UIWindowScene,
-               let window = windowScene.windows.first {
-                session.presentationContextProvider = window.rootViewController as? ASWebAuthenticationPresentationContextProviding
+            // Provide a proper presentation context for the auth session
+            if let window = UIApplication.shared.vn_keyWindow {
+                let provider = WebAuthContextProvider(window: window)
+                objc_setAssociatedObject(session, &SocialAuthModule.webAuthProviderKey, provider, .OBJC_ASSOCIATION_RETAIN_NONATOMIC)
+                session.presentationContextProvider = provider
             }
 
             session.start()
@@ -227,14 +226,31 @@ final class SocialAuthModule: NSObject, NativeModule, ASAuthorizationControllerD
             queue: .main
         ) { [weak self] _ in
             UserDefaults.standard.removeObject(forKey: "vn_apple_userId")
-            self?.bridge?.emitGlobalEvent("auth:appleCredentialRevoked", payload: [:])
+            self?.bridge?.dispatchGlobalEvent("auth:appleCredentialRevoked", payload: [:])
         }
     }
 
+    private static var webAuthProviderKey: UInt8 = 0
+
     deinit {
         if let observer = credentialObserver {
             NotificationCenter.default.removeObserver(observer)
         }
     }
 }
+
+// MARK: - ASWebAuthenticationSession presentation context
+
+private final class WebAuthContextProvider: NSObject, ASWebAuthenticationPresentationContextProviding {
+    private let window: UIWindow
+
+    init(window: UIWindow) {
+        self.window = window
+        super.init()
+    }
+
+    func presentationAnchor(for session: ASWebAuthenticationSession) -> ASPresentationAnchor {
+        return window
+    }
+}
 #endif

package/native/ios/VueNativeCore/Sources/VueNativeCore/Styling/StyleEngine.swift

@@ -495,9 +495,9 @@ enum StyleEngine {
         case "direction":
             if let str = value as? String {
                 switch str {
-                case "ltr": flex.direction(.LTR)
-                case "rtl": flex.direction(.RTL)
-                case "inherit": flex.direction(.inherit)
+                case "ltr": flex.layoutDirection(.ltr)
+                case "rtl": flex.layoutDirection(.rtl)
+                case "inherit": flex.layoutDirection(.inherit)
                 default: break
                 }
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thelacanians/vue-native-cli",
-  "version": "0.4.4",
+  "version": "0.4.5",
   "description": "CLI for creating and running Vue Native apps",
   "license": "MIT",
   "author": "Vue Native Contributors",