Add favicon to web ui

DRSchlaubi · May 28, 2023 · a257c3d · a257c3d
1 parent 55c6c26
commit a257c3d
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 3 deletions.
diff --git a/app/desktop/build.gradle.kts b/app/desktop/build.gradle.kts
@@ -37,13 +37,13 @@ compose.desktop {
             packageVersion = project.version.toString()
 
             windows {
-                iconFile.set(file("logo.ico"))
+                iconFile.set(rootProject.file("icons/logo.ico"))
                 menuGroup = "Tonbrett"
                 upgradeUuid = "c8bce0ed-113c-4d78-879b-78ed5c7d9f7f"
             }
 
             macOS {
-                iconFile.set(file("logo.icns"))
+                iconFile.set(rootProject.file("icons/logo.icns"))
                 bundleID = "dev.schlaubi.tonbrett.app.mac"
                 entitlementsFile.set(file("entitlements.entitlements"))
                 appStore = false

diff --git a/app/web/build.gradle.kts b/app/web/build.gradle.kts
@@ -11,7 +11,8 @@ kotlin {
         binaries.executable()
         compilations.all {
             compilerOptions.options.freeCompilerArgs.addAll(
-                "-Xir-per-module", "-Xir-property-lazy-initialization")
+                "-Xir-per-module", "-Xir-property-lazy-initialization"
+            )
         }
     }
 
@@ -38,6 +39,19 @@ kotlin {
     }
 }
 
+tasks {
+    val copyIcon by creating(Copy::class) {
+        dependsOn("jsBrowserProductionExecutableDistributeResources")
+        from(rootProject.file("icons/logo.ico"))
+        into(buildDir.resolve("distribuions"))
+        rename { "favicon.ico" }
+    }
+
+    named("jsMainClasses") {
+        dependsOn(copyIcon)
+    }
+}
+
 compose.experimental {
     web.application {}
 }

diff --git a/app/web/src/jsMain/resources/index.html b/app/web/src/jsMain/resources/index.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
+    <link rel="icon" type="image/png" href="/soundboard/ui/favicon.ico"/>
     <title>Tonbrett</title>
     <script src="/soundboard/ui/skiko.js"> </script>
 </head>

diff --git a/app/desktop/logo.icns → icons/logo.icns b/app/desktop/logo.icns → icons/logo.icns
diff --git a/app/desktop/logo.ico → icons/logo.ico b/app/desktop/logo.ico → icons/logo.ico