Add camera functionality for task completion photos

- Add camera picker interface to common ImagePicker.kt
- Implement camera capture for Android using ActivityResultContracts.TakePicture
- Implement camera capture for iOS using UIImagePickerController
- Add camera picker stubs for wasmJs, jsMain, and jvmMain platforms
- Update CompleteTaskDialog to show both "Take Photo" and "Choose from Library" buttons
- Add camera permissions to Android manifest (CAMERA permission, camera intent queries)
- Configure Android FileProvider for camera photo sharing
- Add camera and photo library usage descriptions to iOS Info.plist
- Update iOS CompleteTaskView with native camera picker support
- Fix cancel button in CompleteTaskView using @Environment(\.dismiss)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Trey t
2025-11-10 10:25:37 -06:00
parent 131637e6f3
commit 872a7df86f
13 changed files with 252 additions and 19 deletions

View File

@@ -2,6 +2,13 @@
<manifest xmlns:android="http://schemas.android.com/apk/res/android">
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.CAMERA" />
<queries>
<intent>
<action android:name="android.media.action.IMAGE_CAPTURE" />
</intent>
</queries>
<application
android:allowBackup="true"
@@ -32,6 +39,17 @@
android:host="reset-password" />
</intent-filter>
</activity>
<!-- FileProvider for camera photos -->
<provider
android:name="androidx.core.content.FileProvider"
android:authorities="${applicationId}.fileprovider"
android:exported="false"
android:grantUriPermissions="true">
<meta-data
android:name="android.support.FILE_PROVIDER_PATHS"
android:resource="@xml/file_paths" />
</provider>
</application>
</manifest>

View File

