import Foundation import Postbox import Display import AsyncDisplayKit import SwiftSignalKit import TelegramCore enum WebsiteType { case generic case twitter case instagram } func websiteType(of webpage: TelegramMediaWebpageLoadedContent) -> WebsiteType { if let websiteName = webpage.websiteName?.lowercased() { if websiteName == "twitter" { return .twitter } else if websiteName == "instagram" { return .instagram } } return .generic } 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) { 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] stream 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 { var isGallery = false switch instantPageType(of: content) { case .album: let count = instantPageGalleryMedia(webpageId: webPage.webpageId, page: instantPage, galleryMedia: image).count if count > 1 { isGallery = true } default: break } if !isGallery { item.controllerInteraction.openInstantPage(item.message) return } } else if content.type == "telegram_background" { item.controllerInteraction.openWallpaper(item.message) return } } let _ = item.controllerInteraction.openMessage(item.message, stream ? .stream : .default) } } 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) } } } } 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 actionIcon: ChatMessageAttachedContentActionIcon? var actionTitle: String? if let webpage = webPageContent { let type = websiteType(of: webpage) 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? switch type { case .instagram, .twitter: mainMedia = webpage.image ?? webpage.file default: mainMedia = webpage.file ?? webpage.image } if let file = mainMedia as? TelegramMediaFile { if let embedUrl = webpage.embedUrl, !embedUrl.isEmpty { mediaAndFlags = (webpage.image ?? file, [.preferMediaBeforeText]) } else if webpage.type == "telegram_background" { var representations: [TelegramMediaImageRepresentation] = file.previewRepresentations if let dimensions = file.dimensions { representations.append(TelegramMediaImageRepresentation(dimensions: dimensions, resource: file.resource)) } let tmpImage = TelegramMediaImage(imageId: MediaId(namespace: 0, id: 0), representations: representations, immediateThumbnailData: file.immediateThumbnailData, reference: nil, partialReference: nil) mediaAndFlags = (tmpImage, []) } 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.0 { 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) } } 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 actionTitle = item.presentationData.strings.Conversation_ViewBackground default: break } } } let (initialWidth, continueLayout) = contentNodeLayout(item.presentationData, item.controllerInteraction.automaticMediaDownloadSettings, item.associatedData, item.context, item.controllerInteraction, item.message, item.read, title, subtitle, text, entities, mediaAndFlags, 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 tapActionAtPoint(_ point: CGPoint, gesture: TapLongTapOrDoubleTapGesture) -> 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) 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) { 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) { 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) { case .instagram, .twitter: return .none default: return .instantPage } } else if content.type == "telegram_background" { return .wallpaper } } 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, () -> 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) }) } }