Set up the project and add a Button composable to make sure it works

Author: ShreckYe

.gitignore

@@ -1,5 +1,5 @@
-# Ignore Gradle project-specific cache directory
 .gradle
-
-# Ignore Gradle build output directory
 build
+local.properties
+
+.idea

README.md

@@ -1,3 +1,5 @@
 # Compose Multiplatform Material wrappers
 
 Compose Multiplatform Material Design component wrappers for Desktop, Android, and Web (mainly based on [KMDC](https://github.com/mpetuska/kmdc))
+
+We try to make sure the styles of the `Composable` components follow those in `com.huanshankeji.compose.material`, with, however, only a subset of the `Composable` arguments supported due to the API differences and limitations of the JS components this project depends on.

build.gradle.kts

@@ -0,0 +1,3 @@
+tasks.wrapper {
+    distributionType = Wrapper.DistributionType.ALL
+}

compose-multiplatform-material/build.gradle.kts

@@ -0,0 +1,46 @@
+plugins {
+    kotlin("multiplatform")
+    id("org.jetbrains.compose") version "1.2.1"
+    // TODO: `id("com.android.library") version "7.2.2"`?
+    id("com.huanshankeji.kotlin-multiplatform-jvm-and-js-browser-sonatype-ossrh-publish-conventions")
+}
+
+group = "com.huanshankeji"
+version = "0.1.0-SNAPSHOT"
+
+repositories {
+    mavenCentral()
+    maven("https://maven.pkg.jetbrains.space/public/p/compose/dev")
+    google()
+}
+
+kotlin {
+    jvm() // TODO: `jvm("desktop")`?
+    // TODO: `android()`?
+    js(IR) {
+        browser()
+    }
+
+    sourceSets {
+        val commonMain by getting {
+            dependencies {
+                implementation(compose.runtime)
+            }
+        }
+        // TODO: a `jvmCommon` source set to share code for `jvm`/`desktop` and `android`
+        named("jvmMain") {
+            dependencies {
+                implementation(compose.foundation)
+                implementation(compose.material)
+            }
+        }
+        named("jsMain") {
+            dependencies {
+                // Be lazy and use the shortcut
+                implementation("dev.petuska:kmdc:0.0.5")
+                implementation("dev.petuska:kmdcx:0.0.5")
+                // TODO: pick and choose exact components to reduce bundle size
+            }
+        }
+    }
+}

compose-multiplatform-material/src/commonMain/kotlin/com/huanshankeji/compose/material/Components.kt

@@ -0,0 +1,11 @@
+package com.huanshankeji.compose.material
+
+import androidx.compose.runtime.Composable
+
+expect /*value*/ class ButtonScope {
+    @Composable
+    fun Label(text: String)
+}
+
+@Composable
+expect fun Button(onClick: () -> Unit, content: @Composable ButtonScope.() -> Unit)

compose-multiplatform-material/src/jsMain/kotlin/com/huanshankeji/compose/material/Components.kt

@@ -0,0 +1,17 @@
+package com.huanshankeji.compose.material
+
+import androidx.compose.runtime.Composable
+import dev.petuska.kmdc.button.Label
+import dev.petuska.kmdc.button.MDCButton
+import dev.petuska.kmdc.button.MDCButtonScope
+import org.w3c.dom.HTMLButtonElement
+
+actual class ButtonScope(val mdcButtonScope: MDCButtonScope<HTMLButtonElement>) {
+    @Composable
+    actual fun Label(text: String) =
+        mdcButtonScope.Label(text)
+}
+
+@Composable
+actual fun Button(onClick: () -> Unit, content: @Composable ButtonScope.() -> Unit) =
+    MDCButton(attrs = { onClick { onClick() } }) { ButtonScope(this).content() }

compose-multiplatform-material/src/jvmMain/kotlin/com/huanshankeji/compose/material/Components.kt

@@ -0,0 +1,15 @@
+package com.huanshankeji.compose.material
+
+import androidx.compose.foundation.layout.RowScope
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+
+actual class ButtonScope(val rowScope: RowScope) {
+    @Composable
+    actual fun Label(text: String) =
+        Text(text)
+}
+
+@Composable
+actual fun Button(onClick: () -> Unit, content: @Composable ButtonScope.() -> Unit) =
+    androidx.compose.material.Button(onClick = onClick) { ButtonScope(this).content() }

gradle/wrapper/gradle-wrapper.properties

@@ -1,6 +1,6 @@
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-7.6-bin.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-7.6-all.zip
 networkTimeout=10000
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists