인증샷 촬영 기능 구현

app/build.gradle.kts

@@ -35,6 +35,7 @@ dependencies {
     implementation(projects.domain)
     implementation(projects.feature.login)
     implementation(projects.feature.main)
+    implementation(projects.feature.taskCertification)
 
     // Firebase
     implementation(platform(libs.google.firebase.bom))

app/src/main/java/com/yapp/twix/di/FeatureModules.kt

@@ -1,5 +1,6 @@
 package com.yapp.twix.di
 
+import com.peto.task_certification.di.taskCertificationModule
 import com.twix.home.di.homeModule
 import com.twix.login.di.loginModule
 import com.twix.main.di.mainModule
@@ -10,4 +11,5 @@ val featureModules: List<Module> =
         loginModule,
         mainModule,
         homeModule,
+        taskCertificationModule,
     )

feature/task-certification/.gitignore

@@ -0,0 +1 @@
+/build

feature/task-certification/build.gradle.kts

@@ -0,0 +1,10 @@
+plugins {
+    alias(libs.plugins.twix.feature)
+}
+
+android {
+    namespace = "com.peto.task_certification"
+}
+dependencies {
+    implementation(libs.bundles.cameraX)
+}

feature/task-certification/proguard-rules.pro

@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile

feature/task-certification/src/main/AndroidManifest.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+    <uses-permission android:name="android.permission.CAMERA"/>
+</manifest>

feature/task-certification/src/main/java/com/peto/task_certification/TaskCertificationScreen.kt

@@ -0,0 +1,119 @@
+package com.peto.task_certification
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.height
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.CompositionLocalProvider
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.getValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.toArgb
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.lifecycle.compose.LocalLifecycleOwner
+import androidx.lifecycle.compose.collectAsStateWithLifecycle
+import com.peto.task_certification.component.CameraControlBar
+import com.peto.task_certification.component.CameraPreviewBox
+import com.peto.task_certification.component.TaskCertificationTopBar
+import com.peto.task_certification.model.TaskCertificationIntent
+import com.peto.task_certification.model.TaskCertificationUiState
+import com.twix.designsystem.components.text.AppText
+import com.twix.designsystem.theme.GrayColor
+import com.twix.designsystem.theme.LocalStatusBarColor
+import com.twix.designsystem.theme.StatusBarStyle
+import com.twix.designsystem.theme.TwixTheme
+import com.twix.domain.model.enums.AppTextStyle
+import org.koin.androidx.compose.koinViewModel
+
+@Composable
+fun TaskCertificationRoute(
+    viewModel: TaskCertificationViewModel = koinViewModel(),
+    navigateToBack: () -> Unit,
+) {
+    val uiSate by viewModel.uiState.collectAsStateWithLifecycle()
+    val lifecycleOwner = LocalLifecycleOwner.current
+
+    LaunchedEffect(Unit) {
+        viewModel.dispatch(TaskCertificationIntent.BindCamera(lifecycleOwner))
+    }
+
+    CompositionLocalProvider(
+        LocalStatusBarColor provides
+            StatusBarStyle(
+                GrayColor.C500.toArgb(),
+                false,
+            ),
+    ) {
+        TaskCertificationScreen(
+            uiState = uiSate,
+            onClickClose = {
+                navigateToBack()
+            },
+            onCaptureClick = {
+                viewModel.dispatch(TaskCertificationIntent.TakePicture)
+            },
+            onToggleCameraClick = {
+                viewModel.dispatch(TaskCertificationIntent.ToggleCamera(lifecycleOwner))
+            },
+        )
+    }
+}
+
+@Composable
+private fun TaskCertificationScreen(
+    uiState: TaskCertificationUiState,
+    onClickClose: () -> Unit,
+    onCaptureClick: () -> Unit,
+    onToggleCameraClick: () -> Unit,
+) {
+    Column(
+        Modifier
+            .fillMaxSize()
+            .background(GrayColor.C500),
+        horizontalAlignment = Alignment.CenterHorizontally,
+    ) {
+        TaskCertificationTopBar(
+            onClickClose = { onClickClose() },
+        )
+
+        Spacer(modifier = Modifier.height(24.26.dp))
+
+        AppText(
+            text = stringResource(R.string.task_certification_title),
+            style = AppTextStyle.H2,
+            color = GrayColor.C100,
+        )
+
+        Spacer(modifier = Modifier.height(40.dp))
+
+        CameraPreviewBox(
+            captureStatus = uiState.capture,
+            previewRequest = uiState.preview,
+        )
+
+        Spacer(modifier = Modifier.height(52.dp))
+
+        CameraControlBar(
+            onCaptureClick = onCaptureClick,
+            onToggleCameraClick = onToggleCameraClick,
+        )
+    }
+}
+
+@Preview
+@Composable
+fun TaskCertificationScreenPreview() {
+    TwixTheme {
+        TaskCertificationScreen(
+            uiState = TaskCertificationUiState(),
+            onClickClose = {},
+            onCaptureClick = {},
+            onToggleCameraClick = {},
+        )
+    }
+}

