Is it possible to import a UMD module into a kotlin wasm code base and define kotlin interop classes...

# webassembly

[Brendan Weinstein]

Is it possible to import a UMD module into a kotlin wasm code base and define kotlin interop classes/objects for that module?

[Brendan Weinstein]

For example, I am trying to implement the below js via kotlin interop

mapboxgl.accessToken = "my-access-token"

I've tried a bunch of different variations of the below

@file:JsModule("mapbox-gl")
package com.basebeta.map

external object mapboxgl : JsAny {
   var accessToken: String
}

but each one results in a runtime uncaught WebAssembly.Exception

[Brendan Weinstein]

Ah! Only ES modules are supported per the documentation table here

Supports ES modules only. There is no analog of the @JsNonModule annotation. Provides its exports as properties on the default object. Allows exporting package-level functions only.

[ephemient]

you don't need @JsNonModule, I haven't used mapbox but I'd expect

@JsModule("mapbox-gl")
external var accessToken: JsString

as the docs make it look like a direct export

[Brendan Weinstein]

will give that a try, but I am wondering if the compiler will be thrown off by the function at the top of the UMD module

[Brendan Weinstein]

ok, I haven't gotten to your suggestion, but found an alternate means of gettings things working. I've included the script tags for mapbox in my index.html and then defined the below for interop

external object mapboxgl {
   var accessToken: JsString
}

Was able to execute

mapboxgl.accessToken = "my-access-token".toJsString()

and confirm that the token was populated correctly with console.log(mapboxgl.accessToken) in chrome debugger