@JsName("TestClass")
data class TestClass(val num: Int) {
    fun half() = num / 2
}

@JsName("doubleNum")
fun TestClass.doubleNum() = this.num * 2

> Task :kotlinNpmInstall

require('os').homedir()

error An unexpected error occurred: "EPERM: operation not permitted, unlink 'C:\\Users\\Dell\\AppData\\Local\\Yarn\\Cache\\v6\\npm-plotly-js-1.54.6-ed021aa8da85759c69602c97bd3dab2b09eeec22-integrity\\node_modules\\plotly.js\\.yarn-tarball.tgz'"

browserProductionWebpack

assets/image.<somehash>.png

distribution

devServer

index.html

js { moduleName = "myModuleName" }

root["jsapi"] = factory()

...
kotlin {
    js(IR) {
        browser {
            binaries.executable()
            webpackTask {
                cssSupport.enabled = true
            }
            runTask {
                cssSupport.enabled = true
            }
        }
    }
}

tasks["jsBrowserWebpack"].enabled = false

Using inline classes as parameter type or return type of external declarations is not supported

./gradlew run myargs

./gradlew run --args='myargs'

kotlinx-serialization-kotlinx-serialization-*-jsLegacy

kotlin {
    js(IR) {
        browser {
            binaries.executable()
            webpackTask {
                cssSupport.enabled = true
            }
            runTask {
                cssSupport.enabled = true
            }
        }
    }
}

src/main/resources

kotlin{ js { nodejs() }}

kotlin {
    js(IR) {
        browser {
            binaries.executable()
            webpackTask {
                cssSupport.enabled = true
            }
            runTask {
                cssSupport.enabled = true
            }
        }
    }
}

build

<buildDir>/distributions

File(buildDir, "distributions")

org.w3c.files.File

new java.io.File("path")

@JsModule("@emotion/stylis")
@JsNonModule
external class Stylis(
	options: StylisOptions = definedExternally,
)

val stylis = Stylis() // runtime: Stylis is not a constructor

Stylis

Stylis.default

suspend fun foo(): T

fun foo(): Promise<T>

external interface

libraryFunction({ optionalArg1: 'value', optionalArg2: true });

fun <T> obj(block: T.() -> Unit): T =
    js("{}").unsafeCast<T>().apply(block)

libraryFunction(obj { optionalArg1 = "value"; optionalArg2 = true })

external interface Args {
    optionalArg1: String
    optionalArg2: Boolean
}

external fun libraryFunction(args: Args)