├── .gitignore ├── README.md ├── build.gradle.kts ├── gradle.properties ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat ├── settings.gradle.kts └── src └── jvmMain └── kotlin ├── ImageDownloader.kt ├── Lce.kt ├── Main.kt ├── Repository.kt ├── WeatherModels.kt ├── WeatherScreen.kt ├── WeatherTransformer.kt └── WeatherUiModels.kt /.gitignore: -------------------------------------------------------------------------------- 1 | .gradle 2 | build/ 3 | !gradle/wrapper/gradle-wrapper.jar 4 | !**/src/main/**/build/ 5 | !**/src/test/**/build/ 6 | 7 | ### IntelliJ IDEA ### 8 | .idea/modules.xml 9 | .idea/jarRepositories.xml 10 | .idea/compiler.xml 11 | .idea/libraries/ 12 | *.iws 13 | *.iml 14 | *.ipr 15 | out/ 16 | !**/src/main/**/out/ 17 | !**/src/test/**/out/ 18 | 19 | ### Eclipse ### 20 | .apt_generated 21 | .classpath 22 | .factorypath 23 | .project 24 | .settings 25 | .springBeans 26 | .sts4-cache 27 | bin/ 28 | !**/src/main/**/bin/ 29 | !**/src/test/**/bin/ 30 | 31 | ### NetBeans ### 32 | /nbproject/private/ 33 | /nbbuild/ 34 | /dist/ 35 | /nbdist/ 36 | /.nb-gradle/ 37 | 38 | ### VS Code ### 39 | .vscode/ 40 | 41 | ### Mac OS ### 42 | .DS_Store -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Weather App 2 | Десктопное приложение для прогноза погоды. 3 | 4 | > В качестве сервиса прогноза погоды использовался [WeatherApi](https://www.weatherapi.com/) 5 | 6 | ## Screenshots 7 |
8 | 9 | | | 10 | | :---: | 11 | 12 |
13 | 14 | | | 15 | | :---: | 16 | 17 |
18 | -------------------------------------------------------------------------------- /build.gradle.kts: -------------------------------------------------------------------------------- 1 | import org.jetbrains.compose.desktop.application.dsl.TargetFormat 2 | 3 | plugins { 4 | kotlin("multiplatform") 5 | kotlin("plugin.serialization") version "1.8.10" 6 | id("org.jetbrains.compose") 7 | } 8 | 9 | group = "com.weather" 10 | version = "1.0" 11 | 12 | repositories { 13 | google() 14 | mavenCentral() 15 | maven("https://maven.pkg.jetbrains.space/public/p/compose/dev") 16 | } 17 | 18 | kotlin { 19 | jvm { 20 | jvmToolchain(11) 21 | withJava() 22 | } 23 | sourceSets { 24 | val jvmMain by getting { 25 | dependencies { 26 | implementation(compose.desktop.currentOs) 27 | implementation("org.slf4j:slf4j-api:2.0.7") 28 | runtimeOnly("org.slf4j:slf4j-simple:2.0.7") 29 | implementation("io.ktor:ktor-client-core:2.3.0") 30 | implementation("io.ktor:ktor-client-cio:2.3.0") 31 | implementation("io.ktor:ktor-client-serialization:2.3.0") 32 | implementation("io.ktor:ktor-serialization-kotlinx-json:2.3.0") 33 | implementation("io.ktor:ktor-client-content-negotiation:2.3.0") 34 | } 35 | } 36 | val jvmTest by getting 37 | } 38 | } 39 | 40 | compose.desktop { 41 | application { 42 | mainClass = "MainKt" 43 | nativeDistributions { 44 | targetFormats(TargetFormat.Dmg, TargetFormat.Msi, TargetFormat.Deb) 45 | packageName = "weather-app" 46 | packageVersion = "1.0.0" 47 | } 48 | } 49 | } 50 | -------------------------------------------------------------------------------- /gradle.properties: -------------------------------------------------------------------------------- 1 | kotlin.code.style=official 2 | 3 | kotlin.version=1.8.0 4 | agp.version=7.3.0 5 | compose.version=1.3.0 -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/khamroevjs/weather-app-compose-desktop/342aec75c1b5d4b0f06632f4b9391b956383638c/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | distributionBase=GRADLE_USER_HOME 2 | distributionPath=wrapper/dists 3 | distributionUrl=https\://services.gradle.org/distributions/gradle-8.1.1-bin.zip 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | -------------------------------------------------------------------------------- /gradlew: -------------------------------------------------------------------------------- 1 | #!/bin/sh 2 | 3 | # 4 | # Copyright © 2015-2021 the original authors. 5 | # 6 | # Licensed under the Apache License, Version 2.0 (the "License"); 7 | # you may not use this file except in compliance with the License. 8 | # You may obtain a copy of the License at 9 | # 10 | # https://www.apache.org/licenses/LICENSE-2.0 11 | # 12 | # Unless required by applicable law or agreed to in writing, software 13 | # distributed under the License is distributed on an "AS IS" BASIS, 14 | # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 15 | # See the License for the specific language governing permissions and 16 | # limitations under the License. 17 | # 18 | 19 | ############################################################################## 20 | # 21 | # Gradle start up script for POSIX generated by Gradle. 22 | # 23 | # Important for running: 24 | # 25 | # (1) You need a POSIX-compliant shell to run this script. If your /bin/sh is 26 | # noncompliant, but you have some other compliant shell such as ksh or 27 | # bash, then to run this script, type that shell name before the whole 28 | # command line, like: 29 | # 30 | # ksh Gradle 31 | # 32 | # Busybox and similar reduced shells will NOT work, because this script 33 | # requires all of these POSIX shell features: 34 | # * functions; 35 | # * expansions «$var», «${var}», «${var:-default}», «${var+SET}», 36 | # «${var#prefix}», «${var%suffix}», and «$( cmd )»; 37 | # * compound commands having a testable exit status, especially «case»; 38 | # * various built-in commands including «command», «set», and «ulimit». 39 | # 40 | # Important for patching: 41 | # 42 | # (2) This script targets any POSIX shell, so it avoids extensions provided 43 | # by Bash, Ksh, etc; in particular arrays are avoided. 44 | # 45 | # The "traditional" practice of packing multiple parameters into a 46 | # space-separated string is a well documented source of bugs and security 47 | # problems, so this is (mostly) avoided, by progressively accumulating 48 | # options in "$@", and eventually passing that to Java. 49 | # 50 | # Where the inherited environment variables (DEFAULT_JVM_OPTS, JAVA_OPTS, 51 | # and GRADLE_OPTS) rely on word-splitting, this is performed explicitly; 52 | # see the in-line comments for details. 53 | # 54 | # There are tweaks for specific operating systems such as AIX, CygWin, 55 | # Darwin, MinGW, and NonStop. 56 | # 57 | # (3) This script is generated from the Groovy template 58 | # https://github.com/gradle/gradle/blob/master/subprojects/plugins/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt 59 | # within the Gradle project. 60 | # 61 | # You can find Gradle at https://github.com/gradle/gradle/. 62 | # 63 | ############################################################################## 64 | 65 | # Attempt to set APP_HOME 66 | 67 | # Resolve links: $0 may be a link 68 | app_path=$0 69 | 70 | # Need this for daisy-chained symlinks. 71 | while 72 | APP_HOME=${app_path%"${app_path##*/}"} # leaves a trailing /; empty if no leading path 73 | [ -h "$app_path" ] 74 | do 75 | ls=$( ls -ld "$app_path" ) 76 | link=${ls#*' -> '} 77 | case $link in #( 78 | /*) app_path=$link ;; #( 79 | *) app_path=$APP_HOME$link ;; 80 | esac 81 | done 82 | 83 | APP_HOME=$( cd "${APP_HOME:-./}" && pwd -P ) || exit 84 | 85 | APP_NAME="Gradle" 86 | APP_BASE_NAME=${0##*/} 87 | 88 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 89 | DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"' 90 | 91 | # Use the maximum available, or set MAX_FD != -1 to use that value. 92 | MAX_FD=maximum 93 | 94 | warn () { 95 | echo "$*" 96 | } >&2 97 | 98 | die () { 99 | echo 100 | echo "$*" 101 | echo 102 | exit 1 103 | } >&2 104 | 105 | # OS specific support (must be 'true' or 'false'). 106 | cygwin=false 107 | msys=false 108 | darwin=false 109 | nonstop=false 110 | case "$( uname )" in #( 111 | CYGWIN* ) cygwin=true ;; #( 112 | Darwin* ) darwin=true ;; #( 113 | MSYS* | MINGW* ) msys=true ;; #( 114 | NONSTOP* ) nonstop=true ;; 115 | esac 116 | 117 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 118 | 119 | 120 | # Determine the Java command to use to start the JVM. 121 | if [ -n "$JAVA_HOME" ] ; then 122 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 123 | # IBM's JDK on AIX uses strange locations for the executables 124 | JAVACMD=$JAVA_HOME/jre/sh/java 125 | else 126 | JAVACMD=$JAVA_HOME/bin/java 127 | fi 128 | if [ ! -x "$JAVACMD" ] ; then 129 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 130 | 131 | Please set the JAVA_HOME variable in your environment to match the 132 | location of your Java installation." 133 | fi 134 | else 135 | JAVACMD=java 136 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 137 | 138 | Please set the JAVA_HOME variable in your environment to match the 139 | location of your Java installation." 140 | fi 141 | 142 | # Increase the maximum file descriptors if we can. 143 | if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then 144 | case $MAX_FD in #( 145 | max*) 146 | MAX_FD=$( ulimit -H -n ) || 147 | warn "Could not query maximum file descriptor limit" 148 | esac 149 | case $MAX_FD in #( 150 | '' | soft) :;; #( 151 | *) 152 | ulimit -n "$MAX_FD" || 153 | warn "Could not set maximum file descriptor limit to $MAX_FD" 154 | esac 155 | fi 156 | 157 | # Collect all arguments for the java command, stacking in reverse order: 158 | # * args from the command line 159 | # * the main class name 160 | # * -classpath 161 | # * -D...appname settings 162 | # * --module-path (only if needed) 163 | # * DEFAULT_JVM_OPTS, JAVA_OPTS, and GRADLE_OPTS environment variables. 164 | 165 | # For Cygwin or MSYS, switch paths to Windows format before running java 166 | if "$cygwin" || "$msys" ; then 167 | APP_HOME=$( cygpath --path --mixed "$APP_HOME" ) 168 | CLASSPATH=$( cygpath --path --mixed "$CLASSPATH" ) 169 | 170 | JAVACMD=$( cygpath --unix "$JAVACMD" ) 171 | 172 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 173 | for arg do 174 | if 175 | case $arg in #( 176 | -*) false ;; # don't mess with options #( 177 | /?*) t=${arg#/} t=/${t%%/*} # looks like a POSIX filepath 178 | [ -e "$t" ] ;; #( 179 | *) false ;; 180 | esac 181 | then 182 | arg=$( cygpath --path --ignore --mixed "$arg" ) 183 | fi 184 | # Roll the args list around exactly as many times as the number of 185 | # args, so each arg winds up back in the position where it started, but 186 | # possibly modified. 187 | # 188 | # NB: a `for` loop captures its iteration list before it begins, so 189 | # changing the positional parameters here affects neither the number of 190 | # iterations, nor the values presented in `arg`. 191 | shift # remove old arg 192 | set -- "$@" "$arg" # push replacement arg 193 | done 194 | fi 195 | 196 | # Collect all arguments for the java command; 197 | # * $DEFAULT_JVM_OPTS, $JAVA_OPTS, and $GRADLE_OPTS can contain fragments of 198 | # shell script including quotes and variable substitutions, so put them in 199 | # double quotes to make sure that they get re-expanded; and 200 | # * put everything else in single quotes, so that it's not re-expanded. 201 | 202 | set -- \ 203 | "-Dorg.gradle.appname=$APP_BASE_NAME" \ 204 | -classpath "$CLASSPATH" \ 205 | org.gradle.wrapper.GradleWrapperMain \ 206 | "$@" 207 | 208 | # Stop when "xargs" is not available. 209 | if ! command -v xargs >/dev/null 2>&1 210 | then 211 | die "xargs is not available" 212 | fi 213 | 214 | # Use "xargs" to parse quoted args. 215 | # 216 | # With -n1 it outputs one arg per line, with the quotes and backslashes removed. 217 | # 218 | # In Bash we could simply go: 219 | # 220 | # readarray ARGS < <( xargs -n1 <<<"$var" ) && 221 | # set -- "${ARGS[@]}" "$@" 222 | # 223 | # but POSIX shell has neither arrays nor command substitution, so instead we 224 | # post-process each arg (as a line of input to sed) to backslash-escape any 225 | # character that might be a shell metacharacter, then use eval to reverse 226 | # that process (while maintaining the separation between arguments), and wrap 227 | # the whole thing up as a single "set" statement. 228 | # 229 | # This will of course break if any of these variables contains a newline or 230 | # an unmatched quote. 231 | # 232 | 233 | eval "set -- $( 234 | printf '%s\n' "$DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS" | 235 | xargs -n1 | 236 | sed ' s~[^-[:alnum:]+,./:=@_]~\\&~g; ' | 237 | tr '\n' ' ' 238 | )" '"$@"' 239 | 240 | exec "$JAVACMD" "$@" 241 | -------------------------------------------------------------------------------- /gradlew.bat: -------------------------------------------------------------------------------- 1 | @rem 2 | @rem Copyright 2015 the original author or authors. 3 | @rem 4 | @rem Licensed under the Apache License, Version 2.0 (the "License"); 5 | @rem you may not use this file except in compliance with the License. 6 | @rem You may obtain a copy of the License at 7 | @rem 8 | @rem https://www.apache.org/licenses/LICENSE-2.0 9 | @rem 10 | @rem Unless required by applicable law or agreed to in writing, software 11 | @rem distributed under the License is distributed on an "AS IS" BASIS, 12 | @rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 | @rem See the License for the specific language governing permissions and 14 | @rem limitations under the License. 15 | @rem 16 | 17 | @if "%DEBUG%"=="" @echo off 18 | @rem ########################################################################## 19 | @rem 20 | @rem Gradle startup script for Windows 21 | @rem 22 | @rem ########################################################################## 23 | 24 | @rem Set local scope for the variables with windows NT shell 25 | if "%OS%"=="Windows_NT" setlocal 26 | 27 | set DIRNAME=%~dp0 28 | if "%DIRNAME%"=="" set DIRNAME=. 29 | set APP_BASE_NAME=%~n0 30 | set APP_HOME=%DIRNAME% 31 | 32 | @rem Resolve any "." and ".." in APP_HOME to make it shorter. 33 | for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi 34 | 35 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 36 | set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m" 37 | 38 | @rem Find java.exe 39 | if defined JAVA_HOME goto findJavaFromJavaHome 40 | 41 | set JAVA_EXE=java.exe 42 | %JAVA_EXE% -version >NUL 2>&1 43 | if %ERRORLEVEL% equ 0 goto execute 44 | 45 | echo. 46 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 47 | echo. 48 | echo Please set the JAVA_HOME variable in your environment to match the 49 | echo location of your Java installation. 50 | 51 | goto fail 52 | 53 | :findJavaFromJavaHome 54 | set JAVA_HOME=%JAVA_HOME:"=% 55 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe 56 | 57 | if exist "%JAVA_EXE%" goto execute 58 | 59 | echo. 60 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 61 | echo. 62 | echo Please set the JAVA_HOME variable in your environment to match the 63 | echo location of your Java installation. 64 | 65 | goto fail 66 | 67 | :execute 68 | @rem Setup the command line 69 | 70 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 71 | 72 | 73 | @rem Execute Gradle 74 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %* 75 | 76 | :end 77 | @rem End local scope for the variables with windows NT shell 78 | if %ERRORLEVEL% equ 0 goto mainEnd 79 | 80 | :fail 81 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 82 | rem the _cmd.exe /c_ return code! 83 | set EXIT_CODE=%ERRORLEVEL% 84 | if %EXIT_CODE% equ 0 set EXIT_CODE=1 85 | if not ""=="%GRADLE_EXIT_CONSOLE%" exit %EXIT_CODE% 86 | exit /b %EXIT_CODE% 87 | 88 | :mainEnd 89 | if "%OS%"=="Windows_NT" endlocal 90 | 91 | :omega 92 | -------------------------------------------------------------------------------- /settings.gradle.kts: -------------------------------------------------------------------------------- 1 | pluginManagement { 2 | repositories { 3 | google() 4 | gradlePluginPortal() 5 | mavenCentral() 6 | maven("https://maven.pkg.jetbrains.space/public/p/compose/dev") 7 | } 8 | 9 | plugins { 10 | kotlin("multiplatform").version(extra["kotlin.version"] as String) 11 | id("org.jetbrains.compose").version(extra["compose.version"] as String) 12 | } 13 | } 14 | 15 | rootProject.name = "weather-app" 16 | 17 | -------------------------------------------------------------------------------- /src/jvmMain/kotlin/ImageDownloader.kt: -------------------------------------------------------------------------------- 1 | import androidx.compose.ui.graphics.ImageBitmap 2 | import androidx.compose.ui.graphics.toComposeImageBitmap 3 | import io.ktor.client.* 4 | import io.ktor.client.engine.cio.* 5 | import io.ktor.client.request.* 6 | import io.ktor.client.statement.* 7 | import org.jetbrains.skia.Image 8 | 9 | object ImageDownloader { 10 | private val imageClient = HttpClient(CIO) 11 | 12 | suspend fun downloadImage(url: String): ImageBitmap { 13 | val image = imageClient.get(url).readBytes() 14 | return Image.makeFromEncoded(image).toComposeImageBitmap() 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /src/jvmMain/kotlin/Lce.kt: -------------------------------------------------------------------------------- 1 | sealed class Lce { 2 | object Loading : Lce() 3 | data class Content(val data: T) : Lce() 4 | data class Error(val error: Throwable) : Lce() 5 | } 6 | -------------------------------------------------------------------------------- /src/jvmMain/kotlin/Main.kt: -------------------------------------------------------------------------------- 1 | import androidx.compose.material.MaterialTheme 2 | import androidx.compose.ui.unit.dp 3 | import androidx.compose.ui.window.Window 4 | import androidx.compose.ui.window.WindowState 5 | import androidx.compose.ui.window.application 6 | 7 | 8 | val API_KEY: String = System.getenv("WEATHER_API_TOKEN") 9 | 10 | fun main() = application { 11 | Window( 12 | onCloseRequest = ::exitApplication, 13 | title = "Weather App", 14 | state = WindowState(width = 800.dp, height = 700.dp) 15 | ) { 16 | val repository = Repository(API_KEY) 17 | MaterialTheme { 18 | WeatherScreen(repository) 19 | } 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /src/jvmMain/kotlin/Repository.kt: -------------------------------------------------------------------------------- 1 | import io.ktor.client.* 2 | import io.ktor.client.call.* 3 | import io.ktor.client.engine.cio.* 4 | import io.ktor.client.plugins.contentnegotiation.* 5 | import io.ktor.client.request.* 6 | import io.ktor.serialization.kotlinx.json.* 7 | import kotlinx.serialization.json.Json 8 | 9 | class Repository( 10 | private val apiKey: String, 11 | private val client: HttpClient = defaultHttpClient, 12 | ) { 13 | private val transformer = WeatherTransformer() 14 | 15 | private suspend fun getWeatherForCity(city: String): WeatherResponse = 16 | client.get( 17 | "https://api.weatherapi.com/v1/forecast.json" + 18 | "?key=$apiKey" + 19 | "&q=$city" + 20 | "&days=5" + 21 | "&aqi=no" + 22 | "&alerts=no" 23 | ).body() 24 | 25 | suspend fun weatherForCity(city: String): Lce { 26 | return try { 27 | val result = getWeatherForCity(city) 28 | val content = transformer.transform(result) 29 | Lce.Content(content) 30 | } catch (e: Exception) { 31 | e.printStackTrace() 32 | Lce.Error(e) 33 | } 34 | } 35 | 36 | companion object { 37 | val defaultHttpClient = HttpClient(CIO) { 38 | install(ContentNegotiation) { 39 | json( 40 | Json { ignoreUnknownKeys = true } 41 | ) 42 | } 43 | } 44 | } 45 | } 46 | -------------------------------------------------------------------------------- /src/jvmMain/kotlin/WeatherModels.kt: -------------------------------------------------------------------------------- 1 | import kotlinx.serialization.SerialName 2 | import kotlinx.serialization.Serializable 3 | 4 | @Serializable 5 | data class WeatherResponse( 6 | val current: Current, 7 | val forecast: Forecast 8 | ) 9 | 10 | @Serializable 11 | data class Current( 12 | @SerialName("temp_c") val tempC: Double, 13 | val condition: Condition, 14 | @SerialName("feelslike_c") val feelslikeC: Double, 15 | ) 16 | 17 | @Serializable 18 | data class Condition( 19 | val text: String, 20 | val icon: String 21 | ) 22 | 23 | @Serializable 24 | data class Forecast( 25 | val forecastday: List 26 | ) 27 | 28 | @Serializable 29 | data class Forecastday( 30 | val day: Day, 31 | val hour: List 32 | ) 33 | 34 | @Serializable 35 | data class Day( 36 | @SerialName("avgtemp_c") val avgtempC: Double, 37 | val condition: Condition, 38 | ) 39 | 40 | @Serializable 41 | data class Hour( 42 | @SerialName("feelslike_c") val feelslikeC: Double, 43 | @SerialName("chance_of_rain") val chanceOfRain: Int, 44 | ) 45 | -------------------------------------------------------------------------------- /src/jvmMain/kotlin/WeatherScreen.kt: -------------------------------------------------------------------------------- 1 | import androidx.compose.foundation.Image 2 | import androidx.compose.foundation.layout.* 3 | import androidx.compose.foundation.lazy.LazyRow 4 | import androidx.compose.foundation.lazy.items 5 | import androidx.compose.material.* 6 | import androidx.compose.material.icons.Icons 7 | import androidx.compose.material.icons.filled.LocationOn 8 | import androidx.compose.material.icons.outlined.Search 9 | import androidx.compose.runtime.* 10 | import androidx.compose.ui.Alignment 11 | import androidx.compose.ui.Modifier 12 | import androidx.compose.ui.graphics.ImageBitmap 13 | import androidx.compose.ui.text.style.TextAlign 14 | import androidx.compose.ui.unit.dp 15 | import kotlinx.coroutines.launch 16 | 17 | @Composable 18 | fun WeatherScreen(repository: Repository) { 19 | var queriedCity by remember { mutableStateOf("") } 20 | var weatherState by remember { mutableStateOf?>(null) } 21 | val scope = rememberCoroutineScope() 22 | 23 | Column(horizontalAlignment = Alignment.CenterHorizontally) { 24 | Row( 25 | modifier = Modifier 26 | .fillMaxWidth() 27 | .padding(horizontal = 16.dp, vertical = 16.dp), 28 | verticalAlignment = Alignment.CenterVertically, 29 | horizontalArrangement = Arrangement.Center 30 | ) { 31 | TextField( 32 | value = queriedCity, 33 | onValueChange = { queriedCity = it }, 34 | modifier = Modifier 35 | .padding(end = 16.dp) 36 | .weight(1f), 37 | placeholder = { Text("Any city, really...") }, 38 | label = { Text(text = "Search for a city") }, 39 | leadingIcon = { Icon(Icons.Filled.LocationOn, "Location") }, 40 | ) 41 | Button( 42 | onClick = { 43 | weatherState = Lce.Loading 44 | scope.launch { 45 | weatherState = repository.weatherForCity(queriedCity) 46 | } 47 | } 48 | ) { 49 | Icon(Icons.Outlined.Search, "Search") 50 | } 51 | } 52 | 53 | when (val state = weatherState) { 54 | is Lce.Loading -> LoadingUI() 55 | is Lce.Error -> ErrorUI() 56 | is Lce.Content -> ContentUI(state.data) 57 | else -> {} 58 | } 59 | } 60 | } 61 | 62 | 63 | @Composable 64 | fun ContentUI(data: WeatherResults) { 65 | var imageState by remember { mutableStateOf(null) } 66 | 67 | LaunchedEffect(data.currentWeather.iconUrl) { 68 | imageState = ImageDownloader.downloadImage(data.currentWeather.iconUrl) 69 | } 70 | 71 | Text( 72 | text = "Current weather", 73 | modifier = Modifier.padding(all = 16.dp), 74 | style = MaterialTheme.typography.h6, 75 | ) 76 | 77 | Card( 78 | modifier = Modifier 79 | .fillMaxWidth() 80 | .padding(horizontal = 72.dp) 81 | ) { 82 | Column( 83 | modifier = Modifier.fillMaxWidth().padding(16.dp), 84 | horizontalAlignment = Alignment.CenterHorizontally, 85 | ) { 86 | Text( 87 | text = data.currentWeather.condition, 88 | style = MaterialTheme.typography.h6, 89 | ) 90 | 91 | imageState?.let { bitmap -> 92 | Image( 93 | bitmap = bitmap, 94 | contentDescription = null, 95 | modifier = Modifier 96 | .defaultMinSize(minWidth = 128.dp, minHeight = 128.dp) 97 | .padding(top = 8.dp) 98 | ) 99 | } 100 | 101 | Text( 102 | text = "Temperature in °C: ${data.currentWeather.temperature}", 103 | modifier = Modifier.padding(all = 8.dp), 104 | ) 105 | Text( 106 | text = "Feels like: ${data.currentWeather.feelsLike}", 107 | style = MaterialTheme.typography.caption, 108 | ) 109 | } 110 | } 111 | 112 | Divider( 113 | color = MaterialTheme.colors.primary, 114 | modifier = Modifier.padding(all = 16.dp), 115 | ) 116 | 117 | Text( 118 | text = "Forecast", 119 | modifier = Modifier.padding(all = 16.dp), 120 | style = MaterialTheme.typography.h6, 121 | ) 122 | LazyRow { 123 | items(data.forecast) { weatherCard -> 124 | ForecastUI(weatherCard) 125 | } 126 | } 127 | } 128 | 129 | @Composable 130 | fun ForecastUI(weatherCard: WeatherCard) { 131 | var imageState by remember { mutableStateOf(null) } 132 | 133 | LaunchedEffect(weatherCard.iconUrl) { 134 | imageState = ImageDownloader.downloadImage(weatherCard.iconUrl) 135 | } 136 | 137 | Card(modifier = Modifier.padding(all = 4.dp)) { 138 | Column( 139 | modifier = Modifier.padding(8.dp), 140 | horizontalAlignment = Alignment.CenterHorizontally, 141 | ) { 142 | Text( 143 | text = weatherCard.condition, 144 | style = MaterialTheme.typography.h6 145 | ) 146 | 147 | imageState?.let { bitmap -> 148 | Image( 149 | bitmap = bitmap, 150 | contentDescription = null, 151 | modifier = Modifier 152 | .defaultMinSize(minWidth = 64.dp, minHeight = 64.dp) 153 | .padding(top = 8.dp) 154 | ) 155 | } 156 | 157 | val chanceOfRainText = String.format( 158 | "Chance of rain: %.2f%%", weatherCard.chanceOfRain 159 | ) 160 | 161 | Text( 162 | text = chanceOfRainText, 163 | style = MaterialTheme.typography.caption, 164 | ) 165 | } 166 | } 167 | } 168 | 169 | @Composable 170 | fun ErrorUI() { 171 | Box(modifier = Modifier.fillMaxSize()) { 172 | Text( 173 | text = "Something went wrong, try again in a few minutes. ¯\\_(ツ)_/¯", 174 | modifier = Modifier 175 | .fillMaxSize() 176 | .padding(horizontal = 72.dp, vertical = 72.dp), 177 | textAlign = TextAlign.Center, 178 | style = MaterialTheme.typography.h6, 179 | color = MaterialTheme.colors.error, 180 | ) 181 | } 182 | } 183 | 184 | @Composable 185 | fun LoadingUI() { 186 | Box(modifier = Modifier.fillMaxSize()) { 187 | CircularProgressIndicator( 188 | modifier = Modifier 189 | .align(alignment = Alignment.Center) 190 | .defaultMinSize(minWidth = 96.dp, minHeight = 96.dp) 191 | ) 192 | } 193 | } 194 | -------------------------------------------------------------------------------- /src/jvmMain/kotlin/WeatherTransformer.kt: -------------------------------------------------------------------------------- 1 | class WeatherTransformer { 2 | fun transform(response: WeatherResponse): WeatherResults { 3 | val current = extractCurrentWeatherFrom(response) 4 | val forecast = extractForecastWeatherFrom(response) 5 | 6 | return WeatherResults( 7 | currentWeather = current, 8 | forecast = forecast, 9 | ) 10 | } 11 | 12 | private fun extractCurrentWeatherFrom(response: WeatherResponse): WeatherCard { 13 | return WeatherCard( 14 | condition = response.current.condition.text, 15 | iconUrl = "https:" + response.current.condition.icon.replace("64x64", "128x128"), 16 | temperature = response.current.tempC, 17 | feelsLike = response.current.feelslikeC, 18 | ) 19 | } 20 | 21 | private fun extractForecastWeatherFrom(response: WeatherResponse): List { 22 | return response.forecast.forecastday.map { forecastDay -> 23 | WeatherCard( 24 | condition = forecastDay.day.condition.text, 25 | iconUrl = "https:" + forecastDay.day.condition.icon, 26 | temperature = forecastDay.day.avgtempC, 27 | feelsLike = avgFeelsLike(forecastDay), 28 | chanceOfRain = avgChanceOfRain(forecastDay), 29 | ) 30 | } 31 | } 32 | 33 | private fun avgFeelsLike(forecastDay: Forecastday): Double = 34 | forecastDay.hour.map(Hour::feelslikeC).average() 35 | 36 | private fun avgChanceOfRain(forecastDay: Forecastday): Double = 37 | forecastDay.hour.map(Hour::chanceOfRain).average() 38 | } 39 | -------------------------------------------------------------------------------- /src/jvmMain/kotlin/WeatherUiModels.kt: -------------------------------------------------------------------------------- 1 | data class WeatherCard( 2 | val condition: String, 3 | val iconUrl: String, 4 | val temperature: Double, 5 | val feelsLike: Double, 6 | val chanceOfRain: Double? = null, 7 | ) 8 | 9 | data class WeatherResults( 10 | val currentWeather: WeatherCard, 11 | val forecast: List, 12 | ) 13 | --------------------------------------------------------------------------------