Make StatusContentContainer play nice with hiding subviews

Tusker.xcodeproj/project.pbxproj

@@ -216,6 +216,9 @@
 		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 */; };
+		D6ADB6EC28EA73CB009924AB /* StatusContentContainer.swift in Sources */ = {isa = PBXBuildFile; fileRef = D6ADB6EB28EA73CB009924AB /* StatusContentContainer.swift */; };
+		D6ADB6EE28EA74E8009924AB /* UIView+Configure.swift in Sources */ = {isa = PBXBuildFile; fileRef = D6ADB6ED28EA74E8009924AB /* UIView+Configure.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 +565,9 @@
 		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>"; };
+		D6ADB6EB28EA73CB009924AB /* StatusContentContainer.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = StatusContentContainer.swift; sourceTree = "<group>"; };
+		D6ADB6ED28EA74E8009924AB /* UIView+Configure.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "UIView+Configure.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 +1028,8 @@
 				D6C1B2072545D1EC00DAAA66 /* StatusCardView.swift */,
 				D6EE63FA2551F7F60065485C /* StatusCollapseButton.swift */,
 				D62E9986279D094F00C26176 /* StatusMetaIndicatorsView.swift */,
+				D6ADB6E928E91C30009924AB /* TimelineStatusCollectionViewCell.swift */,
+				D6ADB6EB28EA73CB009924AB /* StatusContentContainer.swift */,
 			);
 			path = Status;
 			sourceTree = "<group>";
@@ -1123,6 +1131,7 @@
 				D6620ACD2511A0ED00312CA0 /* StatusStateResolver.swift */,
 				D69693F32585941A00F4E116 /* UIWindowSceneDelegate+Close.swift */,
 				D62E9984279CA23900C26176 /* URLSession+Development.swift */,
+				D6ADB6ED28EA74E8009924AB /* UIView+Configure.swift */,
 			);
 			path = Extensions;
 			sourceTree = "<group>";
@@ -1742,6 +1751,7 @@
 				D68E525D24A3E8F00054355A /* SearchViewController.swift in Sources */,
 				D6AEBB412321642700E5038B /* SendMesasgeActivity.swift in Sources */,
 				D6BC9DB1232C61BC002CA326 /* NotificationsPageViewController.swift in Sources */,
+				D6ADB6EC28EA73CB009924AB /* StatusContentContainer.swift in Sources */,
 				D6969E9E240C81B9002843CE /* NSTextAttachment+Emoji.swift in Sources */,
 				D6BC9DB3232D4C07002CA326 /* WellnessPrefsView.swift in Sources */,
 				D64BC18F23C18B9D000D0238 /* FollowRequestNotificationTableViewCell.swift in Sources */,
@@ -1827,6 +1837,7 @@
 				D6B17255254F88B800128392 /* OppositeCollapseKeywordsView.swift in Sources */,
 				D6A00B1D26379FC900316AD4 /* PollOptionsView.swift in Sources */,
 				D6DF95C12533F5DE0027A9B6 /* RelationshipMO.swift in Sources */,
+				D6ADB6EE28EA74E8009924AB /* UIView+Configure.swift in Sources */,
 				D623A5412635FB3C0095BD04 /* PollOptionView.swift in Sources */,
 				D65C6BF525478A9C00A6E89C /* BackgroundableViewController.swift in Sources */,
 				D6AEBB4A23216F0400E5038B /* UnfollowAccountActivity.swift in Sources */,
@@ -1924,6 +1935,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 */,

Tusker/Extensions/UIView+Configure.swift

@@ -0,0 +1,22 @@
+//
+//  UIView+Configure.swift
+//  Tusker
+//
+//  Created by Shadowfacts on 10/2/22.
+//  Copyright © 2022 Shadowfacts. All rights reserved.
+//
+
+import UIKit
+
+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 {
+}

Tusker/Screens/Timeline/TimelineViewController.swift

