fun reloadCss() {
    val iframe = document.getElementById("iframe-id")
    println("Test0")
    if (iframe != null && iframe is HTMLIFrameElement) {
        val contentWindow = iframe.contentWindow
        if (contentWindow == null) {
            println("Null1")
            return
        }
        val link = contentWindow.document.getElementById("css-link")
        if (link == null) {
            println("Null2")
            return
        }
        console.log("Typeof is" + jsTypeOf(link))
        console.log(link::class)
        if (link is HTMLLinkElement){
            val href: String = link.href.split('?')[0]
            link.href = "$href?version=${currentTimeMillis()}"
            println("Test1")
        }
        val cssLink = link.unsafeCast<HTMLLinkElement>()
        val href: String = cssLink.href.split('?')[0]
        cssLink.href = "$href?version=${currentTimeMillis()}"
        println("Test2")
    }
}

Promises

GlobalScope.promise {}

Promise#then

Lazy

promise.deferred.start

.then

@JSExport

LEGACY

IR

<nav class="navbar" role="navigation" aria-label="main navigation">

nav(classes = "navbar") {
  
}

fun HTML.index() {
  head {
    title("Welcome to Seller Service")
    link(rel = "stylesheet", href = "<https://cdn.jsdelivr.net/npm/bulma@0.9.2/css/bulma.css>") { }
    link(rel = "stylesheet", href = "static/styles/index.css") {}
  }
  body {
    div {
      id = "index"
    }
    script(src = "/static/output.js") {}
    script(src = "<https://use.fontawesome.com/releases/v5.3.1/js/all.js>") {}
  }
}

override fun RBuilder.render() {
    div(classes = "section") {
      div(classes = "container") {
        nav(classes = "navbar") {
          div(classes = "navbar-brand"){
            a(classes = "navbar-item"){
              img(classes = "img-style", src = "static/images/logo-text.png", alt = "Site logo") {
              }
            }
          }
        }
      }
    }
  }
}

.img-style {
    max-height:300px;
}

.navbar-item img {
    max-height:1.75rem
}

.img-style {
    <strike>max-height:4rem;</strike>
}

substring on undefined

as String

Error: Minified React error #137; visit <https://reactjs.org/docs/error-decoder.html?invariant=137&args[]=input&args[]=> for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

on <http://localhost:9000/static/output.js:46>
    Yl <http://localhost:9000/static/output.js:46>
    cu <http://localhost:9000/static/output.js:46>
    su <http://localhost:9000/static/output.js:46>
    au <http://localhost:9000/static/output.js:46>
    Za <http://localhost:9000/static/output.js:46>
    Ja <http://localhost:9000/static/output.js:46>
    Iu <http://localhost:9000/static/output.js:46>
    Fu <http://localhost:9000/static/output.js:46>
    eu <http://localhost:9000/static/output.js:46>
    Fu <http://localhost:9000/static/output.js:46>
    render <http://localhost:9000/static/output.js:46>

Execution optimizations have been disabled for task ':kvision-modules:kvision-common-annotations:jsSourcesJar' to ensure correctness due to the following reasons:
  - Gradle detected a problem with the following location: '/home/rjaros/git/kvision/kvision-modules/kvision-common-annotations/build/externals/kvision-kvision-common-annotations-jsIr/src'. Reason: Task ':kvision-modules:kvision-common-annotations:jsSourcesJar' uses this output of task ':kvision-modules:kvision-common-annotations:jsIrGenerateExternalsIntegrated' without declaring an explicit or implicit dependency.

build.gradle.kts

// import {api} from 'tradelimit-tradelimit-common'
const api = require('tradelimit-tradelimit-common').indicators
const tradelimit = require('tradelimit-tradelimit-common')

export default class ChartComponent extends React.Component {
    componentDidMount() {
        getData().then(data => {
            this.setState({ data })
        })
    }
    render() {
        console.log("API IS ",api)

        // console.log(indicators)
        let bar = new api.Bar(123123123)
        console.log(bar)

val jsMain by getting {
    dependencies {
        implementation(kotlin("stdlib-js"))
        implementation("org.jetbrains.kotlinx:kotlinx-serialization-core-js:1.1.0")
        implementation("org.jetbrains.kotlinx:kotlinx-coroutines-core-js:$coroutine_version")
    }
}


val commonMain by getting {
    dependencies {
        implementation(kotlin("stdlib-common"))
        implementation("org.jetbrains.kotlinx:kotlinx-serialization-core:1.1.0")
        implementation("org.jetbrains.kotlinx:kotlinx-coroutines-core-common:$coroutine_version")
    }
}

fun setCookie(name: String, value: String, path: String = "/") {
  document.cookie = "$name=$value;path=$path"
}

fun getCookieValue(name: String): String? {
  val currentCookies = document.cookie.split(";")
  for (cookiePair in currentCookies) {
    val cookieKeyValue = cookiePair.split("=")
    if (cookieKeyValue.first().trim() == name.trim()) {
      return cookieKeyValue[1].trim()
    }
  }
  return null
}

org.khronos.webgl.WebGLRenderingContextBase

compressedTexImage2D

fun compressedTexImage2D(target: Int, level: Int, internalformat: Int, width: Int, height: Int, border: Int, data: ArrayBufferView)

fun compressedTexImage2D(target: Int, level: Int, internalformat: Int, width: Int, height: Int, border: Int, data: ArrayBufferView?)

implementation(npm("showdown", "1.9.1"))

var coffee = document.forms[0];
var txt = "";
var i;
for (i = 0; i < coffee.length; i++) {
  if (coffee[i].checked) {
   txt = txt + coffee[i].value + " ";
   }
}
  document.getElementById("order").value = "You ordered a coffee with: " + txt;

val form = document.getElementById(key) as HTMLFormElement
for(element in form.elements.asList()){
  console.log("element value ${element.checked}")
}

e: java.lang.IllegalStateException: Unsupported operation
	at org.jetbrains.kotlin.backend.common.serialization.IrModuleDeserializer.referenceSimpleFunctionByLocalSignature(IrModuleDeserializer.kt:37)