(I'm doing a spike to see if a css-in-js solution ...

# javascript

[kylpo]

(I'm doing a spike to see if a css-in-js solution with a babel-transform step will work for a Kotlin web app)

[Filipp Riabchun]

Which solution do you mean, namely? Currently, KotlinJS can't output anything other than ES5 code

[kylpo]

Ahh, that would explain why I can't use backticks in my js() calls 😞

[kylpo]

I'm trying to use Linaria or Emotion which rely on a syntax like:

css`
  background: red;
`

[kylpo]

and this kotlin line errors at compile because of the backticks:

js("css`background: red;`")

[Filipp Riabchun]

do you use interpolations inside it?

[Filipp Riabchun]

that is, ${expression}

[kylpo]

Not always. It is just a syntax needed for the babel transform to strip out the css and create a classname

[Filipp Riabchun]

When you don't, you can just call it like a function

[Filipp Riabchun]

css(Array("""
  background: red;
"""))

[Filipp Riabchun]

triple double quotes are for multiline strings in Kotlin

[kylpo]

Hmm, oh, nice!

[Filipp Riabchun]

With interpolations, it would be a lot more tricky

[kylpo]

I'll try that right now. 1 min, please.

[Filipp Riabchun]

Oh, it should be an array not a string

[kylpo]

Ah, yeah, unfortunately, I still need it to output from kotlin to js with the backticks.

[kylpo]

See https://github.com/callstack/linaria for the syntax required for the babel transform

[Filipp Riabchun]

@bashor is there a plan to support targets other than ES5?

[kylpo]

Thanks for your help, @Filipp Riabchun!

[bashor]

is there a plan to support targets other than ES5?

Yes, but only after we will finish migrating to the new compiler infrastructure. Not very soon.

[bashor]

Feel free to vote or star the related issue to get notification about updates
https://youtrack.jetbrains.com/issue/KT-8373

[kylpo]

Thanks, will do! For now I'll hope to use Kotlinjs to share business logic, but likely not be able to use it in any React/View code 😢

[Filipp Riabchun]

Well you can have part of your codebase in js and part in Kotlin

[kylpo]

Yeah. Hopefully all in Kotlin some day 🙂

[bashor]

I think JS css will look strange inside Kotlin code. I think it would be better to implement DSL in Kotlin.