Remote Compose — Creating a Button Document (JVM Server Side)

CreateButtonDocument.kt

/**
 * Remote Compose — Creating a Button Document (JVM, no Android needed)
 *
 * Produces a binary .rc document that RemoteComposePlayer can render.
 */
fun createButtonDocument(): ByteArray {
    val density = 2.625f
    fun dp(v: Int) = v * density

    val writer = RemoteComposeWriter(
        JvmRcPlatformServices(),
        RemoteComposeWriter.HTag(Header.DOC_WIDTH, (400 * density).toInt()),
        RemoteComposeWriter.HTag(Header.DOC_HEIGHT, (800 * density).toInt()),
    )

    val radius = dp(24)
    val shape = RoundedRectShape(radius, radius, radius, radius)

    val buttonMod = RecordingModifier()
        .fillMaxWidth()
        .clip(shape)
        .background(0xFF6200EA.toInt())
        .onClick(HostAction(1001, writer.addText("my_action")))
        .padding(dp(32), dp(14), dp(32), dp(14))

    writer.root {
        writer.column(RecordingModifier().fillMaxSize().padding(dp(24)), ColumnLayout.CENTER, ColumnLayout.CENTER) {
            writer.startBox(buttonMod, BoxLayout.CENTER, BoxLayout.CENTER)
            writer.textComponent(RecordingModifier(), writer.addText("Click Me"), 0xFFFFFFFF.toInt(), dp(16), 0, 600f, null, CoreText.TEXT_ALIGN_CENTER, 0, Int.MAX_VALUE) {}
            writer.endBox()
        }
    }

    return writer.encodeToByteArray()
}