Revision control
Copy as Markdown
// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
#if DEBUG
import Common
import SwiftUI
import UIKit
/// Hosts the screen over sample sections matching the designed payload view. Plain literals, so
/// the preview doesn't depend on the Client.
private struct WebCompatTechnicalDataHost: UIViewControllerRepresentable {
typealias PreviewRow = WebCompatTechnicalDataViewModel.PreviewRow
typealias PreviewSection = WebCompatTechnicalDataViewModel.PreviewSection
typealias PreviewValue = WebCompatTechnicalDataViewModel.PreviewValue
var themeType: ThemeType = .light
func makeUIViewController(context: Context) -> UINavigationController {
let viewModel = WebCompatTechnicalDataViewModel(
title: "Technical Data",
closeAccessibilityLabel: "Close",
closeA11yIdentifier: "WebCompatReporter.Preview.Close",
sections: Self.sampleSections
)
// The screen reads its colors from the manager, so the canvas appearance alone can't
// darken it; the manager has to be told.
let themeManager = DefaultThemeManager(sharedContainerIdentifier: "")
themeManager.setSystemTheme(isOn: false)
themeManager.setManualTheme(to: themeType)
let controller = WebCompatTechnicalDataViewController(
viewModel: viewModel,
windowUUID: .DefaultUITestingUUID,
themeManager: themeManager
)
return UINavigationController(rootViewController: controller)
}
func updateUIViewController(_ navigationController: UINavigationController, context: Context) {}
private static func section(_ key: String, _ fields: [(String, PreviewValue)]) -> PreviewSection {
return PreviewSection(
id: key,
title: key,
a11yIdentifier: "WebCompatReporter.Preview.Section.\(key)",
contentA11yIdentifier: "WebCompatReporter.Preview.Section.\(key).content",
rows: fields.map { PreviewRow(id: "\(key).\($0.0)", label: $0.0, value: $0.1) }
)
}
private static let sampleSections: [PreviewSection] = [
section("basic", [
("breakage_category", .string("images_not_loaded")),
("description", .string("The recipe images never load on this page."))
]),
section("tabInfo", [
("languages", .list(["en-US"])),
("useragent_string", .string("Mozilla/5.0 (iPhone; CPU iPhone OS 26_0…)"))
]),
section("graphics", [
("device_pixel_ratio", .quantity(3)),
("has_touch_screen", .bool(true))
]),
section("antiTracking", [
("block_list", .string("basic")),
("blocked_origins", .null),
("etp_category", .string("standard")),
("is_private_browsing", .bool(false))
]),
section("frameworks", [
("fastclick", .bool(false)),
("marfeel", .bool(false)),
("mobify", .bool(false))
]),
section("browserInfo", [
("is_tablet", .bool(false)),
("memory", .quantity(6144))
]),
section("app", [
("default_locales", .list(["en-US"])),
("default_useragent_string", .string("Mozilla/5.0 (iPhone…)"))
])
]
}
@available(iOS 17.0, *)
#Preview("Technical Data") {
WebCompatTechnicalDataHost()
.ignoresSafeArea()
}
@available(iOS 17.0, *)
#Preview("Technical Data (dark)") {
WebCompatTechnicalDataHost(themeType: .dark)
.ignoresSafeArea()
}
#endif