Recomposition overlay snippet for Android app startup article

recomposition-overlay.kt

@Composable
private fun RecomposeDebugOverlay(modifier: Modifier = Modifier) {
    if (!BuildConfig.DEBUG) return

    val counts by RecomposeDebugTracker.counts.collectAsStateWithLifecycle()
    var expanded by rememberSaveable { mutableStateOf(false) }

    Surface(modifier = modifier.clickable { expanded = !expanded }) {
        Column(modifier = Modifier.padding(horizontal = 12.dp, vertical = 8.dp)) {
            Text(text = "Recompose ${if (expanded) "hide" else "show"}")
            if (expanded) {
                counts.toList().sortedBy { it.first }.forEach { (name, count) ->
                    Text(text = "$name: $count")
                }
                TextButton(onClick = { RecomposeDebugTracker.reset() }) {
                    Text(text = stringResource(id = R.string.clear))
                }
            }
        }
    }
}

@Composable
private fun DebugRecomposeCounter(section: String) {
    if (!BuildConfig.DEBUG) return
    SideEffect {
        val count = RecomposeDebugTracker.increment(section)
        if (count % 25 == 0) {
            Log.d("Recompose", "$section recomposed $count times")
        }
    }
}