feat: gluestack v2 (#129)

* feat: gluestack v2 ui

wip

* fix: tests pass things work

* fix: secure input layout

* fix: respect system theme

* fix: properly respect app theme

* feat: standard ui in gluestack

* fix: bug bot bug

Redundant theme loading on system color scheme change

The ThemeContext has two useEffect hooks that both trigger loadTheme()
when the system color scheme changes. The first effect at line 38-41
runs when loadTheme changes (which happens when systemColorScheme
changes due to the useCallback dependency). The third effect at line
55-58 also runs when systemColorScheme changes. Since loadTheme depends
on systemColorScheme in its useCallback dependency array, whenever the
system theme changes, both effects run causing loadTheme() to be called
twice. While functionally correct, this results in unnecessary duplicate
async calls to the native ThemeModule.getColorScheme().

* chore: code cleanup

* test: fix break

* fix: bug bot

* fix: cruft cleanup

* fix: alert icon

* fix: un wanted plugin drop

* fix: turns out we only need reanimated

it pulls in worklets

* ci: ccache react-native-worklets

* fix: action button

* fix: keep powersync specific stuff in metro.config

* fix: action buttons again

* test: fix

Author: williscool

android/app/src/main/java/com/github/quarck/calnotify/GlobalState.kt

@@ -33,6 +33,7 @@ import com.facebook.react.defaults.DefaultReactNativeHost
 import com.facebook.soloader.SoLoader
 import com.facebook.react.soloader.OpenSourceMergedSoMapping
 import com.github.quarck.calnotify.notification.NotificationChannels
+import com.github.quarck.calnotify.react.ThemePackage
 
 // This storage is wiped every time app is restarted. Only keep variables
 // that are instance-specific here
@@ -43,7 +44,7 @@ class GlobalState : Application(), ReactApplication {
     override val reactNativeHost: ReactNativeHost =
         object : DefaultReactNativeHost(this) {
             override fun getPackages(): List<ReactPackage> =
-                PackageList(this@GlobalState).packages
+                PackageList(this@GlobalState).packages + listOf(ThemePackage())
 
             override fun getJSMainModuleName(): String = "index"
 
@@ -67,8 +68,9 @@ class GlobalState : Application(), ReactApplication {
                 load()
             }
         }
-        // Always follow system theme
-        AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_FOLLOW_SYSTEM)
+        // Apply saved theme preference (defaults to follow system if not set)
+        val settings = Settings(this)
+        AppCompatDelegate.setDefaultNightMode(settings.themeMode)
         // Create notification channels (required for Android 8+, no-op on older versions)
         NotificationChannels.createChannels(this)
     }

android/app/src/main/java/com/github/quarck/calnotify/react/ThemeModule.kt

@@ -0,0 +1,63 @@
+// Copyright (C) 2025 William Harris (wharris+cnplus@upscalews.com)
+package com.github.quarck.calnotify.react
+
+import android.content.res.Configuration
+import androidx.appcompat.app.AppCompatDelegate
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.bridge.ReactContextBaseJavaModule
+import com.facebook.react.bridge.ReactMethod
+import com.facebook.react.bridge.Promise
+import com.facebook.react.modules.core.DeviceEventManagerModule
+import com.github.quarck.calnotify.Settings
+
+/**
+ * Native module to expose the app's theme setting to React Native.
+ * This allows React Native to respect the in-app theme choice (system/light/dark)
+ * rather than just reading the system theme.
+ */
+class ThemeModule(reactContext: ReactApplicationContext) : ReactContextBaseJavaModule(reactContext) {
+
+    override fun getName(): String = "ThemeModule"
+
+    /**
+     * Get the current effective color scheme based on the app's theme setting.
+     * Returns "light" or "dark".
+     */
+    @ReactMethod
+    fun getColorScheme(promise: Promise) {
+        try {
+            val context = reactApplicationContext
+            val settings = Settings(context)
+            val themeMode = settings.themeMode
+            
+            val colorScheme = when (themeMode) {
+                AppCompatDelegate.MODE_NIGHT_NO -> "light"
+                AppCompatDelegate.MODE_NIGHT_YES -> "dark"
+                else -> {
+                    // Follow system - check the actual current configuration
+                    val nightModeFlags = context.resources.configuration.uiMode and Configuration.UI_MODE_NIGHT_MASK
+                    if (nightModeFlags == Configuration.UI_MODE_NIGHT_YES) "dark" else "light"
+                }
+            }
+            
+            promise.resolve(colorScheme)
+        } catch (e: Exception) {
+            promise.reject("THEME_ERROR", e.message)
+        }
+    }
+
+    /**
+     * Get the raw theme mode setting.
+     * Returns: -1 = follow system, 1 = light, 2 = dark
+     */
+    @ReactMethod
+    fun getThemeMode(promise: Promise) {
+        try {
+            val settings = Settings(reactApplicationContext)
+            promise.resolve(settings.themeMode)
+        } catch (e: Exception) {
+            promise.reject("THEME_ERROR", e.message)
+        }
+    }
+}
+

android/app/src/main/java/com/github/quarck/calnotify/react/ThemePackage.kt

@@ -0,0 +1,21 @@
+// Copyright (C) 2025 William Harris (wharris+cnplus@upscalews.com)
+package com.github.quarck.calnotify.react
+
+import com.facebook.react.ReactPackage
+import com.facebook.react.bridge.NativeModule
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.uimanager.ViewManager
+
+/**
+ * React Native package that provides the ThemeModule.
+ */
+class ThemePackage : ReactPackage {
+    override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> {
+        return listOf(ThemeModule(reactContext))
+    }
+
+    override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
+        return emptyList()
+    }
+}
+