Start converting timeline status to UICollectionViewCell
This commit is contained in:
parent
a38c89a17f
commit
81671d73c7
|
@ -216,6 +216,7 @@
|
|||
D6ACE1AC240C3BAD004EA8E2 /* Ambassador.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = D65F613023AE99E000F3CFD3 /* Ambassador.framework */; };
|
||||
D6ACE1AD240C3BAD004EA8E2 /* Embassy.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = D65F612D23AE990C00F3CFD3 /* Embassy.framework */; };
|
||||
D6ADB6E828E8C878009924AB /* PublicTimelineDescriptionCollectionViewCell.swift in Sources */ = {isa = PBXBuildFile; fileRef = D6ADB6E728E8C878009924AB /* PublicTimelineDescriptionCollectionViewCell.swift */; };
|
||||
D6ADB6EA28E91C30009924AB /* TimelineStatusCollectionViewCell.swift in Sources */ = {isa = PBXBuildFile; fileRef = D6ADB6E928E91C30009924AB /* TimelineStatusCollectionViewCell.swift */; };
|
||||
D6AEBB3E2321638100E5038B /* UIActivity+Types.swift in Sources */ = {isa = PBXBuildFile; fileRef = D6AEBB3D2321638100E5038B /* UIActivity+Types.swift */; };
|
||||
D6AEBB412321642700E5038B /* SendMesasgeActivity.swift in Sources */ = {isa = PBXBuildFile; fileRef = D6AEBB402321642700E5038B /* SendMesasgeActivity.swift */; };
|
||||
D6AEBB432321685E00E5038B /* OpenInSafariActivity.swift in Sources */ = {isa = PBXBuildFile; fileRef = D6AEBB422321685E00E5038B /* OpenInSafariActivity.swift */; };
|
||||
|
@ -562,6 +563,7 @@
|
|||
D6A6C11A25B63CEE00298D0F /* MemoryCache.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = MemoryCache.swift; sourceTree = "<group>"; };
|
||||
D6AC956623C4347E008C9946 /* MainSceneDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = MainSceneDelegate.swift; sourceTree = "<group>"; };
|
||||
D6ADB6E728E8C878009924AB /* PublicTimelineDescriptionCollectionViewCell.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PublicTimelineDescriptionCollectionViewCell.swift; sourceTree = "<group>"; };
|
||||
D6ADB6E928E91C30009924AB /* TimelineStatusCollectionViewCell.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TimelineStatusCollectionViewCell.swift; sourceTree = "<group>"; };
|
||||
D6AEBB3D2321638100E5038B /* UIActivity+Types.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "UIActivity+Types.swift"; sourceTree = "<group>"; };
|
||||
D6AEBB402321642700E5038B /* SendMesasgeActivity.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SendMesasgeActivity.swift; sourceTree = "<group>"; };
|
||||
D6AEBB422321685E00E5038B /* OpenInSafariActivity.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = OpenInSafariActivity.swift; sourceTree = "<group>"; };
|
||||
|
@ -1022,6 +1024,7 @@
|
|||
D6C1B2072545D1EC00DAAA66 /* StatusCardView.swift */,
|
||||
D6EE63FA2551F7F60065485C /* StatusCollapseButton.swift */,
|
||||
D62E9986279D094F00C26176 /* StatusMetaIndicatorsView.swift */,
|
||||
D6ADB6E928E91C30009924AB /* TimelineStatusCollectionViewCell.swift */,
|
||||
);
|
||||
path = Status;
|
||||
sourceTree = "<group>";
|
||||
|
@ -1924,6 +1927,7 @@
|
|||
D66362752137068A00C9CBA2 /* Visibility+Helpers.swift in Sources */,
|
||||
D6DFC6A0242C4CCC00ACC392 /* WeakArray.swift in Sources */,
|
||||
D6C693FC2162FE6F007D6A6D /* LoadingViewController.swift in Sources */,
|
||||
D6ADB6EA28E91C30009924AB /* TimelineStatusCollectionViewCell.swift in Sources */,
|
||||
D681E4D7246E32290053414F /* StatusActivityItemSource.swift in Sources */,
|
||||
D646C95A213B5D0500269FB5 /* LargeImageInteractionController.swift in Sources */,
|
||||
D6A3BC7C232195C600FD64D5 /* ActionNotificationGroupTableViewCell.swift in Sources */,
|
||||
|
|
|
@ -48,15 +48,19 @@ class TimelineViewController: UIViewController, TimelineLikeCollectionViewContro
|
|||
// TODO: swipe actions
|
||||
// config.trailingSwipeActionsConfigurationProvider =
|
||||
config.itemSeparatorHandler = { [unowned self] indexPath, sectionSeparatorConfiguration in
|
||||
if let item = self.dataSource.itemIdentifier(for: indexPath),
|
||||
item.hideSeparators {
|
||||
var config = sectionSeparatorConfiguration
|
||||
config.topSeparatorVisibility = .hidden
|
||||
config.bottomSeparatorVisibility = .hidden
|
||||
return config
|
||||
} else {
|
||||
guard let item = self.dataSource.itemIdentifier(for: indexPath) else {
|
||||
return sectionSeparatorConfiguration
|
||||
}
|
||||
var config = sectionSeparatorConfiguration
|
||||
if item.hideSeparators {
|
||||
config.topSeparatorVisibility = .hidden
|
||||
config.bottomSeparatorVisibility = .hidden
|
||||
}
|
||||
if case .status(_, _) = item {
|
||||
config.topSeparatorInsets = NSDirectionalEdgeInsets(top: 0, leading: 16, bottom: 0, trailing: 0)
|
||||
config.bottomSeparatorInsets = NSDirectionalEdgeInsets(top: 0, leading: 16, bottom: 0, trailing: 0)
|
||||
}
|
||||
return config
|
||||
}
|
||||
let layout = UICollectionViewCompositionalLayout.list(using: config)
|
||||
view = UICollectionView(frame: .zero, collectionViewLayout: layout)
|
||||
|
@ -87,15 +91,22 @@ class TimelineViewController: UIViewController, TimelineLikeCollectionViewContro
|
|||
}
|
||||
|
||||
private func createDataSource() -> UICollectionViewDiffableDataSource<Section, Item> {
|
||||
let listCell = UICollectionView.CellRegistration<UICollectionViewListCell, Item> { [unowned self] cell, indexPath, item in
|
||||
guard case .status(id: let id, state: _) = item,
|
||||
// let listCell = UICollectionView.CellRegistration<UICollectionViewListCell, Item> { [unowned self] cell, indexPath, item in
|
||||
// guard case .status(id: let id, state: _) = item,
|
||||
// let status = mastodonController.persistentContainer.status(for: id) else {
|
||||
// fatalError()
|
||||
// }
|
||||
// var config = cell.defaultContentConfiguration()
|
||||
// let doc = try! SwiftSoup.parseBodyFragment(status.content)
|
||||
// config.text = try! doc.text()
|
||||
// cell.contentConfiguration = config
|
||||
// }
|
||||
let statusCell = UICollectionView.CellRegistration<TimelineStatusCollectionViewCell, Item> { [unowned self] cell, indexPath, item in
|
||||
guard case .status(id: let id, state: let state) = item,
|
||||
let status = mastodonController.persistentContainer.status(for: id) else {
|
||||
fatalError()
|
||||
}
|
||||
var config = cell.defaultContentConfiguration()
|
||||
let doc = try! SwiftSoup.parseBodyFragment(status.content)
|
||||
config.text = try! doc.text()
|
||||
cell.contentConfiguration = config
|
||||
// TODO: update cell
|
||||
}
|
||||
let timelineDescriptionCell = UICollectionView.CellRegistration<PublicTimelineDescriptionCollectionViewCell, Item> { [unowned self] cell, indexPath, item in
|
||||
guard case .public(let local) = timeline else {
|
||||
|
@ -110,7 +121,7 @@ class TimelineViewController: UIViewController, TimelineLikeCollectionViewContro
|
|||
return UICollectionViewDiffableDataSource(collectionView: collectionView) { [unowned self] collectionView, indexPath, itemIdentifier in
|
||||
switch itemIdentifier {
|
||||
case .status(_, _):
|
||||
return collectionView.dequeueConfiguredReusableCell(using: listCell, for: indexPath, item: itemIdentifier)
|
||||
return collectionView.dequeueConfiguredReusableCell(using: statusCell, for: indexPath, item: itemIdentifier)
|
||||
case .loadingIndicator:
|
||||
return loadingIndicatorCell(for: indexPath)
|
||||
case .confirmLoadMore:
|
||||
|
|
|
@ -41,7 +41,6 @@ class StatusMetaIndicatorsView: UIView {
|
|||
v.preferredSymbolConfiguration = .init(weight: .thin)
|
||||
addSubview(v)
|
||||
|
||||
v.heightAnchor.constraint(equalToConstant: 22).isActive = true
|
||||
if index % 2 == 0 {
|
||||
if index == images.count - 1 {
|
||||
v.trailingAnchor.constraint(equalTo: trailingAnchor).isActive = true
|
||||
|
|
|
@ -0,0 +1,289 @@
|
|||
//
|
||||
// TimelineStatusCollectionViewCell.swift
|
||||
// Tusker
|
||||
//
|
||||
// Created by Shadowfacts on 10/1/22.
|
||||
// Copyright © 2022 Shadowfacts. All rights reserved.
|
||||
//
|
||||
|
||||
import UIKit
|
||||
|
||||
class TimelineStatusCollectionViewCell: UICollectionViewListCell {
|
||||
|
||||
private lazy var vStack = UIStackView(arrangedSubviews: [
|
||||
reblogLabel,
|
||||
reblogSpacer,
|
||||
mainContainer,
|
||||
actionsContainer,
|
||||
]).configure {
|
||||
$0.axis = .vertical
|
||||
$0.alignment = .fill
|
||||
}
|
||||
|
||||
private let reblogLabel = UILabel().configure {
|
||||
$0.textColor = .secondaryLabel
|
||||
// TODO: tap gesture
|
||||
// $0.addGestureRecognizer(UITapGestureRecognizer(target: self, action: #selector(reblogLabelPressed)))
|
||||
}
|
||||
|
||||
private let reblogSpacer = UIView().configure {
|
||||
$0.backgroundColor = nil
|
||||
NSLayoutConstraint.activate([
|
||||
$0.heightAnchor.constraint(equalToConstant: 4),
|
||||
])
|
||||
}
|
||||
|
||||
private lazy var mainContainer = UIView().configure {
|
||||
avatarImageView.translatesAutoresizingMaskIntoConstraints = false
|
||||
$0.addSubview(avatarImageView)
|
||||
contentVStack.translatesAutoresizingMaskIntoConstraints = false
|
||||
$0.addSubview(contentVStack)
|
||||
metaIndicatorsView.translatesAutoresizingMaskIntoConstraints = false
|
||||
$0.addSubview(metaIndicatorsView)
|
||||
NSLayoutConstraint.activate([
|
||||
avatarImageView.leadingAnchor.constraint(equalTo: $0.leadingAnchor),
|
||||
avatarImageView.topAnchor.constraint(equalTo: $0.topAnchor),
|
||||
contentVStack.leadingAnchor.constraint(equalTo: avatarImageView.trailingAnchor, constant: 8),
|
||||
contentVStack.trailingAnchor.constraint(equalTo: $0.trailingAnchor),
|
||||
contentVStack.topAnchor.constraint(equalTo: $0.topAnchor),
|
||||
contentVStack.bottomAnchor.constraint(equalTo: $0.bottomAnchor),
|
||||
metaIndicatorsView.leadingAnchor.constraint(greaterThanOrEqualTo: $0.leadingAnchor),
|
||||
metaIndicatorsView.trailingAnchor.constraint(equalTo: avatarImageView.trailingAnchor),
|
||||
metaIndicatorsView.topAnchor.constraint(equalTo: avatarImageView.bottomAnchor, constant: 4),
|
||||
metaIndicatorsView.bottomAnchor.constraint(lessThanOrEqualTo: $0.bottomAnchor),
|
||||
])
|
||||
}
|
||||
|
||||
private let avatarImageView = UIImageView().configure {
|
||||
$0.layer.masksToBounds = true
|
||||
NSLayoutConstraint.activate([
|
||||
$0.heightAnchor.constraint(equalToConstant: 50),
|
||||
$0.widthAnchor.constraint(equalToConstant: 50),
|
||||
])
|
||||
// TODO: context menu
|
||||
// $0.addInteraction(UIContextMenuInteraction(delegate: self))
|
||||
// TODO: drag gesture
|
||||
// $0.addInteraction(UIDragInteraction(delegate: self))
|
||||
// TODO: tap gesture
|
||||
// $0.addGestureRecognizer(UITapGestureRecognizer(target: self, action: #selector(accountPressed)))
|
||||
}
|
||||
|
||||
private let metaIndicatorsView = StatusMetaIndicatorsView()
|
||||
|
||||
private lazy var contentVStack = UIStackView(arrangedSubviews: [
|
||||
nameHStack,
|
||||
contentWarningLabel,
|
||||
collapseButton,
|
||||
contentTextView,
|
||||
cardView,
|
||||
attachmentsView,
|
||||
pollView,
|
||||
]).configure {
|
||||
$0.axis = .vertical
|
||||
$0.spacing = 4
|
||||
$0.alignment = .fill
|
||||
}
|
||||
|
||||
private lazy var nameHStack = UIStackView(arrangedSubviews: [
|
||||
displayNameLabel,
|
||||
usernameLabel,
|
||||
pinImageView,
|
||||
timestampLabel,
|
||||
]).configure {
|
||||
$0.axis = .horizontal
|
||||
$0.spacing = 4
|
||||
// TODO: tap gesture
|
||||
// $0.addGestureRecognizer(UITapGestureRecognizer(target: self, action: #selector(accountPressed)))
|
||||
}
|
||||
|
||||
private let displayNameLabel = EmojiLabel().configure {
|
||||
$0.font = UIFont(descriptor: .preferredFontDescriptor(withTextStyle: .body).addingAttributes([
|
||||
.traits: [
|
||||
UIFontDescriptor.TraitKey.weight: UIFont.Weight.semibold.rawValue,
|
||||
]
|
||||
]), size: 0)
|
||||
$0.setContentHuggingPriority(.init(251), for: .horizontal)
|
||||
$0.setContentCompressionResistancePriority(.init(749), for: .horizontal)
|
||||
}
|
||||
|
||||
private let usernameLabel = UILabel().configure {
|
||||
$0.textColor = .secondaryLabel
|
||||
$0.font = UIFont(descriptor: .preferredFontDescriptor(withTextStyle: .body).addingAttributes([
|
||||
.traits: [
|
||||
UIFontDescriptor.TraitKey.weight: UIFont.Weight.light.rawValue,
|
||||
]
|
||||
]), size: 0)
|
||||
$0.setContentHuggingPriority(.init(249), for: .horizontal)
|
||||
$0.setContentCompressionResistancePriority(.init(748), for: .horizontal)
|
||||
}
|
||||
|
||||
private let pinImageView = UIImageView(image: UIImage(systemName: "pin.fill")).configure {
|
||||
$0.tintColor = .secondaryLabel
|
||||
$0.setContentHuggingPriority(.init(251), for: .horizontal)
|
||||
}
|
||||
|
||||
private let timestampLabel = UILabel().configure {
|
||||
$0.textColor = .secondaryLabel
|
||||
$0.font = UIFont(descriptor: .preferredFontDescriptor(withTextStyle: .body).addingAttributes([
|
||||
.traits: [
|
||||
UIFontDescriptor.TraitKey.weight: UIFont.Weight.light.rawValue,
|
||||
]
|
||||
]), size: 0)
|
||||
}
|
||||
|
||||
private let contentWarningLabel = UILabel().configure {
|
||||
$0.textColor = .secondaryLabel
|
||||
$0.font = UIFont(descriptor: .preferredFontDescriptor(withTextStyle: .body).addingAttributes([
|
||||
.traits: [
|
||||
UIFontDescriptor.TraitKey.weight: UIFont.Weight.bold.rawValue,
|
||||
]
|
||||
]), size: 0)
|
||||
// TODO: tap gesture
|
||||
// $0.addGestureRecognizer(UITapGestureRecognizer(target: self, action: #selector(collapseButtonPressed)))
|
||||
}
|
||||
|
||||
private let collapseButton = UIButton(configuration: {
|
||||
var config = UIButton.Configuration.filled()
|
||||
config.image = UIImage(systemName: "chevron.down")
|
||||
return config
|
||||
}(), primaryAction: nil).configure {
|
||||
_ = $0
|
||||
// TODO: masksToBounds and cornerRadius?
|
||||
}
|
||||
|
||||
private let contentTextView = StatusContentTextView().configure {
|
||||
$0.defaultFont = .systemFont(ofSize: 16)
|
||||
$0.isScrollEnabled = false
|
||||
$0.backgroundColor = nil
|
||||
}
|
||||
|
||||
private let cardView = StatusCardView().configure {
|
||||
NSLayoutConstraint.activate([
|
||||
$0.heightAnchor.constraint(equalToConstant: 65),
|
||||
])
|
||||
}
|
||||
|
||||
private let attachmentsView = AttachmentsContainerView().configure {
|
||||
NSLayoutConstraint.activate([
|
||||
$0.heightAnchor.constraint(equalTo: $0.widthAnchor, multiplier: 9/16),
|
||||
])
|
||||
}
|
||||
|
||||
private let pollView = StatusPollView()
|
||||
|
||||
private var placeholderReplyButtonLeadingConstraint: NSLayoutConstraint!
|
||||
private lazy var actionsContainer = UIView().configure {
|
||||
replyButton.translatesAutoresizingMaskIntoConstraints = false
|
||||
$0.addSubview(replyButton)
|
||||
favoriteButton.translatesAutoresizingMaskIntoConstraints = false
|
||||
$0.addSubview(favoriteButton)
|
||||
reblogButton.translatesAutoresizingMaskIntoConstraints = false
|
||||
$0.addSubview(reblogButton)
|
||||
moreButton.translatesAutoresizingMaskIntoConstraints = false
|
||||
$0.addSubview(moreButton)
|
||||
placeholderReplyButtonLeadingConstraint = replyButton.leadingAnchor.constraint(equalTo: $0.leadingAnchor)
|
||||
NSLayoutConstraint.activate([
|
||||
favoriteButton.widthAnchor.constraint(equalTo: replyButton.widthAnchor),
|
||||
reblogButton.widthAnchor.constraint(equalTo: replyButton.widthAnchor),
|
||||
moreButton.widthAnchor.constraint(equalTo: replyButton.widthAnchor),
|
||||
|
||||
// TODO: gah
|
||||
placeholderReplyButtonLeadingConstraint,
|
||||
replyButton.topAnchor.constraint(equalTo: $0.topAnchor),
|
||||
replyButton.bottomAnchor.constraint(equalTo: $0.bottomAnchor),
|
||||
|
||||
favoriteButton.leadingAnchor.constraint(equalTo: replyButton.trailingAnchor),
|
||||
favoriteButton.topAnchor.constraint(equalTo: $0.topAnchor),
|
||||
favoriteButton.bottomAnchor.constraint(equalTo: $0.bottomAnchor),
|
||||
|
||||
reblogButton.leadingAnchor.constraint(equalTo: favoriteButton.trailingAnchor),
|
||||
reblogButton.topAnchor.constraint(equalTo: $0.topAnchor),
|
||||
reblogButton.bottomAnchor.constraint(equalTo: $0.bottomAnchor),
|
||||
|
||||
moreButton.leadingAnchor.constraint(equalTo: reblogButton.trailingAnchor),
|
||||
moreButton.trailingAnchor.constraint(equalTo: $0.trailingAnchor),
|
||||
moreButton.topAnchor.constraint(equalTo: $0.topAnchor),
|
||||
moreButton.bottomAnchor.constraint(equalTo: $0.bottomAnchor),
|
||||
])
|
||||
}
|
||||
|
||||
private let replyButton = UIButton().configure {
|
||||
$0.setImage(UIImage(systemName: "arrowshape.turn.up.left.fill"), for: .normal)
|
||||
}
|
||||
|
||||
private let favoriteButton = UIButton().configure {
|
||||
$0.setImage(UIImage(systemName: "star.fill"), for: .normal)
|
||||
}
|
||||
|
||||
private let reblogButton = UIButton().configure {
|
||||
$0.setImage(UIImage(systemName: "repeat"), for: .normal)
|
||||
}
|
||||
|
||||
private let moreButton = UIButton().configure {
|
||||
$0.setImage(UIImage(systemName: "ellipsis"), for: .normal)
|
||||
$0.showsMenuAsPrimaryAction = true
|
||||
}
|
||||
|
||||
private var firstLayout = true
|
||||
|
||||
override init(frame: CGRect) {
|
||||
super.init(frame: frame)
|
||||
|
||||
vStack.translatesAutoresizingMaskIntoConstraints = false
|
||||
contentView.addSubview(vStack)
|
||||
NSLayoutConstraint.activate([
|
||||
vStack.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: 16),
|
||||
vStack.trailingAnchor.constraint(equalTo: contentView.trailingAnchor, constant: -16),
|
||||
vStack.topAnchor.constraint(equalTo: contentView.topAnchor, constant: 8),
|
||||
vStack.bottomAnchor.constraint(equalTo: contentView.bottomAnchor, constant: -8),
|
||||
])
|
||||
|
||||
// TEMP
|
||||
reblogLabel.text = "Reblogged by Person"
|
||||
avatarImageView.backgroundColor = .red
|
||||
displayNameLabel.text = "Display name"
|
||||
usernameLabel.text = "@username"
|
||||
timestampLabel.text = "2m"
|
||||
contentWarningLabel.text = "Content Warning"
|
||||
contentTextView.setTextFromHtml("<p>Weeeeeeeee</p>")
|
||||
attachmentsView.backgroundColor = .red
|
||||
metaIndicatorsView.placeholder()
|
||||
// contentWarningLabel.isHidden = true
|
||||
// collapseButton.isHidden = true
|
||||
// cardView.isHidden = true
|
||||
// pollView.isHidden = true
|
||||
// attachmentsView.isHidden = true
|
||||
// actionsContainer.isHidden = true
|
||||
}
|
||||
|
||||
required init?(coder: NSCoder) {
|
||||
fatalError("init(coder:) has not been implemented")
|
||||
}
|
||||
|
||||
override func layoutSubviews() {
|
||||
super.layoutSubviews()
|
||||
|
||||
// the button's image view doesn't exist until after the first layout
|
||||
// accessing it before that cause the button to layoutIfNeeded which generates a broken, intermediate layout and prints a bunch of unhelpful autolayout warnings
|
||||
// so we wait until after the first layout pass to setup the reply button's real constraint
|
||||
if firstLayout {
|
||||
firstLayout = false
|
||||
placeholderReplyButtonLeadingConstraint.isActive = false
|
||||
replyButton.imageView!.leadingAnchor.constraint(equalTo: contentTextView.leadingAnchor).isActive = true
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
fileprivate protocol Configurable {
|
||||
associatedtype T = Self
|
||||
func configure(_ closure: (T) -> Void) -> T
|
||||
}
|
||||
extension Configurable where Self: UIView {
|
||||
func configure(_ closure: (Self) -> Void) -> Self {
|
||||
closure(self)
|
||||
return self
|
||||
}
|
||||
}
|
||||
extension UIView: Configurable {
|
||||
}
|
Loading…
Reference in New Issue