Merge pull request #2350 from DataDog/gonzalezreal/RUM-10418/swiftui-sr-privacy-benchmark-tests

Add SwiftUI privacy overrides to benchmark tests

Author: gonzalezreal

BenchmarkTests/CatalogSwiftUI/ContentView.swift

@@ -40,11 +40,7 @@ public struct ContentView: View {
                                               startRadiusFraction: 0.3,
                                               endRadiusFraction: 5)
 
-    private let monitor: DatadogMonitor
-
-    public init(monitor: DatadogMonitor) {
-        self.monitor = monitor
-
+    public init() {
         // change the background of all the tables
         UITableView.appearance().backgroundColor = .clear
     }
@@ -70,7 +66,7 @@ public struct ContentView: View {
                 }
                 .scrollContentBackground(.hidden)
                 .navigationTitle("SwiftUI Catalog")
-                .modifier(monitor.viewModifier(name: "SwiftUI Catalog"))
+                .trackView(name: "SwiftUI Catalog")
             }
 
         }
@@ -81,13 +77,15 @@ public struct ContentView: View {
 
     private var topHeaderRow: some View {
         Group {
-            Text("A catalog of components, controls, effects, styles and accessibility elements you can use to develop SwiftUI Interfaces in iOS and iPadOS.")
-                .font(.footnote)
-                .fontWeight(.light)
-                .font(.title2)
-                .padding(.top, 24)
-                .padding(.bottom, 16)
-                .foregroundColor(.white)
+            PrivacyView(text: .maskAll) {
+                Text("A catalog of components, controls, effects, styles and accessibility elements you can use to develop SwiftUI Interfaces in iOS and iPadOS.")
+                    .font(.footnote)
+                    .fontWeight(.light)
+                    .font(.title2)
+                    .padding(.top, 24)
+                    .padding(.bottom, 16)
+                    .foregroundColor(.white)
+            }
 
             HStack(alignment: .center, spacing: 2) {
                 Spacer()
@@ -114,31 +112,31 @@ public struct ContentView: View {
             .font(.title)
             .modifier(ListSectionFontModifier())) {
                 Group {
-                    Link(destination: ButtonsComponentsView().modifier(monitor.viewModifier(name: "Buttons")),
+                    Link(destination: ButtonsComponentsView().trackView(name: "Buttons"),
                          label: "Buttons")
-                    Link(destination: ImagesComponentView().modifier(monitor.viewModifier(name: "Images")),
+                    Link(destination: ImagesComponentView().trackView(name: "Images"),
                          label: "Images")
-                    Link(destination: TextsComponentsView().modifier(monitor.viewModifier(name: "Texts")),
+                    Link(destination: TextsComponentsView().trackView(name: "Texts"),
                          label: "Texts")
-                    Link(destination: LabelsView().modifier(monitor.viewModifier(name: "Labels")),
+                    Link(destination: LabelsView().trackView(name: "Labels"),
                          label: "Labels")
-                    Link(destination: MenusComponentView().modifier(monitor.viewModifier(name: "Menus")),
+                    Link(destination: MenusComponentView().trackView(name: "Menus"),
                          label: "Menus")
                 }
                 Group {
-                    Link(destination: TogglesView().modifier(monitor.viewModifier(name: "Toggles")),
+                    Link(destination: TogglesView().trackView(name: "Toggles"),
                          label: "Toggles")
-                    Link(destination: SlidersView().modifier(monitor.viewModifier(name: "Sliders")),
+                    Link(destination: SlidersView().trackView(name: "Sliders"),
                          label: "Sliders")
-                    Link(destination: SteppersView().modifier(monitor.viewModifier(name: "Steppers")),
+                    Link(destination: SteppersView().trackView(name: "Steppers"),
                          label: "Steppers")
-                    Link(destination: PickersView().modifier(monitor.viewModifier(name: "Pickers")),
+                    Link(destination: PickersView().trackView(name: "Pickers"),
                          label: "Pickers")
-                    Link(destination: DatePickersView().modifier(monitor.viewModifier(name: "Date Pickers")),
+                    Link(destination: DatePickersView().trackView(name: "Date Pickers"),
                          label: "Date Pickers")
-                    Link(destination: ColorPickersView().modifier(monitor.viewModifier(name: "Color Pickers")),
+                    Link(destination: ColorPickersView().trackView(name: "Color Pickers"),
                          label: "Color Pickers")
-                    Link(destination: ProgressViews().modifier(monitor.viewModifier(name: "Progress View")),
+                    Link(destination: ProgressViews().trackView(name: "Progress View"),
                          label: "Progress View")
                 }
             }
@@ -151,7 +149,7 @@ public struct ContentView: View {
             .modifier(ListSectionFontModifier())) {
                 Group {
                     Link(destination: ExampleProductView(productId: "product.consumable.example.1", productImageName: "giftcard.fill"),
-                         label: "Consumable Product View").modifier(monitor.viewModifier(name: "Consumable Product View"))
+                         label: "Consumable Product View").trackView(name: "Consumable Product View")
                 }
             }
             .listRowBackground(Color(sectionColor, bundle: .module))
@@ -162,17 +160,17 @@ public struct ContentView: View {
         Section(header: Text("Layouts")
             .font(.title)
             .modifier(ListSectionFontModifier())) {
-                Link(destination: ListsComponentView().modifier(monitor.viewModifier(name: "Lists")),
+                Link(destination: ListsComponentView().trackView(name: "Lists"),
                      label: "Lists")
-                Link(destination: StacksView().modifier(monitor.viewModifier(name: "Stacks")),
+                Link(destination: StacksView().trackView(name: "Stacks"),
                      label: "Stacks")
-                Link(destination: GridsView().modifier(monitor.viewModifier(name: "Grids")),
+                Link(destination: GridsView().trackView(name: "Grids"),
                      label: "Grids")
-                Link(destination: ContainersView().modifier(monitor.viewModifier(name: "Containers")),
+                Link(destination: ContainersView().trackView(name: "Containers"),
                      label: "Containers")
-                Link(destination: ScrollViewsView().modifier(monitor.viewModifier(name: "Scrollviews")),
+                Link(destination: ScrollViewsView().trackView(name: "Scrollviews"),
                      label: "Scrollviews")
-                Link(destination: TableViews().modifier(monitor.viewModifier(name: "Table Views")),
+                Link(destination: TableViews().trackView(name: "Table Views"),
                      label: "Table Views")
             }
             .listRowBackground(Color(sectionColor, bundle: .module))
@@ -181,13 +179,13 @@ public struct ContentView: View {
     var hierachicalViews: some View {
         Section(header: Text("Hierachical Views")               .font(.title)
             .modifier(ListSectionFontModifier())) {
-                Link(destination: NavigationBarsComponentView().modifier(monitor.viewModifier(name: "Navigation")),
+                Link(destination: NavigationBarsComponentView().trackView(name: "Navigation"),
                      label: "Navigation")
-                Link(destination: OutlinesGroupsView().modifier(monitor.viewModifier(name: "Outlines")),
+                Link(destination: OutlinesGroupsView().trackView(name: "Outlines"),
                      label: "Outlines")
-                Link(destination: DisclosureGroupsView().modifier(monitor.viewModifier(name: "Disclosures")),
+                Link(destination: DisclosureGroupsView().trackView(name: "Disclosures"),
                      label: "Disclosures")
-                Link(destination: TabsView().modifier(monitor.viewModifier(name: "Tabs")),
+                Link(destination: TabsView().trackView(name: "Tabs"),
                      label: "Tabs")
             }
             .listRowBackground(Color(sectionColor, bundle: .module))
@@ -198,15 +196,15 @@ public struct ContentView: View {
         Section(header: Text("Drawing and animations")
             .font(.title)
             .modifier(ListSectionFontModifier())) {
-                Link(destination: CanvasView().modifier(monitor.viewModifier(name: "Canvas")),
+                Link(destination: CanvasView().trackView(name: "Canvas"),
                      label: "Canvas")
-                Link(destination: GraphicContextsView().modifier(monitor.viewModifier(name: "Graphic Context")),
+                Link(destination: GraphicContextsView().trackView(name: "Graphic Context"),
                      label: "Graphic Context")
-                Link(destination: ShapesView().modifier(monitor.viewModifier(name: "Shapes")),
+                Link(destination: ShapesView().trackView(name: "Shapes"),
                      label: "Shapes")
-                Link(destination: AnimationsView().modifier(monitor.viewModifier(name: "Animations")),
+                Link(destination: AnimationsView().trackView(name: "Animations"),
                      label: "Animations")
-                Link(destination: GeometriesView().modifier(monitor.viewModifier(name: "Geometries")),
+                Link(destination: GeometriesView().trackView(name: "Geometries"),
                      label: "Geometries")
             }
             .listRowBackground(Color(sectionColor, bundle: .module))
@@ -218,7 +216,7 @@ public struct ContentView: View {
         Section(header: Text("Charts")
             .font(.title)
             .modifier(ListSectionFontModifier())) {
-                Link(destination: ChartsViews().modifier(monitor.viewModifier(name: "Swift Charts")),
+                Link(destination: ChartsViews().trackView(name: "Swift Charts"),
                      label: "Swift Charts")
             }
             .listRowBackground(Color(sectionColor, bundle: .module))
@@ -229,11 +227,11 @@ public struct ContentView: View {
         Section(header: Text("Gestures")
             .font(.title)
             .modifier(ListSectionFontModifier())) {
-                Link(destination: GesturesView().modifier(monitor.viewModifier(name: "Gestures")),
+                Link(destination: GesturesView().trackView(name: "Gestures"),
                      label: "Gestures")
-                Link(destination: ComposingGesturesView().modifier(monitor.viewModifier(name: "Composing Gestures")),
+                Link(destination: ComposingGesturesView().trackView(name: "Composing Gestures"),
                      label: "Composing Gestures")
-                Link(destination: SensoryFeedbackInViews().modifier(monitor.viewModifier(name: "Sensory Feedback")),
+                Link(destination: SensoryFeedbackInViews().trackView(name: "Sensory Feedback"),
                      label: "Sensory Feedback")
             }
             .listRowBackground(Color(sectionColor, bundle: .module))
@@ -244,11 +242,11 @@ public struct ContentView: View {
         Section(header: Text("View modifiers")
             .font(.title)
             .modifier(ListSectionFontModifier())) {
-                Link(destination: TextModifiersView().modifier(monitor.viewModifier(name: "Text modifiers")),
+                Link(destination: TextModifiersView().trackView(name: "Text modifiers"),
                      label: "Text modifiers")
-                Link(destination: EffectsModifiersView().modifier(monitor.viewModifier(name: "Effect modifiers")),
+                Link(destination: EffectsModifiersView().trackView(name: "Effect modifiers"),
                      label: "Effect modifiers")
-                Link(destination: LayoutModifiersView().modifier(monitor.viewModifier(name: "Layout modifiers")),
+                Link(destination: LayoutModifiersView().trackView(name: "Layout modifiers"),
                      label: "Layout modifiers")
 
             }
@@ -261,7 +259,7 @@ public struct ContentView: View {
             .font(.title)
             .modifier(ListSectionFontModifier())) {
 
-                Link(destination: AccesibilityView().modifier(monitor.viewModifier(name: "Accesibility")),
+                Link(destination: AccesibilityView().trackView(name: "Accesibility"),
                      label: "Accesibility")
             }
             .listRowBackground(Color(sectionColor, bundle: .module))
@@ -272,7 +270,7 @@ public struct ContentView: View {
         Section(header: Text("Status and tool bars")
             .font(.title)
             .modifier(ListSectionFontModifier())) {
-                Link(destination: ToolbarsComponentView().modifier(monitor.viewModifier(name: "Tool Bars")),
+                Link(destination: ToolbarsComponentView().trackView(name: "Tool Bars"),
                      label: "Tool Bars")
             }
             .listRowBackground(Color(sectionColor, bundle: .module))
@@ -284,7 +282,7 @@ public struct ContentView: View {
             .font(.title)
             .modifier(ListSectionFontModifier())) {
 
-                Link(destination: StylesView().modifier(monitor.viewModifier(name: "Styles")),
+                Link(destination: StylesView().trackView(name: "Styles"),
                      label: "Styles")
             }
             .listRowBackground(Color(sectionColor, bundle: .module))
@@ -298,7 +296,7 @@ public struct ContentView: View {
 
 //                Link(destination: PopoversComponentView(),
 //                     label: "Popovers")
-                Link(destination: SheetsView().modifier(monitor.viewModifier(name: "Sheets")),
+                Link(destination: SheetsView().trackView(name: "Sheets"),
                      label: "Sheets")
 //                Link(destination: AlertsComponentView(),
 //                     label: "Alerts")
@@ -315,13 +313,13 @@ public struct ContentView: View {
         Section(header: Text("Composed components to help speed up development")
             .font(.title)
             .modifier(ListSectionFontModifier())) {
-                Link(destination: CommonlyUsedViews().modifier(monitor.viewModifier(name: "Commonly used views")),
+                Link(destination: CommonlyUsedViews().trackView(name: "Commonly used views"),
                      label: "Commonly used views")
-                Link(destination: CollectionsViews().modifier(monitor.viewModifier(name: "Collections of components")),
+                Link(destination: CollectionsViews().trackView(name: "Collections of components"),
                        label: "Collections of components")
-                Link(destination: StackedCardsView<CardView>(elementsCount: 22).modifier(monitor.viewModifier(name: "Stacked cards with dragging")),
+                Link(destination: StackedCardsView<CardView>(elementsCount: 22).trackView(name: "Stacked cards with dragging"),
                      label: "Stacked cards with dragging")
-                Link(destination: InterfacingWithUIKitView(pages: ModelData().features.map { FeatureCardView(landmark: $0) }).modifier(monitor.viewModifier(name: "UIKit Interface")),
+                Link(destination: InterfacingWithUIKitView(pages: ModelData().features.map { FeatureCardView(landmark: $0) }).trackView(name: "UIKit Interface"),
                      label: "UIKit Interface")
             }
             .listRowBackground(Color(sectionColor, bundle: .module))
@@ -337,7 +335,7 @@ public struct ContentView: View {
 #Preview {
 
         Group {
-            ContentView(monitor: NOPDatadogMonitor())
+            ContentView()
                 .preferredColorScheme(.dark)
         }
 }

BenchmarkTests/CatalogSwiftUI/DatadogMonitor.swift

@@ -6,12 +6,99 @@
 
 import SwiftUI
 
+@frozen public enum TextPrivacyLevel {
+    case maskSensitiveInputs
+    case maskAllInputs
+    case maskAll
+}
+
+@frozen public enum ImagePrivacyLevel {
+    case maskNonBundledOnly
+    case maskAll
+    case maskNone
+}
+
+@frozen public enum TouchPrivacyLevel {
+    case show
+    case hide
+}
+
 public protocol DatadogMonitor {
     func viewModifier(name: String) -> AnyViewModifier
     func actionModifier(name: String) -> AnyViewModifier
+    func privacyView<Content: View>(
+        text: TextPrivacyLevel?,
+        image: ImagePrivacyLevel?,
+        touch: TouchPrivacyLevel?,
+        hide: Bool?,
+        @ViewBuilder content: @escaping () -> Content
+    ) -> AnyView
 }
 
 struct NOPDatadogMonitor: DatadogMonitor {
     func viewModifier(name: String) -> AnyViewModifier { AnyViewModifier() }
     func actionModifier(name: String) -> AnyViewModifier { AnyViewModifier() }
+    func privacyView<Content: View>(
+        text: TextPrivacyLevel?,
+        image: ImagePrivacyLevel?,
+        touch: TouchPrivacyLevel?,
+        hide: Bool?,
+        content: @escaping () -> Content
+    ) -> AnyView {
+        AnyView(content())
+    }
+}
+
+extension EnvironmentValues {
+  @Entry public var datadogMonitor: any DatadogMonitor = NOPDatadogMonitor()
+}
+
+struct PrivacyView<Content: View>: View {
+    @Environment(\.datadogMonitor) private var monitor
+    
+    private var text: TextPrivacyLevel?
+    private var image: ImagePrivacyLevel?
+    private var touch: TouchPrivacyLevel?
+    private var hide: Bool?
+    private let content: () -> Content
+    
+    init(
+        text: TextPrivacyLevel? = nil,
+        image: ImagePrivacyLevel? = nil,
+        touch: TouchPrivacyLevel? = nil,
+        hide: Bool? = nil,
+        @ViewBuilder content: @escaping () -> Content
+    ) {
+        self.text = text
+        self.image = image
+        self.touch = touch
+        self.hide = hide
+        self.content = content
+    }
+    
+    var body: some View {
+        monitor.privacyView(
+            text: text,
+            image: image,
+            touch: touch,
+            hide: hide,
+            content: content
+        )
+    }
+}
+
+extension View {
+    func trackView(name: String) -> some View {
+        modifier(TrackViewModifier(name: name))
+    }
+}
+
+private struct TrackViewModifier: ViewModifier {
+    @Environment(\.datadogMonitor) private var monitor
+    
+    var name: String
+    
+    func body(content: Content) -> some View {
+        content.modifier(monitor.viewModifier(name: name))
+    }
 }