mirror of https://github.com/oxen-io/session-ios
Add rough draft of link preview view to composer.
Matthew Chen
7 years ago
parent
977ee9ffe9
commit
416aa2b347
@ -0,0 +1,417 @@
|
||||
//
|
||||
// Copyright (c) 2019 Open Whisper Systems. All rights reserved.
|
||||
//
|
||||
|
||||
@objc
|
||||
public enum LinkPreviewImageState: Int {
|
||||
case none
|
||||
case loading
|
||||
case loaded
|
||||
case invalid
|
||||
}
|
||||
|
||||
// MARK: -
|
||||
|
||||
@objc
|
||||
public protocol LinkPreviewState {
|
||||
func isLoaded() -> Bool
|
||||
func urlString() -> String?
|
||||
func displayDomain() -> String?
|
||||
func title() -> String?
|
||||
func imageState() -> LinkPreviewImageState
|
||||
func image() -> UIImage?
|
||||
}
|
||||
|
||||
// MARK: -
|
||||
|
||||
@objc
|
||||
public class LinkPreviewLoading: NSObject, LinkPreviewState {
|
||||
|
||||
override init() {
|
||||
}
|
||||
|
||||
public func isLoaded() -> Bool {
|
||||
return false
|
||||
}
|
||||
|
||||
public func urlString() -> String? {
|
||||
return nil
|
||||
}
|
||||
|
||||
public func displayDomain() -> String? {
|
||||
return nil
|
||||
}
|
||||
|
||||
public func title() -> String? {
|
||||
return nil
|
||||
}
|
||||
|
||||
public func imageState() -> LinkPreviewImageState {
|
||||
return .none
|
||||
}
|
||||
|
||||
public func image() -> UIImage? {
|
||||
return nil
|
||||
}
|
||||
}
|
||||
|
||||
// MARK: -
|
||||
|
||||
@objc
|
||||
public class LinkPreviewDraft: NSObject, LinkPreviewState {
|
||||
private let linkPreviewDraft: OWSLinkPreviewDraft
|
||||
|
||||
@objc
|
||||
public required init(linkPreviewDraft: OWSLinkPreviewDraft) {
|
||||
self.linkPreviewDraft = linkPreviewDraft
|
||||
}
|
||||
|
||||
public func isLoaded() -> Bool {
|
||||
return true
|
||||
}
|
||||
|
||||
public func urlString() -> String? {
|
||||
return linkPreviewDraft.urlString
|
||||
}
|
||||
|
||||
public func displayDomain() -> String? {
|
||||
guard let displayDomain = linkPreviewDraft.displayDomain() else {
|
||||
owsFailDebug("Missing display domain")
|
||||
return nil
|
||||
}
|
||||
return displayDomain
|
||||
}
|
||||
|
||||
public func title() -> String? {
|
||||
return linkPreviewDraft.title
|
||||
}
|
||||
|
||||
public func imageState() -> LinkPreviewImageState {
|
||||
if linkPreviewDraft.imageFilePath != nil {
|
||||
return .loaded
|
||||
} else {
|
||||
return .none
|
||||
}
|
||||
}
|
||||
|
||||
public func image() -> UIImage? {
|
||||
assert(imageState() == .loaded)
|
||||
|
||||
guard let imageFilepath = linkPreviewDraft.imageFilePath else {
|
||||
return nil
|
||||
}
|
||||
guard let image = UIImage(contentsOfFile: imageFilepath) else {
|
||||
owsFail("Could not load image: \(imageFilepath)")
|
||||
}
|
||||
return image
|
||||
}
|
||||
}
|
||||
|
||||
// MARK: -
|
||||
|
||||
@objc
|
||||
public class LinkPreviewSent: NSObject, LinkPreviewState {
|
||||
private let linkPreview: OWSLinkPreview
|
||||
private let imageAttachment: TSAttachment?
|
||||
|
||||
@objc
|
||||
public required init(linkPreview: OWSLinkPreview,
|
||||
imageAttachment: TSAttachment?) {
|
||||
self.linkPreview = linkPreview
|
||||
self.imageAttachment = imageAttachment
|
||||
}
|
||||
|
||||
public func isLoaded() -> Bool {
|
||||
return true
|
||||
}
|
||||
|
||||
public func urlString() -> String? {
|
||||
guard let urlString = linkPreview.urlString else {
|
||||
owsFailDebug("Missing url")
|
||||
return nil
|
||||
}
|
||||
return urlString
|
||||
}
|
||||
|
||||
public func displayDomain() -> String? {
|
||||
guard let displayDomain = linkPreview.displayDomain() else {
|
||||
owsFailDebug("Missing display domain")
|
||||
return nil
|
||||
}
|
||||
return displayDomain
|
||||
}
|
||||
|
||||
public func title() -> String? {
|
||||
return linkPreview.title
|
||||
}
|
||||
|
||||
public func imageState() -> LinkPreviewImageState {
|
||||
guard linkPreview.imageAttachmentId != nil else {
|
||||
return .none
|
||||
}
|
||||
guard let imageAttachment = imageAttachment else {
|
||||
owsFailDebug("Missing imageAttachment.")
|
||||
return .none
|
||||
}
|
||||
guard let attachmentStream = imageAttachment as? TSAttachmentStream else {
|
||||
return .loading
|
||||
}
|
||||
guard attachmentStream.isValidImage else {
|
||||
return .invalid
|
||||
}
|
||||
return .loaded
|
||||
}
|
||||
|
||||
public func image() -> UIImage? {
|
||||
assert(imageState() == .loaded)
|
||||
|
||||
guard let attachmentStream = imageAttachment as? TSAttachmentStream else {
|
||||
owsFailDebug("Could not load image.")
|
||||
return nil
|
||||
}
|
||||
guard attachmentStream.isValidImage else {
|
||||
return nil
|
||||
}
|
||||
guard let imageFilepath = attachmentStream.originalFilePath else {
|
||||
owsFailDebug("Attachment is missing file path.")
|
||||
return nil
|
||||
}
|
||||
guard let image = UIImage(contentsOfFile: imageFilepath) else {
|
||||
owsFail("Could not load image: \(imageFilepath)")
|
||||
}
|
||||
return image
|
||||
}
|
||||
}
|
||||
|
||||
// MARK: -
|
||||
|
||||
@objc
|
||||
public protocol LinkPreviewViewDelegate {
|
||||
func linkPreviewCanCancel() -> Bool
|
||||
@objc optional func linkPreviewDidCancel()
|
||||
@objc optional func linkPreviewDidTap(urlString: String?)
|
||||
}
|
||||
|
||||
// MARK: -
|
||||
|
||||
@objc
|
||||
public class LinkPreviewView: UIStackView {
|
||||
private weak var delegate: LinkPreviewViewDelegate?
|
||||
private let state: LinkPreviewState
|
||||
|
||||
@available(*, unavailable, message:"use other constructor instead.")
|
||||
required init(coder aDecoder: NSCoder) {
|
||||
notImplemented()
|
||||
}
|
||||
|
||||
@available(*, unavailable, message:"use other constructor instead.")
|
||||
override init(frame: CGRect) {
|
||||
notImplemented()
|
||||
}
|
||||
|
||||
private let imageView = UIImageView()
|
||||
private let titleLabel = UILabel()
|
||||
private let domainLabel = UILabel()
|
||||
|
||||
@objc
|
||||
public init(state: LinkPreviewState,
|
||||
delegate: LinkPreviewViewDelegate?) {
|
||||
self.state = state
|
||||
self.delegate = delegate
|
||||
|
||||
super.init(frame: .zero)
|
||||
|
||||
createContents()
|
||||
}
|
||||
|
||||
private var isApproval: Bool {
|
||||
return delegate != nil
|
||||
}
|
||||
|
||||
private func createContents() {
|
||||
|
||||
self.isUserInteractionEnabled = true
|
||||
self.addGestureRecognizer(UITapGestureRecognizer(target: self, action: #selector(wasTapped)))
|
||||
|
||||
guard state.isLoaded() else {
|
||||
createLoadingContents()
|
||||
return
|
||||
}
|
||||
guard isApproval else {
|
||||
createMessageContents()
|
||||
return
|
||||
}
|
||||
createApprovalContents()
|
||||
}
|
||||
|
||||
private func createMessageContents() {
|
||||
// guard state.isLoaded() else {
|
||||
// createLoadingContents()
|
||||
// return
|
||||
// }
|
||||
//
|
||||
// if let imageView = createImageView() {
|
||||
//
|
||||
// }
|
||||
//
|
||||
// switch state.imageState() {
|
||||
// case .loaded:
|
||||
// guard
|
||||
// let imageView = UIImageView()
|
||||
//
|
||||
// case .loading:
|
||||
// default:
|
||||
// break
|
||||
// }
|
||||
//
|
||||
// let textStack = UIStackView()
|
||||
// self.axis = .vertical
|
||||
// self.alignment = .leading
|
||||
// self.spacing = 5
|
||||
}
|
||||
|
||||
private let approvalHeight: CGFloat = 76
|
||||
|
||||
private var cancelButton: UIImageView?
|
||||
|
||||
private func createApprovalContents() {
|
||||
self.axis = .horizontal
|
||||
self.alignment = .fill
|
||||
self.distribution = .equalSpacing
|
||||
self.spacing = 8
|
||||
|
||||
// Image
|
||||
|
||||
if let imageView = createImageView() {
|
||||
imageView.contentMode = .scaleAspectFill
|
||||
imageView.autoPinToSquareAspectRatio()
|
||||
let imageSize = approvalHeight
|
||||
imageView.autoSetDimensions(to: CGSize(width: imageSize, height: imageSize))
|
||||
imageView.setContentHuggingHigh()
|
||||
imageView.setCompressionResistanceHigh()
|
||||
imageView.clipsToBounds = true
|
||||
// TODO: Cropping, stroke.
|
||||
addArrangedSubview(imageView)
|
||||
}
|
||||
|
||||
// Right
|
||||
|
||||
let rightStack = UIStackView()
|
||||
rightStack.axis = .horizontal
|
||||
rightStack.alignment = .fill
|
||||
rightStack.distribution = .equalSpacing
|
||||
rightStack.spacing = 8
|
||||
rightStack.setContentHuggingHorizontalLow()
|
||||
rightStack.setCompressionResistanceHorizontalLow()
|
||||
addArrangedSubview(rightStack)
|
||||
|
||||
// Text
|
||||
|
||||
let textStack = UIStackView()
|
||||
textStack.axis = .vertical
|
||||
textStack.alignment = .leading
|
||||
textStack.spacing = 2
|
||||
textStack.setContentHuggingHorizontalLow()
|
||||
textStack.setCompressionResistanceHorizontalLow()
|
||||
|
||||
if let title = state.title(),
|
||||
title.count > 0 {
|
||||
let label = UILabel()
|
||||
label.text = title
|
||||
label.textColor = Theme.primaryColor
|
||||
label.font = UIFont.ows_dynamicTypeBody
|
||||
textStack.addArrangedSubview(label)
|
||||
}
|
||||
if let displayDomain = state.displayDomain(),
|
||||
displayDomain.count > 0 {
|
||||
let label = UILabel()
|
||||
label.text = displayDomain.uppercased()
|
||||
label.textColor = Theme.secondaryColor
|
||||
label.font = UIFont.ows_dynamicTypeCaption1
|
||||
textStack.addArrangedSubview(label)
|
||||
}
|
||||
|
||||
let textWrapper = UIStackView(arrangedSubviews: [textStack])
|
||||
textWrapper.axis = .horizontal
|
||||
textWrapper.alignment = .center
|
||||
textWrapper.setContentHuggingHorizontalLow()
|
||||
textWrapper.setCompressionResistanceHorizontalLow()
|
||||
|
||||
rightStack.addArrangedSubview(textWrapper)
|
||||
|
||||
// Cancel
|
||||
|
||||
let cancelStack = UIStackView()
|
||||
cancelStack.axis = .horizontal
|
||||
cancelStack.alignment = .top
|
||||
cancelStack.setContentHuggingHigh()
|
||||
cancelStack.setCompressionResistanceHigh()
|
||||
|
||||
let cancelImage: UIImage = #imageLiteral(resourceName: "quoted-message-cancel").withRenderingMode(.alwaysTemplate)
|
||||
let cancelButton = UIImageView(image: cancelImage)
|
||||
self.cancelButton = cancelButton
|
||||
cancelButton.tintColor = Theme.secondaryColor
|
||||
cancelButton.setContentHuggingHigh()
|
||||
cancelButton.setCompressionResistanceHigh()
|
||||
cancelStack.addArrangedSubview(cancelButton)
|
||||
|
||||
rightStack.addArrangedSubview(cancelStack)
|
||||
|
||||
// Stroke
|
||||
let strokeView = UIView()
|
||||
strokeView.backgroundColor = Theme.secondaryColor
|
||||
rightStack.addSubview(strokeView)
|
||||
strokeView.autoPinWidthToSuperview()
|
||||
strokeView.autoPinEdge(toSuperviewEdge: .bottom)
|
||||
strokeView.autoSetDimension(.height, toSize: CGHairlineWidth())
|
||||
}
|
||||
|
||||
private func createImageView() -> UIImageView? {
|
||||
guard state.isLoaded() else {
|
||||
owsFailDebug("State not loaded.")
|
||||
return nil
|
||||
}
|
||||
|
||||
guard state.imageState() == .loaded else {
|
||||
return nil
|
||||
}
|
||||
guard let image = state.image() else {
|
||||
owsFailDebug("Could not load image.")
|
||||
return nil
|
||||
}
|
||||
let imageView = UIImageView()
|
||||
imageView.image = image
|
||||
return imageView
|
||||
}
|
||||
|
||||
private func createLoadingContents() {
|
||||
self.axis = .vertical
|
||||
self.alignment = .center
|
||||
self.autoSetDimension(.height, toSize: approvalHeight)
|
||||
|
||||
let label = UILabel()
|
||||
label.text = NSLocalizedString("LINK_PREVIEW_LOADING", comment: "Indicates that the link preview is being loaded.")
|
||||
label.textColor = Theme.secondaryColor
|
||||
label.font = UIFont.ows_dynamicTypeBody
|
||||
addArrangedSubview(label)
|
||||
}
|
||||
|
||||
// MARK: Events
|
||||
|
||||
@objc func wasTapped(sender: UIGestureRecognizer) {
|
||||
guard sender.state == .recognized else {
|
||||
return
|
||||
}
|
||||
if let cancelButton = cancelButton {
|
||||
let cancelLocation = sender.location(in: cancelButton)
|
||||
// Permissive hot area to make it very easy to cancel the link preview.
|
||||
let hotAreaInset: CGFloat = -20
|
||||
let cancelButtonHotArea = cancelButton.bounds.insetBy(dx: hotAreaInset, dy: hotAreaInset)
|
||||
if cancelButtonHotArea.contains(cancelLocation) {
|
||||
self.delegate?.linkPreviewDidCancel?()
|
||||
return
|
||||
}
|
||||
}
|
||||
self.delegate?.linkPreviewDidTap?(urlString: self.state.urlString())
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue