Use CameraXViewfinder from new camerax-compose artifact

app/build.gradle.kts

@@ -131,10 +131,10 @@ dependencies {
     implementation(libs.core.performance.play.services)
 
     implementation(libs.camera.core)
+    implementation(libs.camera.compose)
     implementation(libs.camera2)
     implementation(libs.camera.lifecycle)
     implementation(libs.camera.view)
-    implementation(libs.camera.viewfinder.compose)
 
     implementation(libs.media3.common)
     implementation(libs.media3.effect)

app/src/main/java/com/google/android/samples/socialite/ui/camera/Camera.kt

@@ -106,6 +106,7 @@ fun Camera(
     }
 
     val viewFinderState by viewModel.viewFinderState.collectAsStateWithLifecycle()
+    val surfaceRequest by viewModel.surfaceRequest.collectAsStateWithLifecycle()
     var rotation by remember { mutableStateOf(Surface.ROTATION_0) }
 
     DisposableEffect(lifecycleOwner, context) {
@@ -123,40 +124,31 @@ fun Camera(
 
         rotationProvider.addListener(Dispatchers.Main.asExecutor(), rotationListener)
 
+        viewModel.startPreview(lifecycleOwner, captureMode, cameraSelector, rotation)
+
         onDispose {
             rotationProvider.removeListener(rotationListener)
         }
     }
 
-    val onPreviewSurfaceProviderReady: (Preview.SurfaceProvider) -> Unit = {
-        surfaceProvider = it
-        viewModel.startPreview(lifecycleOwner, it, captureMode, cameraSelector, rotation)
-    }
-
     fun setCaptureMode(mode: CaptureMode) {
         captureMode = mode
-        surfaceProvider?.let { provider ->
-            viewModel.startPreview(
-                lifecycleOwner,
-                provider,
-                captureMode,
-                cameraSelector,
-                rotation,
-            )
-        }
+        viewModel.startPreview(
+            lifecycleOwner,
+            captureMode,
+            cameraSelector,
+            rotation,
+        )
     }
 
     fun setCameraSelector(selector: CameraSelector) {
         cameraSelector = selector
-        surfaceProvider?.let { provider ->
-            viewModel.startPreview(
-                lifecycleOwner,
-                provider,
-                captureMode,
-                cameraSelector,
-                rotation,
-            )
-        }
+        viewModel.startPreview(
+            lifecycleOwner,
+            captureMode,
+            cameraSelector,
+            rotation,
+        )
     }
 
     @SuppressLint("MissingPermission")
@@ -246,7 +238,7 @@ fun Camera(
                             ) {
                                 ViewFinder(
                                     viewFinderState.cameraState,
-                                    onPreviewSurfaceProviderReady,
+                                    surfaceRequest,
                                     viewModel::setZoomScale,
                                 )
                             }
@@ -259,7 +251,7 @@ fun Camera(
                         ) {
                             ViewFinder(
                                 viewFinderState.cameraState,
-                                onPreviewSurfaceProviderReady,
+                                surfaceRequest,
                                 viewModel::setZoomScale,
                             )
                         }
@@ -308,7 +300,11 @@ fun Camera(
 }
 
 @Composable
-fun CameraControls(captureMode: CaptureMode, onPhotoButtonClick: () -> Unit, onVideoButtonClick: () -> Unit) {
+fun CameraControls(
+    captureMode: CaptureMode,
+    onPhotoButtonClick: () -> Unit,
+    onVideoButtonClick: () -> Unit,
+) {
     val activeButtonColor =
         ButtonDefaults.buttonColors(containerColor = MaterialTheme.colorScheme.primary)
     val inactiveButtonColor =
@@ -332,7 +328,12 @@ fun CameraControls(captureMode: CaptureMode, onPhotoButtonClick: () -> Unit, onV
 }
 
 @Composable
-fun ShutterButton(captureMode: CaptureMode, onPhotoCapture: () -> Unit, onVideoRecordingStart: () -> Unit, onVideoRecordingFinish: () -> Unit) {
+fun ShutterButton(
+    captureMode: CaptureMode,
+    onPhotoCapture: () -> Unit,
+    onVideoRecordingStart: () -> Unit,
+    onVideoRecordingFinish: () -> Unit,
+) {
     Box(modifier = Modifier.padding(25.dp, 0.dp)) {
         if (captureMode == CaptureMode.PHOTO) {
             Button(
@@ -367,15 +368,21 @@ fun ShutterButton(captureMode: CaptureMode, onPhotoCapture: () -> Unit, onVideoR
 }
 
 @Composable
-fun CameraSwitcher(captureMode: CaptureMode, cameraSelector: CameraSelector, setCameraSelector: KFunction1<CameraSelector, Unit>) {
+fun CameraSwitcher(
+    captureMode: CaptureMode,
+    cameraSelector: CameraSelector,
+    setCameraSelector: KFunction1<CameraSelector, Unit>,
+) {
     if (captureMode != CaptureMode.VIDEO_RECORDING) {
-        IconButton(onClick = {
-            if (cameraSelector == CameraSelector.DEFAULT_BACK_CAMERA) {
-                setCameraSelector(CameraSelector.DEFAULT_FRONT_CAMERA)
-            } else {
-                setCameraSelector(CameraSelector.DEFAULT_BACK_CAMERA)
-            }
-        }) {
+        IconButton(
+            onClick = {
+                if (cameraSelector == CameraSelector.DEFAULT_BACK_CAMERA) {
+                    setCameraSelector(CameraSelector.DEFAULT_FRONT_CAMERA)
+                } else {
+                    setCameraSelector(CameraSelector.DEFAULT_BACK_CAMERA)
+                }
+            },
+        ) {
             Icon(
                 imageVector = Icons.Default.Autorenew,
                 contentDescription = null,

app/src/main/java/com/google/android/samples/socialite/ui/camera/CameraViewModel.kt

@@ -34,6 +34,7 @@ import androidx.camera.core.FocusMeteringAction
 import androidx.camera.core.ImageCapture
 import androidx.camera.core.ImageCaptureException
 import androidx.camera.core.Preview
+import androidx.camera.core.SurfaceRequest
 import androidx.camera.core.UseCaseGroup
 import androidx.camera.core.resolutionselector.AspectRatioStrategy
 import androidx.camera.core.resolutionselector.ResolutionSelector
@@ -60,6 +61,8 @@ import java.text.SimpleDateFormat
 import java.util.Locale
 import javax.inject.Inject
 import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.update
 import kotlinx.coroutines.launch
 
 private const val TAG = "CameraViewModel"
@@ -84,9 +87,16 @@ class CameraViewModel @Inject constructor(
         .setAspectRatioStrategy(aspectRatioStrategy)
         .build()
 
+    private val _surfaceRequest = MutableStateFlow<SurfaceRequest?>(null)
+    val surfaceRequest: StateFlow<SurfaceRequest?> = _surfaceRequest
+
     private val previewUseCase = Preview.Builder()
         .setResolutionSelector(resolutionSelector)
-        .build()
+        .build().apply {
+            setSurfaceProvider { newSurfaceRequest ->
+                _surfaceRequest.update { newSurfaceRequest }
+            }
+        }
 
     private val imageCaptureUseCase = ImageCapture.Builder()
         .setResolutionSelector(resolutionSelector)
@@ -141,7 +151,6 @@ class CameraViewModel @Inject constructor(
 
     fun startPreview(
         lifecycleOwner: LifecycleOwner,
-        surfaceProvider: Preview.SurfaceProvider,
         captureMode: CaptureMode,
         cameraSelector: CameraSelector,
         rotation: Int,
@@ -156,9 +165,7 @@ class CameraViewModel @Inject constructor(
             }
             var extensionsCameraSelector: CameraSelector? = null
             val useCaseGroupBuilder = UseCaseGroup.Builder()
-
-            previewUseCase.setSurfaceProvider(surfaceProvider)
-            useCaseGroupBuilder.addUseCase(previewUseCase)
+                .addUseCase(previewUseCase)
 
             if (captureMode == CaptureMode.PHOTO) {
                 try {

app/src/main/java/com/google/android/samples/socialite/ui/camera/ViewFinder.kt

@@ -16,8 +16,9 @@
 
 package com.google.android.samples.socialite.ui.camera
 
-import androidx.camera.core.Preview
-import androidx.camera.viewfinder.surface.ImplementationMode
+import androidx.camera.compose.CameraXViewfinder
+import androidx.camera.core.SurfaceRequest
+import androidx.camera.viewfinder.core.ImplementationMode
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.rememberTransformableState
 import androidx.compose.foundation.gestures.transformable
@@ -31,7 +32,7 @@ import androidx.compose.ui.graphics.Color
 @Composable
 fun ViewFinder(
     cameraState: CameraState,
-    onSurfaceProviderReady: (Preview.SurfaceProvider) -> Unit = {},
+    surfaceRequest: SurfaceRequest?,
     onZoomChange: (Float) -> Unit,
 ) {
     val transformableState = rememberTransformableState(
@@ -49,11 +50,13 @@ fun ViewFinder(
             modifier = Modifier
                 .transformable(state = transformableState),
         ) {
-            CameraXViewfinder(
-                modifier = Modifier.fillMaxSize(),
-                implementationMode = ImplementationMode.PERFORMANCE,
-                onSurfaceProviderReady = onSurfaceProviderReady,
-            )
+            surfaceRequest?.let {
+                CameraXViewfinder(
+                    modifier = Modifier.fillMaxSize(),
+                    implementationMode = ImplementationMode.EXTERNAL,
+                    surfaceRequest = surfaceRequest,
+                )
+            }
         }
     }
 }

baselineprofile/build.gradle.kts

@@ -8,7 +8,7 @@ plugins {
 
 android {
     namespace = "com.google.android.samples.socialite.baselineprofile"
-    compileSdk = 34
+    compileSdk = 35
 
     compileOptions {
         sourceCompatibility = JavaVersion.VERSION_1_8