Add a demo app

Author: terrakok

compose/README.MD

@@ -1,5 +1,11 @@
 # Fluent UI System Icons for Compose Multiplatform
 
+### Run the demo app
+
+Desktop `./gradlew :demo:run`  
+Web `./gradlew :demo:wasmJsBrowserDevelopmentRun`  
+Android `./gradlew :demo:assembleDebug`  
+
 ### Publish to MavenLocal
 
 1) Run `./gradlew :library:publishToMavenLocal`

compose/build.gradle.kts

@@ -4,4 +4,5 @@ plugins {
     alias(libs.plugins.maven.publish).apply(false)
     alias(libs.plugins.compose.compiler).apply(false)
     alias(libs.plugins.compose).apply(false)
+    alias(libs.plugins.android.application).apply(false)
 }

compose/demo/build.gradle.kts

@@ -0,0 +1,81 @@
+import org.jetbrains.compose.desktop.application.dsl.TargetFormat.*
+
+plugins {
+    alias(libs.plugins.multiplatform)
+    alias(libs.plugins.compose.compiler)
+    alias(libs.plugins.compose)
+    alias(libs.plugins.android.application)
+}
+
+kotlin {
+    androidTarget()
+    jvm()
+    js {
+        browser()
+        binaries.executable()
+    }
+    wasmJs {
+        browser()
+        binaries.executable()
+    }
+    listOf(
+        iosX64(),
+        iosArm64(),
+        iosSimulatorArm64()
+    ).forEach {
+        it.binaries.framework {
+            baseName = "ComposeApp"
+            isStatic = true
+        }
+    }
+
+    sourceSets {
+        commonMain.dependencies {
+            implementation(compose.runtime)
+            implementation(compose.foundation)
+            implementation(compose.material3)
+            implementation(compose.components.resources)
+
+            implementation(project(":library"))
+        }
+
+        androidMain.dependencies {
+            implementation(libs.androidx.activityCompose)
+        }
+
+        jvmMain.dependencies {
+            implementation(compose.desktop.currentOs)
+        }
+
+    }
+}
+
+android {
+    namespace = "com.microsoft.design.compose.demo"
+    compileSdk = 35
+
+    defaultConfig {
+        minSdk = 21
+        targetSdk = 35
+
+        applicationId = "com.microsoft.design.compose.demo.androidApp"
+        versionCode = 1
+        versionName = "1.0.0"
+    }
+}
+
+compose.desktop {
+    application {
+        mainClass = "MainKt"
+
+        nativeDistributions {
+            targetFormats(Dmg, Msi, Deb)
+            packageName = "Multiplatform App"
+            packageVersion = "1.0.0"
+
+            macOS {
+                bundleID = "com.microsoft.design.compose.demo.desktopApp"
+            }
+        }
+    }
+}

compose/demo/src/androidMain/AndroidManifest.xml

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <application
+        android:icon="@mipmap/ic_launcher"
+        android:label="Multiplatform App"
+        android:theme="@android:style/Theme.Material.NoActionBar">
+        <activity
+            android:name=".AppActivity"
+            android:configChanges="orientation|screenSize|screenLayout|keyboardHidden"
+            android:launchMode="singleInstance"
+            android:windowSoftInputMode="adjustPan"
+            android:exported="true">
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN" />
+                <category android:name="android.intent.category.LAUNCHER" />
+            </intent-filter>
+        </activity>
+    </application>
+
+</manifest>

compose/demo/src/androidMain/kotlin/com/microsoft/design/compose/demo/App.android.kt

@@ -0,0 +1,14 @@
+package com.microsoft.design.compose.demo
+
+import android.os.Bundle
+import androidx.activity.ComponentActivity
+import androidx.activity.compose.setContent
+import androidx.activity.enableEdgeToEdge
+
+class AppActivity : ComponentActivity() {
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        enableEdgeToEdge()
+        setContent { App() }
+    }
+}

compose/demo/src/androidMain/kotlin/com/microsoft/design/compose/demo/theme/Theme.android.kt

@@ -0,0 +1,19 @@
+package com.microsoft.design.compose.demo.theme
+
+import android.app.Activity
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.ui.platform.LocalView
+import androidx.core.view.WindowInsetsControllerCompat
+
+@Composable
+internal actual fun SystemAppearance(isDark: Boolean) {
+    val view = LocalView.current
+    LaunchedEffect(isDark) {
+        val window = (view.context as Activity).window
+        WindowInsetsControllerCompat(window, window.decorView).apply {
+            isAppearanceLightStatusBars = isDark
+            isAppearanceLightNavigationBars = isDark
+        }
+    }
+}

compose/demo/src/androidMain/res/mipmap-anydpi-v26/ic_launcher.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+  <background android:drawable="@mipmap/ic_launcher_background"/>
+  <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
+  <monochrome android:drawable="@mipmap/ic_launcher_monochrome"/>
+</adaptive-icon>