mirror of
https://github.com/element-hq/element-android
synced 2024-11-25 02:45:37 +03:00
Merge pull request #649 from vector-im/feature/spoiler_support
Support spoilers in messages
This commit is contained in:
commit
cd1a964067
14 changed files with 166 additions and 18 deletions
|
@ -7,6 +7,7 @@ Features ✨:
|
|||
Improvements 🙌:
|
||||
- Search reaction by name or keyword in emoji picker
|
||||
- Handle code tags (#567)
|
||||
- Support spoiler messages
|
||||
|
||||
Other changes:
|
||||
- Markdown set to off by default (#412)
|
||||
|
|
28
vector/src/main/java/im/vector/riotx/core/utils/UrlUtils.kt
Normal file
28
vector/src/main/java/im/vector/riotx/core/utils/UrlUtils.kt
Normal file
|
@ -0,0 +1,28 @@
|
|||
/*
|
||||
* Copyright 2019 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 im.vector.riotx.core.utils
|
||||
|
||||
import java.net.URL
|
||||
|
||||
fun String.isValidUrl(): Boolean {
|
||||
return try {
|
||||
URL(this)
|
||||
true
|
||||
} catch (t: Throwable) {
|
||||
false
|
||||
}
|
||||
}
|
|
@ -37,5 +37,6 @@ enum class Command(val command: String, val parameters: String, @StringRes val d
|
|||
KICK_USER("/kick", "<user-id> [reason]", R.string.command_description_kick_user),
|
||||
CHANGE_DISPLAY_NAME("/nick", "<display-name>", R.string.command_description_nick),
|
||||
MARKDOWN("/markdown", "<on|off>", R.string.command_description_markdown),
|
||||
CLEAR_SCALAR_TOKEN("/clear_scalar_token", "", R.string.command_description_clear_scalar_token);
|
||||
CLEAR_SCALAR_TOKEN("/clear_scalar_token", "", R.string.command_description_clear_scalar_token),
|
||||
SPOILER("/spoiler", "<message>", R.string.command_description_spoiler);
|
||||
}
|
||||
|
|
|
@ -56,11 +56,12 @@ object CommandParser {
|
|||
return ParsedCommand.ErrorEmptySlashCommand
|
||||
}
|
||||
|
||||
when (val slashCommand = messageParts.first()) {
|
||||
|
||||
return when (val slashCommand = messageParts.first()) {
|
||||
Command.CHANGE_DISPLAY_NAME.command -> {
|
||||
val newDisplayName = textMessage.substring(Command.CHANGE_DISPLAY_NAME.command.length).trim()
|
||||
|
||||
return if (newDisplayName.isNotEmpty()) {
|
||||
if (newDisplayName.isNotEmpty()) {
|
||||
ParsedCommand.ChangeDisplayName(newDisplayName)
|
||||
} else {
|
||||
ParsedCommand.ErrorSyntax(Command.CHANGE_DISPLAY_NAME)
|
||||
|
@ -69,7 +70,7 @@ object CommandParser {
|
|||
Command.TOPIC.command -> {
|
||||
val newTopic = textMessage.substring(Command.TOPIC.command.length).trim()
|
||||
|
||||
return if (newTopic.isNotEmpty()) {
|
||||
if (newTopic.isNotEmpty()) {
|
||||
ParsedCommand.ChangeTopic(newTopic)
|
||||
} else {
|
||||
ParsedCommand.ErrorSyntax(Command.TOPIC)
|
||||
|
@ -78,12 +79,12 @@ object CommandParser {
|
|||
Command.EMOTE.command -> {
|
||||
val message = textMessage.substring(Command.EMOTE.command.length).trim()
|
||||
|
||||
return ParsedCommand.SendEmote(message)
|
||||
ParsedCommand.SendEmote(message)
|
||||
}
|
||||
Command.JOIN_ROOM.command -> {
|
||||
val roomAlias = textMessage.substring(Command.JOIN_ROOM.command.length).trim()
|
||||
|
||||
return if (roomAlias.isNotEmpty()) {
|
||||
if (roomAlias.isNotEmpty()) {
|
||||
ParsedCommand.JoinRoom(roomAlias)
|
||||
} else {
|
||||
ParsedCommand.ErrorSyntax(Command.JOIN_ROOM)
|
||||
|
@ -92,14 +93,14 @@ object CommandParser {
|
|||
Command.PART.command -> {
|
||||
val roomAlias = textMessage.substring(Command.PART.command.length).trim()
|
||||
|
||||
return if (roomAlias.isNotEmpty()) {
|
||||
if (roomAlias.isNotEmpty()) {
|
||||
ParsedCommand.PartRoom(roomAlias)
|
||||
} else {
|
||||
ParsedCommand.ErrorSyntax(Command.PART)
|
||||
}
|
||||
}
|
||||
Command.INVITE.command -> {
|
||||
return if (messageParts.size == 2) {
|
||||
if (messageParts.size == 2) {
|
||||
val userId = messageParts[1]
|
||||
|
||||
if (MatrixPatterns.isUserId(userId)) {
|
||||
|
@ -112,7 +113,7 @@ object CommandParser {
|
|||
}
|
||||
}
|
||||
Command.KICK_USER.command -> {
|
||||
return if (messageParts.size >= 2) {
|
||||
if (messageParts.size >= 2) {
|
||||
val userId = messageParts[1]
|
||||
if (MatrixPatterns.isUserId(userId)) {
|
||||
val reason = textMessage.substring(Command.KICK_USER.command.length
|
||||
|
@ -128,7 +129,7 @@ object CommandParser {
|
|||
}
|
||||
}
|
||||
Command.BAN_USER.command -> {
|
||||
return if (messageParts.size >= 2) {
|
||||
if (messageParts.size >= 2) {
|
||||
val userId = messageParts[1]
|
||||
if (MatrixPatterns.isUserId(userId)) {
|
||||
val reason = textMessage.substring(Command.BAN_USER.command.length
|
||||
|
@ -144,7 +145,7 @@ object CommandParser {
|
|||
}
|
||||
}
|
||||
Command.UNBAN_USER.command -> {
|
||||
return if (messageParts.size == 2) {
|
||||
if (messageParts.size == 2) {
|
||||
val userId = messageParts[1]
|
||||
|
||||
if (MatrixPatterns.isUserId(userId)) {
|
||||
|
@ -157,7 +158,7 @@ object CommandParser {
|
|||
}
|
||||
}
|
||||
Command.SET_USER_POWER_LEVEL.command -> {
|
||||
return if (messageParts.size == 3) {
|
||||
if (messageParts.size == 3) {
|
||||
val userId = messageParts[1]
|
||||
if (MatrixPatterns.isUserId(userId)) {
|
||||
val powerLevelsAsString = messageParts[2]
|
||||
|
@ -177,7 +178,7 @@ object CommandParser {
|
|||
}
|
||||
}
|
||||
Command.RESET_USER_POWER_LEVEL.command -> {
|
||||
return if (messageParts.size == 2) {
|
||||
if (messageParts.size == 2) {
|
||||
val userId = messageParts[1]
|
||||
|
||||
if (MatrixPatterns.isUserId(userId)) {
|
||||
|
@ -190,7 +191,7 @@ object CommandParser {
|
|||
}
|
||||
}
|
||||
Command.MARKDOWN.command -> {
|
||||
return if (messageParts.size == 2) {
|
||||
if (messageParts.size == 2) {
|
||||
when {
|
||||
"on".equals(messageParts[1], true) -> ParsedCommand.SetMarkdown(true)
|
||||
"off".equals(messageParts[1], true) -> ParsedCommand.SetMarkdown(false)
|
||||
|
@ -201,15 +202,20 @@ object CommandParser {
|
|||
}
|
||||
}
|
||||
Command.CLEAR_SCALAR_TOKEN.command -> {
|
||||
return if (messageParts.size == 1) {
|
||||
if (messageParts.size == 1) {
|
||||
ParsedCommand.ClearScalarToken
|
||||
} else {
|
||||
ParsedCommand.ErrorSyntax(Command.CLEAR_SCALAR_TOKEN)
|
||||
}
|
||||
}
|
||||
Command.SPOILER.command -> {
|
||||
val message = textMessage.substring(Command.SPOILER.command.length).trim()
|
||||
|
||||
ParsedCommand.SendSpoiler(message)
|
||||
}
|
||||
else -> {
|
||||
// Unknown command
|
||||
return ParsedCommand.ErrorUnknownSlashCommand(slashCommand)
|
||||
ParsedCommand.ErrorUnknownSlashCommand(slashCommand)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -45,4 +45,5 @@ sealed class ParsedCommand {
|
|||
class ChangeDisplayName(val displayName: String) : ParsedCommand()
|
||||
class SetMarkdown(val enable: Boolean) : ParsedCommand()
|
||||
object ClearScalarToken : ParsedCommand()
|
||||
class SendSpoiler(val message: String) : ParsedCommand()
|
||||
}
|
||||
|
|
|
@ -49,6 +49,7 @@ import im.vector.riotx.BuildConfig
|
|||
import im.vector.riotx.R
|
||||
import im.vector.riotx.core.extensions.postLiveEvent
|
||||
import im.vector.riotx.core.platform.VectorViewModel
|
||||
import im.vector.riotx.core.resources.StringProvider
|
||||
import im.vector.riotx.core.resources.UserPreferencesProvider
|
||||
import im.vector.riotx.core.utils.LiveEvent
|
||||
import im.vector.riotx.core.utils.subscribeLogError
|
||||
|
@ -66,6 +67,7 @@ import java.util.concurrent.TimeUnit
|
|||
class RoomDetailViewModel @AssistedInject constructor(@Assisted initialState: RoomDetailViewState,
|
||||
userPreferencesProvider: UserPreferencesProvider,
|
||||
private val vectorPreferences: VectorPreferences,
|
||||
private val stringProvider: StringProvider,
|
||||
private val session: Session
|
||||
) : VectorViewModel<RoomDetailViewState>(initialState) {
|
||||
|
||||
|
@ -327,6 +329,14 @@ class RoomDetailViewModel @AssistedInject constructor(@Assisted initialState: Ro
|
|||
_sendMessageResultLiveData.postLiveEvent(SendMessageResult.SlashCommandHandled())
|
||||
popDraft()
|
||||
}
|
||||
is ParsedCommand.SendSpoiler -> {
|
||||
room.sendFormattedTextMessage(
|
||||
"[${stringProvider.getString(R.string.spoiler)}](${slashCommandResult.message})",
|
||||
"<span data-mx-spoiler>${slashCommandResult.message}</span>"
|
||||
)
|
||||
_sendMessageResultLiveData.postLiveEvent(SendMessageResult.SlashCommandHandled())
|
||||
popDraft()
|
||||
}
|
||||
is ParsedCommand.ChangeTopic -> {
|
||||
handleChangeTopicSlashCommand(slashCommandResult)
|
||||
popDraft()
|
||||
|
|
|
@ -24,6 +24,7 @@ import androidx.core.widget.TextViewCompat
|
|||
import com.airbnb.epoxy.EpoxyAttribute
|
||||
import com.airbnb.epoxy.EpoxyModelClass
|
||||
import im.vector.riotx.R
|
||||
import im.vector.riotx.core.utils.isValidUrl
|
||||
import im.vector.riotx.features.home.room.detail.timeline.TimelineEventController
|
||||
import im.vector.riotx.features.html.PillImageSpan
|
||||
import kotlinx.coroutines.Dispatchers
|
||||
|
@ -49,12 +50,12 @@ abstract class MessageTextItem : AbsMessageItem<MessageTextItem.Holder>() {
|
|||
private val mvmtMethod = BetterLinkMovementMethod.newInstance().also {
|
||||
it.setOnLinkClickListener { _, url ->
|
||||
// Return false to let android manage the click on the link, or true if the link is handled by the application
|
||||
urlClickCallback?.onUrlClicked(url) == true
|
||||
url.isValidUrl() && urlClickCallback?.onUrlClicked(url) == true
|
||||
}
|
||||
// We need also to fix the case when long click on link will trigger long click on cell
|
||||
it.setOnLinkLongClickListener { tv, url ->
|
||||
// Long clicks are handled by parent, return true to block android to do something with url
|
||||
if (urlClickCallback?.onUrlLongClicked(url) == true) {
|
||||
if (url.isValidUrl() && urlClickCallback?.onUrlLongClicked(url) == true) {
|
||||
tv.dispatchTouchEvent(MotionEvent.obtain(0, 0, MotionEvent.ACTION_CANCEL, 0f, 0f, 0))
|
||||
true
|
||||
} else {
|
||||
|
|
|
@ -58,5 +58,7 @@ class MatrixHtmlPluginConfigure @Inject constructor(private val context: Context
|
|||
.addHandler(FontTagHandler())
|
||||
.addHandler(MxLinkTagHandler(GlideApp.with(context), context, avatarRenderer, session))
|
||||
.addHandler(MxReplyTagHandler())
|
||||
// FIXME (P3) SpanHandler is not recreated when theme is change and it depends on theme colors
|
||||
.addHandler(SpanHandler(context))
|
||||
}
|
||||
}
|
||||
|
|
|
@ -0,0 +1,49 @@
|
|||
/*
|
||||
* Copyright 2019 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 im.vector.riotx.features.html
|
||||
|
||||
import android.content.Context
|
||||
import im.vector.riotx.R
|
||||
import im.vector.riotx.features.themes.ThemeUtils
|
||||
import io.noties.markwon.MarkwonVisitor
|
||||
import io.noties.markwon.SpannableBuilder
|
||||
import io.noties.markwon.html.HtmlTag
|
||||
import io.noties.markwon.html.MarkwonHtmlRenderer
|
||||
import io.noties.markwon.html.TagHandler
|
||||
|
||||
class SpanHandler(context: Context) : TagHandler() {
|
||||
|
||||
override fun supportedTags() = listOf("span")
|
||||
|
||||
private val spoilerBgColorHidden: Int = ThemeUtils.getColor(context, R.attr.vctr_spoiler_background_color)
|
||||
private val spoilerBgColorRevealed: Int = ThemeUtils.getColor(context, R.attr.vctr_markdown_block_background_color)
|
||||
|
||||
private val textColor: Int = ThemeUtils.getColor(context, R.attr.riotx_text_primary)
|
||||
|
||||
override fun handle(visitor: MarkwonVisitor, renderer: MarkwonHtmlRenderer, tag: HtmlTag) {
|
||||
val mxSpoiler = tag.attributes()["data-mx-spoiler"]
|
||||
if (mxSpoiler != null) {
|
||||
SpannableBuilder.setSpans(
|
||||
visitor.builder(),
|
||||
SpoilerSpan(spoilerBgColorHidden, spoilerBgColorRevealed, textColor),
|
||||
tag.start(),
|
||||
tag.end()
|
||||
)
|
||||
} else {
|
||||
// default thing?
|
||||
}
|
||||
}
|
||||
}
|
|
@ -0,0 +1,44 @@
|
|||
/*
|
||||
* Copyright 2019 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 im.vector.riotx.features.html
|
||||
|
||||
import android.graphics.Color
|
||||
import android.text.TextPaint
|
||||
import android.text.style.ClickableSpan
|
||||
import android.view.View
|
||||
|
||||
class SpoilerSpan(private val bgColorHidden: Int,
|
||||
private val bgColorRevealed: Int,
|
||||
private val textColor: Int) : ClickableSpan() {
|
||||
|
||||
override fun onClick(widget: View) {
|
||||
isHidden = !isHidden
|
||||
widget.invalidate()
|
||||
}
|
||||
|
||||
private var isHidden = true
|
||||
|
||||
override fun updateDrawState(tp: TextPaint) {
|
||||
if (isHidden) {
|
||||
tp.bgColor = bgColorHidden
|
||||
tp.color = Color.TRANSPARENT
|
||||
} else {
|
||||
tp.bgColor = bgColorRevealed
|
||||
tp.color = textColor
|
||||
}
|
||||
}
|
||||
}
|
|
@ -34,6 +34,7 @@
|
|||
<attr name="vctr_unread_marker_line_color" format="color" />
|
||||
<attr name="vctr_markdown_block_background_color" format="color" />
|
||||
<attr name="vctr_room_activity_divider_color" format="color" />
|
||||
<attr name="vctr_spoiler_background_color" format="color" />
|
||||
|
||||
<!-- tab bar colors -->
|
||||
<attr name="vctr_tab_bar_inverted_background_color" format="color" />
|
||||
|
|
|
@ -1168,6 +1168,8 @@
|
|||
<string name="command_description_nick">Changes your display nickname</string>
|
||||
<string name="command_description_markdown">On/Off markdown</string>
|
||||
<string name="command_description_clear_scalar_token">To fix Matrix Apps management</string>
|
||||
<string name="command_description_spoiler">Sends the given message as a spoiler</string>
|
||||
<string name="spoiler">Spoiler</string>
|
||||
|
||||
<string name="markdown_has_been_enabled">Markdown has been enabled.</string>
|
||||
<string name="markdown_has_been_disabled">Markdown has been disabled.</string>
|
||||
|
|
|
@ -101,6 +101,7 @@
|
|||
<item name="vctr_search_mode_room_name_text_color">#CCC3C3C3</item>
|
||||
<item name="vctr_unread_marker_line_color">@color/accent_color_dark</item>
|
||||
<item name="vctr_markdown_block_background_color">@android:color/black</item>
|
||||
<item name="vctr_spoiler_background_color">#FFFFFFFF</item>
|
||||
<item name="vctr_room_activity_divider_color">#565656</item>
|
||||
|
||||
<!-- tab bar colors -->
|
||||
|
|
|
@ -101,6 +101,7 @@
|
|||
<item name="vctr_search_mode_room_name_text_color">#333C3C3C</item>
|
||||
<item name="vctr_unread_marker_line_color">@color/accent_color_light</item>
|
||||
<item name="vctr_markdown_block_background_color">#FFEEEEEE</item>
|
||||
<item name="vctr_spoiler_background_color">#FF000000</item>
|
||||
<item name="vctr_room_activity_divider_color">#FFF2F2F2</item>
|
||||
|
||||
<!-- tab bar colors -->
|
||||
|
|
Loading…
Reference in a new issue