import Foundation import UIKit import Postbox import Display import AsyncDisplayKit import SwiftSignalKit import TelegramCore import SyncCore import TelegramUIPreferences import TextFormat import AccountContext import WebsiteType import InstantPageUI import UrlHandling enum InstantPageType { case generic case album } func instantPageType(of webpage: TelegramMediaWebpageLoadedContent) -> InstantPageType { if let type = webpage.type, type == "telegram_album" { return .album } switch websiteType(of: webpage.websiteName) { case .instagram, .twitter: return .album default: return .generic } } func instantPageGalleryMedia(webpageId: MediaId, page: InstantPage, galleryMedia: Media) -> [InstantPageGalleryEntry] { var result: [InstantPageGalleryEntry] = [] var counter: Int = 0 for block in page.blocks { result.append(contentsOf: instantPageBlockMedia(pageId: webpageId, block: block, media: page.media, counter: &counter)) } var found = false for item in result { if item.media.media.id == galleryMedia.id { found = true break } } if !found { result.insert(InstantPageGalleryEntry(index: Int32(counter), pageId: webpageId, media: InstantPageMedia(index: counter, media: galleryMedia, url: nil, caption: nil, credit: nil), caption: nil, credit: nil, location: InstantPageGalleryEntryLocation(position: Int32(counter), totalCount: 0)), at: 0) } for i in 0 ..< result.count { let item = result[i] result[i] = InstantPageGalleryEntry(index: Int32(i), pageId: item.pageId, media: item.media, caption: item.caption, credit: item.credit, location: InstantPageGalleryEntryLocation(position: Int32(i), totalCount: Int32(result.count))) } return result } private func instantPageBlockMedia(pageId: MediaId, block: InstantPageBlock, media: [MediaId: Media], counter: inout Int) -> [InstantPageGalleryEntry] { switch block { case let .image(id, caption, _, _): if let m = media[id] { let result = [InstantPageGalleryEntry(index: Int32(counter), pageId: pageId, media: InstantPageMedia(index: counter, media: m, url: nil, caption: caption.text, credit: caption.credit), caption: caption.text, credit: caption.credit, location: InstantPageGalleryEntryLocation(position: Int32(counter), totalCount: 0))] counter += 1 return result } case let .video(id, caption, _, _): if let m = media[id] { let result = [InstantPageGalleryEntry(index: Int32(counter), pageId: pageId, media: InstantPageMedia(index: counter, media: m, url: nil, caption: caption.text, credit: caption.credit), caption: caption.text, credit: caption.credit, location: InstantPageGalleryEntryLocation(position: Int32(counter), totalCount: 0))] counter += 1 return result } case let .collage(items, _): var result: [InstantPageGalleryEntry] = [] for item in items { result.append(contentsOf: instantPageBlockMedia(pageId: pageId, block: item, media: media, counter: &counter)) } return result case let .slideshow(items, _): var result: [InstantPageGalleryEntry] = [] for item in items { result.append(contentsOf: instantPageBlockMedia(pageId: pageId, block: item, media: media, counter: &counter)) } return result default: break } return [] } private let titleFont: UIFont = Font.semibold(15.0) final class ChatMessageWebpageBubbleContentNode: ChatMessageBubbleContentNode { private var webPage: TelegramMediaWebpage? private let contentNode: ChatMessageAttachedContentNode override var visibility: ListViewItemNodeVisibility { didSet { self.contentNode.visibility = self.visibility } } required init() { self.contentNode = ChatMessageAttachedContentNode() super.init() self.addSubnode(self.contentNode) self.contentNode.openMedia = { [weak self] mode in if let strongSelf = self, let item = strongSelf.item { if let webPage = strongSelf.webPage, case let .Loaded(content) = webPage.content { if let image = content.image, let instantPage = content.instantPage { if instantPageType(of: content) != .album { item.controllerInteraction.openInstantPage(item.message, item.associatedData) return } } else if content.type == "telegram_background" { item.controllerInteraction.openWallpaper(item.message) return } else if content.type == "telegram_theme" { item.controllerInteraction.openTheme(item.message) return } } let openChatMessageMode: ChatControllerInteractionOpenMessageMode switch mode { case .default: openChatMessageMode = .default case .stream: openChatMessageMode = .stream case .automaticPlayback: openChatMessageMode = .automaticPlayback } let _ = item.controllerInteraction.openMessage(item.message, openChatMessageMode) } } self.contentNode.activateAction = { [weak self] in if let strongSelf = self, let item = strongSelf.item { var webPageContent: TelegramMediaWebpageLoadedContent? for media in item.message.media { if let media = media as? TelegramMediaWebpage { if case let .Loaded(content) = media.content { webPageContent = content } break } } if let webpage = webPageContent { item.controllerInteraction.openUrl(webpage.url, false, nil, nil) } } } } required init?(coder aDecoder: NSCoder) { fatalError("init(coder:) has not been implemented") } override func asyncLayoutContent() -> (_ item: ChatMessageBubbleContentItem, _ layoutConstants: ChatMessageItemLayoutConstants, _ preparePosition: ChatMessageBubblePreparePosition, _ messageSelection: Bool?, _ constrainedSize: CGSize) -> (ChatMessageBubbleContentProperties, CGSize?, CGFloat, (CGSize, ChatMessageBubbleContentPosition) -> (CGFloat, (CGFloat) -> (CGSize, (ListViewItemUpdateAnimation, Bool) -> Void))) { let contentNodeLayout = self.contentNode.asyncLayout() return { item, layoutConstants, _, _, constrainedSize in var webPage: TelegramMediaWebpage? var webPageContent: TelegramMediaWebpageLoadedContent? for media in item.message.media { if let media = media as? TelegramMediaWebpage { webPage = media if case let .Loaded(content) = media.content { webPageContent = content } break } } var title: String? var subtitle: NSAttributedString? var text: String? var entities: [MessageTextEntity]? var mediaAndFlags: (Media, ChatMessageAttachedContentNodeMediaFlags)? var badge: String? var actionIcon: ChatMessageAttachedContentActionIcon? var actionTitle: String? if let webpage = webPageContent { let type = websiteType(of: webpage.websiteName) if let websiteName = webpage.websiteName, !websiteName.isEmpty { title = websiteName } if let title = webpage.title, !title.isEmpty { subtitle = NSAttributedString(string: title, font: titleFont) } if let textValue = webpage.text, !textValue.isEmpty { text = textValue var entityTypes: EnabledEntityTypes = [.url] switch type { case .twitter, .instagram: entityTypes.insert(.mention) entityTypes.insert(.hashtag) entityTypes.insert(.external) default: break } entities = generateTextEntities(textValue, enabledTypes: entityTypes) } var mainMedia: Media? var automaticPlayback = false if let file = webpage.file, (file.isAnimated && item.controllerInteraction.automaticMediaDownloadSettings.autoplayGifs) || (!file.isAnimated && item.controllerInteraction.automaticMediaDownloadSettings.autoplayVideos) { var automaticDownload: InteractiveMediaNodeAutodownloadMode = .none if shouldDownloadMediaAutomatically(settings: item.controllerInteraction.automaticMediaDownloadSettings, peerType: item.associatedData.automaticDownloadPeerType, networkType: item.associatedData.automaticDownloadNetworkType, authorPeerId: item.message.author?.id, contactsPeerIds: item.associatedData.contactsPeerIds, media: file) { automaticDownload = .full } if case .full = automaticDownload { automaticPlayback = true } else { automaticPlayback = item.context.account.postbox.mediaBox.completedResourcePath(file.resource) != nil } } switch type { case .instagram, .twitter: if automaticPlayback { mainMedia = webpage.file ?? webpage.image } else { mainMedia = webpage.image ?? webpage.file } default: mainMedia = webpage.file ?? webpage.image } let themeMimeType = "application/x-tgtheme-ios" if let file = mainMedia as? TelegramMediaFile, webpage.type != "telegram_theme" { if let embedUrl = webpage.embedUrl, !embedUrl.isEmpty { if automaticPlayback { mediaAndFlags = (file, [.preferMediaBeforeText]) } else { mediaAndFlags = (webpage.image ?? file, [.preferMediaBeforeText]) } } else if webpage.type == "telegram_background" { var topColor: UIColor? var bottomColor: UIColor? var rotation: Int32? if let wallpaper = parseWallpaperUrl(webpage.url), case let .slug(_, _, firstColor, secondColor, intensity, rotationValue) = wallpaper { topColor = firstColor?.withAlphaComponent(CGFloat(intensity ?? 50) / 100.0) bottomColor = secondColor?.withAlphaComponent(CGFloat(intensity ?? 50) / 100.0) rotation = rotationValue } let media = WallpaperPreviewMedia(content: .file(file, topColor, bottomColor, rotation, false, false)) mediaAndFlags = (media, [.preferMediaAspectFilled]) if let fileSize = file.size { badge = dataSizeString(fileSize, decimalSeparator: item.presentationData.dateTimeFormat.decimalSeparator) } } else { mediaAndFlags = (file, []) } } else if let image = mainMedia as? TelegramMediaImage { if let type = webpage.type, ["photo", "video", "embed", "gif", "document", "telegram_album"].contains(type) { var flags = ChatMessageAttachedContentNodeMediaFlags() if webpage.instantPage != nil, let largest = largestImageRepresentation(image.representations) { if largest.dimensions.width >= 256 { flags.insert(.preferMediaBeforeText) } } else if let embedUrl = webpage.embedUrl, !embedUrl.isEmpty { flags.insert(.preferMediaBeforeText) } mediaAndFlags = (image, flags) } else if let _ = largestImageRepresentation(image.representations)?.dimensions { var flags = ChatMessageAttachedContentNodeMediaFlags() if webpage.instantPage == nil { flags.insert(.preferMediaInline) } mediaAndFlags = (image, flags) } } else if let type = webpage.type { if type == "telegram_background" { var topColor: UIColor? var bottomColor: UIColor? var rotation: Int32? if let wallpaper = parseWallpaperUrl(webpage.url) { if case let .color(color) = wallpaper { topColor = color } else if case let .gradient(topColorValue, bottomColorValue, rotationValue) = wallpaper { topColor = topColorValue bottomColor = bottomColorValue rotation = rotationValue } } var content: WallpaperPreviewMediaContent? if let topColor = topColor { if let bottomColor = bottomColor { content = .gradient(topColor, bottomColor, rotation) } else { content = .color(topColor) } } if let content = content { let media = WallpaperPreviewMedia(content: content) mediaAndFlags = (media, []) } } else if type == "telegram_theme" { var file: TelegramMediaFile? var settings: TelegramThemeSettings? var isSupported = false for attribute in webpage.attributes { if case let .theme(attribute) = attribute { if let attributeSettings = attribute.settings { settings = attributeSettings isSupported = true } else if let filteredFile = attribute.files.filter({ $0.mimeType == themeMimeType }).first { file = filteredFile isSupported = true } } } if !isSupported, let contentFile = webpage.file { isSupported = true file = contentFile } if let file = file { let media = WallpaperPreviewMedia(content: .file(file, nil, nil, nil, true, isSupported)) mediaAndFlags = (media, ChatMessageAttachedContentNodeMediaFlags()) } else if let settings = settings { let media = WallpaperPreviewMedia(content: .themeSettings(settings)) mediaAndFlags = (media, ChatMessageAttachedContentNodeMediaFlags()) } } } if let _ = webpage.instantPage { switch instantPageType(of: webpage) { case .generic: actionIcon = .instant actionTitle = item.presentationData.strings.Conversation_InstantPagePreview default: break } } else if let type = webpage.type { switch type { case "telegram_channel": actionTitle = item.presentationData.strings.Conversation_ViewChannel case "telegram_chat", "telegram_megagroup": actionTitle = item.presentationData.strings.Conversation_ViewGroup case "telegram_message": actionTitle = item.presentationData.strings.Conversation_ViewMessage case "telegram_background": title = item.presentationData.strings.Conversation_ChatBackground subtitle = nil text = nil actionTitle = item.presentationData.strings.Conversation_ViewBackground case "telegram_theme": title = item.presentationData.strings.Conversation_Theme text = nil actionTitle = item.presentationData.strings.Conversation_ViewTheme default: break } } } let (initialWidth, continueLayout) = contentNodeLayout(item.presentationData, item.controllerInteraction.automaticMediaDownloadSettings, item.associatedData, item.attributes, item.context, item.controllerInteraction, item.message, item.read, title, subtitle, text, entities, mediaAndFlags, badge, actionIcon, actionTitle, true, layoutConstants, constrainedSize) let contentProperties = ChatMessageBubbleContentProperties(hidesSimpleAuthorHeader: false, headerSpacing: 8.0, hidesBackground: .never, forceFullCorners: false, forceAlignment: .none) return (contentProperties, nil, initialWidth, { constrainedSize, position in let (refinedWidth, finalizeLayout) = continueLayout(constrainedSize, position) return (refinedWidth, { boundingWidth in let (size, apply) = finalizeLayout(boundingWidth) return (size, { [weak self] animation, synchronousLoads in if let strongSelf = self { strongSelf.item = item strongSelf.webPage = webPage apply(animation, synchronousLoads) strongSelf.contentNode.frame = CGRect(origin: CGPoint(), size: size) } }) }) }) } } override func animateInsertion(_ currentTimestamp: Double, duration: Double) { self.layer.animateAlpha(from: 0.0, to: 1.0, duration: 0.25) } override func animateAdded(_ currentTimestamp: Double, duration: Double) { self.layer.animateAlpha(from: 0.0, to: 1.0, duration: 0.25) } override func animateRemoved(_ currentTimestamp: Double, duration: Double) { self.layer.animateAlpha(from: 1.0, to: 0.0, duration: 0.25, removeOnCompletion: false) } override func animateInsertionIntoBubble(_ duration: Double) { self.layer.animateAlpha(from: 0.0, to: 1.0, duration: 0.25) } override func playMediaWithSound() -> ((Double?) -> Void, Bool, Bool, Bool, ASDisplayNode?)? { return self.contentNode.playMediaWithSound() } override func tapActionAtPoint(_ point: CGPoint, gesture: TapLongTapOrDoubleTapGesture, isEstimating: Bool) -> ChatMessageBubbleContentTapAction { if self.bounds.contains(point) { let contentNodeFrame = self.contentNode.frame let result = self.contentNode.tapActionAtPoint(point.offsetBy(dx: -contentNodeFrame.minX, dy: -contentNodeFrame.minY), gesture: gesture, isEstimating: isEstimating) switch result { case .none: break case let .textMention(value): if let webPage = self.webPage, case let .Loaded(content) = webPage.content { var mention = value if mention.hasPrefix("@") { mention = String(mention[mention.index(after: mention.startIndex)...]) } switch websiteType(of: content.websiteName) { case .twitter: return .url(url: "https://twitter.com/\(mention)", concealed: false) case .instagram: return .url(url: "https://instagram.com/\(mention)", concealed: false) default: break } } case let .hashtag(_, value): if let webPage = self.webPage, case let .Loaded(content) = webPage.content { var hashtag = value if hashtag.hasPrefix("#") { hashtag = String(hashtag[hashtag.index(after: hashtag.startIndex)...]) } switch websiteType(of: content.websiteName) { case .twitter: return .url(url: "https://twitter.com/hashtag/\(hashtag)", concealed: false) case .instagram: return .url(url: "https://instagram.com/explore/tags/\(hashtag)", concealed: false) default: break } } default: return result } if let webPage = self.webPage, case let .Loaded(content) = webPage.content { if content.instantPage != nil { switch websiteType(of: content.websiteName) { case .instagram, .twitter: return .none default: return .instantPage } } else if content.type == "telegram_background" { return .wallpaper } else if content.type == "telegram_theme" { return .theme } } if self.contentNode.hasActionAtPoint(point.offsetBy(dx: -contentNodeFrame.minX, dy: -contentNodeFrame.minY)) { return .ignore } return .none } return .none } override func updateHiddenMedia(_ media: [Media]?) -> Bool { if let media = media { var updatedMedia = media if let current = self.webPage, case let .Loaded(content) = current.content { for item in media { if let webpage = item as? TelegramMediaWebpage, webpage.id == current.id { var mediaList: [Media] = [webpage] if let image = content.image { mediaList.append(image) } if let file = content.file { mediaList.append(file) } updatedMedia = mediaList } else if let id = item.id, content.file?.id == id || content.image?.id == id { var mediaList: [Media] = [current] if let image = content.image { mediaList.append(image) } if let file = content.file { mediaList.append(file) } updatedMedia = mediaList } } } return self.contentNode.updateHiddenMedia(updatedMedia) } else { return self.contentNode.updateHiddenMedia(nil) } } override func transitionNode(messageId: MessageId, media: Media) -> (ASDisplayNode, CGRect, () -> (UIView?, UIView?))? { if self.item?.message.id != messageId { return nil } if let result = self.contentNode.transitionNode(media: media) { return result } if let current = self.webPage, case let .Loaded(content) = current.content { if let webpage = media as? TelegramMediaWebpage, webpage.id == current.id { if let image = content.image, let result = self.contentNode.transitionNode(media: image) { return result } if let file = content.file, let result = self.contentNode.transitionNode(media: file) { return result } } else if let id = media.id, id == content.file?.id || id == content.image?.id { if let image = content.image, let result = self.contentNode.transitionNode(media: image) { return result } if let file = content.file, let result = self.contentNode.transitionNode(media: file) { return result } } } return nil } override func updateTouchesAtPoint(_ point: CGPoint?) { let contentNodeFrame = self.contentNode.frame self.contentNode.updateTouchesAtPoint(point.flatMap { $0.offsetBy(dx: -contentNodeFrame.minX, dy: -contentNodeFrame.minY) }) } override func reactionTargetNode(value: String) -> (ASDisplayNode, ASDisplayNode)? { return self.contentNode.reactionTargetNode(value: value) } }