feature/task-certification/src/main/java/com/peto/task_certification/TaskCertificationViewModel.kt

@@ -0,0 +1,90 @@
+package com.peto.task_certification
+
+import android.net.Uri
+import androidx.lifecycle.LifecycleOwner
+import androidx.lifecycle.viewModelScope
+import com.peto.task_certification.camera.Camera
+import com.peto.task_certification.model.CameraPreview
+import com.peto.task_certification.model.TaskCertificationIntent
+import com.peto.task_certification.model.TaskCertificationSideEffect
+import com.peto.task_certification.model.TaskCertificationUiState
+import com.twix.ui.base.BaseViewModel
+import kotlinx.coroutines.flow.launchIn
+import kotlinx.coroutines.flow.map
+import kotlinx.coroutines.flow.onEach
+import kotlinx.coroutines.launch
+
+class TaskCertificationViewModel(
+    private val camera: Camera,
+) : BaseViewModel<TaskCertificationUiState, TaskCertificationIntent, TaskCertificationSideEffect>(
+        TaskCertificationUiState(),
+    ) {
+    init {
+        camera.surfaceRequests
+            .map { request -> request?.let { CameraPreview(request) } }
+            .onEach { preview ->
+                reduce { copy(preview = preview) }
+            }.launchIn(viewModelScope)
+    }
+
+    override suspend fun handleIntent(intent: TaskCertificationIntent) {
+        when (intent) {
+            is TaskCertificationIntent.BindCamera -> {
+                bindCamera(intent.lifecycleOwner)
+            }
+
+            is TaskCertificationIntent.TakePicture -> {
+                takePicture()
+            }
+
+            is TaskCertificationIntent.ToggleCamera -> {
+                toggleCamera(intent.lifecycleOwner)
+            }
+        }
+    }
+
+    private fun takePicture() {
+        camera.takePicture(
+            onComplete = {
+                updateCapturedCImage(it)
+                unbindCamera()
+            },
+            onFailure = {
+                onFailureCapture()
+            },
+        )
+    }
+
+    private fun onFailureCapture() {
+        viewModelScope.launch {
+            emitSideEffect(TaskCertificationSideEffect.ImageCaptureFailException)
+        }
+    }
+
+    private fun unbindCamera() {
+        viewModelScope.launch {
+            camera.unbind()
+        }
+    }
+
+    private fun bindCamera(lifecycleOwner: LifecycleOwner) {
+        viewModelScope.launch {
+            camera.bind(lifecycleOwner, uiState.value.lens)
+        }
+    }
+
+    private fun updateCapturedCImage(uri: Uri?) {
+        uri?.let {
+            reduce { updateCapturedCImage(uri) }
+        } ?: run {
+            viewModelScope.launch {
+                emitSideEffect(TaskCertificationSideEffect.ImageCaptureFailException)
+            }
+        }
+    }
+
+    private fun toggleCamera(lifecycleOwner: LifecycleOwner) {
+        reduce { toggleLens() }
+        bindCamera(lifecycleOwner)
+    }
+}

feature/task-certification/src/main/java/com/peto/task_certification/camera/Camera.kt

@@ -0,0 +1,24 @@
+package com.peto.task_certification.camera
+
+import android.net.Uri
+import androidx.camera.core.CameraSelector
+import androidx.camera.core.ImageCaptureException
+import androidx.camera.core.SurfaceRequest
+import androidx.lifecycle.LifecycleOwner
+import kotlinx.coroutines.flow.StateFlow
+
+interface Camera {
+    val surfaceRequests: StateFlow<SurfaceRequest?>
+
+    suspend fun bind(
+        lifecycleOwner: LifecycleOwner,
+        lens: CameraSelector,
+    )
+
+    suspend fun unbind()
+
+    fun takePicture(
+        onComplete: (Uri?) -> Unit,
+        onFailure: (ImageCaptureException) -> Unit,
+    )
+}