linphone-ios/Linphone/UI/Main/Conversations/Fragments/ChatBubbleView.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)
									}
								}
								.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 {
				let result = imageDimensions(url: message.attachments.first!.full.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 {
						AsyncImage(url: message.attachments.first!.full) { image in
							image
								.resizable()
								.interpolation(.medium)
								.aspectRatio(contentMode: .fill)
						} placeholder: {
							ProgressView()
						}
						.layoutPriority(-1)
					} else {
						GifImageView(message.attachments.first!.full)
							.layoutPriority(-1)
							.clipShape(RoundedRectangle(cornerRadius: 4))
					}
				}
				.clipShape(RoundedRectangle(cornerRadius: 4))
				.clipped()
			}
		}
	}
	
	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)
 }
 */