How do I import side-effects in kotlin? Something like `import "some/side/effect.js` in javascript?

# javascript

[Big Chungus]

How do I import side-effects in kotlin? Something like import "some/side/effect.js in javascript?

[turansky]

Is it local or global sideeffect?

[Big Chungus]

Global (css import)

[turansky]

What about shimming?
Or you want write imports in code only?

[Big Chungus]

Well I cannot do require("some/style.css") on top-level kotlin code. And yes, ideally everything should be drivven by code.

[turansky]

Do you want to “embed” CSS inside library?

[turansky]

In web components I add style in shadow root.
If you create root component in library you can use same practice.

[turansky]

Also in legacy you can use file level constant

[Big Chungus]

No, not embed. See here how I've managed to do it already, however that's suboptimal, because it's referenced each time that function is invoked. I'd like to import it just once at top level.

[turansky]

It can be realized as “HOC”

Style("button.css") {
    Button {}
}

require will be called inside Style

In common case looks container required (web component), because in case of local styles shadow root required:

@Component
@Composable
fun MyButton(
    val name: String,
) {
    Style("button.css")

    Button {}
}