reenable card previews

Signed-off-by: Richard Chien <stdrc@outlook.com>
ringohoho · Jun 29, 2024 · 95f17f5 · 95f17f5
1 parent fc61440
commit 95f17f5
Show file tree

Hide file tree

Showing 4 changed files with 75 additions and 60 deletions.
diff --git a/excerpts/Cards/Bold.swift b/excerpts/Cards/Bold.swift
@@ -126,23 +126,25 @@ struct BoldCard: Card {
     }
 }
 
-// struct BoldCard_Previews: PreviewProvider {
-//    static let screenEdgePadding: CGFloat = 12
-//
-//    static var previews: some View {
-//        ForEach(Array(demoExcerpts.enumerated()), id: \.offset) { i, excerpt in
-//            GeometryReader { geometry in
-//                ScrollView(.vertical, showsIndicators: false) {
-//                    VStack {
-//                        BoldCard(CardOptions(excerpt: excerpt, width: geometry.size.width - screenEdgePadding * 2, font: BoldCard.meta.defaultFont))
-//                    }
-//                    .padding(screenEdgePadding)
-//                    .frame(width: geometry.size.width)
-//                    .frame(minHeight: geometry.size.height)
-//                }
-//            }
-//            .environment(\.locale, .init(identifier: "zh-Hans"))
-//            .previewDisplayName("Demo \(i + 1)")
-//        }
-//    }
-// }
+struct BoldCard_Previews: PreviewProvider {
+    static var previews: some View {
+        ForEach(Array(demoExcerpts.enumerated()), id: \.offset) { i, excerpt in
+            GeometryReader { geometry in
+                ScrollView(.vertical, showsIndicators: false) {
+                    HStack {
+                        Spacer()
+                        VStack {
+                            BoldCard(CardOptions(excerpt: excerpt, width: CardConsts.cardWidth(geometry.size.width), font: BoldCard.meta.defaultFont))
+                        }
+                        .frame(maxWidth: CardConsts.maxCardContainerWidth)
+                        .padding(CardConsts.cardContainerPadding)
+                        Spacer()
+                    }
+                    .frame(minHeight: geometry.size.height)
+                }
+            }
+            .environment(\.locale, .init(identifier: "zh-Hans"))
+            .previewDisplayName("Demo \(i + 1)")
+        }
+    }
+}
diff --git a/excerpts/Cards/Card.swift b/excerpts/Cards/Card.swift
@@ -24,3 +24,12 @@ protocol Card: View {
 
     init(_ options: CardOptions)
 }
+
+enum CardConsts {
+    static let cardContainerPadding: CGFloat = 12
+    static let maxCardContainerWidth: CGFloat = 400
+
+    static func cardWidth(_ geoWidth: CGFloat) -> CGFloat {
+        min(geoWidth, Self.maxCardContainerWidth) - Self.cardContainerPadding * 2
+    }
+}
diff --git a/excerpts/Cards/Classic.swift b/excerpts/Cards/Classic.swift
@@ -139,23 +139,25 @@ struct ClassicCard: Card {
     }
 }
 
-// struct ClassicCard_Previews: PreviewProvider {
-//    static let screenEdgePadding: CGFloat = 12
-//
-//    static var previews: some View {
-//        ForEach(Array(demoExcerpts.enumerated()), id: \.offset) { i, excerpt in
-//            GeometryReader { geometry in
-//                ScrollView(.vertical, showsIndicators: false) {
-//                    VStack {
-//                        ClassicCard(CardOptions(excerpt: excerpt, width: geometry.size.width - screenEdgePadding * 2, font: ClassicCard.meta.defaultFont))
-//                    }
-//                    .padding(screenEdgePadding)
-//                    .frame(width: geometry.size.width)
-//                    .frame(minHeight: geometry.size.height)
-//                }
-//            }
-//            .environment(\.locale, .init(identifier: "zh-Hans"))
-//            .previewDisplayName("Demo \(i + 1)")
-//        }
-//    }
-// }
+struct ClassicCard_Previews: PreviewProvider {
+    static var previews: some View {
+        ForEach(Array(demoExcerpts.enumerated()), id: \.offset) { i, excerpt in
+            GeometryReader { geometry in
+                ScrollView(.vertical, showsIndicators: false) {
+                    HStack {
+                        Spacer()
+                        VStack {
+                            ClassicCard(CardOptions(excerpt: excerpt, width: CardConsts.cardWidth(geometry.size.width), font: ClassicCard.meta.defaultFont))
+                        }
+                        .frame(maxWidth: CardConsts.maxCardContainerWidth)
+                        .padding(CardConsts.cardContainerPadding)
+                        Spacer()
+                    }
+                    .frame(minHeight: geometry.size.height)
+                }
+            }
+            .environment(\.locale, .init(identifier: "zh-Hans"))
+            .previewDisplayName("Demo \(i + 1)")
+        }
+    }
+}
diff --git a/excerpts/Cards/Minimal.swift b/excerpts/Cards/Minimal.swift
@@ -135,23 +135,25 @@ struct MinimalCard: Card {
     }
 }
 
-// struct MinimalCard_Previews: PreviewProvider {
-//    static let screenEdgePadding: CGFloat = 12
-//
-//    static var previews: some View {
-//        ForEach(Array(demoExcerpts.enumerated()), id: \.offset) { i, excerpt in
-//            GeometryReader { geometry in
-//                ScrollView(.vertical, showsIndicators: false) {
-//                    VStack {
-//                        MinimalCard(CardOptions(excerpt: excerpt, width: geometry.size.width - screenEdgePadding * 2, font: ClassicCard.meta.defaultFont))
-//                    }
-//                    .padding(screenEdgePadding)
-//                    .frame(width: geometry.size.width)
-//                    .frame(minHeight: geometry.size.height)
-//                }
-//            }
-//            .environment(\.locale, .init(identifier: "zh-Hans"))
-//            .previewDisplayName("Demo \(i + 1)")
-//        }
-//    }
-// }
+struct MinimalCard_Previews: PreviewProvider {
+    static var previews: some View {
+        ForEach(Array(demoExcerpts.enumerated()), id: \.offset) { i, excerpt in
+            GeometryReader { geometry in
+                ScrollView(.vertical, showsIndicators: false) {
+                    HStack {
+                        Spacer()
+                        VStack {
+                            MinimalCard(CardOptions(excerpt: excerpt, width: CardConsts.cardWidth(geometry.size.width), font: MinimalCard.meta.defaultFont))
+                        }
+                        .frame(maxWidth: CardConsts.maxCardContainerWidth)
+                        .padding(CardConsts.cardContainerPadding)
+                        Spacer()
+                    }
+                    .frame(minHeight: geometry.size.height)
+                }
+            }
+            .environment(\.locale, .init(identifier: "zh-Hans"))
+            .previewDisplayName("Demo \(i + 1)")
+        }
+    }
+}