@@ -1,11 +1,15 @@
package com.mycrib.platform
import android.content.Context
import android.net.Uri
import androidx.activity.compose.rememberLauncherForActivityResult
import androidx.activity.result.PickVisualMediaRequest
import androidx.activity.result.contract.ActivityResultContracts
import androidx.compose.runtime.Composable
import androidx.compose.runtime.remember
import androidx.compose.ui.platform.LocalContext
import androidx.core.content.FileProvider
import java.io.File
@Composable
actual fun rememberImagePicker(
@@ -50,6 +54,46 @@ actual fun rememberImagePicker(
}
}
@Composable
actual fun rememberCameraPicker(
onImageCaptured: (ImageData) -> Unit
): () -> Unit {
val context = LocalContext.current
// Create a temp file URI for the camera to save to
val photoUri = remember {
val photoFile = File(context.cacheDir, "camera_photo_${System.currentTimeMillis()}.jpg")
FileProvider.getUriForFile(
context,
"${context.packageName}.fileprovider",
photoFile
)
}
val launcher = rememberLauncherForActivityResult(
contract = ActivityResultContracts.TakePicture()
) { success: Boolean ->
if (success) {
try {
val inputStream = context.contentResolver.openInputStream(photoUri)
val bytes = inputStream?.readBytes()
inputStream?.close()
if (bytes != null) {
val fileName = "camera_${System.currentTimeMillis()}.jpg"
onImageCaptured(ImageData(bytes, fileName))
}
} catch (e: Exception) {
e.printStackTrace()
}
}
}
return {
launcher.launch(photoUri)
}
}
private fun getFileNameFromUri(context: android.content.Context, uri: Uri): String {
var fileName = "image_${System.currentTimeMillis()}.jpg"

View File

@@ -0,0 +1,4 @@
<?xml version="1.0" encoding="utf-8"?>
<paths xmlns:android="http://schemas.android.com/apk/res/android">
<cache-path name="camera_images" path="/" />
</paths>

View File

@@ -29,3 +29,8 @@ data class ImageData(
expect fun rememberImagePicker(
onImagesPicked: (List<ImageData>) -> Unit
): () -> Unit
@Composable
expect fun rememberCameraPicker(
onImageCaptured: (ImageData) -> Unit
): () -> Unit

View File

@@ -8,12 +8,14 @@ import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.Close
import androidx.compose.material3.*
import androidx.compose.runtime.*
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.text.input.KeyboardType
import androidx.compose.ui.unit.dp
import com.mycrib.shared.models.TaskCompletionCreateRequest
import com.mycrib.platform.ImageData
import com.mycrib.platform.rememberImagePicker
import com.mycrib.platform.rememberCameraPicker
import kotlinx.datetime.*
@OptIn(ExperimentalMaterial3Api::class)
@@ -34,6 +36,10 @@ fun CompleteTaskDialog(
selectedImages = images
}
val cameraPicker = rememberCameraPicker { image ->
selectedImages = selectedImages + image
}
AlertDialog(
onDismissRequest = onDismiss,
title = { Text("Complete Task: $taskTitle") },
@@ -89,11 +95,23 @@ fun CompleteTaskDialog(
)
Spacer(modifier = Modifier.height(4.dp))
OutlinedButton(
onClick = { imagePicker() },
modifier = Modifier.fillMaxWidth()
Row(
modifier = Modifier.fillMaxWidth(),
horizontalArrangement = Arrangement.spacedBy(8.dp)
) {
Text("Select Images (up to 5)")
OutlinedButton(
onClick = { cameraPicker() },
modifier = Modifier.weight(1f)
) {
Text("Take Photo")
}
OutlinedButton(
onClick = { imagePicker() },
modifier = Modifier.weight(1f)
) {
Text("Choose from Library")
}
}
// Display selected images

View File

@@ -101,6 +101,53 @@ private fun NSData.toByteArray(): ByteArray {
}
}
@OptIn(ExperimentalForeignApi::class)
@Composable
actual fun rememberCameraPicker(
onImageCaptured: (ImageData) -> Unit
): () -> Unit {
val viewController = LocalUIViewController.current
val cameraDelegate = remember {
object : NSObject(), UIImagePickerControllerDelegateProtocol, UINavigationControllerDelegateProtocol {
override fun imagePickerController(
picker: UIImagePickerController,
didFinishPickingMediaWithInfo: Map<Any?, *>
) {
picker.dismissViewControllerAnimated(true, null)
val image = didFinishPickingMediaWithInfo[UIImagePickerControllerOriginalImage] as? UIImage
if (image != null) {
// Convert to JPEG
val jpegData = UIImageJPEGRepresentation(image, 0.8)
if (jpegData != null) {
val bytes = jpegData.toByteArray()
val fileName = "camera_${NSDate().timeIntervalSince1970.toLong()}.jpg"
onImageCaptured(ImageData(bytes, fileName))
}
}
}
override fun imagePickerControllerDidCancel(picker: UIImagePickerController) {
picker.dismissViewControllerAnimated(true, null)
}
}
}
return {
// Check if camera is available
if (UIImagePickerController.isSourceTypeAvailable(UIImagePickerControllerSourceType.UIImagePickerControllerSourceTypeCamera)) {
val picker = UIImagePickerController().apply {
setSourceType(UIImagePickerControllerSourceType.UIImagePickerControllerSourceTypeCamera)
setDelegate(cameraDelegate)
setCameraCaptureMode(UIImagePickerControllerCameraCaptureMode.UIImagePickerControllerCameraCaptureModePhoto)
}
viewController.presentViewController(picker, animated = true, completion = null)
}
}
}
@Suppress("UNCHECKED_CAST")
private fun <T : Any> synchronized(lock: Any, block: () -> T): T {
return block()

View File

@@ -13,3 +13,15 @@ actual fun rememberImagePicker(
println("Image picker not yet implemented for web")
}
}
@Composable
actual fun rememberCameraPicker(
onImageCaptured: (ImageData) -> Unit
): () -> Unit {
// Web camera picker would require HTML5 media capture
// This is a placeholder implementation
return {
// TODO: Implement web camera capture
println("Camera picker not yet implemented for web")
}
}

View File

@@ -13,3 +13,15 @@ actual fun rememberImagePicker(
println("Image picker not yet implemented for desktop")
}
}
@Composable
actual fun rememberCameraPicker(
onImageCaptured: (ImageData) -> Unit
): () -> Unit {
// Desktop camera picker would require platform-specific camera access
// This is a placeholder implementation
return {
// TODO: Implement desktop camera capture
println("Camera picker not yet implemented for desktop")
}
}

View File

@@ -13,3 +13,15 @@ actual fun rememberImagePicker(
println("Image picker not yet implemented for WASM")
}
}
@Composable
actual fun rememberCameraPicker(
onImageCaptured: (ImageData) -> Unit
): () -> Unit {
// WASM camera picker would require HTML5 media capture
// This is a placeholder implementation
return {
// TODO: Implement WASM camera capture
println("Camera picker not yet implemented for WASM")
}
}