Add Coil GIF support and update images

Author: ihateblueb

.github/assets/account_switcher.png

@@ -4,4 +4,23 @@ An attempt to make a Mastodon client that is multiplatform (iOS and Android)
 and supports extensions brought by Mastodon API compatible software
 like Iceshrimp.NET.
 
-Uses Material 3 for UI and icons.
+Uses Material 3 (supporting dynamic color schemes) for UI and icons.
+
+## Screenshots
+
+<img src=".github/assets/timeline.png" height="250px">
+<img src=".github/assets/settings.png" height="250px">
+<img src=".github/assets/account_switcher.png" height="250px">
+<img src=".github/assets/profile_top.png" height="250px">
+<img src=".github/assets/profile_bottom.png" height="250px">
+
+## Contributing
+
+You can see instructions and helpful tips on contributing in `./CONTRIBUTING.md`.
+Pull requests are welcome!
+
+## Acknowledgments
+
+[outadoc modified](https://github.com/coil-kt/coil/issues/2347#issuecomment-2408047810) a 
+[multiplatform decoder written by colinrtwhite](https://github.com/coil-kt/coil/issues/2347#issuecomment-2392764750) which
+Snowdrop uses to handle GIFs on iOS. This code is used in `shared/src/iosMain/kotlin/site/remlit/snowdrop/util/config/MediaDecoders.ios.kt`.

.github/assets/profile_bottom.png

@@ -22,6 +22,7 @@ ktor = "3.5.0"
 androidx-navigation-compose = { module = "org.jetbrains.androidx.navigation:navigation-compose", version.ref = "navigationCompose" }
 androidx-startup-runtime = { module = "androidx.startup:startup-runtime", version.ref = "startupRuntime" }
 coil-compose = { module = "io.coil-kt.coil3:coil-compose", version.ref = "coil" }
+coil-gif = { module = "io.coil-kt.coil3:coil-gif", version.ref = "coil" }
 coil-network-ktor3 = { module = "io.coil-kt.coil3:coil-network-ktor3", version.ref = "coil" }
 htmlconverter = { module = "be.digitalia.compose.htmlconverter:htmlconverter", version.ref = "htmlconverter" }
 kermit = { module = "co.touchlab:kermit", version.ref = "kermit" }

.github/assets/profile_top.png

@@ -42,6 +42,8 @@ kotlin {
 
 			implementation(libs.ktor.client.okhttp)
 			implementation(libs.kotlinx.coroutines.android)
+
+			implementation(libs.coil.gif)
 		}
 		iosMain.dependencies {
 			implementation(libs.ktor.client.darwin)

.github/assets/settings.png

@@ -0,0 +1,10 @@
+package site.remlit.snowdrop.util.config
+
+import android.os.Build.VERSION.SDK_INT
+import coil3.decode.Decoder
+import coil3.gif.AnimatedImageDecoder
+import coil3.gif.GifDecoder
+
+actual fun getGifDecoder(): Decoder.Factory =
+	if (SDK_INT >= 28) AnimatedImageDecoder.Factory()
+	else GifDecoder.Factory()

.github/assets/timeline.png

@@ -62,7 +62,12 @@ import androidx.navigation.compose.currentBackStackEntryAsState
 import androidx.navigation.compose.rememberNavController
 import androidx.navigation.toRoute
 import co.touchlab.kermit.Logger
+import coil3.ImageLoader
 import coil3.compose.AsyncImage
+import coil3.compose.setSingletonImageLoaderFactory
+import coil3.decode.Decoder
+import coil3.disk.DiskCache
+import coil3.request.crossfade
 import com.russhwolf.settings.ExperimentalSettingsApi
 import io.ktor.http.Url
 import kotlinx.coroutines.delay
@@ -83,6 +88,7 @@ import site.remlit.snowdrop.util.scrollingUpward
 import site.remlit.snowdrop.util.settings
 import site.remlit.snowdrop.util.setupAppSettings
 import site.remlit.snowdrop.util.cache.setupCache
+import site.remlit.snowdrop.util.config.getGifDecoder
 import site.remlit.snowdrop.util.getAccountObjectFlow
 import site.remlit.snowdrop.util.getAccounts
 import site.remlit.snowdrop.util.getCurrentAccountId
@@ -105,6 +111,7 @@ import snowdrop.shared.generated.resources.icon_home_24px
 import snowdrop.shared.generated.resources.icon_home_filled_24px
 import snowdrop.shared.generated.resources.icon_notifications_24px
 import snowdrop.shared.generated.resources.icon_notifications_filled_24px
+import kotlin.reflect.KClass
 import kotlin.time.Duration.Companion.milliseconds
 
 
@@ -159,6 +166,15 @@ fun App() = safe {
 	setupAppSettings()
 	setupCache()
 
+	setSingletonImageLoaderFactory { context ->
+		ImageLoader.Builder(context)
+			.components {
+				add(getGifDecoder())
+			}
+			.crossfade(100)
+			.build()
+	}
+
 	/*
 	* Variables & Handlers for Whole App Stuff
 	*/