forked from mirrors/linphone-iphone
365 lines
11 KiB
Swift
365 lines
11 KiB
Swift
/*
|
|
* Copyright (c) 2010-2023 Belledonne Communications SARL.
|
|
*
|
|
* This file is part of linphone-iphone
|
|
*
|
|
* This program is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU General Public License as published by
|
|
* the Free Software Foundation, either version 3 of the License, or
|
|
* (at your option) any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License
|
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
import SwiftUI
|
|
import WebKit
|
|
|
|
struct ChatBubbleView: View {
|
|
|
|
@ObservedObject var conversationViewModel: ConversationViewModel
|
|
|
|
let message: Message
|
|
|
|
let geometryProxy: GeometryProxy
|
|
|
|
var body: some View {
|
|
VStack {
|
|
if !message.text.isEmpty || !message.attachments.isEmpty {
|
|
HStack {
|
|
if message.isOutgoing {
|
|
Spacer()
|
|
}
|
|
|
|
if conversationViewModel.displayedConversation != nil && conversationViewModel.displayedConversation!.isGroup && !message.isOutgoing && message.isFirstMessage {
|
|
VStack {
|
|
Avatar(
|
|
contactAvatarModel: conversationViewModel.participantConversationModel.first(where: {$0.address == message.address}) ??
|
|
ContactAvatarModel(friend: nil, name: "??", address: "", withPresence: false),
|
|
avatarSize: 35
|
|
)
|
|
.padding(.top, 30)
|
|
|
|
Spacer()
|
|
}
|
|
} else if conversationViewModel.displayedConversation != nil && conversationViewModel.displayedConversation!.isGroup && !message.isOutgoing {
|
|
VStack {
|
|
Avatar(
|
|
contactAvatarModel: ContactAvatarModel(friend: nil, name: "??", address: "", withPresence: false),
|
|
avatarSize: 35
|
|
)
|
|
|
|
Spacer()
|
|
}
|
|
.hidden()
|
|
}
|
|
|
|
VStack(alignment: .leading, spacing: 0) {
|
|
if conversationViewModel.displayedConversation != nil && conversationViewModel.displayedConversation!.isGroup && !message.isOutgoing && message.isFirstMessage {
|
|
Text(conversationViewModel.participantConversationModel.first(where: {$0.address == message.address})?.name ?? "")
|
|
.default_text_style(styleSize: 12)
|
|
.padding(.top, 10)
|
|
.padding(.bottom, 2)
|
|
}
|
|
ZStack {
|
|
if conversationViewModel.displayedConversation != nil && conversationViewModel.displayedConversation!.isGroup && message.isFirstMessage {
|
|
VStack {
|
|
if message.isOutgoing {
|
|
Spacer()
|
|
}
|
|
|
|
HStack {
|
|
if message.isOutgoing {
|
|
Spacer()
|
|
}
|
|
|
|
VStack {
|
|
}
|
|
.frame(width: 15, height: 15)
|
|
.background(message.isOutgoing ? Color.orangeMain100 : Color.grayMain2c100)
|
|
.clipShape(RoundedRectangle(cornerRadius: 2))
|
|
|
|
if !message.isOutgoing {
|
|
Spacer()
|
|
}
|
|
}
|
|
|
|
if !message.isOutgoing {
|
|
Spacer()
|
|
}
|
|
}
|
|
}
|
|
|
|
HStack {
|
|
if message.isOutgoing {
|
|
Spacer()
|
|
}
|
|
|
|
VStack(alignment: message.isOutgoing ? .trailing : .leading) {
|
|
if !message.attachments.isEmpty {
|
|
messageAttachments()
|
|
}
|
|
|
|
if !message.text.isEmpty {
|
|
Text(message.text)
|
|
.foregroundStyle(Color.grayMain2c700)
|
|
.default_text_style(styleSize: 16)
|
|
}
|
|
|
|
HStack(alignment: .center) {
|
|
Text(conversationViewModel.getMessageTime(startDate: message.dateReceived))
|
|
.foregroundStyle(Color.grayMain2c500)
|
|
.default_text_style_300(styleSize: 14)
|
|
.padding(.top, 1)
|
|
|
|
if (conversationViewModel.displayedConversation != nil && conversationViewModel.displayedConversation!.isGroup) || message.isOutgoing {
|
|
if message.status == .sending {
|
|
ProgressView()
|
|
.progressViewStyle(CircularProgressViewStyle(tint: .orangeMain500))
|
|
.frame(width: 15, height: 15)
|
|
.padding(.top, 1)
|
|
} else if message.status != nil {
|
|
Image(conversationViewModel.getImageIMDN(status: message.status!))
|
|
.renderingMode(.template)
|
|
.resizable()
|
|
.foregroundStyle(Color.orangeMain500)
|
|
.frame(width: 15, height: 15)
|
|
.padding(.top, 1)
|
|
}
|
|
}
|
|
}
|
|
.padding(.top, -4)
|
|
}
|
|
.padding(.all, 15)
|
|
.background(message.isOutgoing ? Color.orangeMain100 : Color.grayMain2c100)
|
|
.clipShape(RoundedRectangle(cornerRadius: 16))
|
|
|
|
if !message.isOutgoing {
|
|
Spacer()
|
|
}
|
|
}
|
|
}
|
|
.frame(maxWidth: .infinity)
|
|
}
|
|
|
|
if !message.isOutgoing {
|
|
Spacer()
|
|
}
|
|
}
|
|
.padding(.leading, message.isOutgoing ? 40 : 0)
|
|
.padding(.trailing, !message.isOutgoing ? 40 : 0)
|
|
}
|
|
}
|
|
}
|
|
|
|
@ViewBuilder
|
|
func messageAttachments() -> some View {
|
|
if message.attachments.count == 1 {
|
|
if message.attachments.first!.type == .image || message.attachments.first!.type == .gif || message.attachments.first!.type == .video {
|
|
let result = imageDimensions(url: message.attachments.first!.thumbnail.absoluteString)
|
|
ZStack {
|
|
Rectangle()
|
|
.fill(Color(.white))
|
|
.aspectRatio(result.0/result.1, contentMode: .fit)
|
|
.if(result.0 < geometryProxy.size.width - 110) { view in
|
|
view.frame(maxWidth: result.0)
|
|
}
|
|
.if(result.1 < geometryProxy.size.height/2) { view in
|
|
view.frame(maxHeight: result.1)
|
|
}
|
|
.if(result.0 >= result.1 && geometryProxy.size.width > 0 && result.0 >= geometryProxy.size.width - 110 && result.1 >= geometryProxy.size.height/2.5) { view in
|
|
view.frame(
|
|
maxWidth: geometryProxy.size.width - 110,
|
|
maxHeight: result.1 * ((geometryProxy.size.width - 110) / result.0)
|
|
)
|
|
}
|
|
.if(result.0 < result.1 && geometryProxy.size.width > 0 && result.1 >= geometryProxy.size.height/2.5) { view in
|
|
view.frame(
|
|
maxWidth: result.0 * ((geometryProxy.size.height/2.5) / result.1),
|
|
maxHeight: geometryProxy.size.height/2.5
|
|
)
|
|
}
|
|
|
|
if message.attachments.first!.type == .image || message.attachments.first!.type == .video {
|
|
if #available(iOS 16.0, *) {
|
|
AsyncImage(url: message.attachments.first!.thumbnail) { image in
|
|
ZStack {
|
|
image
|
|
.resizable()
|
|
.interpolation(.medium)
|
|
.aspectRatio(contentMode: .fill)
|
|
|
|
if message.attachments.first!.type == .video {
|
|
Image("play-fill")
|
|
.renderingMode(.template)
|
|
.resizable()
|
|
.foregroundStyle(.white)
|
|
.frame(width: 40, height: 40, alignment: .leading)
|
|
}
|
|
}
|
|
} placeholder: {
|
|
ProgressView()
|
|
}
|
|
.layoutPriority(-1)
|
|
} else {
|
|
AsyncImage(url: message.attachments.first!.thumbnail) { image in
|
|
ZStack {
|
|
image
|
|
.resizable()
|
|
.interpolation(.medium)
|
|
.aspectRatio(contentMode: .fill)
|
|
|
|
if message.attachments.first!.type == .video {
|
|
Image("play-fill")
|
|
.renderingMode(.template)
|
|
.resizable()
|
|
.foregroundStyle(.white)
|
|
.frame(width: 40, height: 40, alignment: .leading)
|
|
}
|
|
}
|
|
} placeholder: {
|
|
ProgressView()
|
|
}
|
|
.id(UUID())
|
|
.layoutPriority(-1)
|
|
}
|
|
} else if message.attachments.first!.type == .gif {
|
|
if #available(iOS 16.0, *) {
|
|
GifImageView(message.attachments.first!.thumbnail)
|
|
.layoutPriority(-1)
|
|
.clipShape(RoundedRectangle(cornerRadius: 4))
|
|
} else {
|
|
GifImageView(message.attachments.first!.thumbnail)
|
|
.id(UUID())
|
|
.layoutPriority(-1)
|
|
.clipShape(RoundedRectangle(cornerRadius: 4))
|
|
}
|
|
}
|
|
}
|
|
.clipShape(RoundedRectangle(cornerRadius: 4))
|
|
.clipped()
|
|
}
|
|
} else if message.attachments.count > 1 {
|
|
let isGroup = conversationViewModel.displayedConversation != nil && conversationViewModel.displayedConversation!.isGroup
|
|
LazyVGrid(columns: [
|
|
GridItem(.adaptive(minimum: 120), spacing: 1)
|
|
], spacing: 3) {
|
|
ForEach(message.attachments) { attachment in
|
|
ZStack {
|
|
Rectangle()
|
|
.fill(Color(.white))
|
|
.frame(width: 120, height: 120)
|
|
|
|
if #available(iOS 16.0, *) {
|
|
AsyncImage(url: attachment.thumbnail) { image in
|
|
ZStack {
|
|
image
|
|
.resizable()
|
|
.interpolation(.medium)
|
|
.aspectRatio(contentMode: .fill)
|
|
|
|
if attachment.type == .video {
|
|
Image("play-fill")
|
|
.renderingMode(.template)
|
|
.resizable()
|
|
.foregroundStyle(.white)
|
|
.frame(width: 40, height: 40, alignment: .leading)
|
|
}
|
|
}
|
|
} placeholder: {
|
|
ProgressView()
|
|
}
|
|
.layoutPriority(-1)
|
|
} else {
|
|
AsyncImage(url: attachment.thumbnail) { image in
|
|
ZStack {
|
|
image
|
|
.resizable()
|
|
.interpolation(.medium)
|
|
.aspectRatio(contentMode: .fill)
|
|
|
|
if attachment.type == .video {
|
|
Image("play-fill")
|
|
.renderingMode(.template)
|
|
.resizable()
|
|
.foregroundStyle(.white)
|
|
.frame(width: 40, height: 40, alignment: .leading)
|
|
}
|
|
}
|
|
} placeholder: {
|
|
ProgressView()
|
|
}
|
|
.id(UUID())
|
|
.layoutPriority(-1)
|
|
}
|
|
}
|
|
.clipShape(RoundedRectangle(cornerRadius: 4))
|
|
.contentShape(Rectangle())
|
|
}
|
|
}
|
|
.frame(
|
|
width: geometryProxy.size.width > 0 && CGFloat(122 * message.attachments.count) > geometryProxy.size.width - 110 - (isGroup ? 40 : 0)
|
|
? 122 * floor(CGFloat(geometryProxy.size.width - 110 - (isGroup ? 40 : 0)) / 122)
|
|
: CGFloat(122 * message.attachments.count)
|
|
)
|
|
}
|
|
}
|
|
|
|
func imageDimensions(url: String) -> (CGFloat, CGFloat) {
|
|
if let imageSource = CGImageSourceCreateWithURL(URL(string: url)! as CFURL, nil) {
|
|
if let imageProperties = CGImageSourceCopyPropertiesAtIndex(imageSource, 0, nil) as Dictionary? {
|
|
let pixelWidth = imageProperties[kCGImagePropertyPixelWidth] as? CGFloat
|
|
let pixelHeight = imageProperties[kCGImagePropertyPixelHeight] as? CGFloat
|
|
return (pixelWidth ?? 0, pixelHeight ?? 0)
|
|
}
|
|
}
|
|
return (0, 0)
|
|
}
|
|
}
|
|
|
|
enum URLType {
|
|
case name(String) // local file name of gif
|
|
case url(URL) // remote url
|
|
|
|
var url: URL? {
|
|
switch self {
|
|
case .name(let name):
|
|
return Bundle.main.url(forResource: name, withExtension: "gif")
|
|
case .url(let remoteURL):
|
|
return remoteURL
|
|
}
|
|
}
|
|
}
|
|
|
|
struct GifImageView: UIViewRepresentable {
|
|
private let name: URL
|
|
init(_ name: URL) {
|
|
self.name = name
|
|
}
|
|
|
|
func makeUIView(context: Context) -> WKWebView {
|
|
let webview = WKWebView()
|
|
let url = name
|
|
let data = try? Data(contentsOf: url)
|
|
if data != nil {
|
|
webview.load(data!, mimeType: "image/gif", characterEncodingName: "UTF-8", baseURL: url.deletingLastPathComponent())
|
|
webview.scrollView.isScrollEnabled = false
|
|
}
|
|
return webview
|
|
}
|
|
|
|
func updateUIView(_ uiView: WKWebView, context: Context) {
|
|
uiView.reload()
|
|
}
|
|
}
|
|
|
|
/*
|
|
#Preview {
|
|
ChatBubbleView(conversationViewModel: ConversationViewModel(), index: 0)
|
|
}
|
|
*/
|