Browse Source
* Add `formattedBody` to `TimelineItemTextBasedContent`. This is pre-computed when timeline events are being mapped from the Rust SDK. * Update `HtmlConverterProvider` styles. * Improve `MentionSpan` to add missing `@` or `#` if needed * Replace `HtmlDocument` with the `TextView` based component * Improve extra padding calculation for timestamp by rounding the float offset result instead of truncating it. * Remove composer line height workaround * Use `ElementRichTextEditorStyle` instead of `RichTextEditorDefaults` for the theming * Use slightly different styles for composer and messages (top/bottom line height discrepancies, mostly). * Add `formattedBody` to notice and emote events. --------- Co-authored-by: ElementBot <benoitm+elementbot@element.io>pull/2017/head
Jorge Martin Espinosa
9 months ago
committed by
GitHub
232 changed files with 754 additions and 1124 deletions
@ -0,0 +1,3 @@
@@ -0,0 +1,3 @@
|
||||
Use the RTE library `TextView` to render text events in the timeline. |
||||
|
||||
Add support for mention pills - with no interaction yet. |
||||
@ -0,0 +1,29 @@
@@ -0,0 +1,29 @@
|
||||
/* |
||||
* Copyright (c) 2023 New Vector Ltd |
||||
* |
||||
* Licensed under the Apache License, Version 2.0 (the "License"); |
||||
* you may not use this file except in compliance with the License. |
||||
* You may obtain a copy of the License at |
||||
* |
||||
* http://www.apache.org/licenses/LICENSE-2.0 |
||||
* |
||||
* Unless required by applicable law or agreed to in writing, software |
||||
* distributed under the License is distributed on an "AS IS" BASIS, |
||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
||||
* See the License for the specific language governing permissions and |
||||
* limitations under the License. |
||||
*/ |
||||
|
||||
package io.element.android.features.messages.api.timeline |
||||
|
||||
import androidx.compose.runtime.Composable |
||||
import io.element.android.libraries.matrix.api.core.UserId |
||||
import io.element.android.wysiwyg.utils.HtmlConverter |
||||
|
||||
interface HtmlConverterProvider { |
||||
|
||||
@Composable |
||||
fun Update(currentUserId: UserId) |
||||
|
||||
fun provide(): HtmlConverter |
||||
} |
||||
@ -0,0 +1,80 @@
@@ -0,0 +1,80 @@
|
||||
/* |
||||
* Copyright (c) 2023 New Vector Ltd |
||||
* |
||||
* Licensed under the Apache License, Version 2.0 (the "License"); |
||||
* you may not use this file except in compliance with the License. |
||||
* You may obtain a copy of the License at |
||||
* |
||||
* http://www.apache.org/licenses/LICENSE-2.0 |
||||
* |
||||
* Unless required by applicable law or agreed to in writing, software |
||||
* distributed under the License is distributed on an "AS IS" BASIS, |
||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
||||
* See the License for the specific language governing permissions and |
||||
* limitations under the License. |
||||
*/ |
||||
|
||||
package io.element.android.features.messages.impl.timeline |
||||
|
||||
import androidx.compose.runtime.Composable |
||||
import androidx.compose.runtime.MutableState |
||||
import androidx.compose.runtime.mutableStateOf |
||||
import androidx.compose.runtime.remember |
||||
import androidx.compose.ui.platform.LocalContext |
||||
import androidx.compose.ui.platform.LocalInspectionMode |
||||
import com.squareup.anvil.annotations.ContributesBinding |
||||
import io.element.android.features.messages.api.timeline.HtmlConverterProvider |
||||
import io.element.android.libraries.core.bool.orFalse |
||||
import io.element.android.libraries.di.SessionScope |
||||
import io.element.android.libraries.di.SingleIn |
||||
import io.element.android.libraries.matrix.api.core.UserId |
||||
import io.element.android.libraries.textcomposer.ElementRichTextEditorStyle |
||||
import io.element.android.libraries.textcomposer.mentions.rememberMentionSpanProvider |
||||
import io.element.android.wysiwyg.compose.StyledHtmlConverter |
||||
import io.element.android.wysiwyg.display.MentionDisplayHandler |
||||
import io.element.android.wysiwyg.display.TextDisplay |
||||
import io.element.android.wysiwyg.utils.HtmlConverter |
||||
import uniffi.wysiwyg_composer.newMentionDetector |
||||
import javax.inject.Inject |
||||
|
||||
@ContributesBinding(SessionScope::class) |
||||
@SingleIn(SessionScope::class) |
||||
class DefaultHtmlConverterProvider @Inject constructor(): HtmlConverterProvider { |
||||
|
||||
private val htmlConverter: MutableState<HtmlConverter?> = mutableStateOf(null) |
||||
|
||||
@Composable |
||||
override fun Update(currentUserId: UserId) { |
||||
val isInEditMode = LocalInspectionMode.current |
||||
val mentionDetector = remember(isInEditMode) { |
||||
if (isInEditMode) { null } else { newMentionDetector() } |
||||
} |
||||
|
||||
val editorStyle = ElementRichTextEditorStyle.textStyle() |
||||
val mentionSpanProvider = rememberMentionSpanProvider(currentUserId = currentUserId) |
||||
|
||||
val context = LocalContext.current |
||||
|
||||
htmlConverter.value = remember(editorStyle, mentionSpanProvider) { |
||||
StyledHtmlConverter( |
||||
context = context, |
||||
mentionDisplayHandler = object : MentionDisplayHandler { |
||||
override fun resolveAtRoomMentionDisplay(): TextDisplay { |
||||
return TextDisplay.Custom(mentionSpanProvider.getMentionSpanFor(text = "@room", url = "#")) |
||||
} |
||||
|
||||
override fun resolveMentionDisplay(text: String, url: String): TextDisplay { |
||||
return TextDisplay.Custom(mentionSpanProvider.getMentionSpanFor(text, url)) |
||||
} |
||||
}, |
||||
isMention = { _, url -> mentionDetector?.isMention(url).orFalse() } |
||||
).apply { |
||||
configureWith(editorStyle) |
||||
} |
||||
} |
||||
} |
||||
|
||||
override fun provide(): HtmlConverter { |
||||
return htmlConverter.value ?: error("HtmlConverter wasn't instantiated. Make sure to call HtmlConverterProvider.Update() first.") |
||||
} |
||||
} |
||||
@ -1,56 +0,0 @@
@@ -1,56 +0,0 @@
|
||||
/* |
||||
* Copyright (c) 2023 New Vector Ltd |
||||
* |
||||
* Licensed under the Apache License, Version 2.0 (the "License"); |
||||
* you may not use this file except in compliance with the License. |
||||
* You may obtain a copy of the License at |
||||
* |
||||
* http://www.apache.org/licenses/LICENSE-2.0 |
||||
* |
||||
* Unless required by applicable law or agreed to in writing, software |
||||
* distributed under the License is distributed on an "AS IS" BASIS, |
||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
||||
* See the License for the specific language governing permissions and |
||||
* limitations under the License. |
||||
*/ |
||||
|
||||
package io.element.android.features.messages.impl.timeline.components.html |
||||
|
||||
import androidx.compose.ui.tooling.preview.PreviewParameterProvider |
||||
import org.jsoup.Jsoup |
||||
import org.jsoup.nodes.Document |
||||
|
||||
open class DocumentProvider : PreviewParameterProvider<Document> { |
||||
override val values: Sequence<Document> |
||||
get() = sequenceOf( |
||||
"text", |
||||
"<strong>Strong</strong>", |
||||
"<b>Bold</b>", |
||||
"<i>Italic</i>", |
||||
// FIXME This does not work |
||||
"<b><i>Bold then italic</i></b>", |
||||
// FIXME This does not work |
||||
"<i><b>Italic then bold</b></i>", |
||||
"<em>em</em>", |
||||
"<unknown>unknown</unknown>", |
||||
// FIXME `br` is not rendered correctly in the Preview. |
||||
"Line 1<br/>Line 2", |
||||
"<code>code</code>", |
||||
"<del>del</del>", |
||||
"<h1>Heading 1</h1><h2>Heading 2</h2><h3>Heading 3</h3><h4>Heading 4</h4><h5>Heading 5</h5><h6>Heading 6</h6><h7>Heading 7</h7>", |
||||
"<a href=\"https://matrix.org\">link</a>", |
||||
"<p>paragraph</p>", |
||||
"<p>paragraph 1</p><p>paragraph 2</p>", |
||||
"<ol><li>ol item 1</li><li>ol item 2</li></ol>", |
||||
"<ol><li><i>ol item 1 italic</i></li><li><b>ol item 2 bold</b></li></ol>", |
||||
"<ul><li>ul item 1</li><li>ul item 2</li></ul>", |
||||
"<blockquote>blockquote</blockquote>", |
||||
// TODO Find a way to make is work with `pre`. For now there is an error with |
||||
// jsoup: java.lang.NoSuchMethodError: 'org.jsoup.nodes.Element org.jsoup.nodes.Element.firstElementChild()' |
||||
// "<pre>pre</pre>", |
||||
"<mx-reply><blockquote><a href=\\\"https://matrix.to/#/!roomId/\$eventId?via=matrix.org\\\">In reply to</a> " + |
||||
"<a href=\\\"https://matrix.to/#/@alice:matrix.org\\\">@alice:matrix.org</a><br>original message</blockquote></mx-reply>reply", |
||||
"<ol><li>Testing <a href='#'>link</a> item.</li><li>And <a href='#'>another</a> item.</li></ol>", |
||||
"<ul><li>Testing <a href='#'>link</a> item.</li><li>And <a href='#'>another</a> item.</li></ul>", |
||||
).map { Jsoup.parse(it) } |
||||
} |
||||
@ -1,635 +0,0 @@
@@ -1,635 +0,0 @@
|
||||
/* |
||||
* Copyright (c) 2022 New Vector Ltd |
||||
* |
||||
* Licensed under the Apache License, Version 2.0 (the "License"); |
||||
* you may not use this file except in compliance with the License. |
||||
* You may obtain a copy of the License at |
||||
* |
||||
* http://www.apache.org/licenses/LICENSE-2.0 |
||||
* |
||||
* Unless required by applicable law or agreed to in writing, software |
||||
* distributed under the License is distributed on an "AS IS" BASIS, |
||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
||||
* See the License for the specific language governing permissions and |
||||
* limitations under the License. |
||||
*/ |
||||
|
||||
@file:OptIn(ExperimentalLayoutApi::class) |
||||
|
||||
package io.element.android.features.messages.impl.timeline.components.html |
||||
|
||||
import androidx.compose.foundation.background |
||||
import androidx.compose.foundation.interaction.MutableInteractionSource |
||||
import androidx.compose.foundation.layout.Arrangement |
||||
import androidx.compose.foundation.layout.Box |
||||
import androidx.compose.foundation.layout.Column |
||||
import androidx.compose.foundation.layout.ExperimentalLayoutApi |
||||
import androidx.compose.foundation.layout.FlowRow |
||||
import androidx.compose.foundation.layout.Spacer |
||||
import androidx.compose.foundation.layout.offset |
||||
import androidx.compose.foundation.layout.padding |
||||
import androidx.compose.foundation.layout.size |
||||
import androidx.compose.foundation.shape.RoundedCornerShape |
||||
import androidx.compose.foundation.text.InlineTextContent |
||||
import androidx.compose.foundation.text.appendInlineContent |
||||
import androidx.compose.material3.ColorScheme |
||||
import androidx.compose.material3.LocalTextStyle |
||||
import androidx.compose.material3.MaterialTheme |
||||
import androidx.compose.runtime.Composable |
||||
import androidx.compose.runtime.remember |
||||
import androidx.compose.ui.Alignment |
||||
import androidx.compose.ui.Modifier |
||||
import androidx.compose.ui.draw.drawBehind |
||||
import androidx.compose.ui.geometry.Offset |
||||
import androidx.compose.ui.graphics.Color |
||||
import androidx.compose.ui.text.AnnotatedString |
||||
import androidx.compose.ui.text.SpanStyle |
||||
import androidx.compose.ui.text.TextStyle |
||||
import androidx.compose.ui.text.buildAnnotatedString |
||||
import androidx.compose.ui.text.font.FontFamily |
||||
import androidx.compose.ui.text.font.FontStyle |
||||
import androidx.compose.ui.text.font.FontWeight |
||||
import androidx.compose.ui.text.style.TextDecoration |
||||
import androidx.compose.ui.text.withStyle |
||||
import androidx.compose.ui.tooling.preview.PreviewParameter |
||||
import androidx.compose.ui.unit.dp |
||||
import androidx.compose.ui.unit.sp |
||||
import io.element.android.features.messages.impl.timeline.components.event.ExtraPadding |
||||
import io.element.android.features.messages.impl.timeline.components.event.getDpSize |
||||
import io.element.android.features.messages.impl.timeline.components.event.noExtraPadding |
||||
import io.element.android.libraries.designsystem.components.ClickableLinkText |
||||
import io.element.android.libraries.designsystem.preview.ElementPreview |
||||
import io.element.android.libraries.designsystem.preview.PreviewsDayNight |
||||
import io.element.android.libraries.designsystem.text.toDp |
||||
import io.element.android.libraries.designsystem.theme.components.Surface |
||||
import io.element.android.libraries.designsystem.theme.components.Text |
||||
import io.element.android.libraries.matrix.api.permalink.PermalinkData |
||||
import io.element.android.libraries.matrix.api.permalink.PermalinkParser |
||||
import io.element.android.compound.theme.ElementTheme |
||||
import io.element.android.compound.theme.LinkColor |
||||
import kotlinx.collections.immutable.persistentMapOf |
||||
import org.jsoup.nodes.Document |
||||
import org.jsoup.nodes.Element |
||||
import org.jsoup.nodes.Node |
||||
import org.jsoup.nodes.TextNode |
||||
|
||||
private const val CHIP_ID = "chip" |
||||
|
||||
@Composable |
||||
fun HtmlDocument( |
||||
document: Document, |
||||
extraPadding: ExtraPadding, |
||||
interactionSource: MutableInteractionSource, |
||||
onTextClicked: () -> Unit, |
||||
onTextLongClicked: () -> Unit, |
||||
modifier: Modifier = Modifier, |
||||
) { |
||||
FlowRow( |
||||
modifier = modifier, |
||||
) { |
||||
HtmlBody( |
||||
body = document.body(), |
||||
interactionSource = interactionSource, |
||||
onTextClicked = onTextClicked, |
||||
onTextLongClicked = onTextLongClicked, |
||||
) |
||||
Spacer( |
||||
modifier = Modifier.size( |
||||
width = extraPadding.getDpSize(), |
||||
height = ElementTheme.typography.fontBodyXsRegular.fontSize.toDp() * 1.25f |
||||
) |
||||
) |
||||
} |
||||
} |
||||
|
||||
@Composable |
||||
private fun HtmlBody( |
||||
body: Element, |
||||
interactionSource: MutableInteractionSource, |
||||
onTextClicked: () -> Unit, |
||||
onTextLongClicked: () -> Unit, |
||||
modifier: Modifier = Modifier, |
||||
) { |
||||
@Composable |
||||
fun NodesFlowRode( |
||||
nodes: Iterator<Node>, |
||||
interactionSource: MutableInteractionSource, |
||||
onTextClicked: () -> Unit, |
||||
onTextLongClicked: () -> Unit, |
||||
) = FlowRow( |
||||
horizontalArrangement = Arrangement.spacedBy(2.dp, Alignment.Start), |
||||
verticalArrangement = Arrangement.spacedBy(8.dp, Alignment.Top), |
||||
) { |
||||
var sameRow = true |
||||
while (sameRow && nodes.hasNext()) { |
||||
when (val node = nodes.next()) { |
||||
is TextNode -> { |
||||
if (!node.isBlank) { |
||||
ClickableLinkText( |
||||
text = node.text(), |
||||
interactionSource = interactionSource, |
||||
onClick = onTextClicked, |
||||
onLongClick = onTextLongClicked, |
||||
) |
||||
} |
||||
} |
||||
is Element -> { |
||||
if (node.isInline()) { |
||||
HtmlInline( |
||||
node, |
||||
onTextClicked = onTextClicked, |
||||
onTextLongClicked = onTextLongClicked, |
||||
interactionSource = interactionSource |
||||
) |
||||
} else { |
||||
HtmlBlock( |
||||
element = node, |
||||
onTextClicked = onTextClicked, |
||||
onTextLongClicked = onTextLongClicked, |
||||
interactionSource = interactionSource |
||||
) |
||||
sameRow = false |
||||
} |
||||
} |
||||
else -> continue |
||||
} |
||||
} |
||||
} |
||||
|
||||
Column(modifier = modifier) { |
||||
val nodesIterator = body.childNodes().iterator() |
||||
while (nodesIterator.hasNext()) { |
||||
NodesFlowRode( |
||||
nodes = nodesIterator, |
||||
interactionSource = interactionSource, |
||||
onTextClicked = onTextClicked, |
||||
onTextLongClicked = onTextLongClicked, |
||||
) |
||||
} |
||||
} |
||||
} |
||||
|
||||
private fun Element.isInline(): Boolean { |
||||
return when (tagName().lowercase()) { |
||||
"del" -> true |
||||
"mx-reply" -> false |
||||
else -> !isBlock |
||||
} |
||||
} |
||||
|
||||
@Composable |
||||
private fun HtmlBlock( |
||||
element: Element, |
||||
interactionSource: MutableInteractionSource, |
||||
onTextClicked: () -> Unit, |
||||
onTextLongClicked: () -> Unit, |
||||
modifier: Modifier = Modifier, |
||||
) { |
||||
val blockModifier = modifier |
||||
.padding(top = 4.dp) |
||||
when (element.tagName().lowercase()) { |
||||
"p" -> HtmlParagraph( |
||||
paragraph = element, |
||||
modifier = blockModifier, |
||||
onTextClicked = onTextClicked, |
||||
onTextLongClicked = onTextLongClicked, |
||||
interactionSource = interactionSource |
||||
) |
||||
"h1", "h2", "h3", "h4", "h5", "h6" -> HtmlHeading( |
||||
heading = element, |
||||
modifier = blockModifier, |
||||
onTextClicked = onTextClicked, |
||||
onTextLongClicked = onTextLongClicked, |
||||
interactionSource = interactionSource |
||||
) |
||||
"ol" -> HtmlOrderedList( |
||||
orderedList = element, |
||||
modifier = blockModifier, |
||||
onTextClicked = onTextClicked, |
||||
onTextLongClicked = onTextLongClicked, |
||||
interactionSource = interactionSource |
||||
) |
||||
"ul" -> HtmlUnorderedList( |
||||
unorderedList = element, |
||||
modifier = blockModifier, |
||||
onTextClicked = onTextClicked, |
||||
onTextLongClicked = onTextLongClicked, |
||||
interactionSource = interactionSource |
||||
) |
||||
"blockquote" -> HtmlBlockquote( |
||||
blockquote = element, |
||||
modifier = blockModifier, |
||||
onTextClicked = onTextClicked, |
||||
onTextLongClicked = onTextLongClicked, |
||||
interactionSource = interactionSource |
||||
) |
||||
"pre" -> HtmlPreformatted(element, blockModifier) |
||||
"mx-reply" -> HtmlMxReply( |
||||
mxReply = element, |
||||
modifier = blockModifier, |
||||
onTextClicked = onTextClicked, |
||||
onTextLongClicked = onTextLongClicked, |
||||
interactionSource = interactionSource |
||||
) |
||||
else -> return |
||||
} |
||||
} |
||||
|
||||
@Composable |
||||
private fun HtmlInline( |
||||
element: Element, |
||||
interactionSource: MutableInteractionSource, |
||||
onTextClicked: () -> Unit, |
||||
onTextLongClicked: () -> Unit, |
||||
modifier: Modifier = Modifier, |
||||
) { |
||||
Box(modifier) { |
||||
val styledText = buildAnnotatedString { |
||||
appendInlineElement(element, MaterialTheme.colorScheme) |
||||
} |
||||
HtmlText( |
||||
text = styledText, |
||||
onClick = onTextClicked, |
||||
onLongClick = onTextLongClicked, |
||||
interactionSource = interactionSource |
||||
) |
||||
} |
||||
} |
||||
|
||||
@Composable |
||||
private fun HtmlPreformatted( |
||||
pre: Element, |
||||
modifier: Modifier = Modifier |
||||
) { |
||||
val isCode = pre.firstElementChild()?.tagName()?.lowercase() == "code" |
||||
val backgroundColor = |
||||
if (isCode) MaterialTheme.colorScheme.codeBackground() else Color.Unspecified |
||||
Box( |
||||
modifier |
||||
.background(color = backgroundColor) |
||||
.padding(horizontal = 8.dp) |
||||
) { |
||||
Text( |
||||
text = pre.wholeText(), |
||||
style = TextStyle(fontFamily = FontFamily.Monospace), |
||||
color = MaterialTheme.colorScheme.primary, |
||||
) |
||||
} |
||||
} |
||||
|
||||
@Composable |
||||
private fun HtmlParagraph( |
||||
paragraph: Element, |
||||
interactionSource: MutableInteractionSource, |
||||
onTextClicked: () -> Unit, |
||||
onTextLongClicked: () -> Unit, |
||||
modifier: Modifier = Modifier, |
||||
) { |
||||
Box(modifier) { |
||||
val styledText = buildAnnotatedString { |
||||
appendInlineChildrenElements(paragraph.childNodes(), MaterialTheme.colorScheme) |
||||
} |
||||
HtmlText( |
||||
text = styledText, onClick = onTextClicked, |
||||
onLongClick = onTextLongClicked, interactionSource = interactionSource |
||||
) |
||||
} |
||||
} |
||||
|
||||
@Composable |
||||
private fun HtmlBlockquote( |
||||
blockquote: Element, |
||||
interactionSource: MutableInteractionSource, |
||||
onTextClicked: () -> Unit, |
||||
onTextLongClicked: () -> Unit, |
||||
modifier: Modifier = Modifier, |
||||
) { |
||||
val color = MaterialTheme.colorScheme.onBackground |
||||
Box( |
||||
modifier = modifier |
||||
.drawBehind { |
||||
drawLine( |
||||
color = color, |
||||
strokeWidth = 2f, |
||||
start = Offset(12.dp.value, 0f), |
||||
end = Offset(12.dp.value, size.height) |
||||
) |
||||
} |
||||
.padding(start = 8.dp, top = 4.dp, bottom = 4.dp) |
||||
) { |
||||
val text = buildAnnotatedString { |
||||
withStyle(style = SpanStyle(fontStyle = FontStyle.Italic)) { |
||||
appendInlineChildrenElements(blockquote.childNodes(), MaterialTheme.colorScheme) |
||||
} |
||||
} |
||||
HtmlText( |
||||
text = text, onClick = onTextClicked, |
||||
onLongClick = onTextLongClicked, interactionSource = interactionSource |
||||
) |
||||
} |
||||
} |
||||
|
||||
@Composable |
||||
private fun HtmlHeading( |
||||
heading: Element, |
||||
interactionSource: MutableInteractionSource, |
||||
onTextClicked: () -> Unit, |
||||
onTextLongClicked: () -> Unit, |
||||
modifier: Modifier = Modifier, |
||||
) { |
||||
val style = when (heading.tagName().lowercase()) { |
||||
"h1" -> MaterialTheme.typography.headlineLarge.copy(fontSize = 30.sp) |
||||
"h2" -> MaterialTheme.typography.headlineLarge.copy(fontSize = 26.sp) |
||||
"h3" -> MaterialTheme.typography.headlineMedium.copy(fontSize = 22.sp) |
||||
"h4" -> MaterialTheme.typography.headlineMedium.copy(fontSize = 18.sp) |
||||
"h5" -> MaterialTheme.typography.headlineSmall.copy(fontSize = 14.sp) |
||||
"h6" -> MaterialTheme.typography.headlineSmall.copy(fontSize = 12.sp) |
||||
else -> { |
||||
return |
||||
} |
||||
} |
||||
Box(modifier) { |
||||
val text = buildAnnotatedString { |
||||
appendInlineChildrenElements(heading.childNodes(), MaterialTheme.colorScheme) |
||||
} |
||||
HtmlText( |
||||
text = text, |
||||
style = style, |
||||
onClick = onTextClicked, |
||||
onLongClick = onTextLongClicked, |
||||
interactionSource = interactionSource |
||||
) |
||||
} |
||||
} |
||||
|
||||
@Composable |
||||
private fun HtmlMxReply( |
||||
mxReply: Element, |
||||
interactionSource: MutableInteractionSource, |
||||
onTextClicked: () -> Unit, |
||||
onTextLongClicked: () -> Unit, |
||||
modifier: Modifier = Modifier, |
||||
) { |
||||
val blockquote = mxReply.childNodes().firstOrNull() ?: return |
||||
val shape = RoundedCornerShape(12.dp) |
||||
Surface( |
||||
modifier = modifier |
||||
.padding(bottom = 4.dp) |
||||
.offset(x = (-8).dp), |
||||
color = MaterialTheme.colorScheme.background, |
||||
shape = shape, |
||||
) { |
||||
val text = buildAnnotatedString { |
||||
for (blockquoteNode in blockquote.childNodes()) { |
||||
when (blockquoteNode) { |
||||
is TextNode -> { |
||||
withStyle( |
||||
style = SpanStyle( |
||||
fontSize = 12.sp, |
||||
color = MaterialTheme.colorScheme.secondary |
||||
) |
||||
) { |
||||
append(blockquoteNode.text()) |
||||
} |
||||
} |
||||
is Element -> { |
||||
when (blockquoteNode.tagName().lowercase()) { |
||||
"br" -> { |
||||
append('\n') |
||||
} |
||||
"a" -> { |
||||
append(blockquoteNode.ownText()) |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
HtmlText( |
||||
text = text, |
||||
modifier = Modifier.padding(horizontal = 12.dp, vertical = 4.dp), |
||||
onClick = onTextClicked, |
||||
onLongClick = onTextLongClicked, |
||||
interactionSource = interactionSource |
||||
) |
||||
} |
||||
} |
||||
|
||||
@Composable |
||||
private fun HtmlOrderedList( |
||||
orderedList: Element, |
||||
interactionSource: MutableInteractionSource, |
||||
onTextClicked: () -> Unit, |
||||
onTextLongClicked: () -> Unit, |
||||
modifier: Modifier = Modifier, |
||||
) { |
||||
val delimiter = "." |
||||
HtmlListItems( |
||||
list = orderedList, |
||||
marker = { index -> "$index$delimiter" }, |
||||
modifier = modifier, |
||||
onTextClicked = onTextClicked, |
||||
onTextLongClicked = onTextLongClicked, |
||||
interactionSource = interactionSource |
||||
) |
||||
} |
||||
|
||||
@Composable |
||||
private fun HtmlUnorderedList( |
||||
unorderedList: Element, |
||||
interactionSource: MutableInteractionSource, |
||||
onTextClicked: () -> Unit, |
||||
onTextLongClicked: () -> Unit, |
||||
modifier: Modifier = Modifier, |
||||
) { |
||||
val marker = "・" |
||||
HtmlListItems( |
||||
list = unorderedList, |
||||
marker = { marker }, |
||||
modifier = modifier, |
||||
onTextClicked = onTextClicked, |
||||
onTextLongClicked = onTextLongClicked, |
||||
interactionSource = interactionSource |
||||
) |
||||
} |
||||
|
||||
@Composable |
||||
private fun HtmlListItems( |
||||
list: Element, |
||||
marker: (Int) -> String, |
||||
interactionSource: MutableInteractionSource, |
||||
onTextClicked: () -> Unit, |
||||
onTextLongClicked: () -> Unit, |
||||
modifier: Modifier = Modifier, |
||||
) { |
||||
Column(modifier = modifier) { |
||||
for ((index, node) in list.children().withIndex()) { |
||||
val areAllChildrenInline = node.childNodes().all { it is TextNode || it is Element && it.isInline() } |
||||
if (areAllChildrenInline) { |
||||
val text = buildAnnotatedString { |
||||
append("${marker(index + 1)} ") |
||||
appendInlineChildrenElements(node.childNodes(), MaterialTheme.colorScheme) |
||||
} |
||||
HtmlText( |
||||
text = text, |
||||
interactionSource = remember { MutableInteractionSource() }, |
||||
onClick = onTextClicked, |
||||
onLongClick = onTextLongClicked, |
||||
) |
||||
} else { |
||||
for (innerNode in node.childNodes()) { |
||||
when (innerNode) { |
||||
is TextNode -> { |
||||
if (!innerNode.isBlank) { |
||||
val text = buildAnnotatedString { |
||||
append("${marker(index + 1)} ") |
||||
} |
||||
HtmlText( |
||||
text = text, |
||||
onClick = onTextClicked, |
||||
onLongClick = onTextLongClicked, |
||||
interactionSource = interactionSource |
||||
) |
||||
} |
||||
} |
||||
is Element -> HtmlBlock( |
||||
element = innerNode, |
||||
modifier = Modifier.padding(start = 4.dp), |
||||
onTextClicked = onTextClicked, |
||||
onTextLongClicked = onTextLongClicked, |
||||
interactionSource = interactionSource |
||||
) |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
private fun ColorScheme.codeBackground(): Color { |
||||
return background.copy(alpha = 0.3f) |
||||
} |
||||
|
||||
private fun AnnotatedString.Builder.appendInlineChildrenElements( |
||||
childNodes: List<Node>, |
||||
colors: ColorScheme |
||||
) { |
||||
for (node in childNodes) { |
||||
when (node) { |
||||
is TextNode -> { |
||||
append(node.text()) |
||||
} |
||||
is Element -> { |
||||
appendInlineElement(node, colors) |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
private fun AnnotatedString.Builder.appendInlineElement(element: Element, colors: ColorScheme) { |
||||
when (element.tagName().lowercase()) { |
||||
"br" -> { |
||||
append('\n') |
||||
} |
||||
"code" -> { |
||||
withStyle( |
||||
style = TextStyle( |
||||
fontFamily = FontFamily.Monospace, |
||||
background = colors.codeBackground() |
||||
).toSpanStyle() |
||||
) { |
||||
appendInlineChildrenElements(element.childNodes(), colors) |
||||
} |
||||
} |
||||
"del" -> { |
||||
withStyle(style = SpanStyle(textDecoration = TextDecoration.LineThrough)) { |
||||
appendInlineChildrenElements(element.childNodes(), colors) |
||||
} |
||||
} |
||||
"i", |
||||
"em" -> { |
||||
withStyle(style = SpanStyle(fontStyle = FontStyle.Italic)) { |
||||
appendInlineChildrenElements(element.childNodes(), colors) |
||||
} |
||||
} |
||||
"strong" -> { |
||||
withStyle(style = SpanStyle(fontWeight = FontWeight.Bold)) { |
||||
appendInlineChildrenElements(element.childNodes(), colors) |
||||
} |
||||
} |
||||
"a" -> { |
||||
appendLink(element) |
||||
} |
||||
else -> { |
||||
appendInlineChildrenElements(element.childNodes(), colors) |
||||
} |
||||
} |
||||
} |
||||
|
||||
private fun AnnotatedString.Builder.appendLink(link: Element) { |
||||
val uriString = link.attr("href") |
||||
val permalinkData = PermalinkParser.parse(uriString) |
||||
when (permalinkData) { |
||||
is PermalinkData.FallbackLink -> { |
||||
pushStringAnnotation(tag = "URL", annotation = permalinkData.uri.toString()) |
||||
withStyle( |
||||
style = SpanStyle(color = LinkColor) |
||||
) { |
||||
append(link.ownText()) |
||||
} |
||||
pop() |
||||
} |
||||
is PermalinkData.RoomEmailInviteLink -> { |
||||
safeAppendInlineContent(CHIP_ID, link.ownText()) |
||||
} |
||||
is PermalinkData.RoomLink -> { |
||||
safeAppendInlineContent(CHIP_ID, link.ownText()) |
||||
} |
||||
is PermalinkData.UserLink -> { |
||||
safeAppendInlineContent(CHIP_ID, link.ownText()) |
||||
} |
||||
} |
||||
} |
||||
|
||||
fun AnnotatedString.Builder.safeAppendInlineContent(chipId: String, ownText: String) { |
||||
if (ownText.isEmpty()) { |
||||
// alternateText cannot be empty and default parameter value is private, |
||||
// so just omit the second param here. |
||||
appendInlineContent(chipId) |
||||
} else { |
||||
appendInlineContent(chipId, ownText) |
||||
} |
||||
} |
||||
|
||||
@Composable |
||||
private fun HtmlText( |
||||
text: AnnotatedString, |
||||
interactionSource: MutableInteractionSource, |
||||
onClick: () -> Unit, |
||||
onLongClick: () -> Unit, |
||||
modifier: Modifier = Modifier, |
||||
style: TextStyle = LocalTextStyle.current, |
||||
) { |
||||
val inlineContentMap = persistentMapOf<String, InlineTextContent>() |
||||
ClickableLinkText( |
||||
annotatedString = text, |
||||
style = style, |
||||
modifier = modifier, |
||||
inlineContent = inlineContentMap, |
||||
interactionSource = interactionSource, |
||||
onClick = onClick, |
||||
onLongClick = onLongClick |
||||
) |
||||
} |
||||
|
||||
@PreviewsDayNight |
||||
@Composable |
||||
internal fun HtmlDocumentPreview(@PreviewParameter(DocumentProvider::class) document: Document) = ElementPreview { |
||||
HtmlDocument( |
||||
document = document, |
||||
extraPadding = noExtraPadding, |
||||
interactionSource = remember { MutableInteractionSource() }, |
||||
onTextClicked = {}, |
||||
onTextLongClicked = {}, |
||||
) |
||||
} |
||||
@ -0,0 +1,57 @@
@@ -0,0 +1,57 @@
|
||||
/* |
||||
* Copyright (c) 2023 New Vector Ltd |
||||
* |
||||
* Licensed under the Apache License, Version 2.0 (the "License"); |
||||
* you may not use this file except in compliance with the License. |
||||
* You may obtain a copy of the License at |
||||
* |
||||
* http://www.apache.org/licenses/LICENSE-2.0 |
||||
* |
||||
* Unless required by applicable law or agreed to in writing, software |
||||
* distributed under the License is distributed on an "AS IS" BASIS, |
||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
||||
* See the License for the specific language governing permissions and |
||||
* limitations under the License. |
||||
*/ |
||||
|
||||
package io.element.android.features.messages.impl.timeline |
||||
|
||||
import androidx.compose.runtime.CompositionLocalProvider |
||||
import androidx.compose.ui.platform.LocalInspectionMode |
||||
import androidx.compose.ui.test.junit4.createComposeRule |
||||
import com.google.common.truth.Truth.assertThat |
||||
import io.element.android.libraries.matrix.test.A_USER_ID |
||||
import org.junit.Rule |
||||
import org.junit.Test |
||||
import org.junit.runner.RunWith |
||||
import org.robolectric.RobolectricTestRunner |
||||
|
||||
@RunWith(RobolectricTestRunner::class) |
||||
class DefaultHtmlConverterProviderTest { |
||||
|
||||
@get:Rule val composeTestRule = createComposeRule() |
||||
|
||||
@Test |
||||
fun `calling provide without calling Update first should throw an exception`() { |
||||
val provider = DefaultHtmlConverterProvider() |
||||
|
||||
val exception = runCatching { provider.provide() }.exceptionOrNull() |
||||
|
||||
assertThat(exception).isInstanceOf(IllegalStateException::class.java) |
||||
} |
||||
|
||||
@Test |
||||
fun `calling provide after calling Update first should return an HtmlConverter`() { |
||||
val provider = DefaultHtmlConverterProvider() |
||||
composeTestRule.setContent { |
||||
CompositionLocalProvider(LocalInspectionMode provides true) { |
||||
provider.Update(currentUserId = A_USER_ID) |
||||
} |
||||
} |
||||
|
||||
val htmlConverter = runCatching { provider.provide() }.getOrNull() |
||||
|
||||
assertThat(htmlConverter).isNotNull() |
||||
} |
||||
|
||||
} |
||||
@ -0,0 +1,38 @@
@@ -0,0 +1,38 @@
|
||||
/* |
||||
* Copyright (c) 2023 New Vector Ltd |
||||
* |
||||
* Licensed under the Apache License, Version 2.0 (the "License"); |
||||
* you may not use this file except in compliance with the License. |
||||
* You may obtain a copy of the License at |
||||
* |
||||
* http://www.apache.org/licenses/LICENSE-2.0 |
||||
* |
||||
* Unless required by applicable law or agreed to in writing, software |
||||
* distributed under the License is distributed on an "AS IS" BASIS, |
||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
||||
* See the License for the specific language governing permissions and |
||||
* limitations under the License. |
||||
*/ |
||||
|
||||
package io.element.android.features.messages.test.timeline |
||||
|
||||
import androidx.compose.runtime.Composable |
||||
import io.element.android.features.messages.api.timeline.HtmlConverterProvider |
||||
import io.element.android.libraries.matrix.api.core.UserId |
||||
import io.element.android.wysiwyg.utils.HtmlConverter |
||||
|
||||
class FakeHtmlConverterProvider( |
||||
private val transform: (String) -> CharSequence = { it }, |
||||
): HtmlConverterProvider { |
||||
|
||||
@Composable |
||||
override fun Update(currentUserId: UserId) = Unit |
||||
|
||||
override fun provide(): HtmlConverter { |
||||
return object : HtmlConverter { |
||||
override fun fromHtmlToSpans(html: String): CharSequence { |
||||
return transform(html) |
||||
} |
||||
} |
||||
} |
||||
} |
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
0
tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.reactionsummary_SheetContent_null_SheetContent-Day-50_50_null_0,NEXUS_5,1.0,en].png → tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.reactionsummary_SheetContent_null_SheetContent-Day-49_49_null_0,NEXUS_5,1.0,en].png
0
tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.reactionsummary_SheetContent_null_SheetContent-Day-50_50_null_0,NEXUS_5,1.0,en].png → tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.reactionsummary_SheetContent_null_SheetContent-Day-49_49_null_0,NEXUS_5,1.0,en].png
0
tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.reactionsummary_SheetContent_null_SheetContent-Night-50_51_null_0,NEXUS_5,1.0,en].png → tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.reactionsummary_SheetContent_null_SheetContent-Night-49_50_null_0,NEXUS_5,1.0,en].png
0
tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.reactionsummary_SheetContent_null_SheetContent-Night-50_51_null_0,NEXUS_5,1.0,en].png → tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.reactionsummary_SheetContent_null_SheetContent-Night-49_50_null_0,NEXUS_5,1.0,en].png
0
tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Day-52_52_null_0,NEXUS_5,1.0,en].png → tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Day-51_51_null_0,NEXUS_5,1.0,en].png
0
tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Day-52_52_null_0,NEXUS_5,1.0,en].png → tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Day-51_51_null_0,NEXUS_5,1.0,en].png
0
tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Day-52_52_null_1,NEXUS_5,1.0,en].png → tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Day-51_51_null_1,NEXUS_5,1.0,en].png
0
tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Day-52_52_null_1,NEXUS_5,1.0,en].png → tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Day-51_51_null_1,NEXUS_5,1.0,en].png
0
tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Day-52_52_null_2,NEXUS_5,1.0,en].png → tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Day-51_51_null_2,NEXUS_5,1.0,en].png
0
tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Day-52_52_null_2,NEXUS_5,1.0,en].png → tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Day-51_51_null_2,NEXUS_5,1.0,en].png
0
tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Day-52_52_null_3,NEXUS_5,1.0,en].png → tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Day-51_51_null_3,NEXUS_5,1.0,en].png
0
tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Day-52_52_null_3,NEXUS_5,1.0,en].png → tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Day-51_51_null_3,NEXUS_5,1.0,en].png
0
tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Day-52_52_null_4,NEXUS_5,1.0,en].png → tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Day-51_51_null_4,NEXUS_5,1.0,en].png
0
tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Day-52_52_null_4,NEXUS_5,1.0,en].png → tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Day-51_51_null_4,NEXUS_5,1.0,en].png
0
tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Day-52_52_null_5,NEXUS_5,1.0,en].png → tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Day-51_51_null_5,NEXUS_5,1.0,en].png
0
tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Day-52_52_null_5,NEXUS_5,1.0,en].png → tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Day-51_51_null_5,NEXUS_5,1.0,en].png
0
tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Night-52_53_null_0,NEXUS_5,1.0,en].png → tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Night-51_52_null_0,NEXUS_5,1.0,en].png
0
tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Night-52_53_null_0,NEXUS_5,1.0,en].png → tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Night-51_52_null_0,NEXUS_5,1.0,en].png
0
tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Night-52_53_null_1,NEXUS_5,1.0,en].png → tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Night-51_52_null_1,NEXUS_5,1.0,en].png
0
tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Night-52_53_null_1,NEXUS_5,1.0,en].png → tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Night-51_52_null_1,NEXUS_5,1.0,en].png
0
tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Night-52_53_null_2,NEXUS_5,1.0,en].png → tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Night-51_52_null_2,NEXUS_5,1.0,en].png
0
tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Night-52_53_null_2,NEXUS_5,1.0,en].png → tests/uitests/src/test/snapshots/images/ui_S_t[f.messages.impl.timeline.components.receipt.bottomsheet_ReadReceiptBottomSheet_null_ReadReceiptBottomSheet-Night-51_52_null_2,NEXUS_5,1.0,en].png
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue