Hi, did anyone succeed in creating a multiplatform...

# multiplatform

[louiscad]

Hi, did anyone succeed in creating a multiplatform project using kotlin gradle scripts?

[bnorm]

I've had a project working for a while: https://github.com/bnorm/PgKotlin
Right now it's only JVM with a common module. I had a native subproject for a while if you look through the commit history.

[louiscad]

Thanks a lot! Will let you know how it went

[lex]

I does it, but some extensions of frontend plugin does not work - not found error

[gildor]

Do you use frontend plugin with plugins dsl or buildscript dsl?

[gildor]

@louiscad Also my small project with multiplatform modules and Kotlin-dsl:
https://github.com/gildor/knel

[louiscad]

@gildor I guess I use the plugins DSL, except for the "root project". You can see the source here: https://github.com/LouisCAD/solution.bike

[gildor]

@louiscad Yes, you use plugins dsl. Do you have some particular problem?
Btw, you root build.gradle.kts uses buildscript and this is not neccessary there. You can use plugins dsl instead there too

My question was for @lex about missing extension

[louiscad]

@gildor Your project and several others helped me get started, but I'm a bit confused about what I should do, especially since I'm not familiar with the JS ecosystem, coming from 3-4 years of Android Developement.
My goal is is a bit complex:
- I want to have a static files generator that can both run on the JVM (from my local machine) and from a Firebase Function (to update static files based on firestore changes and/or admin authenticated endpoint call)
- I want to use Kotlin/JS for frontend logic
I know I'll need several modules to achieve that, but I don't know how to make it work in the JS world. I'm digging into various resources on the web at the moment.

[gildor]

I know I’ll need several modules to achieve that, but I don’t know how to make it work in the JS world

@louiscad Each Kotlin JS module compiled to one .js file, so easiest way just include all of them. You can use webpack to combine them if you want, but probably you can start from a few files.

[lex]

@gildor sorry for late reply, I use plugins dsl

[gildor]

But what kind extension is missing?

[lex]

webpackBundle

[lex]

kotlinFrontend {
    sourceMaps = true
    npm {
        dependency("uuid", "^3.2.1")
    }
    webpackBundle {
        bundleName = "main"
        sourceMapEnabled = true
        contentPath = file("$buildDir/bundle")
    }
}

[lex]

Script compilation errors:

  Line 35:     webpackBundle {
               ^ Unresolved reference: webpackBundle

  Line 36:         bundleName = "main"
                   ^ Unresolved reference: bundleName

  Line 37:         sourceMapEnabled = true
                   ^ Unresolved reference: sourceMapEnabled

  Line 38:         contentPath = file("$buildDir/bundle")
                   ^ Unresolved reference: contentPath

[lex]

looks like that there is no extension in generated accessors.kt (gradle-kotlin-dsl-accessors)

[lex]

but kotlinFrontend and npm are there

[gildor]

@lex This is because webpackBundle is configured using dynamic API

[gildor]

You should use bundle method.

[lex]

can you give me a sample?

[gildor]

Something like:

kotlinFrontend {
    bundle<WebPackBundler>("webpack") {
     bundleName = "main"
   }
}

[gildor]

I don’t have proper example now, but it how this should work

[gildor]

But I agree with you, that this way to configure is not friendly to kotlin-dsl, would be good to create an issue on kotlin-frontend-plugin:
https://github.com/Kotlin/kotlin-frontend-plugin/issues/new

[lex]

bundle<WebPackBundler>("webpack") does not work, WebPackBundler does not implement BundleConfig

fun <C : BundleConfig> bundle(id: String, configure: BundleConfig.() -> Unit) {
        bundleBuilders += Pair(id, configure)
    }

[lex]

this does not work too

bundle<WebPackExtension>("webpack") {
        bundleName = "main"
        sourceMapEnabled = true
        contentPath = file("$buildDir/bundle")
    }

[lex]

I think configure: BundleConfig.() -> Unit should be configure: C.() -> Unit

[gildor]

oh, okay, you need this:

bundle("webpack", delegateClosureOf<WebPackExtension> {
       bundleName = "main"
})

[lex]

that is work! thnx!

[gildor]

as I said, it’s not kotlin friendly 😞
Will check, maybe create an issue or send PR with changes that would be easily used from Groovy and Kotlin

[lex]

yes, I post it https://github.com/Kotlin/kotlin-frontend-plugin/issues/75

[lex]

there is more than one problem with kts((( issue is updated

[gildor]

Looks like your problem related on Kotlin2JsCompile configuration

[gildor]

I’m not sure that it’s correct to configure all Kotlin2JsCompile tasks with the same outputFile

[lex]

I fix it, but got other errors)))

[lex]

update issue

[gildor]

Maybe some patsh are wrong, where is webpack.config.js?

[lex]

paths are right, there are another (same) issues 🙂 https://github.com/Kotlin/kotlin-frontend-plugin/issues/31 and https://github.com/Kotlin/kotlin-frontend-plugin/issues/55

[lex]

its time to contribute)))