WASM Browser support for all the libraries including korgw and korge …

…(DISABLED) (#1626)

buildSrc/src/main/kotlin/korlibs/korge/gradle/targets/android/AndroidDirect.kt

@@ -44,7 +44,8 @@ fun Project.configureAndroidDirect(projectType: ProjectType, isKorge: Boolean) {
     dependencies {
         when {
             SemVer(BuildVersions.KOTLIN) >= SemVer("1.9.0") -> {
-                add("androidUnitTestImplementation", "org.jetbrains.kotlin:kotlin-test")
+                //add("androidUnitTestImplementation", "org.jetbrains.kotlin:kotlin-test")
+                add("androidTestImplementation", "org.jetbrains.kotlin:kotlin-test")
             }
             else -> {
                 add("androidTestImplementation", "org.jetbrains.kotlin:kotlin-test")

buildSrc/src/main/kotlin/korlibs/root/RootKorlibsPlugin.kt

@@ -20,6 +20,8 @@ import org.gradle.api.tasks.*
 import org.gradle.api.tasks.testing.*
 import org.jetbrains.kotlin.gradle.plugin.mpp.*
 import org.jetbrains.kotlin.gradle.targets.js.ir.*
+import org.jetbrains.kotlin.gradle.targets.js.npm.*
+import org.jetbrains.kotlin.gradle.targets.js.testing.*
 import org.jetbrains.kotlin.gradle.tasks.*
 import java.io.*
 import java.nio.file.*
@@ -28,6 +30,13 @@ object RootKorlibsPlugin {
     @JvmStatic
     fun doInit(rootProject: Project) {
         rootProject.init()
+        rootProject.afterEvaluate {
+            rootProject.allprojectsThis {
+                tasks.withType(Test::class.java) {
+                    it.ignoreFailures = true
+                }
+            }
+        }
     }
 
     fun Project.init() {
@@ -347,6 +356,26 @@ object RootKorlibsPlugin {
                             browser { commonWebpackConfig { experiments = mutableSetOf("topLevelAwait") } }
                             //browser()
                         }
+                        val wasmBrowserTest = tasks.getByName("wasmBrowserTest") as KotlinJsTest
+                        // ~/projects/korge/build/js/packages/korge-root-klock-wasm-test
+                        wasmBrowserTest.doFirst {
+                            logger.info("!!!!! wasmBrowserTest PATCH :: $wasmBrowserTest : ${wasmBrowserTest::class.java}")
+
+                            val npmProjectDir = wasmBrowserTest.compilation.npmProject.dir
+                            val projectName = npmProjectDir.name
+                            val uninstantiatedMjs = File(npmProjectDir, "kotlin/$projectName.uninstantiated.mjs")
+
+                            logger.info("# Updating: $uninstantiatedMjs")
+
+                            try {
+                                uninstantiatedMjs.writeText(uninstantiatedMjs.readText().replace(
+                                    "'kotlin.test.jsThrow' : (jsException) => { throw e },",
+                                    "'kotlin.test.jsThrow' : (jsException) => { throw jsException },",
+                                ))
+                            } catch (e: Throwable) {
+                                e.printStackTrace()
+                            }
+                        }
                     }
                     js(org.jetbrains.kotlin.gradle.plugin.KotlinJsCompilerType.IR) {
                         browser {

kmem/src/wasmMain/kotlin/korlibs/memory/BufferWasm.kt

@@ -1,6 +1,7 @@
 package korlibs.memory
 
 import korlibs.memory.internal.*
+import korlibs.memory.wasm.*
 import org.khronos.webgl.*
 
 actual class Buffer(val dataView: DataView) {
@@ -40,7 +41,7 @@ actual fun Buffer(size: Int, direct: Boolean): Buffer {
 }
 actual fun Buffer(array: ByteArray, offset: Int, size: Int): Buffer {
     checkNBufferWrap(array, offset, size)
-    return Buffer(DataView(array.unsafeCast<Int8Array>().buffer, offset, size))
+    return Buffer(DataView(array.toInt8Array().buffer, offset, size))
 }
 actual val Buffer.byteOffset: Int get() = this.dataView.byteOffset
 actual val Buffer.sizeInBytes: Int get() = this.dataView.byteLength
@@ -77,12 +78,12 @@ fun ArrayBuffer.asInt32Array(): Int32Array = Int32Array(this)
 fun ArrayBuffer.asFloat32Array(): Float32Array = Float32Array(this)
 fun ArrayBuffer.asFloat64Array(): Float64Array = Float64Array(this)
 
-fun ArrayBuffer.asUByteArray(): UByteArray = asUint8Array().unsafeCast<ByteArray>().asUByteArray()
-fun ArrayBuffer.asByteArray(): ByteArray = asInt8Array().unsafeCast<ByteArray>()
-fun ArrayBuffer.asShortArray(): ShortArray = asInt16Array().unsafeCast<ShortArray>()
-fun ArrayBuffer.asIntArray(): IntArray = asInt32Array().unsafeCast<IntArray>()
-fun ArrayBuffer.asFloatArray(): FloatArray = asFloat32Array().unsafeCast<FloatArray>()
-fun ArrayBuffer.asDoubleArray(): DoubleArray = asFloat64Array().unsafeCast<DoubleArray>()
+fun ArrayBuffer.toUByteArray(): UByteArray = asUint8Array().toByteArray().asUByteArray()
+fun ArrayBuffer.toByteArray(): ByteArray = asInt8Array().toByteArray()
+fun ArrayBuffer.toShortArray(): ShortArray = asInt16Array().toShortArray()
+fun ArrayBuffer.toIntArray(): IntArray = asInt32Array().toIntArray()
+fun ArrayBuffer.toFloatArray(): FloatArray = asFloat32Array().toFloatArray()
+fun ArrayBuffer.toDoubleArray(): DoubleArray = asFloat64Array().toDoubleArray()
 
 val Buffer.arrayUByte: Uint8Array get() = Uint8Array(this.buffer, byteOffset, sizeInBytes)
 val Buffer.arrayByte: Int8Array get() = Int8Array(buffer, byteOffset, sizeInBytes)

kmem/src/wasmMain/kotlin/korlibs/memory/wasm/ArrayConversionExt.kt

@@ -0,0 +1,48 @@
+package korlibs.memory.wasm
+
+import org.khronos.webgl.*
+
+internal fun ArrayBuffer.toByteArray(): ByteArray = Int8Array(this).toByteArray()
+internal fun Uint8Array.toByteArray(): ByteArray {
+    return Int8Array(this.buffer).toByteArray()
+}
+internal fun Int8Array.toByteArray(): ByteArray {
+    val out = ByteArray(this.length)
+    for (n in out.indices) out[n] = this[n]
+    return out
+}
+internal fun Int16Array.toShortArray(): ShortArray {
+    val out = ShortArray(this.length)
+    for (n in out.indices) out[n] = this[n]
+    return out
+}
+internal fun Int32Array.toIntArray(): IntArray {
+    val out = IntArray(this.length)
+    for (n in out.indices) out[n] = this[n]
+    return out
+}
+internal fun Float32Array.toFloatArray(): FloatArray {
+    val out = FloatArray(this.length)
+    for (n in out.indices) out[n] = this[n]
+    return out
+}
+internal fun Float64Array.toDoubleArray(): DoubleArray {
+    val out = DoubleArray(this.length)
+    for (n in out.indices) out[n] = this[n]
+    return out
+}
+
+internal fun ByteArray.toInt8Array(): Int8Array {
+    //val tout = this.asDynamic()
+    //if (tout is Int8Array) {
+    //    return tout.unsafeCast<Int8Array>()
+    //} else {
+    val out = Int8Array(this.size)
+    for (n in 0 until out.length) out[n] = this[n]
+    return out
+    //}
+}
+
+internal fun ByteArray.toUint8Array(): Uint8Array {
+    return Uint8Array(toInt8Array().buffer)
+}

korau/src/wasmMain/kotlin/korlibs/audio/sound/HtmlSimpleSound.kt

@@ -7,6 +7,7 @@ import korlibs.logger.Logger
 import korlibs.io.async.launchImmediately
 import korlibs.io.file.std.uniVfs
 import korlibs.io.lang.*
+import korlibs.io.util.*
 import korlibs.memory.internal.*
 import kotlinx.browser.document
 import kotlinx.browser.window
@@ -28,6 +29,12 @@ import kotlin.coroutines.resumeWithException
 import kotlin.coroutines.suspendCoroutine
 import kotlin.js.unsafeCast
 
+private external interface WindowExSetTimeout : JsAny {
+    fun setTimeout(block: () -> Unit, time: Int): Int
+}
+
+private val windowExSetTimeout get() = window.unsafeCast<WindowExSetTimeout>()
+
 class AudioBufferOrHTMLMediaElement(
     val audioBuffer: AudioBuffer?,
     val htmlAudioElement: HTMLAudioElement?,
@@ -147,11 +154,11 @@ object HtmlSimpleSound {
                         val deferred = CompletableDeferred<Unit>()
                         //println("sourceNode: $sourceNode, ctx?.state=${ctx?.state}, buffer.duration=${buffer.duration}")
                         if (sourceNode == null || ctx?.state != "running") {
-                            window.setTimeout(
+                            windowExSetTimeout.setTimeout(
                                 {
                                     deferred.complete(Unit)
                                     null
-                                }.toJsReference(),
+                                },
                                 ((buffer.duration ?: 0.0) * 1000).toInt()
                             )
                         } else {
@@ -373,7 +380,7 @@ object HtmlSimpleSound {
 	}
     */
 
-	suspend fun loadSound(data: ByteArray): AudioBuffer? = loadSound(data.unsafeCast<Int8Array>().buffer, "ByteArray")
+	suspend fun loadSound(data: ByteArray): AudioBuffer? = loadSound(data.toInt8Array().buffer, "ByteArray")
 
 	suspend fun loadSound(url: String): AudioBuffer? = loadSound(url.uniVfs.readBytes())
 
@@ -389,7 +396,7 @@ object HtmlSimpleSound {
 
             if (ctx != null) {
                 // If already created the audio context, we try to resume it
-                (window.unsafeCast<WindowWithGlobalAudioContext>()).globalAudioContext.unsafeCast<BaseAudioContext?>()?.resume()
+                (window.unsafeCast<WindowWithGlobalAudioContext>()).globalAudioContext?.unsafeCast<BaseAudioContext>()?.resume()
 
                 val source = ctx.createBufferSource()
 
@@ -434,7 +441,7 @@ external interface PannerNode : AudioNode {
     fun setOrientation(x: Double, y: Double, z: Double)
 }
 
-open external class BaseAudioContext {
+open external class BaseAudioContext : JsAny {
 	fun createScriptProcessor(
 		bufferSize: Int,
 		numberOfInputChannels: Int,

korge/src/commonMain/kotlin/korlibs/korge/Korge.kt

@@ -156,7 +156,10 @@ data class Korge(
 
 suspend fun Korge(entry: suspend Stage.() -> Unit) { Korge().start(entry) }
 
-suspend fun Korge(config: KorgeConfig, entry: suspend Stage.() -> Unit) { config.start(entry) }
+// @TODO: Doesn't compile on WASM: https://youtrack.jetbrains.com/issue/KT-58859/WASM-e-java.util.NoSuchElementException-Key-VALUEPARAMETER-namethis-typekorlibs.korge.Korge-korlibs.korge.KorgeConfig-is-missing
+//suspend fun Korge(config: KorgeConfig, entry: suspend Stage.() -> Unit) { config.start(entry) }
+
+suspend fun KorgeWithConfig(config: KorgeConfig, entry: suspend Stage.() -> Unit) { config.start(entry) }
 
 /**
  * Entry point for games written in Korge.

korge/src/commonMain/kotlin/korlibs/korge/view/BlendMode.kt

@@ -21,8 +21,8 @@ data class BlendMode(
     val factors: AGBlending,
     val name: String? = null,
 ) {
-    val _hashCode: Int = factors.hashCode() + name.hashCode() * 7
-    override fun hashCode(): Int = _hashCode
+    val __hashCode: Int = factors.hashCode() + name.hashCode() * 7
+    override fun hashCode(): Int = __hashCode
     override fun equals(other: Any?): Boolean = (this === other) || (other is BlendMode && this.factors == other.factors && name == other.name)
     override fun toString(): String = name ?: super.toString()
 

korge/src/wasmMain/kotlin/korlibs/korge/KorgeExtJs.kt

@@ -0,0 +1,9 @@
+package korlibs.korge
+
+import korlibs.audio.sound.*
+import korlibs.korge.view.*
+
+internal actual fun completeViews(views: Views) {
+    // Already performed on Korge start
+    //HtmlSimpleSound.unlock // Tries to unlock audio as soon as possible
+}

korge/src/wasmMain/kotlin/korlibs/korge/KorgeReload_getReloadedClass.kt

@@ -0,0 +1,4 @@
+package korlibs.korge
+
+internal actual val KorgeReloadInternal: KorgeReloadInternalImpl = object : KorgeReloadInternalImpl() {
+}

korge/src/wasmMain/kotlin/korlibs/korge/service/storage/NativeStorage.kt

@@ -0,0 +1,34 @@
+package korlibs.korge.service.storage
+
+import korlibs.korge.view.*
+import kotlinx.browser.*
+
+@JsName("Object")
+private external object JsObject {
+    fun keys(): JsArray<JsString>
+}
+
+actual class NativeStorage actual constructor(val views: Views) : IStorageWithKeys {
+    override fun toString(): String = "NativeStorage(${toMap()})"
+
+    actual override fun keys(): List<String> {
+        val keys = JsObject.keys()
+        return (0 until keys.length).map { keys[it].toString() }
+    }
+
+	actual override fun set(key: String, value: String) {
+		localStorage.setItem(key, value)
+	}
+
+	actual override fun getOrNull(key: String): String? {
+		return localStorage.getItem(key)
+	}
+
+	actual override fun remove(key: String) {
+		localStorage.removeItem(key)
+	}
+
+	actual override fun removeAll() {
+		localStorage.clear()
+	}
+}

korge/src/wasmMain/kotlin/korlibs/korge/service/vibration/NativeVibration.kt

@@ -0,0 +1,27 @@
+package korlibs.korge.service.vibration
+
+import korlibs.io.wasm.*
+import korlibs.time.TimeSpan
+import korlibs.korge.view.Views
+import kotlinx.browser.window
+
+actual class NativeVibration actual constructor(val views: Views) {
+
+    /**
+     * @param timings list of alternating ON-OFF durations in milliseconds. Staring with ON.
+     * @param amplitudes has no effect on JS backend
+     */
+    @ExperimentalUnsignedTypes
+    actual fun vibratePattern(timings: Array<TimeSpan>, amplitudes: Array<Double>) {
+        window.navigator.vibrate(jsArrayOf(*timings.map { it.milliseconds.toJsNumber() }.toTypedArray()))
+    }
+
+    /**
+     * @param time vibration duration in milliseconds
+     * @param amplitude has no effect on JS backend
+     */
+    @ExperimentalUnsignedTypes
+    actual fun vibrate(time: TimeSpan, amplitude: Double) {
+        window.navigator.vibrate(time.milliseconds.toJsNumber())
+    }
+}

korge/src/wasmMain/kotlin/korlibs/korge/tests/enrichTestGameWindow.kt

@@ -0,0 +1,4 @@
+package korlibs.korge.tests
+
+actual fun enrichTestGameWindow(window: ViewsForTesting.TestGameWindow) {
+}

korgw/src/wasmMain/kotlin/korlibs/graphics/gl/AGOpenglFactory.kt

@@ -0,0 +1,11 @@
+package korlibs.graphics.gl
+
+import korlibs.graphics.*
+
+@JsFun("() => { return ('ontouchstart' in window || navigator.maxTouchPoints); }")
+private external fun _isTouchDevice(): Boolean
+
+actual object AGOpenglFactory {
+	actual fun create(nativeComponent: Any?): AGFactory = AGFactoryWebgl
+	actual val isTouchDevice: Boolean get() = _isTouchDevice()
+}

korgw/src/wasmMain/kotlin/korlibs/graphics/gl/GlExt.kt

@@ -0,0 +1,60 @@
+package korlibs.graphics.gl
+
+import korlibs.kgl.*
+import korlibs.graphics.*
+import korlibs.io.wasm.*
+import org.w3c.dom.*
+import kotlinx.browser.*
+
+object AGFactoryWebgl : AGFactory {
+	override val supportsNativeFrame: Boolean = true
+	override fun create(nativeControl: Any?, config: AGConfig): AG = AGWebgl(config)
+	override fun createFastWindow(title: String, width: Int, height: Int): AGWindow {
+		TODO()
+	}
+}
+
+fun jsEmptyObject() = jsEmptyObj()
+
+fun jsObject(vararg pairs: Pair<String, Any?>): JsAny {
+	val out = jsEmptyObject()
+	for ((k, v) in pairs) if (v != null) out.setAny(k.toJsString(), v.toJsReference())
+	//for ((k, v) in pairs) out[k] = v
+	return out
+}
+
+val korgwCanvasQuery: String? by lazy { window.getAny("korgwCanvasQuery")?.unsafeCast<JsString>()?.toString() }
+val isCanvasCreatedAndHandled get() = korgwCanvasQuery == null
+
+fun AGDefaultCanvas(): HTMLCanvasElement {
+    return (korgwCanvasQuery?.let { document.querySelector(it) as HTMLCanvasElement })
+        ?: (document.createElement("canvas") as HTMLCanvasElement)
+}
+
+fun AGWebgl(config: AGConfig, canvas: HTMLCanvasElement = AGDefaultCanvas()): AGOpengl = AGOpengl(
+    KmlGlJsCanvas(
+        canvas, jsObject(
+            "premultipliedAlpha" to false, // To be like the other targets
+            "alpha" to false,
+            "stencil" to true,
+            "antialias" to config.antialiasHint
+        )
+    )
+).also { ag ->
+    window.setAny("ag".toJsString(), ag.toJsReference())
+
+    // https://www.khronos.org/webgl/wiki/HandlingContextLost
+    // https://gist.github.com/mattdesl/9995467
+
+    canvas.addEventListener("webglcontextlost", { e ->
+        //contextVersion++
+        e.preventDefault()
+        null
+    }, false.toJsBoolean())
+
+    canvas.addEventListener("webglcontextrestored", { e ->
+        ag.contextLost()
+        //e.preventDefault()
+        null
+    }, false.toJsBoolean())
+}

korgw/src/wasmMain/kotlin/korlibs/io/file/registry/WindowsRegistry.kt

@@ -0,0 +1,3 @@
+package korlibs.io.file.registry
+
+actual object WindowsRegistry : WindowsRegistryBase()