Я могу создавать js json объекты с помощью <https:...

# russian

[lewik]

Я могу создавать js json объекты с помощью https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.js/-json/index.html ?

[gildor]

Как я понимаю нет, это же интерфейс. придется свою имплементацию запровайдить

[lewik]

Ок.
js("{}")

[gildor]

да. можно так.
Еще есть
https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.js/json.html

[lewik]

Жаль, типизированного Json нету. Скопипастил
И итератора нету

[gildor]

или если хочется что бы выглядело как иницализация объекта, то можно так:

inline fun jsObj(init: dynamic.() -> Unit): dynamic {
    val json = js("{}")
    init(json)
    return json
}

val json = jsObj {
        foo = "baz"
}

[lewik]

Хех... а как красиво Map превратить в Json? )

[lewik]

Хотя... лучше сразу Json "набивать"

[gildor]

Ну как то так еще можно:

json(*myMap.map { (k, v) -> k to v }.toTypedArray())

[gildor]

можно просто написать экстеншн для этого:

fun <T> Map<String, T>.toJson() = json(*map { (k, v) -> k to v }.toTypedArray())

[gildor]

хотя лучше так конечно:

fun <T> Map<String, T>.toJson(): Json {
    val res: dynamic = js("({})")
    for ((name, value) in this) {
        res[name] = value
    }
    return res
}

[gildor]

типизированного Json нету

смотря что иметь в виду. Типизированный “json” это же просто создание объекта класса или интерфейса в Kotlin

[lewik]

@gildor не понял совсем...
Понятно что в реальности что Json что типизированный Json - это {}
Но когда работаешь в котлине - зачастую хочется работать с {} как с Map (не все методы конечно требуются)

[gildor]

типизированный Json - это {}?

[gildor]

ну с Json можно работать как с Map

[lewik]

Ну в js коде это все равно будет {}

[lewik]

Имеется ввиду дополнительное ограничение на стороне kotlin

[gildor]

так чего хочется добиться?

[gildor]

мне кажется работать с json имеет смысл только при получении данных из Js кода или передачи их в js код, и не работать с ним внутри Kotlin кода

[lewik]

И когда передаешь данные в какой то другой фреймворк

[lewik]

Например vuex навесит дополнительные геттеры сеттеры на любое свойство, насколько я понимаю.

Соответственно не хочется отдавать в vuex какие то сложные объекты

[lewik]

С другой стороны, все равно придется - списки в свойствах все равно будут котлиновскими списками.

[lewik]

может и правда... забить и отправлять все котлиновское

[gildor]

да, но можно же сделать:

external class SomeConfig(val foo: String, val bar: Int)

[gildor]

и его отдавать

[lewik]

Но это не значит что у него будут copy и прочие

[lewik]

1. или js будет "как обычно", но тогда со стороны котлина - обрезан функционал а со стороны js фреймоврков все работает как часы

2. или js будет сгенерированный котлином, тогда со стороны котлина все ок, а вот со стороны js фреймворков могут пойти непредвиденные сайдэффекты, что очень не хочется получить "посередине продакшена"

А хочется - и то и то ) Чтобы и как часы работало и чтобы котлин был полноценный.

Вобоще, если и vuex и котлин-js написаны нормально - то все должно работать. Но если есть, например... дублирование данных в котлин отображении каком либо - то все пойдет по швам.

[lewik]

Можно попытаться
3. совместить - и то, что должно быть "чисто на js" - писать с помощью вот этих типизированных json и массивов - но тогда внутри кода начнется свистопляска с переводом из одного в другое, а с ростом проекта это еще и будет по нескольку раз и бессмысленно.

[lewik]

Я вот попробовал 3 и что то вообще .. не весело, при любой операции над "типизированным js" сразу хочется перевести это в нормальный котлин.

[lewik]

Сейчас попробую 2

[gildor]

2. А есть примеры?

[lewik]

Примеры чего именно?

[gildor]

просто выглядит так что и с JS могут быть теже самые эффекты

[gildor]

если уж фреймворк такой

[lewik]

А я не наталкивался на эти эффекты)))

[gildor]

писать с помощью вот этих типизированных json и массивов

не понимаю почему они “типизированные“, ведь они как раз таки динамические

[lewik]

Да, они динамические. Они в сгенерированном js будут типизированные. А на стороне котлина зачастую хочется их (но не все) типизировать, чтобы удобнее работать с ними.

[gildor]

опять же, всегда можно конвертировать динамически котлиновский класс в json если хочется совсем убрать все методы

[gildor]

в сгенерированном js будут типизированные? что-то я не понимаю как

[lewik]

Я знаю что vuex модифицирует то, что я ему передаю. И я не знаю досканально как он модифицирует и как именно внутри устроены kotlin-js объекты.

Да, надо конечно изучить и то и то)

[lewik]

Простите.. я оговорился....
В сгенерированном js объекты будут НЕ типизированные - это же просто {}. А на стороне котлина для безопасности и просто удобства - хочется ограничить типы.

[gildor]

мне кажется если использовать котлин для js разработки, то нужно его максимально типизировано использовать, иначе все основные фишки теряются

[lewik]

Да, я с вами согласен, я так и хочу.

[gildor]

ну можно посмотреть как устроены, ничего магического там нет

[gildor]

можно просто в рантайме получить все поля котлиновского объекта и сделать из них json, тогда уж наверняка

[gildor]

хотя опять же, котлиновский объект просто с полями очень простой

[lewik]

Он то простой - а Map и List - не очень

[gildor]

это да, но я бы не сильно беспокоился, в js все динамическое, кто угодно может что угодно сделать, мне кажется ситуация от чистого js не сильно отличается

[gildor]

для конфигов можно array вместо list использовать

[lewik]

А kotlin для генерации html не использовали? )

[gildor]

Нет

[semoro]

В Котлине есть замечательная библиотека DSL для генерации HTML https://github.com/Kotlin/kotlinx.html

[lewik]

Да, я в курсе, спасибо.

[lewik]

Намереваюсь попробовать вот это.
https://github.com/nosix/vue-kotlin
И как раз воткнуть вышеуказанный DSL

[lewik]

В котлине и так есть типизированный [] Это 'Array<T>' который в js выглядит как '[]'

Даже toTypedArray() есть

[caffeine]

я котлином генерирую HTML+CSS

[caffeine]

)

[caffeine]

прекрасно работает

[caffeine]

между сервером и клиентом у меня kotlin-common

[caffeine]

так что DTO объекты прекрасно передаются туда-сюда )

[caffeine]

и как-то без node.js и web-pack обошолся )