How are we supposed to determine the name of a dep...

# react

[Mike Kienenberger]

How are we supposed to determine the name of a dependency provided by the kotlin-wrappers version catalogue? It doesn't seem obvious from the kotlin-wrappers docs. And they don't all follow the same pattern. We mostly relied on intellij auto-complete.

[turansky]

And they don't all follow the same pattern

Do you have example?

[turansky]

We mostly relied on intellij auto-complete.

From kotlinWrappers. ?

[turansky]

Mike, to avoid long reviews it will be cool to split PR

[turansky]

1. Subproject (empty)
2. Small app
3. Tests (run in browser)
4. Node.js tests configuration

[Mike Kienenberger]

That's kind of how I was doing with my own commits 🙂
1. Copy tanstack-react-router example
2. add trivial test
3. add node test config (ran out of time)
If you would prefer I do each commit as a separate PR, I can do that.

[Mike Kienenberger]

It'll just look weird to have an example that doesn't do what it claims in the intermediate steps

[Mike Kienenberger]

Yes, we used itelllij auto-complete from From kotlinWrappers. in build.gradle.kts

[turansky]

If you would prefer I do each commit as a separate PR, I can do that.

Yes, please

[turansky]

Yes, we used itelllij auto-complete from From kotlinWrappers. in build.gradle.kts

That is why we created version catalog 😉

[turansky]

It works without docs 😉

[turansky]

> And they don't all follow the same pattern
What do you mean?

[Mike Kienenberger]

kotlin-react-dom -> kotlinWrappers.reactDom
kotlin-emotion-styled -> kotlinWrappers.emotion.styled
kotlin-mui-icons-material -> kotlinWrappers.mui.iconsMaterial
kotlin-tanstack-react-router -> kotlinWrappers.tanstack.reactRouter
kotlin-testing-library-react -> kotlinWrappers.testingLibraryReact

Sometimes it's (camel-case main lib name).(camel-case subproject)
Sometimes it's (camel-case main lib name and subproject)

[turansky]

It depends on NPM coordinates.
We should respect NPM organizations to avoid clashes.

[turansky]

@emotion/styled -> kotlinWrappers.emotion.styled
emotion-styled -> kotlinWrappers.emotionStyled

[turansky]

@tanstack , @mui , @emotion - NPM organizations

[Mike Kienenberger]

Ah, That makes more sense. Thanks for explaining it.