feat(link previews): link previews implementation rendering and generation (WPB-26861)

app/src/main/kotlin/com/wire/android/di/KaliumConfigsModule.kt

@@ -62,6 +62,7 @@ class KaliumConfigsModule {
             domainWithFaultyKeysMap = BuildConfig.DOMAIN_REMOVAL_KEYS_FOR_REPAIR,
             isDebug = BuildConfig.DEBUG,
             blockCrossBackendLogin = BuildConfig.BLOCK_CROSS_BACKEND_LOGIN,
+            linkPreviewEnabled = BuildConfig.LINK_PREVIEW_ENABLED,
         )
     }
 }

app/src/main/kotlin/com/wire/android/di/accountScoped/MessageModule.kt

@@ -60,6 +60,8 @@ import com.wire.kalium.logic.feature.message.fetchOlderMessagesByConversationId
 import com.wire.kalium.logic.feature.message.getPaginatedFlowOfAssetMessageByConversationId
 import com.wire.kalium.logic.feature.message.getPaginatedFlowOfMessagesByConversation
 import com.wire.kalium.logic.feature.message.getPaginatedFlowOfMessagesBySearchQueryAndConversation
+import com.wire.kalium.logic.feature.message.linkpreview.DetectLinkPreviewTargetUseCase
+import com.wire.kalium.logic.feature.message.linkpreview.GenerateLinkPreviewUseCase
 import com.wire.kalium.logic.feature.message.observePaginatedImageAssetMessageByConversationId
 import com.wire.kalium.logic.feature.sessionreset.ResetSessionUseCase
 import dev.zacsweers.metro.BindingContainer
