[Fix] annotatedStringResource with args don't render annotation styles

[soulcramer]

Currently we're converting the spanned string from getText into html to be able to insert the args in their format placeholder and then convert this html back to a spanned string. Sadly this doesn't support the annotation tag as it's not part of the html spec.

I found this lib that might help us resolve this 🤔

[SimonMarquis]

@soulcramer, happy to report that this solution works pretty well:

<string name="hello">Hello, <b><annotation variable="who" typography="large" color="main">who</annotation></b>!</string>

@Composable
public fun annotatedStringResource(@StringRes id: Int, args: PersistentMap<String, String>): AnnotatedString {
    val resources = resources()
    val density = LocalDensity.current
    val colors = SparkTheme.colors
    val typography = SparkTheme.typography
    return remember(id, values) {
        resources
            .buildSpannedStringWithArgs(id, args)
            .asAnnotatedString(density, colors, typography)
    }
}

private fun Resources.buildSpannedStringWithArgs(
    @StringRes id: Int,
    args: PersistentMap<String, String>,
): SpannedString = buildSpannedString {
    append(getText(id))
    getSpans(0, length, Annotation::class.java)
        .filterIsInstance<Annotation>()
        .filter { it.key == "variable" }
        .forEach { replace(getSpanStart(it), getSpanEnd(it), args.getValue(it.value)) }
}

@Preview
@Composable
private fun AnnotatedStringResourcePreview() {
    PreviewTheme {
        Text(
            text = annotatedStringResource(
                R.string.spark_annotatedStringResource_test,
                persistentMapOf("who" to "Bob"),
            ),
        )
    }
}

[soulcramer]

Nice! I'll add it then 🥳