Merge pull request #29 from viethua99/issue/ios-network

viethua99 · web-flow · commit 094709eaf69e · 2024-03-03T13:59:25.000+07:00
[KMP] Fix iOS Ktor network issues
diff --git a/README.md b/README.md
@@ -30,16 +30,14 @@ Go to the [Releases](https://github.com/viethua99/KMP-Stable-Diffusion/releases)
 | <img width="320" src="docs/images/android_tti_feature.gif" /> | Coming soon    | Coming soon   | 
 
 ## 👀 Screenshots
-### Android
 
-| <img width="320" src="docs/images/android_screenshot_1.png" /> | <img width="320" src="docs/images/android_screenshot_2.png" /> | <img width="320" src="docs/images/android_screenshot_3.png" /> | <img width="320" src="docs/images/android_screenshot_4.png" /> |
-|----------------------------------------------------------------|----------------------------------------------------------------|----------------------------------------------------------------|----------------------------------------------------------------|
-### iOS
+| Platform | Home (1)                                                       | Home (2)                                                       | Generate                                                       | Detail                                                         |
+|----------|----------------------------------------------------------------|----------------------------------------------------------------|----------------------------------------------------------------|----------------------------------------------------------------|
+| Android  | <img width="320" src="docs/images/android_screenshot_1.png" /> | <img width="320" src="docs/images/android_screenshot_2.png" /> | <img width="320" src="docs/images/android_screenshot_3.png" /> | <img width="320" src="docs/images/android_screenshot_4.png" /> | 
+| iOS      | <img width="320" src="docs/images/ios_screenshot_1.png" />     | <img width="320" src="docs/images/ios_screenshot_2.png" />     | <img width="320" src="docs/images/ios_screenshot_3.png" />     | <img width="320" src="docs/images/ios_screenshot_4.png" />     | 
 
-| Comingsoon | Comingsoon  | Comingsoon |
-|------------|-------------|------------|
 
-## Support Styles:
+## 🎨 Support Styles
 
 | Style        | Sample                                                                        | Style        | Sample                                                                         |
 |--------------|-------------------------------------------------------------------------------|--------------|--------------------------------------------------------------------------------|
diff --git a/composeApp/build.gradle.kts b/composeApp/build.gradle.kts
@@ -47,6 +47,7 @@ kotlin {
 
             // Ktor Dependencies for API network
             implementation(libs.ktor.client.cio)
+            implementation(libs.ktor.client.okhttp)
 
             // Koin Dependencies for dependency injection
             implementation(libs.koin.android)
diff --git a/composeApp/src/androidMain/kotlin/com/vproject/stablediffusion/di/KoinAndroid.kt b/composeApp/src/androidMain/kotlin/com/vproject/stablediffusion/di/KoinAndroid.kt
@@ -1,8 +1,28 @@
 package com.vproject.stablediffusion.di
 
 import com.vproject.stablediffusion.util.TestUtil
+import io.ktor.client.HttpClient
+import io.ktor.client.engine.okhttp.OkHttp
+import io.ktor.client.plugins.HttpTimeout
+import io.ktor.client.plugins.contentnegotiation.ContentNegotiation
+import io.ktor.serialization.kotlinx.json.json
+import kotlinx.serialization.json.Json
 import org.koin.dsl.module
 
 actual fun platformModule() = module {
     single { TestUtil(get()) }
+
+    single {
+        HttpClient(OkHttp) {
+            install(ContentNegotiation) {
+                json(Json { ignoreUnknownKeys = true })
+            }
+
+            install(HttpTimeout) {
+                requestTimeoutMillis = 120000
+                connectTimeoutMillis = 120000
+                socketTimeoutMillis = 120000
+            }
+        }
+    }
 }
diff --git a/composeApp/src/androidMain/kotlin/com/vproject/stablediffusion/network/HttpClientAndroid.kt b/composeApp/src/androidMain/kotlin/com/vproject/stablediffusion/network/HttpClientAndroid.kt
@@ -0,0 +1,4 @@
+package com.vproject.stablediffusion.network
+
+class HttpClientAndroid {
+}
diff --git a/composeApp/src/commonMain/kotlin/com/vproject/stablediffusion/di/Koin.kt b/composeApp/src/commonMain/kotlin/com/vproject/stablediffusion/di/Koin.kt
@@ -1,6 +1,5 @@
 package com.vproject.stablediffusion.di
 
-import com.vproject.stablediffusion.BuildKonfig
 import com.vproject.stablediffusion.database.createDatabase
 import com.vproject.stablediffusion.database.dao.MyDao
 import com.vproject.stablediffusion.database.sqlDriverFactory
@@ -13,20 +12,6 @@ import com.vproject.stablediffusion.presentation.screen.project.ProjectModel
 import com.vproject.stablediffusion.presentation.screen.setting.SettingModel
 import com.vproject.stablediffusion.presentation.screen.home.HomeModel
 import com.vproject.stablediffusion.presentation.screen.detail.DetailModel
-import io.ktor.client.HttpClient
-import io.ktor.client.engine.cio.CIO
-import io.ktor.client.plugins.DefaultRequest
-import io.ktor.client.plugins.HttpTimeout
-import io.ktor.client.plugins.contentnegotiation.ContentNegotiation
-import io.ktor.client.plugins.logging.LogLevel
-import io.ktor.client.plugins.logging.Logging
-import io.ktor.client.request.accept
-import io.ktor.client.request.header
-import io.ktor.client.request.headers
-import io.ktor.http.ContentType
-import io.ktor.http.HttpHeaders
-import io.ktor.serialization.kotlinx.json.json
-import kotlinx.serialization.json.Json
 import org.koin.core.context.startKoin
 import org.koin.core.module.Module
 import org.koin.core.module.dsl.factoryOf
@@ -64,27 +49,6 @@ fun repositoryModule() = module {
 }
 
 fun remoteModule() = module {
-    // Network Dependencies
-    single {
-        HttpClient {
-            install(ContentNegotiation) {
-                json( Json { ignoreUnknownKeys = true })
-            }
-
-            install(HttpTimeout) {
-                requestTimeoutMillis = 120000
-                connectTimeoutMillis = 120000
-                socketTimeoutMillis = 120000
-            }
-
-//            install(DefaultRequest) {
-//                headers {
-//                    append("Authorization", BuildKonfig.STABLE_DIFFUSION_API_KEY)
-//                }
-//            }
-        }
-    }
-
     single<StableDiffusionApi> { KtorStableDiffusionApi(client = get()) }
 }
 
diff --git a/composeApp/src/commonMain/kotlin/com/vproject/stablediffusion/presentation/screen/home/HomeScreen.kt b/composeApp/src/commonMain/kotlin/com/vproject/stablediffusion/presentation/screen/home/HomeScreen.kt
@@ -163,7 +163,7 @@ private fun HomeSearch() {
                     Box(Modifier.weight(1f)) {
                         if ("".isEmpty()) {
                             Text(
-                                modifier = Modifier,
+                                modifier = Modifier.align(Alignment.CenterStart),
                                 text = "Popular Searches: Dragon Year",
                                 style = TextStyle(
                                     color = MaterialTheme.colorScheme.onSurface,
diff --git a/composeApp/src/desktopMain/kotlin/com/vproject/stablediffusion/di/KoinDesktop.kt b/composeApp/src/desktopMain/kotlin/com/vproject/stablediffusion/di/KoinDesktop.kt
@@ -1,9 +1,27 @@
 package com.vproject.stablediffusion.di
 
 import com.vproject.stablediffusion.util.TestUtil
+import io.ktor.client.HttpClient
+import io.ktor.client.plugins.HttpTimeout
+import io.ktor.client.plugins.contentnegotiation.ContentNegotiation
+import io.ktor.serialization.kotlinx.json.json
+import kotlinx.serialization.json.Json
 import org.koin.dsl.module
 
 actual fun platformModule() = module {
     single { TestUtil() }
 
+    single {
+        HttpClient {
+            install(ContentNegotiation) {
+                json( Json { ignoreUnknownKeys = true })
+            }
+
+            install(HttpTimeout) {
+                requestTimeoutMillis = 120000
+                connectTimeoutMillis = 120000
+                socketTimeoutMillis = 120000
+            }
+        }
+    }
 }
diff --git a/composeApp/src/iosMain/kotlin/com/vproject/stablediffusion/di/KoiniOS.kt b/composeApp/src/iosMain/kotlin/com/vproject/stablediffusion/di/KoiniOS.kt
@@ -1,8 +1,28 @@
 package com.vproject.stablediffusion.di
 
 import com.vproject.stablediffusion.util.TestUtil
+import io.ktor.client.HttpClient
+import io.ktor.client.engine.darwin.Darwin
+import io.ktor.client.plugins.HttpTimeout
+import io.ktor.client.plugins.contentnegotiation.ContentNegotiation
+import io.ktor.serialization.kotlinx.json.json
+import kotlinx.serialization.json.Json
 import org.koin.dsl.module
 
 actual fun platformModule() = module {
- single { TestUtil() }
+    single { TestUtil() }
+
+    single {
+        HttpClient(Darwin) {
+            install(ContentNegotiation) {
+                json(Json { ignoreUnknownKeys = true })
+            }
+
+            install(HttpTimeout) {
+                requestTimeoutMillis = 120000
+                connectTimeoutMillis = 120000
+                socketTimeoutMillis = 120000
+            }
+        }
+    }
 }
diff --git a/docs/images/ios_screenshot_1.png b/docs/images/ios_screenshot_1.png
diff --git a/docs/images/ios_screenshot_2.png b/docs/images/ios_screenshot_2.png
diff --git a/docs/images/ios_screenshot_3.png b/docs/images/ios_screenshot_3.png
diff --git a/docs/images/ios_screenshot_4.png b/docs/images/ios_screenshot_4.png
diff --git a/gradle/libs.versions.toml b/gradle/libs.versions.toml
@@ -54,7 +54,7 @@ ktor-client-core = { module = "io.ktor:ktor-client-core", version.ref = "ktor" }
 ktor-client-darwin = { module = "io.ktor:ktor-client-darwin", version.ref = "ktor" }
 ktor-client-auth = { module = "io.ktor:ktor-client-auth", version.ref = "ktor" }
 ktor-client-js = { module = "io.ktor:ktor-client-js", version.ref = "ktor" }
-#ktor-client-okhttp = { module = "io.ktor:ktor-client-okhttp", version.ref = "ktor" }
+ktor-client-okhttp = { module = "io.ktor:ktor-client-okhttp", version.ref = "ktor" }
 ktor-client-logging = { module = "io.ktor:ktor-client-logging", version.ref = "ktor" }
 ktor-serialization-kotlinx-json = { module = "io.ktor:ktor-serialization-kotlinx-json", version.ref = "ktor" }
 koin-android = { module = "io.insert-koin:koin-android", version.ref = "koin-android" }

-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +package com.vproject.stablediffusion.network
++
 +class HttpClientAndroid {
 +}