chore: Switch from Kamel to Coil3

Author: ishubhamsingh

composeApp/build.gradle.kts

@@ -53,6 +53,7 @@ kotlin {
         implementation(compose.material3)
         @OptIn(org.jetbrains.compose.ExperimentalComposeLibrary::class)
         implementation(compose.components.resources)
+        implementation(libs.coil)
         implementation(libs.napier)
         implementation(libs.kotlinx.coroutines.core)
         implementation(libs.insetsx)
@@ -67,7 +68,6 @@ kotlin {
         implementation(libs.multiplatformSettings)
         implementation(libs.koin.core)
         implementation(libs.koin.compose)
-        implementation(libs.kamel.image)
         implementation(libs.kotlinx.datetime)
         implementation(libs.sqlDelight.coroutines.extensions)
         api(libs.moko.permissions)
@@ -77,6 +77,9 @@ kotlin {
         implementation(libs.voyager.koin)
         implementation(libs.uri.kmp)
         implementation(libs.stately.common)
+        implementation(libs.coil)
+        implementation(libs.coil.compose)
+        implementation(libs.coil.ktor)
       }
     }
 

composeApp/src/commonMain/kotlin/dev/ishubhamsingh/splashy/core/navigation/TopLevelScreen.kt

@@ -37,7 +37,6 @@ import androidx.compose.material3.SnackbarHostState
 import androidx.compose.material3.Text
 import androidx.compose.material3.TopAppBarDefaults
 import androidx.compose.runtime.Composable
-import androidx.compose.runtime.CompositionLocalProvider
 import androidx.compose.runtime.remember
 import androidx.compose.runtime.rememberCoroutineScope
 import androidx.compose.ui.Modifier
@@ -67,10 +66,8 @@ import dev.ishubhamsingh.splashy.resources.Res
 import dev.ishubhamsingh.splashy.resources.app_name
 import dev.ishubhamsingh.splashy.resources.hat
 import dev.ishubhamsingh.splashy.ui.components.SnowFallComponent
-import dev.ishubhamsingh.splashy.ui.components.getKamelConfig
 import dev.ishubhamsingh.splashy.ui.theme.getLatoRegular
 import dev.ishubhamsingh.splashy.ui.theme.getLobsterRegular
-import io.kamel.image.config.LocalKamelConfig
 import org.jetbrains.compose.resources.ExperimentalResourceApi
 import org.jetbrains.compose.resources.painterResource
 import org.jetbrains.compose.resources.stringResource
@@ -83,32 +80,30 @@ class TopLevelScreen : Screen {
     val coroutineScope = rememberCoroutineScope()
 
     TabNavigator(HomeTab) {
-      CompositionLocalProvider(LocalKamelConfig provides getKamelConfig()) {
-        Scaffold(
-          topBar = { AppTopBar() },
-          bottomBar = { BottomNavigationComponent() },
-          snackbarHost = {
-            SnackbarHost(hostState = snackBarHostState) {
-              Snackbar(
-                containerColor = MaterialTheme.colorScheme.secondaryContainer,
-                contentColor = MaterialTheme.colorScheme.secondary,
-                shape = CircleShape,
-                modifier = Modifier.padding(16.dp)
-              ) {
-                Text(text = it.visuals.message, fontFamily = getLatoRegular(), fontSize = 16.sp)
-              }
-            }
-          },
-          content = { paddingValues ->
-            Surface(
-              modifier = Modifier.padding(paddingValues),
-              color = MaterialTheme.colorScheme.surface
+      Scaffold(
+        topBar = { AppTopBar() },
+        bottomBar = { BottomNavigationComponent() },
+        snackbarHost = {
+          SnackbarHost(hostState = snackBarHostState) {
+            Snackbar(
+              containerColor = MaterialTheme.colorScheme.secondaryContainer,
+              contentColor = MaterialTheme.colorScheme.secondary,
+              shape = CircleShape,
+              modifier = Modifier.padding(16.dp)
             ) {
-              CurrentTab()
+              Text(text = it.visuals.message, fontFamily = getLatoRegular(), fontSize = 16.sp)
             }
           }
-        )
-      }
+        },
+        content = { paddingValues ->
+          Surface(
+            modifier = Modifier.padding(paddingValues),
+            color = MaterialTheme.colorScheme.surface
+          ) {
+            CurrentTab()
+          }
+        }
+      )
     }
   }
 

composeApp/src/commonMain/kotlin/dev/ishubhamsingh/splashy/ui/components/ComposeReusables.kt

@@ -91,34 +91,21 @@ import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import cafe.adriel.voyager.navigator.Navigator
+import coil3.compose.AsyncImage
+import coil3.compose.LocalPlatformContext
+import coil3.request.ImageRequest
 import compose.icons.EvaIcons
 import compose.icons.evaicons.Outline
 import compose.icons.evaicons.outline.ArrowIosBack
 import compose.icons.evaicons.outline.ArrowheadUp
 import compose.icons.evaicons.outline.CloseCircle
 import compose.icons.evaicons.outline.Search
-import dev.ishubhamsingh.splashy.core.network.KtorLogger
 import dev.ishubhamsingh.splashy.features.categoriesPhotos.ui.CategoryType
 import dev.ishubhamsingh.splashy.models.Favourite
 import dev.ishubhamsingh.splashy.models.Photo
 import dev.ishubhamsingh.splashy.resources.Res
 import dev.ishubhamsingh.splashy.resources.lbl_search
 import io.github.aakira.napier.Napier
-import io.kamel.core.config.DefaultHttpCacheSize
-import io.kamel.core.config.KamelConfig
-import io.kamel.core.config.httpFetcher
-import io.kamel.core.config.takeFrom
-import io.kamel.image.KamelImage
-import io.kamel.image.asyncPainterResource
-import io.kamel.image.config.Default
-import io.kamel.image.config.imageBitmapDecoder
-import io.ktor.client.plugins.HttpRequestRetry
-import io.ktor.client.plugins.defaultRequest
-import io.ktor.client.plugins.logging.LogLevel
-import io.ktor.client.plugins.logging.Logging
-import io.ktor.client.request.header
-import io.ktor.http.CacheControl
-import io.ktor.http.isSuccess
 import kotlin.random.Random
 import kotlinx.coroutines.launch
 import org.jetbrains.compose.resources.stringResource
@@ -383,38 +370,19 @@ fun CategoriesCardItem(
   }
 }
 
-@Composable
-fun getKamelConfig() = KamelConfig {
-  takeFrom(KamelConfig.Default)
-  imageBitmapCacheSize = 500
-  imageBitmapDecoder()
-
-  httpFetcher {
-    httpCache(DefaultHttpCacheSize)
-    defaultRequest { header("Cache-Control", "max-age=31536000") }
-
-    CacheControl.MaxAge(maxAgeSeconds = 31536)
-
-    install(HttpRequestRetry) {
-      maxRetries = 3
-      retryIf { _, httpResponse -> !httpResponse.status.isSuccess() }
-    }
-
-    install(Logging) {
-      logger = KtorLogger()
-      level = LogLevel.INFO
-    }
-  }
-}
-
 @Composable
 fun ImageViewComponent(url: String, altDescription: String?) {
-  KamelImage(
-    resource = asyncPainterResource(data = url),
+  AsyncImage(
+    model =
+      ImageRequest.Builder(LocalPlatformContext.current)
+        .data(url)
+        .diskCacheKey(url)
+        .memoryCacheKey(url)
+        .build(),
     contentDescription = altDescription,
     modifier = Modifier.fillMaxSize(),
     contentScale = ContentScale.Crop,
-    animationSpec = tween()
+    alignment = Alignment.Center
   )
 }
 

gradle/libs.versions.toml

@@ -3,6 +3,7 @@
 kotlin = "2.0.0"
 agp = "8.4.1"
 compose = "1.6.11"
+coil = "3.0.0-alpha06"
 androidx-appcompat = "1.7.0"
 androidx-activityCompose = "1.9.0"
 compose-uitooling = "1.6.7"
@@ -18,7 +19,6 @@ multiplatformSettings = "1.1.1"
 koin = "3.5.6"
 koin-compose = "1.1.5"
 sqlDelight = "2.0.2"
-kamel = "0.9.5"
 spotless = "6.25.0"
 ktfmt = "0.44"
 statelyCommon = "2.0.7"
@@ -32,6 +32,9 @@ uri-kmp = "0.0.18"
 androidx-appcompat = { module = "androidx.appcompat:appcompat", version.ref = "androidx-appcompat" }
 androidx-activityCompose = { module = "androidx.activity:activity-compose", version.ref = "androidx-activityCompose" }
 compose-uitooling = { module = "androidx.compose.ui:ui-tooling", version.ref = "compose-uitooling" }
+coil = { module = "io.coil-kt.coil3:coil", version.ref = "coil"}
+coil-compose = { module = "io.coil-kt.coil3:coil-compose", version.ref = "coil"}
+coil-ktor = { module = "io.coil-kt.coil3:coil-network-ktor", version.ref = "coil"}
 material = { module = "com.google.android.material:material", version.ref = "material" }
 napier = { module = "io.github.aakira:napier", version.ref = "napier" }
 kotlinx-coroutines-core = { module = "org.jetbrains.kotlinx:kotlinx-coroutines-core", version.ref = "kotlinx-coroutines" }
@@ -58,7 +61,6 @@ sqlDelight-driver-native = { module = "app.cash.sqldelight:native-driver", versi
 sqlDelight-driver-sqljs = { module = "app.cash.sqldelight:sqljs-driver", version.ref = "sqlDelight" }
 sqlDelight-coroutines-extensions = { module = "app.cash.sqldelight:coroutines-extensions", version.ref = "sqlDelight" }
 sqlDelight-sqlite-dialect = { module = "app.cash.sqldelight:sqlite-3-24-dialect", version.ref = "sqlDelight" }
-kamel-image = { module = "media.kamel:kamel-image", version.ref = "kamel" }
 stately-common = { module = "co.touchlab:stately-common", version.ref = "statelyCommon" }
 voyager-navigator = { module = "cafe.adriel.voyager:voyager-navigator", version.ref = "voyager" }
 voyager-tabNavigator = { module = "cafe.adriel.voyager:voyager-tab-navigator", version.ref = "voyager" }