@rentlydev/rently-tuya 0.1.0

package/android/src/main/java/com/rentlytuya/dashboard/NavController.kt

@@ -0,0 +1,358 @@
+package com.rentlytuya.dashboard
+
+import android.app.Activity
+import android.content.res.Configuration
+import android.os.Build
+import android.util.Log
+import androidx.compose.animation.EnterTransition
+import androidx.compose.animation.ExitTransition
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxHeight
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.material3.IconButton
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.MutableState
+import androidx.compose.runtime.mutableIntStateOf
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.rememberCoroutineScope
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.ColorFilter
+import androidx.compose.ui.platform.LocalConfiguration
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.dp
+import androidx.navigation.NavController
+import androidx.navigation.NavHostController
+import androidx.navigation.compose.NavHost
+import androidx.navigation.compose.composable
+import com.facebook.react.ReactApplication
+import com.rentlytuya.R
+import com.rentlytuya.components.Label
+import com.rentlytuya.components.LoadingIndicator
+import com.rentlytuya.tuya.DefaultSettings
+import com.rentlytuya.tuya.Playback
+import com.rentlytuya.tuya.Settings
+import com.rentlytuya.tuya.Tuya
+import com.rentlytuya.tuya.Tuya.TAG
+import com.rentlytuya.tuya.Tuya.isDefaultSettingsUpdated
+import com.rentlytuya.tuya.Tuya.isResident
+import com.rentlytuya.ui.theme.LocalColor
+import com.rentlytuya.util.DateUtil.isNotNull
+import com.rentlytuya.util.Heap
+import com.rentlytuya.util.Util.strings
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.launch
+
+@Composable
+fun NavController(
+  navController: NavHostController
+) {
+  val scope = rememberCoroutineScope()
+  val activity = LocalContext.current as Activity
+
+  val reactContext = (LocalContext.current.applicationContext as ReactApplication)
+    .reactNativeHost.reactInstanceManager.currentReactContext
+
+  val currentDestination = remember { mutableStateOf("Dashboard") }
+  val deviceName = remember { mutableStateOf("Doorbell") }
+
+  val isOnline = remember { mutableStateOf(false) }
+  val isMuted = remember { mutableStateOf(true) }
+  val isRecording = remember { mutableStateOf(false) }
+  val isSettings = remember { mutableStateOf(false) }
+  val isAdvancedSettings = remember { mutableStateOf(false) }
+  val isStorageSettings = remember { mutableStateOf(false) }
+  val isDatePickerVisible = remember { mutableStateOf(false) }
+  val isMessagesDatePickerVisible = remember { mutableStateOf(false) }
+  val isLoading = remember { mutableStateOf(false) }
+
+  // Settings
+  val isWaterMarkEnabled = remember { mutableStateOf(false) }
+  val isFlipEnabled = remember { mutableStateOf(false) }
+  val isAntiDismantlingAlarmEnabled = remember { mutableStateOf(false) }
+  val nightVisionLevel = remember { mutableStateOf("0") }
+  val isMotionDetectionEnabled = remember { mutableStateOf(false) }
+  val motionSensitivityLevel = remember { mutableStateOf("0") }
+  val aosuMotionSensitivityLevel = remember { mutableStateOf("1") }
+  val isPIRDetectionEnabled = remember { mutableStateOf(false) }
+  val pirSensitivityLevel = remember { mutableIntStateOf(0) }
+  val storageFunctionType = remember { mutableIntStateOf(1) }
+  val isSDCardRecordingEnabled = remember { mutableStateOf(false) }
+  val sdCardRecordingType = remember { mutableStateOf("1") }
+  val chimeType = remember { mutableStateOf("0") }
+  val powerSource = remember { mutableStateOf("0") }
+  val batteryPercentage = remember { mutableIntStateOf(0) }
+  val totalStorageCapacity = remember { mutableStateOf("0.0") }
+  val usedStorage = remember { mutableStateOf("0.0") }
+  val remainingStorageCapacity = remember { mutableStateOf("0.0") }
+
+  val configuration = LocalConfiguration.current
+
+  LaunchedEffect(Unit) {
+    Tuya.getDeviceName(
+      setDeviceName = { value ->
+        deviceName.value = value
+      })
+  }
+
+  LaunchedEffect(isOnline.value) {
+    if (isOnline.value) {
+      if (!isDefaultSettingsUpdated && isResident && reactContext.isNotNull()) {
+        DefaultSettings.updateDoorbellSettings(reactContext)
+      }
+    }
+  }
+
+  Column(modifier = Modifier.fillMaxSize()) {
+
+    if (configuration.orientation == Configuration.ORIENTATION_PORTRAIT ||
+      (configuration.orientation == Configuration.ORIENTATION_LANDSCAPE &&
+        currentDestination.value != "Dashboard" && currentDestination.value != "Playback" && currentDestination.value != "Messages")
+    ) {
+      TopBar(
+        title = when {
+          isAdvancedSettings.value -> strings(id = R.string.advancedSettings)
+          isStorageSettings.value -> strings(id = R.string.sdCard)
+          currentDestination.value == "Dashboard" -> deviceName.value
+          else -> currentDestination.value
+        },
+        onTrailingIconClick = {
+          when (currentDestination.value) {
+            "Playback" -> isDatePickerVisible.value = true
+            "Messages" -> isMessagesDatePickerVisible.value = true
+            else -> {
+              isSettings.value = true
+              navController.navigate("Settings")
+            }
+          }
+        },
+        onBack = {
+          handleBackNavigation(
+            navController = navController,
+            isAdvancedSettings = isAdvancedSettings,
+            isStorageSettings = isStorageSettings,
+            isSettings = isSettings,
+            currentDestination = currentDestination,
+            activity = activity,
+            scope = scope,
+            isLoading = isLoading
+          )
+        }
+      )
+    }
+
+    LaunchedEffect(Unit) {
+      val listener =
+        NavController.OnDestinationChangedListener { _, destination, _ ->
+          currentDestination.value = destination.route ?: "Dashboard"
+        }
+      navController.addOnDestinationChangedListener(listener)
+    }
+
+    LaunchedEffect(Unit) {
+      Settings.initializeSettings(
+        isWaterMarkEnabled = isWaterMarkEnabled,
+        isFlipEnabled = isFlipEnabled,
+        isAntiDismantlingAlarmEnabled = isAntiDismantlingAlarmEnabled,
+        nightVisionLevel = nightVisionLevel,
+        isMotionDetectionEnabled = isMotionDetectionEnabled,
+        motionSensitivityLevel = motionSensitivityLevel,
+        aosuMotionSensitivityLevel = aosuMotionSensitivityLevel,
+        isPIRDetectionEnabled = isPIRDetectionEnabled,
+        pirSensitivityLevel = pirSensitivityLevel,
+        storageFunctionType = storageFunctionType,
+        isSDCardRecordingEnabled = isSDCardRecordingEnabled,
+        sdCardRecordingType = sdCardRecordingType,
+        chimeType = chimeType,
+        powerSource = powerSource,
+        batteryPercentage = batteryPercentage,
+        totalStorageCapacity = totalStorageCapacity,
+        usedStorage = usedStorage,
+        remainingStorageCapacity = remainingStorageCapacity
+      )
+    }
+
+    NavHost(
+      navController = navController,
+      startDestination = "Dashboard",
+      modifier = Modifier.fillMaxSize(),
+      enterTransition = { EnterTransition.None },
+      exitTransition = { ExitTransition.None }
+    ) {
+      composable("Dashboard") {
+        if (isLoading.value) {
+          LoadingIndicator(title = strings(id = R.string.closingConnection))
+        }
+        Heap.trackEvent(eventName = "Dashboard Screen")
+        Dashboard(
+          modifier = Modifier.weight(if (!isSettings.value) 0.7f else 1f),
+          navController = navController,
+          isMuted = isMuted,
+          isOnline = isOnline,
+          isRecording = isRecording,
+          powerSource = powerSource,
+          batteryPercentage = batteryPercentage
+        )
+      }
+      composable("Playback") {
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
+          Heap.trackEvent(eventName = "Playback Screen")
+          Playback(
+            isMuted = isMuted,
+            isSettings = isSettings,
+            isDatePickerVisible = isDatePickerVisible,
+            navController = navController
+          )
+        }
+      }
+      composable("Messages") {
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
+          Heap.trackEvent(eventName = "Messages Screen")
+          Messages(
+            isSettings = isSettings,
+            isDatePickerVisible = isMessagesDatePickerVisible,
+            navController = navController
+          )
+        }
+      }
+      composable("Settings") {
+        Heap.trackEvent(eventName = "Settings Screen")
+        DoorbellSettings(
+          isSettings = isSettings,
+          isStorageSettings = isStorageSettings,
+          isAdvancedSettings = isAdvancedSettings,
+          navController = navController,
+          isWaterMarkEnabled = isWaterMarkEnabled,
+          isFlipEnabled = isFlipEnabled,
+          isAntiDismantlingAlarmEnabled = isAntiDismantlingAlarmEnabled,
+          nightVisionLevel = nightVisionLevel,
+          isMotionDetectionEnabled = isMotionDetectionEnabled,
+          motionSensitivityLevel = motionSensitivityLevel,
+          aosuMotionSensitivityLevel = aosuMotionSensitivityLevel,
+          isPIRDetectionEnabled = isPIRDetectionEnabled,
+          pirSensitivityLevel = pirSensitivityLevel,
+          storageFunctionType = storageFunctionType,
+          isSDCardRecordingEnabled = isSDCardRecordingEnabled,
+          sdCardRecordingType = sdCardRecordingType,
+          chimeType = chimeType,
+          powerSource = powerSource,
+          batteryPercentage = batteryPercentage,
+          totalStorageCapacity = totalStorageCapacity,
+          usedStorage = usedStorage,
+          remainingStorageCapacity = remainingStorageCapacity
+        )
+      }
+    }
+  }
+}
+
+@Composable
+fun TopBar(
+  title: String,
+  onBack: () -> Unit = {},
+  onTrailingIconClick: () -> Unit = {}
+) {
+
+  val isSpecialTitle = title in listOf("Settings", "Messages", "Advanced Settings", "SD Card")
+
+  Box(
+    modifier = Modifier
+      .fillMaxWidth()
+      .fillMaxHeight(0.075f)
+      .background(if (isSpecialTitle) LocalColor.Main.Light else LocalColor.Monochrome.Grey)
+  ) {
+    IconButton(
+      modifier = Modifier
+        .align(Alignment.CenterStart)
+        .padding(start = 5.dp),
+      onClick = {
+        if (title == "Playback") {
+          Playback.stopSDCardPlayback()
+        }
+        onBack()
+      }
+    ) {
+      Image(
+        modifier = Modifier.size(35.dp),
+        painter = painterResource(
+          id = if (isSpecialTitle) R.drawable.ic_action_arrow_backward else R.drawable.ic_arrow_backward_white
+        ),
+        contentDescription = "back"
+      )
+    }
+
+    Box(
+      modifier = Modifier
+        .fillMaxWidth()
+        .align(Alignment.Center),
+      contentAlignment = Alignment.Center
+    ) {
+      Label(
+        id = "$title Id",
+        title = title,
+        semiBold = true,
+        xl20 = true,
+        white = !isSpecialTitle,
+        black = isSpecialTitle
+      )
+    }
+    if (!isSpecialTitle || title == "Playback" || title == "Messages") {
+      IconButton(
+        modifier = Modifier
+          .align(Alignment.CenterEnd)
+          .padding(end = 10.dp),
+        onClick = onTrailingIconClick
+      ) {
+        Image(
+          modifier = Modifier.size(30.dp),
+          painter = painterResource(
+            id = if (title == "Playback" || title == "Messages") R.drawable.ic_calendar else R.drawable.ic_setting
+          ),
+          contentDescription = "trailingIcon",
+          colorFilter = if (title == "Messages") {
+            ColorFilter.tint(color = LocalColor.Monochrome.Grey)
+          } else {
+            null
+          }
+        )
+      }
+    }
+  }
+}
+
+private fun handleBackNavigation(
+  navController: NavController,
+  isAdvancedSettings: MutableState<Boolean>,
+  isStorageSettings: MutableState<Boolean>,
+  isSettings: MutableState<Boolean>,
+  currentDestination: MutableState<String>,
+  activity: Activity,
+  scope: CoroutineScope,
+  isLoading: MutableState<Boolean>
+) {
+  if (isAdvancedSettings.value || isStorageSettings.value) {
+    isAdvancedSettings.value = false
+    isStorageSettings.value = false
+    navController.navigate("Settings")
+  } else if (currentDestination.value == "Dashboard") {
+    scope.launch {
+      val success = Tuya.disconnect { value -> isLoading.value = value }
+      if (!success) {
+        Log.i(TAG, "Not Disconnected but still navigating the user to React Native")
+      }
+      activity.finish()
+    }
+  } else {
+    isSettings.value = false
+    navController.navigate("Dashboard")
+  }
+}

