fs with kvision-electron

I’m building off the kvision electron template, and trying to read a files contents. There seem to be interfaces for accessing all sorts of things (like dialogs, single instance applications, the shell, etc) but nothing for reading / writing to disk.

I tried using fs from the node-ket library, as this little code snippet shows:

import node.fs.fs

val remote: Remote = require("electron").remote
val file = remote.dialog.showOpenDialog(remote.getCurrentWindow(), object : OpenDialogOptions{})

val contents = fs.readFileStringSync(file, "utf8")

but that gives me the build error When accessing module declarations from UMD, they must be marked by both @JsModule and @JsNonModule

Entire ElectronApp.kt file with this code in (just drop into the kvision template-electron to try it):

package com.example

import node.fs.fs
import pl.treksoft.kvision.Application
import pl.treksoft.kvision.electron.BrowserWindow
import pl.treksoft.kvision.electron.OpenDialogOptions
import pl.treksoft.kvision.electron.Remote
import pl.treksoft.kvision.electron.dialog
import pl.treksoft.kvision.electron.nodejs.Process
import pl.treksoft.kvision.html.button
import pl.treksoft.kvision.html.div
import pl.treksoft.kvision.i18n.DefaultI18nManager
import pl.treksoft.kvision.i18n.I18n
import pl.treksoft.kvision.i18n.I18n.tr
import pl.treksoft.kvision.panel.FlexAlignItems
import pl.treksoft.kvision.panel.hPanel
import pl.treksoft.kvision.panel.root
import pl.treksoft.kvision.panel.vPanel
import pl.treksoft.kvision.require
import pl.treksoft.kvision.startApplication
import pl.treksoft.kvision.utils.createInstance
import pl.treksoft.kvision.utils.obj
import pl.treksoft.kvision.utils.px
import kotlin.browser.window

external val process: Process

class ElectronApp : Application() {

    val remote: Remote = require("electron").remote
    private var nativeWindow: BrowserWindow? = null

    override fun start() {

        I18n.manager =
            DefaultI18nManager(
                mapOf(
                    "en" to require("i18n/messages-en.json"),
                    "pl" to require("i18n/messages-pl.json")
                )
            )

        root("kvapp") {
            vPanel(alignItems = FlexAlignItems.CENTER, spacing = 30) {
                marginTop = 50.px
                fontSize = 30.px
                hPanel(spacing = 20) {
                    div(tr("Electron version"))
                    div("${process.versions?.electron}")
                    button("open file") {
                        onClick {
                            val remote: Remote = require("electron").remote
                            val file = remote.dialog.showOpenDialog(remote.getCurrentWindow(), object : OpenDialogOptions{})
                            val contents = fs.readFileStringSync(file, "utf8")
                            this.text = contents
                        }
                    }
                }
                hPanel(spacing = 20) {
                    div(tr("Chrome version"))
                    div("${process.versions?.chrome}")
                }
            }
        }

        nativeWindow = remote.BrowserWindow.createInstance(obj {
            title = "Native window"
            width = 700
            height = 500
        })
        nativeWindow?.on("closed")
        { _ ->
            nativeWindow = null
        }

        window.onunload = {
            nativeWindow?.destroy()
            nativeWindow = null
            Unit
        }
    }

    override fun dispose(): Map<String, Any> {
        super.dispose()
        nativeWindow?.destroy()
        nativeWindow = null
        return mapOf()
    }
}

fun main() {
    startApplication(::ElectronApp)
}

Any help on getting this to work would be fantastic.

[rjaros]

If you (or anyone else!) would like to contribute, the generated code in the pl.treksoft.kvision.electron package would certainly need some cleanups (it gives me a lot of warnings), but I’m not able to get through all of it myself.

[rjaros]

As JetBrains added experimental support for NodeJS API in Kotlin 1.4-rc, I plan to remove most of the NodeJS bindings I’ve created lately. They are generated from the same TypeScript declarations. Only the Electron bindings will be provided by KVision, and all NodeJS API will be available from JB bindings. Therefore some package changes will be required during migration.