Posters, Libraries, Home

.gitignore

@@ -104,3 +104,4 @@ XcodeConfig/DevelopmentTeam.xcconfig
 
 # Other
 .idea
+.code

Shared/Components/ActionButtonHStack.swift

@@ -0,0 +1,86 @@
+//
+// Swiftfin is subject to the terms of the Mozilla Public
+// License, v2.0. If a copy of the MPL was not distributed with this
+// file, you can obtain one at https://mozilla.org/MPL/2.0/.
+//
+// Copyright (c) 2026 Jellyfin & Jellyfin Contributors
+//
+
+import Defaults
+import Factory
+import JellyfinAPI
+import SwiftUI
+
+// TODO: find some other name
+
+struct ActionButtonHStack: View {
+
+    @Injected(\.itemUserDataHandler)
+    private var itemUserDataHandler
+
+    @StoredValue(.User.enabledTrailers)
+    private var enabledTrailers: TrailerSelection
+
+    let item: BaseItemDto
+    let localTrailers: [BaseItemDto]
+
+    var body: some View {
+        HStack(alignment: .center, spacing: 10) {
+
+            if item.canBePlayed {
+
+                let isPlayedSelected = item.userData?.isPlayed == true
+
+                Button(L10n.played, systemImage: "checkmark") {
+                    itemUserDataHandler.setPlayedStatus(for: item, isPlayed: !isPlayedSelected)
+                }
+                .foregroundStyle(.white, Color.jellyfinPurple)
+                .isHighlighted(isPlayedSelected)
+                .frame(maxWidth: .infinity)
+            }
+
+            let isFavoriteSelected = item.userData?.isFavorite == true
+
+            Button(L10n.favorite, systemImage: isFavoriteSelected ? "heart.fill" : "heart") {
+                itemUserDataHandler.setFavoriteStatus(for: item, isFavorited: !isFavoriteSelected)
+            }
+            .foregroundStyle(.white, .red)
+            .isHighlighted(isFavoriteSelected)
+            .frame(maxWidth: .infinity)
+
+            TrailerMenu(
+                localTrailers: enabledTrailers.contains(.local) ? localTrailers : [],
+                remoteTrailers: enabledTrailers.contains(.external) ? (item.remoteTrailers ?? []) : []
+            )
+            .menuStyle(.button)
+            .foregroundStyle(.white)
+            .isHighlighted(false)
+            .frame(maxWidth: .infinity)
+
+            if UIDevice.isTV {
+                Menu {
+                    Section {
+                        Button(L10n.delete) {}
+                        Button(L10n.edit) {}
+                    }
+                } label: {
+                    Label {
+                        Text(L10n.advanced)
+                    } icon: {
+                        Image(systemName: "ellipsis")
+                            .rotationEffect(.degrees(90))
+                    }
+                }
+                .menuStyle(.button)
+                .foregroundStyle(.black, .white)
+                .frame(width: 60)
+            }
+        }
+        .font(.title3)
+        .fontWeight(.semibold)
+        .labelStyle(ActionLabelStyle())
+        .buttonStyle(_BasicHoverButtonStyle())
+        .frame(height: UIDevice.isTV ? 100 : 44)
+        .withViewContext(.isOverComplexContent)
+    }
+}

Shared/Components/AlternateLayoutView.swift

