Use compose for desktop

Author: MrBoomDeveloper

app/build.gradle.kts

@@ -179,6 +179,7 @@ dependencies {
     implementation(libs.glide.imageViewFactory)
     implementation(libs.konfetti.xml)
     implementation(libs.animatedBottomBar)
+    implementation(project(":ui"))
 
     // Compose
     implementation(platform(libs.androidx.compose.bom))

app/src/main/java/com/mrboomdev/awery/ui/tv/components/MediaCard.kt

@@ -23,6 +23,9 @@ import androidx.tv.material3.Text
 import coil3.compose.AsyncImage
 import com.mrboomdev.awery.ext.data.CatalogMedia
 
+/**
+ * An media card with components optimized for TV.
+ */
 @Composable
 fun MediaCard(
 	media: CatalogMedia,

app/src/main/java/com/mrboomdev/awery/ui/tv/screens/HomeScreen.kt

@@ -8,6 +8,7 @@ import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.selection.selectableGroup
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.SideEffect
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableIntStateOf
 import androidx.compose.runtime.mutableStateListOf
@@ -58,7 +59,7 @@ fun HomeScreen(
 	val sectionsState = remember { mutableStateListOf<MediaRowContent>() }
 	val featuredState = remember { mutableStateListOf<CatalogMedia>() }
 	val tabs = remember { mutableStateListOf<Pair<DBTab, IconStateful>>() }
-	val savedDefaultTab = AwerySettings.DEFAULT_HOME_TAB.value
+	val savedDefaultTab = remember { AwerySettings.DEFAULT_HOME_TAB.value }
 
 	LaunchedEffect("HomeScreenEffect") {
 		/*if(AwerySettings.AUTO_CHECK_APP_UPDATE.value) {

build.gradle.kts

@@ -18,4 +18,5 @@ plugins {
 	alias(libs.plugins.compose) apply false
 	alias(libs.plugins.kotlin.multiplatform) apply false
 	alias(libs.plugins.android.library) apply false
+	alias(libs.plugins.jetbrains.kotlin.jvm) apply false
 }

desktop/build.gradle.kts

@@ -1,25 +1,39 @@
-plugins {
-    id("java")
-}
+import org.jetbrains.compose.desktop.application.dsl.TargetFormat
 
-java {
-    sourceCompatibility = JavaVersion.VERSION_17
-    targetCompatibility = JavaVersion.VERSION_17
+plugins {
+	kotlin("jvm")
+	id("org.jetbrains.compose") version "1.6.10"
+	id("org.jetbrains.kotlin.plugin.compose")
 }
 
-tasks.register<JavaExec>("runWithJavaExec") {
-    mainClass = "com.mrboomdev.awery.desktop.Main"
-    errorOutput = System.err
-}
+group = "com.mrboomdev.awery.desktop"
+version = "1.0.0"
 
 dependencies {
+	// Core
+	implementation(project(":ext"))
+	implementation(project(":ui"))
+	implementation(kotlin("stdlib-jdk8"))
+	implementation(compose.desktop.currentOs)
+
     // Utils
-    implementation(project(":ext"))
     implementation(libs.moshi)
 
     // Networking
     implementation(libs.okhttp)
     implementation(libs.okhttp.logging)
     implementation(libs.okhttp.dnsoverhttps)
     implementation(libs.okhttp.brotli)
+}
+
+compose.desktop {
+	application {
+		mainClass = "Main"
+
+		nativeDistributions {
+			targetFormats(TargetFormat.Exe, TargetFormat.Deb)
+			packageName = "com.mrboomdev.awery"
+			packageVersion = "1.0.0"
+		}
+	}
 }

desktop/src/main/java/com/mrboomdev/awery/desktop/Main.kt

@@ -1,39 +1,66 @@
-package com.mrboomdev.awery.desktop;
+package com.mrboomdev.awery.desktop
 
-import com.mrboomdev.awery.desktop.ui.components.Button;
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.shape.AbsoluteRoundedCornerShape
+import androidx.compose.foundation.window.WindowDraggableArea
+import androidx.compose.material.Button
+import androidx.compose.material.MaterialTheme
+import androidx.compose.material.Surface
+import androidx.compose.material.Text
+import androidx.compose.material.darkColors
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Brush
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.input.pointer.PointerIcon
+import androidx.compose.ui.input.pointer.pointerHoverIcon
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.window.MenuBar
+import androidx.compose.ui.window.Window
+import androidx.compose.ui.window.application
+import com.mrboomdev.awery.desktop.ui.components.StatusBar
+import java.awt.Dimension
+import kotlin.system.exitProcess
 
-import java.awt.Toolkit;
+fun main() = application {
+	Window(
+		title = "Awery",
+		undecorated = true,
+		transparent = true,
+		onCloseRequest = { exitApplication() }
+	) {
+		remember {
+			window.minimumSize = Dimension(500, 350)
+			window.requestFocus()
+		}
 
-import javax.swing.JFrame;
-import javax.swing.JLabel;
+		WindowDraggableArea(
+			modifier = Modifier.clip(AbsoluteRoundedCornerShape(4.dp))
+		) {
+			MaterialTheme(colors = darkColors()) {
+				Surface(
+					modifier = Modifier.fillMaxSize(),
+					color = MaterialTheme.colors.background
+				) {
+					Column {
+						StatusBar(
+							title = "Awery",
+							windowScope = this@Window
+						)
 
-public class Main {
-
-	public static void main(String[] args) {
-		var toolkit = Toolkit.getDefaultToolkit();
-
-		var frame = new JFrame();
-		frame.setTitle("Awery");
-		frame.setAutoRequestFocus(true);
-		frame.setResizable(true);
-
-		frame.setSize(
-				Math.round(toolkit.getScreenSize().width * .75f),
-				Math.round(toolkit.getScreenSize().height * .75f));
-
-		frame.setLocation(
-				toolkit.getScreenSize().width / 2 - frame.getWidth() / 2,
-				toolkit.getScreenSize().height / 2 - frame.getHeight() / 2);
-
-		var label = new JLabel("Welcome to Awery!");
-		label.setBounds(200, 0, 200, 200);
-		frame.add(label);
-
-		var button = new Button("Hello, World!");
-		button.setBounds(150, 200, 220, 50);
-		frame.add(button);
-
-		frame.setVisible(true);
-		frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
+						Button(
+							modifier = Modifier.pointerHoverIcon(PointerIcon.Hand),
+							onClick = { println("Hello, World!") }
+						) {
+							Text("Hello, Everynyan UwU")
+						}
+					}
+				}
+			}
+		}
 	}
 }