Hello, I wrapped html2pdf; the basic function work...

# javascript

[Reuben F]

Hello, I wrapped html2pdf; the basic function works, but I haven't figured out a way to get it to accept its options dictionary. Anybody have a few minutes to try it out?

[Reuben F]

import org.w3c.dom.Element

@JsModule("html2pdf.js")
@JsNonModule
external fun html2pdf(element: Element, opts: PdfOptions)

data class PdfOptions(val filename: String, val margin: Int)

[Reuben F]

implementation(npm("html2pdf.js", "0.9.3"))

[Reuben F]

html2pdf(someElement,
    PdfOptions("janet", 100)
)

[Reuben F]

whatever I try, it always downloads "file.pdf". seems like it should just work https://www.npmjs.com/package/html2pdf.js/v/0.9.3#image-type-and-quality

[Big Chungus]

Make PdfOpts external class or interference and then initialize it like this

js("{}"). unsafeCast<PdfOpts>().apply { ... }

[Reuben F]

You mean like this?

html2pdf(Root.getFirstRoot()!!.getElement()!! as HTMLElement,
                            js("{}").unsafeCast<PdfOptions>().apply {
                                filename = "janet"
                            }
                        )

doesn't apply options, still

[Big Chungus]

PdfOptions being an external entity is key to this

[Big Chungus]

Otherwise properties get mangled

[Reuben F]

html2pdf(Root.getFirstRoot()!!.getElement()!! as HTMLElement,
                            js("{}").unsafeCast<PdfOptions>().apply {
                                filename = "janet"
                            }
                        )

@JsModule("html2pdf.js")
@JsNonModule
external fun html2pdf(element: Element, opts: PdfOptions)

@JsModule("html2pdf.js")
@JsNonModule
external interface PdfOptions {
    var filename: String
    var margin: Int
}

this worked, thanks!

really ugly though - is there any way around the unsafeCast? It doesn't work as:

object: PdfOptions {
                                override val filename: String
                                    get() = "janet"
                                override val margin: Int
                                    get() = 10
                            }

[Big Chungus]

Just write an inline Constructor function that hides this mess for free

[Big Chungus]

fun PdfOptions(filename: String, margin: Int) = ...