@@ -12,14 +12,12 @@ import SwiftUI
 struct AlternateLayoutView<Content: View, Layout: View>: View {
 
     @State
-    private var layoutSize: CGSize = .zero
+    private var layoutFrame: CGRect = .zero
 
     private let alignment: Alignment
     private let content: (CGSize) -> Content
     private let layout: Layout
 
-    private let passLayoutSize: Bool
-
     init(
         alignment: Alignment = .center,
         @ViewBuilder layout: @escaping () -> Layout,
@@ -28,8 +26,6 @@ struct AlternateLayoutView<Content: View, Layout: View>: View {
         self.alignment = alignment
         self.content = { _ in content() }
         self.layout = layout()
-
-        self.passLayoutSize = false
     }
 
     init(
@@ -40,20 +36,14 @@ struct AlternateLayoutView<Content: View, Layout: View>: View {
         self.alignment = alignment
         self.content = content
         self.layout = layout()
-
-        self.passLayoutSize = true
     }
 
     var body: some View {
         layout
             .hidden()
-            .trackingSize($layoutSize)
+            .trackingFrame($layoutFrame)
             .overlay(alignment: alignment) {
-                if passLayoutSize {
-                    content(layoutSize)
-                } else {
-                    content(.zero)
-                }
+                content(layoutFrame.size)
             }
     }
 }

Shared/Components/AttributeBadge.swift

@@ -8,7 +8,7 @@
 
 import SwiftUI
 
-struct AttributeBadge: View {
+struct AttributeBadge<Content: View>: View {
 
     @Environment(\.font)
     private var font
@@ -19,131 +19,47 @@ struct AttributeBadge: View {
     }
 
     private let style: Style
-    private let content: () -> any View
+    private let content: Content
 
-    private var usedFont: Font {
+    init(
+        style: Style,
+        @ViewBuilder content: () -> Content
+    ) {
+        self.style = style
+        self.content = content()
+    }
+
+    private var resolvedFont: Font {
         font ?? .caption.weight(.semibold)
     }
 
     @ViewBuilder
     private var innerBody: some View {
         if style == .fill {
-            content()
-                .eraseToAnyView()
+            content
                 .padding(.init(vertical: 1, horizontal: 4))
                 .hidden()
                 .background {
-                    Color(UIColor.lightGray)
-                        .cornerRadius(2)
+                    RoundedRectangle(cornerRadius: 2)
                         .inverseMask {
-                            content()
-                                .eraseToAnyView()
+                            content
                                 .padding(.init(vertical: 1, horizontal: 4))
                         }
                 }
         } else {
-            content()
-                .eraseToAnyView()
-                .foregroundStyle(Color(UIColor.lightGray))
+            content
                 .padding(.init(vertical: 1, horizontal: 4))
                 .overlay(
                     RoundedRectangle(cornerRadius: 2)
-                        .stroke(Color(UIColor.lightGray), lineWidth: 1)
+                        .stroke(lineWidth: 1)
                 )
         }
     }
 
     var body: some View {
         innerBody
             .labelStyle(AttributeBadgeLabelStyle())
-            .font(usedFont)
-    }
-}
-
-extension AttributeBadge {
-
-    init(
-        style: Style,
-        title: @autoclosure @escaping () -> Text
-    ) {
-        self.init(style: style) {
-            title()
-        }
-    }
-
-    init(
-        style: Style,
-        title: String
-    ) {
-        self.init(style: style) {
-            Text(title)
-        }
-    }
-
-    init(
-        style: Style,
-        title: String,
-        image: Image
-    ) {
-        self.style = style
-        self.content = {
-            Label { Text(title) } icon: { image }
-        }
-    }
-
-    init(
-        style: Style,
-        title: String,
-        image: @escaping () -> Image
-    ) {
-        self.style = style
-        self.content = {
-            Label { Text(title) } icon: { image() }
-        }
-    }
-
-    init(
-        style: Style,
-        title: String,
-        systemName: String
-    ) {
-        self.style = style
-        self.content = {
-            Label { Text(title) } icon: { Image(systemName: systemName) }
-        }
-    }
-
-    init(
-        style: Style,
-        title: Text,
-        image: Image
-    ) {
-        self.style = style
-        self.content = {
-            Label { title } icon: { image }
-        }
-    }
-
-    init(
-        style: Style,
-        title: Text,
-        image: @escaping () -> Image
-    ) {
-        self.style = style
-        self.content = {
-            Label { title } icon: { image() }
-        }
-    }
-
-    init(
-        style: Style,
-        title: Text,
-        systemName: String
-    ) {
-        self.style = style
-        self.content = {
-            Label { title } icon: { Image(systemName: systemName) }
-        }
+            .font(resolvedFont)
     }
 }