package/android/src/main/java/com/rentlytuya/dashboard/OfflineScreen.kt

@@ -0,0 +1,160 @@
+package com.rentlytuya.dashboard
+
+import android.annotation.SuppressLint
+import android.app.Activity
+import android.content.pm.ActivityInfo
+import android.util.Log
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.verticalScroll
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.DisposableEffect
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.unit.dp
+import com.facebook.react.ReactApplication
+import com.rentlytuya.R
+import com.rentlytuya.components.AnchorButton
+import com.rentlytuya.components.Button
+import com.rentlytuya.components.Label
+import com.rentlytuya.tuya.Settings
+import com.rentlytuya.tuya.Tuya
+import com.rentlytuya.tuya.Tuya.TAG
+import com.rentlytuya.ui.theme.LocalColor
+import com.rentlytuya.util.KeylessModule
+import com.rentlytuya.util.Util.strings
+
+@SuppressLint("SourceLockedOrientationActivity")
+@Composable
+fun OfflineScreen(
+  onReConnect: () -> Unit
+) {
+
+  val context = LocalContext.current
+  val activity = context as Activity
+  val scrollState = rememberScrollState()
+  val reactContext = (LocalContext.current.applicationContext as ReactApplication)
+    .reactNativeHost.reactInstanceManager.currentReactContext
+
+  DisposableEffect(Unit) {
+    activity.requestedOrientation = ActivityInfo.SCREEN_ORIENTATION_PORTRAIT
+    onDispose {
+      activity.requestedOrientation = ActivityInfo.SCREEN_ORIENTATION_UNSPECIFIED
+    }
+  }
+
+  Row(
+    modifier = Modifier
+      .fillMaxSize()
+      .padding(horizontal = 30.dp)
+      .verticalScroll(scrollState),
+    horizontalArrangement = Arrangement.Center,
+    verticalAlignment = Alignment.CenterVertically
+  ) {
+    Column(
+      horizontalAlignment = Alignment.CenterHorizontally
+    ) {
+      Label(
+        modifier = Modifier
+          .padding(bottom = 15.dp),
+        title = strings(id = R.string.connectionFailed),
+        white = true,
+        xl20 = true,
+        bold = true,
+        center = true
+      )
+
+      Label(
+        modifier = Modifier
+          .padding(bottom = 10.dp),
+        title = strings(id = R.string.pleaseCheckTheFollowing),
+        white = true,
+        maxLines = 2
+      )
+
+      Label(
+        modifier = Modifier
+          .padding(start = 10.dp, bottom = 10.dp),
+        title = strings(id = R.string.moveYourWiFi),
+        white = true,
+        maxLines = 2
+      )
+
+      Label(
+        modifier = Modifier
+          .padding(start = 10.dp, bottom = 25.dp),
+        title = if (Settings.is8s()) {
+          strings(id = R.string.checkPowerSourceFor8s)
+        } else {
+          strings(id = R.string.checkPowerSourceFor15s)
+        },
+        white = true,
+        maxLines = 6
+      )
+
+      Label(
+        title = strings(id = R.string.firstTimeUsingDoorbell),
+        white = true
+      )
+
+      AnchorButton(
+        modifier = Modifier
+          .padding(bottom = 20.dp),
+        id = "Connect_Doorbell_To_WiFi",
+        title = strings(id = R.string.connectDoorbellToWiFi),
+        primary = true,
+        underLine = true,
+        onClick = {
+          reactContext?.let { context ->
+            val keylessModule = context.getNativeModule(KeylessModule::class.java)
+            Tuya.deviceId?.let {
+              keylessModule?.sendDataToJS(
+                eventName = "navigateToAddDoorbell",
+                deviceId = it,
+                onSuccess = {
+                  Log.i(TAG, "Navigate to Add Doorbell Success")
+                  activity.finish()
+                },
+                onFailure = {
+                  Log.i(TAG, "Navigate to Add Doorbell Failed")
+                }
+              )
+            } ?: Log.i(TAG, "Device ID is null")
+          }
+        }
+      )
+
+      Button(
+        modifier = Modifier
+          .width(175.dp)
+          .height(75.dp)
+          .padding(bottom = 20.dp),
+        id = "Tap_To_Retry",
+        title = strings(id = R.string.tapToRetry),
+        xl20 = true,
+        black = true,
+        iconId = R.drawable.ic_retry,
+        textColor = LocalColor.Primary.Light,
+        borderColor = LocalColor.Primary.Light
+      ) {
+        onReConnect()
+      }
+
+      Label(
+        modifier = Modifier
+          .padding(bottom = 5.dp),
+        title = strings(id = R.string.contactSupport),
+        white = true,
+        center = true,
+        maxLines = 2
+      )
+    }
+  }
+}