[web] Commonize entities in ui and simplify InputEventExt casting (JetBrains#2895)

Goal of this PR is to reduce amount of dubpicated wasm/js sourcesets in
the ui module

## Testing
`./gradlew testWeb`

## Release Notes
N/A

Author: Schahen

compose/ui/ui/src/jsMain/kotlin/androidx/compose/ui/internal/jsinterop/JsInteropUtils.js.kt

@@ -23,8 +23,6 @@ import kotlin.js.Promise
 import kotlinx.coroutines.await
 import org.w3c.files.Blob
 
-actual typealias NativeClipboard = W3CTemporaryClipboard
-
 private val browserClipboard by lazy {
     getW3CClipboard()
 }
@@ -152,33 +150,4 @@ private fun createClipboardItemWithPlainText(text: String): Array<ClipboardItem>
 
 // Can't truly clear the clipboard, so setting the empty text
 private fun emptyClipboardItems(): Array<ClipboardItem> =
-    js("[new ClipboardItem({'text/plain': new Blob([''], { type: 'text/plain' })})]")
-
-/**
- * https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API
- *
- * We declare this external interface temporary because
- * the IDL in kotlinx-browser is incorrect:
- * https://github.com/Kotlin/kotlinx-browser/issues/14
- */
-@ExperimentalComposeUiApi
-@JsName("Clipboard")
-external class W3CTemporaryClipboard {
-    fun read(): Promise<Array<ClipboardItem>>
-    fun write(data: Array<ClipboardItem>): Promise<Nothing>
-    fun writeText(text: String): Promise<Nothing>
-}
-
-/**
- * https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API
- *
- * We declare this external interface temporary because
- * the IDL in kotlinx-browser is incorrect:
- * https://github.com/Kotlin/kotlinx-browser/issues/14
- */
-@ExperimentalComposeUiApi
-@JsName("ClipboardItem")
-external interface ClipboardItem {
-    val types: Array<String>
-    fun getType(type: String): Promise<Blob>
-}
+    js("[new ClipboardItem({'text/plain': new Blob([''], { type: 'text/plain' })})]")

compose/ui/ui/src/jsMain/kotlin/androidx/compose/ui/platform/DomInputStrategy.js.kt

@@ -26,8 +26,6 @@ import kotlin.js.Promise
 import kotlinx.coroutines.await
 import org.w3c.files.Blob
 
-actual typealias NativeClipboard = W3CTemporaryClipboard
-
 private val browserClipboard by lazy {
     getW3CClipboard()
 }
@@ -164,33 +162,4 @@ private fun invalidClipboardItems(): JsArray<ClipboardItem> =
 
 private fun warn(text: String) {
     js("console.warn(text)")
-}
-
-/**
- * https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API
- *
- * We declare this external interface temporary because
- * the IDL in kotlinx-browser is incorrect:
- * https://github.com/Kotlin/kotlinx-browser/issues/14
- */
-@ExperimentalComposeUiApi
-@JsName("Clipboard")
-external class W3CTemporaryClipboard {
-    fun read(): Promise<JsArray<ClipboardItem>>
-    fun write(data: JsArray<ClipboardItem>): Promise<Nothing>
-    fun writeText(text: String): Promise<Nothing>
-}
-
-/**
- * https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API
- *
- * We declare this external interface temporary because
- * the IDL in kotlinx-browser is incorrect:
- * https://github.com/Kotlin/kotlinx-browser/issues/14
- */
-@ExperimentalComposeUiApi
-@JsName("ClipboardItem")
-external interface ClipboardItem : JsAny {
-    val types: JsArray<JsString>
-    fun getType(type: JsString): Promise<Blob>
 }

compose/ui/ui/src/jsMain/kotlin/androidx/compose/ui/platform/PlatformClipboard.js.kt

@@ -31,8 +31,10 @@ import kotlin.js.unsafeCast
 import kotlinx.browser.document
 import kotlinx.browser.window
 import org.w3c.dom.HTMLElement
+import org.w3c.dom.EventInit
 import org.w3c.dom.events.CompositionEvent
 import org.w3c.dom.events.Event
+import org.w3c.dom.events.UIEvent
 import org.w3c.dom.events.InputEvent
 import org.w3c.dom.events.KeyboardEvent
 
@@ -159,16 +161,20 @@ private external interface DocumentOrShadowRootLike : JsAny {
 }
 
 @JsName("InputEvent")
-internal external class InputEventExt : JsAny {
+internal external class InputEventExt : UIEvent {
+    val data: String?
     val inputType: String
     var textRangeStart: Int
     var textRangeEnd: Int
+
+    constructor(type: String, eventInitDict: EventInit = definedExternally)
 }
 
-internal val InputEvent.textRangeSize: Int
+internal inline fun UIEvent.asInputEventExt(): InputEventExt =  unsafeCast<InputEventExt>()
+
+internal val InputEventExt.textRangeSize: Int
     get() = this.asInputEventExt().let { it.textRangeEnd - it.textRangeStart }
 
-internal expect inline fun InputEvent.asInputEventExt(): InputEventExt
 
 private fun ImeOptions.createDomElement(): HTMLElement {
     val htmlElement = document.createElement(

compose/ui/ui/src/wasmJsMain/kotlin/androidx/compose/ui/internal/jsinterop/JsInteropUtils.wasmJs.kt

@@ -18,15 +18,15 @@ package androidx.compose.ui.platform
 
 import androidx.compose.runtime.TestOnly
 import androidx.compose.ui.input.key.toComposeEvent
-import androidx.compose.ui.internal.jsinterop.timestampAsDouble
-import androidx.compose.ui.internal.jsinterop.timestampAsInt
 import androidx.compose.ui.text.input.BackspaceCommand
 import androidx.compose.ui.text.input.CommitTextCommand
 import androidx.compose.ui.text.input.SetComposingTextCommand
 import androidx.compose.ui.text.input.SetSelectionCommand
 import androidx.compose.ui.text.input.TextFieldValue
 import androidx.compose.ui.util.fastAny
 import androidx.compose.ui.util.fastForEach
+import kotlin.js.toDouble
+import kotlin.js.toInt
 import org.w3c.dom.events.CompositionEvent
 import org.w3c.dom.events.InputEvent
 import org.w3c.dom.events.KeyboardEvent
@@ -74,7 +74,7 @@ internal abstract class NativeInputEventsProcessor(
     fun runCheckpoint(currentTextFieldValue: TextFieldValue) {
         isCheckpointScheduled = false
 
-        collectedEvents.sortBy { it.timestampAsInt() }
+        collectedEvents.sortBy { it.timeStamp.toInt() }
 
         val isInIMEComposition = collectedEvents.fastAny {
             it.type == "compositionstart"
@@ -85,7 +85,7 @@ internal abstract class NativeInputEventsProcessor(
         }
 
         collectedEvents.fastForEach { evt ->
-            val timestamp = evt.timestampAsDouble()
+            val timestamp = evt.timeStamp.toDouble()
 
             when (evt.type) {
                 "keydown" -> {
@@ -123,7 +123,7 @@ internal abstract class NativeInputEventsProcessor(
                 }
 
                 "beforeinput" -> {
-                    (evt as InputEvent).process(
+                    evt.asInputEventExt().process(
                         currentTextFieldValue = currentTextFieldValue
                     )
                 }
@@ -133,9 +133,8 @@ internal abstract class NativeInputEventsProcessor(
         collectedEvents.clear()
     }
 
-    private fun InputEvent.process(currentTextFieldValue: TextFieldValue) {
-        val inputExt = this.asInputEventExt()
-        val editCommands = when (inputExt.inputType) {
+    private fun InputEventExt.process(currentTextFieldValue: TextFieldValue) {
+        val editCommands = when (inputType) {
             "deleteContentBackward" -> buildList {
                 // this means "deleteContentBackward" happened because of an earlier "keydown" event, so skipping it here
                 if (lastProcessedKeydown?.isBackspace() == true) return@buildList
@@ -153,7 +152,7 @@ internal abstract class NativeInputEventsProcessor(
                         // deleteContentBackward can happen under very non-trivial circumstances,
                         // for instance; when an input suggestion on Android Chrome is accepted,
                         // the browser then deletes space after the word just to add space again
-                        add(SetSelectionCommand(inputExt.textRangeStart, inputExt.textRangeEnd))
+                        add(SetSelectionCommand(textRangeStart, textRangeEnd))
                         add(BackspaceCommand())
                     } else if (textRangeSize == 0) {
                         // under specific circumstance previous symbol can be deleted while inputing new one
@@ -170,7 +169,7 @@ internal abstract class NativeInputEventsProcessor(
                 if (lastProcessedKeydown?.altKey == false) {
                     val layoutResult = composeSender.currentTextLayoutResult() ?: return@buildList
                     val text = layoutResult.layoutInput.text
-                    val wordBoundary = layoutResult.getWordBoundary(inputExt.textRangeStart.coerceIn(0, text.length - 1))
+                    val wordBoundary = layoutResult.getWordBoundary(textRangeStart.coerceIn(0, text.length - 1))
 
                     add(SetSelectionCommand(wordBoundary.start, wordBoundary.end))
                     add(BackspaceCommand())
@@ -181,7 +180,7 @@ internal abstract class NativeInputEventsProcessor(
             "insertReplacementText" -> buildList {
                 if (data == null) return@buildList
                 if (textRangeSize > 0) {
-                    add(SetSelectionCommand(inputExt.textRangeStart, inputExt.textRangeEnd))
+                    add(SetSelectionCommand(textRangeStart, textRangeEnd))
                 }
 
                 add(CommitTextCommand(data, 1))
@@ -190,7 +189,7 @@ internal abstract class NativeInputEventsProcessor(
             "insertText" -> buildList {
                 if (data == null) return@buildList
                 if (textRangeSize > 0 && currentTextFieldValue.selection.collapsed) {
-                    add(SetSelectionCommand(inputExt.textRangeStart, inputExt.textRangeEnd))
+                    add(SetSelectionCommand(textRangeStart, textRangeEnd))
                 }
 
                 add(CommitTextCommand(data, 1))
@@ -199,7 +198,7 @@ internal abstract class NativeInputEventsProcessor(
             "insertCompositionText" -> buildList {
                 if (data == null) return@buildList
                 if (textRangeSize > 0) {
-                    add(SetSelectionCommand(inputExt.textRangeStart, inputExt.textRangeEnd))
+                    add(SetSelectionCommand(textRangeStart, textRangeEnd))
                 }
                 add(SetComposingTextCommand(data, 1))
             }