@@ -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),
+            guard let item = self.dataSource.itemIdentifier(for: indexPath) else {
-               item.hideSeparators {
-                var config = sectionSeparatorConfiguration
-                config.topSeparatorVisibility = .hidden
-                config.bottomSeparatorVisibility = .hidden
-                return config
-            } 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,24 @@ class TimelineViewController: UIViewController, TimelineLikeCollectionViewContro
     }
     
     private func createDataSource() -> UICollectionViewDiffableDataSource<Section, Item> {
-        let listCell = UICollectionView.CellRegistration<UICollectionViewListCell, Item> { [unowned self] cell, indexPath, item in
+//        let listCell = UICollectionView.CellRegistration<UICollectionViewListCell, Item> { [unowned self] cell, indexPath, item in
-            guard case .status(id: let id, state: _) = item,
+//            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()
+            cell.mastodonController = mastodonController
-            let doc = try! SwiftSoup.parseBodyFragment(status.content)
+            cell.delegate = self
-            config.text = try! doc.text()
+            cell.updateUI(statusID: id, state: state)
-            cell.contentConfiguration = config
         }
         let timelineDescriptionCell = UICollectionView.CellRegistration<PublicTimelineDescriptionCollectionViewCell, Item> { [unowned self] cell, indexPath, item in
             guard case .public(let local) = timeline else {
@@ -110,7 +123,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:
@@ -317,3 +330,12 @@ extension TimelineViewController: UICollectionViewDelegate {
         }
     }
 }
+
+extension TimelineViewController: TimelineStatusCollectionViewCellDelegate {
+    func statusCellCollapsedStateChanged(_ cell: TimelineStatusCollectionViewCell) {
+        let indexPath = collectionView.indexPath(for: cell)!
+        var snapshot = dataSource.snapshot()
+        snapshot.reconfigureItems([dataSource.itemIdentifier(for: indexPath)!])
+        dataSource.apply(snapshot, animatingDifferences: true)
+    }
+}

Tusker/Views/Status/StatusContentContainer.swift

@@ -0,0 +1,114 @@
+//
+//  StatusContentContainer.swift
+//  Tusker
+//
+//  Created by Shadowfacts on 10/2/22.
+//  Copyright © 2022 Shadowfacts. All rights reserved.
+//
+
+import UIKit
+
+class StatusContentContainer: UIView {
+
+     let contentTextView = StatusContentTextView().configure {
+        $0.defaultFont = .systemFont(ofSize: 16)
+        $0.isScrollEnabled = false
+        $0.backgroundColor = nil
+    }
+    
+    let cardView = StatusCardView().configure {
+        NSLayoutConstraint.activate([
+            $0.heightAnchor.constraint(equalToConstant: 65),
+        ])
+    }
+    
+    let attachmentsView = AttachmentsContainerView().configure {
+        NSLayoutConstraint.activate([
+            $0.heightAnchor.constraint(equalTo: $0.widthAnchor, multiplier: 9/16),
+        ])
+    }
+    
+    let pollView = StatusPollView()
+    
+    private var arrangedSubviews: [UIView] {
+        [contentTextView, cardView, attachmentsView, pollView]
+    }
+    
+    private var isHiddenObservations: [NSKeyValueObservation] = []
+    
+    private var verticalConstraints: [NSLayoutConstraint] = []
+    private var lastSubviewBottomConstraint: NSLayoutConstraint?
+    private var zeroHeightConstraint: NSLayoutConstraint!
+   
+    override init(frame: CGRect) {
+        super.init(frame: frame)
+        
+        for subview in arrangedSubviews {
+            subview.translatesAutoresizingMaskIntoConstraints = false
+            addSubview(subview)
+            
+            NSLayoutConstraint.activate([
+                subview.leadingAnchor.constraint(equalTo: leadingAnchor),
+                subview.trailingAnchor.constraint(equalTo: trailingAnchor),
+            ])
+        }
+        
+        // this constraint needs to have low priority so that during the collapse/expand animation, the content container is the view that shrinks/expands
+        zeroHeightConstraint = heightAnchor.constraint(equalToConstant: 0)
+        zeroHeightConstraint.priority = .defaultLow
+        
+        setNeedsUpdateConstraints()
+        
+        // mask to bounds so that the during the expand/collapse animation, subviews are clipped
+        layer.masksToBounds = true
+        
+        isHiddenObservations = arrangedSubviews.map {
+            $0.observe(\.isHidden) { [unowned self] _, _ in
+                self.setNeedsUpdateConstraints()
+            }
+        }
+    }
+    
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+    
+    override func updateConstraints() {
+        NSLayoutConstraint.deactivate(verticalConstraints)
+        verticalConstraints = []
+        var lastVisibleSubview: UIView?
+        
+        for subview in arrangedSubviews {
+            guard !subview.isHidden else {
+                continue
+            }
+            
+            if let lastVisibleSubview {
+                verticalConstraints.append(subview.topAnchor.constraint(equalTo: lastVisibleSubview.bottomAnchor, constant: 4))
+            } else {
+                verticalConstraints.append(subview.topAnchor.constraint(equalTo: topAnchor))
+            }
+            
+            lastVisibleSubview = subview
+        }
+        
+        NSLayoutConstraint.activate(verticalConstraints)
+        
+        lastSubviewBottomConstraint?.isActive = false
+        // this constraint needs to have low priority so that during the collapse/expand animation, the content container is the view that shrinks/expands
+        lastSubviewBottomConstraint = subviews.last(where: { !$0.isHidden })!.bottomAnchor.constraint(equalTo: bottomAnchor)
+        lastSubviewBottomConstraint!.isActive = true
+        lastSubviewBottomConstraint!.priority = .defaultLow
+        
+        super.updateConstraints()
+    }
+    
+    func setCollapsed(_ collapsed: Bool) {
+        // ensure that we have a lastSubviewBottomConstraint
+        updateConstraintsIfNeeded()
+        // force unwrap because the content container should always have at least one view
+        lastSubviewBottomConstraint!.isActive = !collapsed
+        zeroHeightConstraint.isActive = collapsed
+    }
+    
+}

Tusker/Views/Status/StatusMetaIndicatorsView.swift

@@ -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

Tusker/Views/Status/TimelineStatusCollectionViewCell.swift

@@ -0,0 +1,308 @@
+//
+//  TimelineStatusCollectionViewCell.swift
+//  Tusker
+//
+//  Created by Shadowfacts on 10/1/22.
+//  Copyright © 2022 Shadowfacts. All rights reserved.
+//
+
+import UIKit
+import Pachyderm
+
+@MainActor
+protocol TimelineStatusCollectionViewCellDelegate: AnyObject {
+    func statusCellCollapsedStateChanged(_ cell: TimelineStatusCollectionViewCell)
+}
+
+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
+        // this needs to have a higher priorty than the content container's zero height constraint
+        $0.setContentHuggingPriority(.defaultHigh, for: .vertical)
+        // 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,
+        contentContainer,
+    ]).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 lazy var contentWarningLabel = UILabel().configure {
+        $0.textColor = .secondaryLabel
+        $0.font = UIFont(descriptor: .preferredFontDescriptor(withTextStyle: .body).addingAttributes([
+            .traits: [
+                UIFontDescriptor.TraitKey.weight: UIFont.Weight.bold.rawValue,
+            ]
+        ]), size: 0)
+        // this needs to have a higher priorty than the content container's zero height constraint
+        $0.setContentHuggingPriority(.defaultHigh, for: .vertical)
+        $0.addGestureRecognizer(UITapGestureRecognizer(target: self, action: #selector(collapseButtonPressed)))
+    }
+    
+    private lazy var collapseButton = UIButton(configuration: {
+        var config = UIButton.Configuration.filled()
+        config.image = UIImage(systemName: "chevron.down")
+        return config
+    }()).configure {
+        $0.setContentHuggingPriority(.defaultHigh, for: .vertical)
+        $0.addTarget(self, action: #selector(collapseButtonPressed), for: .touchUpInside)
+        // TODO: masksToBounds and cornerRadius?
+    }
+    
+    private let contentContainer = StatusContentContainer().configure {
+        $0.setContentHuggingPriority(.defaultLow, for: .vertical)
+    }
+    private var contentTextView: StatusContentTextView {
+        contentContainer.contentTextView
+    }
+    private var cardView: StatusCardView {
+        contentContainer.cardView
+    }
+    private var attachmentsView: AttachmentsContainerView {
+        contentContainer.attachmentsView
+    }
+    private var pollView: StatusPollView {
+        contentContainer.pollView
+    }
+    
+    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
+    }
+    
+    weak var mastodonController: MastodonController!
+    weak var delegate: TimelineStatusCollectionViewCellDelegate?
+    
+    private(set) var statusID: String?
+    private(set) var statusState = StatusState.unknown
+    
+    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
+        }
+    }
+    
+    func updateUI(statusID: String, state: StatusState) {
+        guard let status = mastodonController.persistentContainer.status(for: statusID) else {
+            fatalError()
+        }
+        self.statusID = statusID
+        self.statusState = state
+        // TODO: remove this hack
+        state.collapsible = true
+        state.collapsed = state.collapsed ?? false
+//        state.resolveFor(status: status, text: "")
+        print("updateUI setting collapsed to: \(state.collapsed!)")
+        contentContainer.setCollapsed(state.collapsed!)
+        collapseButton.imageView!.transform = CGAffineTransform(rotationAngle: state.collapsed! ? .pi : 0)
+    }
+    
+    // MARK: Interaction
+    
+    @objc func collapseButtonPressed() {
+        statusState.collapsed!.toggle()
+        // this delegate call causes the collection view to reconfigure this cell, at which point (and inside of the collection view's animation handling) we'll update the contentContainer
+        delegate?.statusCellCollapsedStateChanged(self)
+    }
+    
+}