custom-redacted.swift

// Original article here: https://www.fivestars.blog/code/redacted-custom-effects.html

import SwiftUI

// MARK: Step 1: Create RedactionReason

public enum RedactionReason {

  case placeholder
  case confidential
  case blurred

}

// MARK: Step 2: Define Modifiers

struct Placeholder: ViewModifier {
  @ViewBuilder
  func body(content: Content) -> some View {
    if #available(iOS 14.0, *) {
      content.redacted(reason: RedactionReasons.placeholder)
    } else {
      content
        .accessibility(label: Text("Placeholder"))
        .opacity(0)
        .overlay(
          RoundedRectangle(cornerRadius: 2)
            .fill(Color.black.opacity(0.1))
            .padding(.vertical, 4.5)
        )
    }
  }
}

struct Confidential: ViewModifier {
  func body(content: Content) -> some View {
    content
      .accessibility(label: Text("Confidential"))
      .opacity(0)
      .overlay(
        RoundedRectangle(cornerRadius: 2)
          .fill(Color.black.opacity(1))
          .padding(.vertical, 4.5)
    )
  }
}

struct Blurred: ViewModifier {
  func body(content: Content) -> some View {
    content
      .accessibility(label: Text("Blurred"))
      .blur(radius: 4)
  }
}

// MARK: Step 3: Define RedactableView

struct RedactableView: ViewModifier {
  let reason: RedactionReason?

  @ViewBuilder
  func body(content: Content) -> some View {
    switch reason {
    case .placeholder:
      content
        .modifier(Placeholder())
    case .confidential:
      content
        .modifier(Confidential())
    case .blurred:
      content
        .modifier(Blurred())
    case nil:
      content
    }
  }
}

// MARK: Step 4: Define View Extension

extension View {
  func redacted(reason: RedactionReason?) -> some View {
      self
        .modifier(RedactableView(reason: reason))
  }
}

struct ContentView: View {
  var body: some View {
    VStack {
      Text("Hello World")
        .redacted(reason: nil)
      Text("Hello World")
        .redacted(reason: .placeholder)
      Text("Hello World")
        .redacted(reason: .confidential)
      Text("Hello World")
        .redacted(reason: .blurred)
    }
    .font(.title)
  }
}