Kotlin MultiPlatform HomeWork

androidApp/src/main/java/ru/otus/otuskmp/android/MainActivity.kt

@@ -22,10 +22,12 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import com.example.otuskmp.StopwatchViewModel
+import com.example.otuskmp.initClipboard
 
 class MainActivity : ComponentActivity() {
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
+        initClipboard(this)
         setContent {
             MyApplicationTheme {
                 Surface(
@@ -71,6 +73,11 @@ fun StopWatchContent(modifier: Modifier = Modifier) {
             ) {
                 Text("Stop")
             }
+            TextButton(
+                onClick = viewModel::onCopyClicked
+            ) {
+                Text("Copy")
+            }
         }
     }
 }

build.gradle.kts

@@ -5,4 +5,5 @@ plugins {
     alias(libs.plugins.kotlinAndroid).apply(false)
     alias(libs.plugins.kotlinMultiplatform).apply(false)
     alias(libs.plugins.compose.compiler).apply(false)
+    alias(libs.plugins.composeMultiplatform).apply(false)
 }

gradle/libs.versions.toml

@@ -2,6 +2,7 @@
 agp = "8.9.2"
 kotlin = "2.1.21"
 compose = "1.8.1"
+compose-plugin = "1.8.1"
 compose-material3 = "1.3.2"
 androidx-activityCompose = "1.10.1"
 
@@ -22,3 +23,4 @@ kotlinAndroid = { id = "org.jetbrains.kotlin.android", version.ref = "kotlin" }
 kotlinMultiplatform = { id = "org.jetbrains.kotlin.multiplatform", version.ref = "kotlin" }
 kotlinCocoapods = { id = "org.jetbrains.kotlin.native.cocoapods", version.ref = "kotlin" }
 compose-compiler = { id = "org.jetbrains.kotlin.plugin.compose", version.ref = "kotlin" }
+composeMultiplatform = { id = "org.jetbrains.compose", version.ref = "compose-plugin" }

iosApp/iosApp/ContentView.swift

@@ -16,6 +16,9 @@ struct ContentView: View {
                 Button(action: viewModel.onStopClicked, label: {
                     Text("Stop")
                 })
+                Button(action: viewModel.onCopyClicked, label: {
+                    Text("Copy")
+                })
             }
         }
     }
