Files
meldestelle/frontend/shells/meldestelle-portal/build.gradle.kts
T
stefan 763dbc5eed refactor: improve error handling and initialization in frontend tasks
Updated PingViewModel to reset errorMessage on each task execution and provide detailed error messages. Enhanced SQLite worker initialization with manual WASM binary loading and improved error handling. Adjusted Gradle tasks and Webpack config for SQLite assets, ensuring seamless builds. Included dummy modules to bypass Webpack resolution issues.
2026-01-26 14:37:09 +01:00

291 lines
10 KiB
Kotlin

@file:OptIn(ExperimentalKotlinGradlePluginApi::class)
@file:Suppress("DEPRECATION")
import org.jetbrains.compose.desktop.application.dsl.TargetFormat
import org.jetbrains.kotlin.gradle.ExperimentalKotlinGradlePluginApi
import org.jetbrains.kotlin.gradle.dsl.JvmTarget
import org.jetbrains.kotlin.gradle.targets.js.webpack.KotlinWebpackConfig
/**
* Dieses Modul ist der "Host". Es kennt alle Features und die Shared-Module und
* setzt sie zu einer lauffähigen Anwendung zusammen.
*/
plugins {
alias(libs.plugins.kotlinMultiplatform)
alias(libs.plugins.composeCompiler)
alias(libs.plugins.composeMultiplatform)
alias(libs.plugins.kotlinSerialization)
}
kotlin {
// Toolchain is now handled centrally in the root build.gradle.kts
// JVM Target für Desktop
jvm {
binaries {
executable {
mainClass.set("MainKt")
}
}
}
// JavaScript Target für Web
js(IR) {
browser {
commonWebpackConfig {
cssSupport { enabled = true }
// Webpack-Mode abhängig von Build-Typ
mode = if (project.hasProperty("production"))
KotlinWebpackConfig.Mode.PRODUCTION
else
KotlinWebpackConfig.Mode.DEVELOPMENT
}
webpackTask {
mainOutputFileName = "web-app.js"
}
// Development Server konfigurieren
runTask {
mainOutputFileName.set("web-app.js")
}
// Browser-Tests komplett deaktivieren (Configuration Cache kompatibel)
testTask {
// enabled = false
useKarma {
useChromeHeadless()
environment("CHROME_BIN", "/usr/bin/google-chrome-stable")
}
}
}
binaries.executable()
}
// Wasm vorerst deaktiviert
/*
@OptIn(org.jetbrains.kotlin.gradle.ExperimentalWasmDsl::class)
wasmJs {
browser()
binaries.executable()
}
*/
sourceSets {
commonMain.dependencies {
// Shared modules
implementation(projects.frontend.shared)
implementation(projects.frontend.core.domain)
implementation(projects.frontend.core.designSystem)
implementation(projects.frontend.core.navigation)
implementation(projects.frontend.core.network)
implementation(projects.frontend.core.sync)
implementation(projects.frontend.core.localDb)
implementation(projects.frontend.core.auth)
implementation(projects.frontend.features.pingFeature)
// DI (Koin) needed to call initKoin { modules(...) }
implementation(libs.koin.core)
implementation(libs.koin.compose)
implementation(libs.koin.compose.viewmodel)
// Compose Multiplatform
implementation(compose.runtime)
implementation(compose.foundation)
implementation(compose.material3)
implementation(compose.ui)
implementation(compose.components.resources)
implementation(compose.materialIconsExtended)
// Bundles (Cleaned up dependencies)
implementation(libs.bundles.kmp.common) // Coroutines, Serialization, DateTime
implementation(libs.bundles.compose.common) // ViewModel & Lifecycle
}
jvmMain.dependencies {
implementation(compose.desktop.currentOs)
implementation(libs.kotlinx.coroutines.swing)
implementation(libs.koin.core)
}
jsMain.dependencies {
implementation(compose.html.core)
// Benötigt für custom webpack config (wasm.js)
implementation(devNpm("copy-webpack-plugin", "11.0.0"))
}
/*
val wasmJsMain = getByName("wasmJsMain")
wasmJsMain.dependencies {
implementation(libs.ktor.client.js) // WASM verwendet JS-Client [cite: 7]
// Compose für shared UI components für WASM
implementation(compose.runtime)
implementation(compose.foundation)
implementation(compose.material3)
}
*/
commonTest.dependencies {
implementation(libs.kotlin.test)
}
}
}
// ---------------------------------------------------------------------------
// SQLDelight WebWorker (OPFS) resource
// ---------------------------------------------------------------------------
// `:frontend:core:local-db` ships `sqlite.worker.js` as a JS resource.
// When bundling the final JS app, webpack resolves `new URL("sqlite.worker.js", import.meta.url)`
// relative to the Kotlin JS package folder (root build dir). We therefore copy the worker into
// that folder before webpack runs.
// HACK: Overwrite sqlite3.wasm in node_modules with a dummy JS file to fool Webpack
val patchSqliteWasmInNodeModules by tasks.registering(Copy::class) {
dependsOn(rootProject.tasks.named("kotlinNpmInstall"))
val localDb = project(":frontend:core:local-db")
dependsOn(localDb.tasks.named("jsProcessResources"))
// We take our dummy.js
from(localDb.layout.buildDirectory.file("processedResources/js/main/dummy.js")) {
rename { "sqlite3.wasm" } // Rename it to sqlite3.wasm
}
// And copy it OVER the original wasm file in node_modules
into(rootProject.layout.buildDirectory.dir("js/node_modules/@sqlite.org/sqlite-wasm/sqlite-wasm/jswasm"))
// Force overwrite
duplicatesStrategy = DuplicatesStrategy.INCLUDE
}
val copySqliteAssetsToWebpackSource by tasks.registering(Copy::class) {
val localDb = project(":frontend:core:local-db")
dependsOn(localDb.tasks.named("jsProcessResources"), rootProject.tasks.named("kotlinNpmInstall"))
// Explicit dependency on the patch task to ensure we copy the REAL wasm file before it gets patched?
// NO! We want to copy the REAL wasm file to the output, but PATCH the one in node_modules.
// So we must copy the real one BEFORE patching.
// But wait, copySqliteAssetsToWebpackSource copies FROM node_modules.
// If we patch node_modules first, we copy the dummy file!
// So: copySqliteAssetsToWebpackSource must run BEFORE patchSqliteWasmInNodeModules?
// Or we copy from a different source (e.g. the original npm package cache? No access).
// Better: We copy the real wasm file from node_modules to a temporary location FIRST,
// then patch node_modules, then copy from temp to output.
// Actually, we can just copy from node_modules BEFORE the patch task runs.
// But Gradle task ordering is tricky.
// Let's change the source of the copy. We can't easily access the original npm package.
// But we know that `kotlinNpmInstall` restores the original files.
// So the order must be:
// 1. kotlinNpmInstall (restores original sqlite3.wasm)
// 2. copySqliteAssetsToWebpackSource (copies original sqlite3.wasm to output)
// 3. patchSqliteWasmInNodeModules (overwrites sqlite3.wasm with dummy.js)
// 4. webpack (uses dummy.js)
mustRunAfter(rootProject.tasks.named("kotlinNpmInstall"))
from(localDb.layout.buildDirectory.file("processedResources/js/main/sqlite.worker.js"))
from(rootProject.layout.buildDirectory.file("js/node_modules/@sqlite.org/sqlite-wasm/sqlite-wasm/jswasm/sqlite3.wasm"))
// Root build directory where Kotlin JS packages are assembled.
// This is one of the directories served by webpack-dev-server for static content.
into(rootProject.layout.buildDirectory.dir("js/packages/${rootProject.name}-frontend-shells-meldestelle-portal/kotlin"))
}
// Additional task to copy the worker and its wasm dependency to the distribution folder (for production build)
val copySqliteAssetsToDist by tasks.registering(Copy::class) {
val localDb = project(":frontend:core:local-db")
dependsOn(localDb.tasks.named("jsProcessResources"), rootProject.tasks.named("kotlinNpmInstall"))
// Same logic here: copy before patch
mustRunAfter(rootProject.tasks.named("kotlinNpmInstall"))
from(localDb.layout.buildDirectory.file("processedResources/js/main/sqlite.worker.js"))
from(rootProject.layout.buildDirectory.file("js/node_modules/@sqlite.org/sqlite-wasm/sqlite-wasm/jswasm/sqlite3.wasm"))
// Copy to the distribution directory where index.html resides
into(layout.buildDirectory.dir("dist/js/productionExecutable"))
}
// Ensure the assets are present for the production bundle.
tasks.named("jsBrowserProductionWebpack") {
dependsOn(copySqliteAssetsToWebpackSource)
dependsOn(patchSqliteWasmInNodeModules)
// Enforce order: Copy real assets first, then patch node_modules
// patchSqliteWasmInNodeModules must run AFTER copySqliteAssetsToWebpackSource
// But wait, dependsOn doesn't guarantee order.
// We need to configure the tasks themselves.
finalizedBy(copySqliteAssetsToDist)
}
// Configure task ordering
patchSqliteWasmInNodeModules {
mustRunAfter(copySqliteAssetsToWebpackSource)
// Removed circular dependency: mustRunAfter(copySqliteAssetsToDist)
}
// Ensure the assets are present for the development bundle.
tasks.named("jsBrowserDevelopmentWebpack") {
dependsOn(copySqliteAssetsToWebpackSource)
dependsOn(patchSqliteWasmInNodeModules)
}
// KMP Compile-Optionen
tasks.withType<org.jetbrains.kotlin.gradle.tasks.KotlinCompile> {
compilerOptions {
jvmTarget.set(JvmTarget.JVM_25)
freeCompilerArgs.addAll(
"-opt-in=kotlin.RequiresOptIn",
"-Xskip-metadata-version-check", // Für bleeding-edge Versionen
// Suppress beta warning for expect/actual declarations used in this module
"-Xexpect-actual-classes"
)
}
}
// ---------------------------------------------------------------------------
// Kotlin/JS source maps
// ---------------------------------------------------------------------------
// Production source maps must remain enabled for browser debugging.
// The remaining Kotlin/Gradle message
// `Cannot rewrite paths in JavaScript source maps: Too many sources or format is not supported`
// is treated as an external Kotlin/JS toolchain limitation and is documented separately.
// Configure a duplicate handling strategy for distribution tasks
tasks.withType<Tar> {
duplicatesStrategy = DuplicatesStrategy.EXCLUDE
}
tasks.withType<Zip> {
duplicatesStrategy = DuplicatesStrategy.EXCLUDE
}
// Duplicate-Handling für Distribution
tasks.withType<Copy> {
duplicatesStrategy = DuplicatesStrategy.EXCLUDE // Statt EXCLUDE
}
tasks.withType<Sync> {
duplicatesStrategy = DuplicatesStrategy.EXCLUDE
}
// Desktop Application Configuration
compose.desktop {
application {
mainClass = "MainKt"
nativeDistributions {
targetFormats(TargetFormat.Dmg, TargetFormat.Msi, TargetFormat.Deb)
packageName = "Meldestelle"
packageVersion = "1.0.0"
description = "Meldestelle Development App"
}
}
}