@@ -102,6 +104,14 @@ class MessageModule {
     @Provides
     fun provideSendTextMessageUseCase(messageScope: MessageScope): SendTextMessageUseCase = messageScope.sendTextMessage
 
+    @Provides
+    fun provideGenerateLinkPreviewUseCase(messageScope: MessageScope): GenerateLinkPreviewUseCase =
+        messageScope.generateLinkPreview
+
+    @Provides
+    fun provideDetectLinkPreviewTargetUseCase(messageScope: MessageScope): DetectLinkPreviewTargetUseCase =
+        messageScope.detectLinkPreviewTarget
+
     @Provides
     fun provideSendEditTextMessageUseCase(messageScope: MessageScope): SendEditTextMessageUseCase =
         messageScope.sendEditTextMessage

app/src/main/kotlin/com/wire/android/di/accountScoped/UserModule.kt

@@ -57,6 +57,8 @@ import com.wire.kalium.logic.feature.user.UploadUserAvatarUseCase
 import com.wire.kalium.logic.feature.user.UserScope
 import com.wire.kalium.logic.feature.user.readReceipts.ObserveReadReceiptsEnabledUseCase
 import com.wire.kalium.logic.feature.user.readReceipts.PersistReadReceiptsStatusConfigUseCase
+import com.wire.kalium.logic.feature.user.linkPreviews.ObserveLinkPreviewsEnabledUseCase
+import com.wire.kalium.logic.feature.user.linkPreviews.PersistLinkPreviewsStatusConfigUseCase
 import com.wire.kalium.logic.feature.user.typingIndicator.ObserveTypingIndicatorEnabledUseCase
 import com.wire.kalium.logic.feature.user.typingIndicator.PersistTypingIndicatorStatusConfigUseCase
 import com.wire.kalium.logic.sync.ForegroundActionsUseCase
@@ -116,6 +118,14 @@ class UserModule {
     fun providePersistReadReceiptsStatusConfig(userScope: UserScope): PersistReadReceiptsStatusConfigUseCase =
         userScope.persistReadReceiptsStatusConfig
 
+    @Provides
+    fun provideObserveLinkPreviewsEnabled(userScope: UserScope): ObserveLinkPreviewsEnabledUseCase =
+        userScope.observeLinkPreviewsEnabled
+
+    @Provides
+    fun providePersistLinkPreviewsStatusConfig(userScope: UserScope): PersistLinkPreviewsStatusConfigUseCase =
+        userScope.persistLinkPreviewsStatusConfig
+
     @Provides
     fun provideFinalizeMLSClientAfterE2EIEnrollmentUseCase(userScope: UserScope): FinalizeMLSClientAfterE2EIEnrollmentUseCase =
         userScope.finalizeMLSClientAfterE2EIEnrollment

app/src/main/kotlin/com/wire/android/mapper/MessageMapper.kt

@@ -108,7 +108,8 @@ class MessageMapper @Inject constructor(
                     source = if (sender is SelfUser) MessageSource.Self else MessageSource.OtherUser,
                     header = provideMessageHeader(sender, message),
                     messageFooter = footer,
-                    userAvatarData = getUserAvatarData(sender)
+                    userAvatarData = getUserAvatarData(sender),
+                    linkPreviews = if (message is Message.Regular) message.linkPreviews else emptyList()
                 )
 
             is UIMessageContent.SystemMessage ->

app/src/main/kotlin/com/wire/android/ui/home/conversations/ConversationCoreViewModelFactory.kt

@@ -112,6 +112,8 @@ import com.wire.kalium.logic.feature.selfDeletingMessages.PersistNewSelfDeletion
 import com.wire.kalium.logic.feature.session.CurrentSessionFlowUseCase
 import com.wire.kalium.logic.feature.sessionreset.ResetSessionUseCase
 import com.wire.kalium.logic.feature.e2ei.usecase.FetchConversationMLSVerificationStatusUseCase
+import com.wire.kalium.logic.feature.message.linkpreview.DetectLinkPreviewTargetUseCase
+import com.wire.kalium.logic.feature.message.linkpreview.GenerateLinkPreviewUseCase
 import com.wire.kalium.logic.feature.user.IsFileSharingEnabledUseCase
 import com.wire.kalium.logic.featureFlags.KaliumConfigs
 import com.wire.kalium.network.NetworkStateObserver
@@ -197,6 +199,8 @@ class ConversationCoreViewModelFactory @Inject constructor(
     private val getWireCellsConfig: GetWireCellConfigurationUseCase,
     private val observeOfflineFilesByConversation: ObserveOfflineFilesByConversationUseCase,
     private val isSelfUserViewerOnConversation: IsSelfUserViewerOnConversationUseCase,
+    private val generateLinkPreview: GenerateLinkPreviewUseCase,
+    private val detectLinkPreviewTarget: DetectLinkPreviewTargetUseCase,
     private val networkStateObserver: NetworkStateObserver,
     @CurrentAccount private val selfUserId: UserId,
 ) {
@@ -266,6 +270,8 @@ class ConversationCoreViewModelFactory @Inject constructor(
         analyticsManager = analyticsManager,
         isWireCellsEnabledForConversation = isWireCellsEnabledForConversation,
         sharedState = messageSharedState,
+        generateLinkPreview = generateLinkPreview,
+        detectLinkPreviewTarget = detectLinkPreviewTarget
     )
 
     fun messageDraftViewModel(savedStateHandle: SavedStateHandle) = MessageDraftViewModel(

app/src/main/kotlin/com/wire/android/ui/home/conversations/ConversationScreen.kt

@@ -132,6 +132,7 @@ import com.wire.android.ui.common.progress.WireCircularProgressIndicator
 import com.wire.android.ui.common.snackbar.LocalSnackbarHostState
 import com.wire.android.ui.common.snackbar.SwipeableSnackbar
 import com.wire.android.ui.common.spacers.HorizontalSpace
+import com.wire.android.ui.common.textfield.textAsFlow
 import com.wire.android.ui.common.visbility.rememberVisibilityState
 import com.wire.android.ui.emoji.EmojiPickerBottomSheet
 import com.wire.android.ui.home.conversations.AuthorHeaderHelper.rememberShouldHaveSmallBottomPadding
@@ -205,6 +206,8 @@ import kotlinx.coroutines.delay
 import kotlinx.coroutines.flow.Flow
 import kotlinx.coroutines.flow.MutableStateFlow
 import kotlinx.coroutines.flow.SharedFlow
+import kotlinx.coroutines.flow.collectLatest
+import kotlinx.coroutines.flow.distinctUntilChanged
 import kotlinx.coroutines.flow.flow
 import kotlinx.coroutines.launch
 import kotlinx.datetime.Instant
@@ -337,6 +340,28 @@ fun ConversationScreen(
         }
     }
 
+    LaunchedEffect(
+        messageComposerStateHolder.messageCompositionInputStateHolder.messageTextState,
+        messageAttachmentsViewModel.attachments,
+    ) {
+        if (messageAttachmentsViewModel.attachments.isNotEmpty()) {
+            sendMessageViewModel.clearLinkPreview()
+            return@LaunchedEffect
+        }
+
+        messageComposerStateHolder.messageCompositionInputStateHolder.messageTextState
+            .textAsFlow()
+            .distinctUntilChanged()
+            .collectLatest { text ->
+                sendMessageViewModel.updateLinkPreview(
+                    text = text.toString(),
+                    mentions = messageComposerStateHolder.messageComposition.value.selectedMentions.map {
+                        it.intoMessageMention()
+                    }
+                )
+            }
+    }
+
     conversationMigrationViewModel.migratedConversationId?.let { migratedConversationId ->
         navigator.navigate(
             NavigationCommand(
@@ -420,7 +445,9 @@ fun ConversationScreen(
                 NavigationCommand(MessageDetailsScreenDestination(conversationInfoViewModel.conversationId, messageId, isSelfMessage))
             )
         },
-        onSendMessage = { sendMessageViewModel.trySendMessage(it) },
+        onSendMessage = {
+            sendMessageViewModel.trySendMessage(it.withPrefetchedLinkPreview(sendMessageViewModel.currentLinkPreview))
+        },
         onPingOptionClicked = {
             if (conversationCallViewModel.conversationCallViewState.participantsCount > MAX_GROUP_SIZE_FOR_PING) {
                 showDialog.value = ConversationScreenDialogType.PING_CONFIRMATION
@@ -761,6 +788,15 @@ fun ConversationScreen(
     }
 }
 
+private fun MessageBundle.withPrefetchedLinkPreview(
+    linkPreview: com.wire.kalium.logic.data.message.linkpreview.MessageLinkPreview?
+): MessageBundle {
+    return when (this) {
+        is ComposableMessageBundle.SendTextMessageBundle -> copy(prefetchedLinkPreview = linkPreview)
+        else -> this
+    }
+}
+
 private fun conversationScreenOnBackButtonClick(
     messageComposerViewModel: MessageComposerViewModel,
     messageComposerStateHolder: MessageComposerStateHolder,

app/src/main/kotlin/com/wire/android/ui/home/conversations/messages/item/MessageBubbleItem.kt

@@ -170,6 +170,21 @@ fun MessageBubbleItem(
                                 Modifier.width(normalizedSize.width)
                             }
 
+                            is UIMessageContent.TextMessage -> {
+                                val previewParams = message.linkPreviewParams
+                                if (previewParams != null) {
+                                    val normalizedSize = previewParams.normalizedSize(
+                                        maxBounds = MaxBounds.ScreenFraction(
+                                            maxWFraction = dimensions().messageVisualMaxFractionWidth,
+                                            maxHFraction = dimensions().messageVisualMaxFractionHeight
+                                        )
+                                    )
+                                    Modifier.width(normalizedSize.width)
+                                } else {
+                                    Modifier
+                                }
+                            }
+
                             else -> {
                                 Modifier
                             }
@@ -201,7 +216,11 @@ fun MessageBubbleItem(
                     Column {
                         val contentModifier = if (message.hasAssetParams) {
                             Modifier.padding(
-                                bottom = if (useSmallBottomPadding) dimensions().spacing0x else paddingValue
+                                bottom = if (useSmallBottomPadding && message.linkPreviewParams == null) {
+                                    dimensions().spacing0x
+                                } else {
+                                    paddingValue
+                                }
                             )
                         } else {
                             Modifier.padding(all = paddingValue)

app/src/main/kotlin/com/wire/android/ui/home/conversations/messages/item/MessageContentAndStatus.kt

@@ -36,8 +36,8 @@ import com.wire.android.ui.common.applyIf
 import com.wire.android.ui.common.dimensions
 import com.wire.android.ui.common.spacers.HorizontalSpace
 import com.wire.android.ui.common.spacers.VerticalSpace
-import com.wire.android.ui.home.conversations.info.ConversationDetailsData
 import com.wire.android.ui.home.conversations.conversationAssetPathsViewModel
+import com.wire.android.ui.home.conversations.info.ConversationDetailsData
 import com.wire.android.ui.home.conversations.messages.QuotedMessage
 import com.wire.android.ui.home.conversations.messages.QuotedMessageStyle
 import com.wire.android.ui.home.conversations.messages.QuotedStyle
@@ -58,6 +58,7 @@ import com.wire.android.ui.home.conversations.model.messagetypes.audio.AudioMess
 import com.wire.android.ui.home.conversations.model.messagetypes.location.LocationMessageContent
 import com.wire.android.ui.home.conversations.model.messagetypes.multipart.MultipartAttachmentsView
 import com.wire.android.ui.home.conversations.model.messagetypes.video.VideoMessage
+import com.wire.android.ui.home.messagecomposer.LinkPreviewCard
 import com.wire.android.ui.theme.Accent
 import com.wire.android.util.launchGeoIntent
 import com.wire.kalium.logic.data.asset.AssetTransferStatus
@@ -214,44 +215,67 @@ private fun MessageContent(
         }
 
         is UIMessageContent.TextMessage -> {
+            val hasLinkPreview = message.linkPreviews.isNotEmpty()
             Column {
-                messageContent.messageBody.quotedMessage?.let {
-                    VerticalSpace.x4()
-                    when (it) {
-                        is UIQuotedMessage.UIQuotedData -> QuotedMessage(
-                            conversationId = message.conversationId,
-                            messageData = it,
-                            style = QuotedMessageStyle(
-                                quotedStyle = QuotedStyle.COMPLETE,
-                                messageStyle = messageStyle,
-                                selfAccent = accent,
-                                senderAccent = it.senderAccent
-                            ),
-                            clickable = onReplyClick
+                message.linkPreviews.firstOrNull()?.let { preview ->
+                    LinkPreviewCard(
+                        preview = preview,
+                        isAvailable = !message.isPending && message.isAvailable,
+                        messageStyle = messageStyle,
+                        onClick = { onLinkClick(preview.url) }
+                    )
+                }
+                Column(
+                    modifier = if (hasLinkPreview) {
+                        Modifier.padding(
+                            start = dimensions().spacing10x,
+                            end = dimensions().spacing10x,
+                            top = dimensions().spacing8x
                         )
+                    } else {
+                        Modifier
+                    }
+                ) {
+                    messageContent.messageBody.quotedMessage?.let {
+                        if (!hasLinkPreview) {
+                            VerticalSpace.x4()
+                        }
+                        when (it) {
+                            is UIQuotedMessage.UIQuotedData -> QuotedMessage(
+                                conversationId = message.conversationId,
+                                messageData = it,
+                                style = QuotedMessageStyle(
+                                    quotedStyle = QuotedStyle.COMPLETE,
+                                    messageStyle = messageStyle,
+                                    selfAccent = accent,
+                                    senderAccent = it.senderAccent
+                                ),
+                                clickable = onReplyClick
+                            )
 
-                        UIQuotedMessage.UnavailableData -> QuotedUnavailable(
-                            style = QuotedMessageStyle(
-                                quotedStyle = QuotedStyle.COMPLETE,
-                                messageStyle = messageStyle,
-                                selfAccent = accent,
-                                senderAccent = Accent.Unknown
+                            UIQuotedMessage.UnavailableData -> QuotedUnavailable(
+                                style = QuotedMessageStyle(
+                                    quotedStyle = QuotedStyle.COMPLETE,
+                                    messageStyle = messageStyle,
+                                    selfAccent = accent,
+                                    senderAccent = Accent.Unknown
+                                )
                             )
-                        )
+                        }
+                        VerticalSpace.x4()
                     }
-                    VerticalSpace.x4()
+                    MessageBody(
+                        messageBody = messageContent.messageBody,
+                        searchQuery = searchQuery,
+                        isAvailable = !message.isPending && message.isAvailable,
+                        onOpenProfile = onOpenProfile,
+                        buttonList = null,
+                        messageId = message.header.messageId,
+                        onLinkClick = onLinkClick,
+                        messageStyle = messageStyle,
+                        accent = accent,
+                    )
                 }
-                MessageBody(
-                    messageBody = messageContent.messageBody,
-                    searchQuery = searchQuery,
-                    isAvailable = !message.isPending && message.isAvailable,
-                    onOpenProfile = onOpenProfile,
-                    buttonList = null,
-                    messageId = message.header.messageId,
-                    onLinkClick = onLinkClick,
-                    messageStyle = messageStyle,
-                    accent = accent
-                )
             }
         }
 
@@ -291,7 +315,7 @@ private fun MessageContent(
                     messageId = message.header.messageId,
                     onLinkClick = onLinkClick,
                     messageStyle = messageStyle,
-                    accent = accent
+                    accent = accent,
                 )
             }
         }
@@ -414,7 +438,7 @@ private fun MessageContent(
                         messageId = message.header.messageId,
                         onLinkClick = onLinkClick,
                         messageStyle = messageStyle,
-                        accent = accent
+                        accent = accent,
                     )
                     Spacer(modifier = Modifier.height(dimensions().spacing8x))
                 }

app/src/main/kotlin/com/wire/android/ui/home/conversations/messages/preview/PreviewMesssageBubbleTypes.kt

@@ -49,6 +49,7 @@ import com.wire.android.util.ui.PreviewMultipleThemes
 import com.wire.android.util.ui.UIText
 import com.wire.kalium.logic.data.asset.AssetTransferStatus
 import com.wire.kalium.logic.data.message.Message
+import com.wire.kalium.logic.data.message.linkpreview.MessageLinkPreview
 import kotlinx.datetime.Instant
 import kotlin.time.DurationUnit
 import kotlin.time.toDuration
@@ -459,3 +460,26 @@ fun PreviewBubbleSelfImageFailedDownload() {
         }
     }
 }
+
+@PreviewMultipleThemes
+@Composable
+fun PreviewMessageWithLinkPreviews() = WireTheme {
+    Box(modifier = Modifier.background(color = colorsScheme().surface)) {
+        RegularMessageItem(
+            message = mockMessageWithText.copy(
+                linkPreviews = listOf(
+                    MessageLinkPreview(
+                        url = "https://wire.com",
+                        urlOffset = 0,
+                        permanentUrl = "https://wire.com",
+                        title = "Wire",
+                        summary = "Secure collaboration for teams with messaging, file sharing, and calling."
+                    )
+                )
+            ),
+            conversationDetailsData = ConversationDetailsData.None(null),
+            clickActions = MessageClickActions.Content(),
+            isBubbleUiEnabled = true
+        )
+    }
+}

app/src/main/kotlin/com/wire/android/ui/home/conversations/model/MessageTypes.kt

@@ -104,7 +104,7 @@ internal fun MessageBody(
     onLinkClick: (String) -> Unit,
     searchQuery: String = "",
     clickable: Boolean = true,
-    messageStyle: MessageStyle = MessageStyle.NORMAL
+    messageStyle: MessageStyle = MessageStyle.NORMAL,
 ) {
     val resources = LocalContext.current.resources
     val configuration = LocalConfiguration.current
@@ -156,6 +156,7 @@ internal fun MessageBody(
             clickable
         )
     }
+
     buttonList?.also {
         VerticalSpace.x4()
         MessageButtonsContent(