@@ -34,6 +37,10 @@ class StopwatchViewModelWrapper: ObservableObject {
     func onStopClicked() {
         viewModel.onStopClicked()
     }
+
+    func onCopyClicked() {
+        viewModel.onCopyClicked()
+    }
 
     init() {
         observer = viewModel.uiState.collect {

shared/build.gradle.kts

@@ -3,6 +3,8 @@ import org.jetbrains.kotlin.gradle.dsl.JvmTarget
 plugins {
     alias(libs.plugins.kotlinMultiplatform)
     alias(libs.plugins.androidLibrary)
+    alias(libs.plugins.composeMultiplatform)
+    alias(libs.plugins.compose.compiler)
 }
 
 kotlin {
@@ -28,13 +30,25 @@ kotlin {
         }
     }
 
+    js(IR) {
+        browser()
+        binaries.executable()
+    }
+
     sourceSets {
         commonMain.dependencies {
             api(libs.kotlinx.coroutines)
+            implementation(compose.runtime)
         }
         commonTest.dependencies {
             implementation(libs.kotlin.test)
         }
+        val jsMain by getting {
+            dependencies {
+                implementation(compose.html.core)
+                implementation(compose.runtime)
+            }
+        }
     }
 }
 

shared/src/androidMain/kotlin/com/example/otuskmp/Clipboard.android.kt

@@ -0,0 +1,16 @@
+package com.example.otuskmp
+
+import android.content.ClipData
+import android.content.ClipboardManager
+import android.content.Context
+
+internal lateinit var appContext: Context
+
+fun initClipboard(context: Context) {
+    appContext = context.applicationContext
+}
+
+actual fun copyToClipboard(text: String) {
+    val clipboard = appContext.getSystemService(Context.CLIPBOARD_SERVICE) as ClipboardManager
+    clipboard.setPrimaryClip(ClipData.newPlainText("stopwatch", text))
+}

shared/src/commonMain/kotlin/com/example/otuskmp/Clipboard.kt

@@ -0,0 +1,3 @@
+package com.example.otuskmp
+
+expect fun copyToClipboard(text: String)

shared/src/commonMain/kotlin/com/example/otuskmp/StopwatchViewModel.kt

@@ -33,6 +33,10 @@ class StopwatchViewModel {
         job?.cancel()
     }
 
+    fun onCopyClicked() {
+        copyToClipboard(_uiState.value.formattedTime)
+    }
+
     fun onDestroy() {
         coroutineScope.cancel()
     }

shared/src/iosMain/kotlin/com/example/otuskmp/Clipboard.ios.kt

@@ -0,0 +1,7 @@
+package com.example.otuskmp
+
+import platform.UIKit.UIPasteboard
+
+actual fun copyToClipboard(text: String) {
+    UIPasteboard.generalPasteboard.string = text
+}

shared/src/jsMain/kotlin/Main.kt

@@ -0,0 +1,76 @@
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.DisposableEffect
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.State
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import com.example.otuskmp.StopwatchViewModel
+import kotlinx.coroutines.flow.StateFlow
+import org.jetbrains.compose.web.css.*
+import org.jetbrains.compose.web.dom.*
+import org.jetbrains.compose.web.renderComposable
+
+@Composable
+fun <T> StateFlow<T>.collectAsState(): State<T> {
+    val state = remember(this) { mutableStateOf(this.value) }
+    LaunchedEffect(this) {
+        this@collectAsState.collect { state.value = it }
+    }
+    return state
+}
+
+fun main() {
+    renderComposable(rootElementId = "root") {
+        val viewModel = remember { StopwatchViewModel() }
+        val uiState by viewModel.uiState.collectAsState()
+
+        DisposableEffect(Unit) {
+            onDispose { viewModel.onDestroy() }
+        }
+
+        Div({
+            style {
+                display(DisplayStyle.Flex)
+                flexDirection(FlexDirection.Column)
+                alignItems(AlignItems.Center)
+                justifyContent(JustifyContent.Center)
+                height(100.vh)
+                fontFamily("sans-serif")
+            }
+        }) {
+            Div({
+                style {
+                    fontSize(32.px)
+                    marginBottom(16.px)
+                }
+            }) {
+                Text(uiState.formattedTime)
+            }
+
+            Div({
+                style {
+                    display(DisplayStyle.Flex)
+                    flexDirection(FlexDirection.Row)
+                    gap(8.px)
+                }
+            }) {
+                Button(attrs = {
+                    onClick { viewModel.onStartClicked() }
+                }) {
+                    Text("Start")
+                }
+                Button(attrs = {
+                    onClick { viewModel.onStopClicked() }
+                }) {
+                    Text("Stop")
+                }
+                Button(attrs = {
+                    onClick { viewModel.onCopyClicked() }
+                }) {
+                    Text("Copy")
+                }
+            }
+        }
+    }
+}

shared/src/jsMain/kotlin/com/example/otuskmp/Clipboard.js.kt

@@ -0,0 +1,7 @@
+package com.example.otuskmp
+
+import kotlinx.browser.window
+
+actual fun copyToClipboard(text: String) {
+    window.navigator.clipboard.writeText(text)
+}

shared/src/jsMain/kotlin/com/example/otuskmp/CurrentTimeMillis.js.kt

@@ -0,0 +1,5 @@
+package com.example.otuskmp
+
+import kotlin.js.Date
+
+actual fun currentTimeMillis(): Long = Date().getTime().toLong()

shared/src/jsMain/kotlin/com/example/otuskmp/DecimalFormat.js.kt

@@ -0,0 +1,7 @@
+package com.example.otuskmp
+
+actual class DecimalFormat actual constructor(pattern: String) {
+    actual fun format(value: Double): String {
+        return value.asDynamic().toFixed(2) as String
+    }
+}

shared/src/jsMain/resources/index.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Stopwatch</title>
+</head>
+<body>
+    <div id="root"></div>
+    <script src="shared.js"></script>
+</body>
+</html>