Markdown Checkbox Functionality

Sources/SpeziOnboarding/ConsentView/ConsentDocument+Export.swift

@@ -72,6 +72,10 @@
             Text(markdown)
                 .padding()
 
+            if checkboxSnapshot != nil {
+                Image(uiImage: checkboxSnapshot!)
+            }
+
             Spacer()
 
             ZStack(alignment: .bottomLeading) {
@@ -101,7 +105,10 @@
     /// - Returns: The exported consent form in PDF format as a PDFKit `PDFDocument`
     @MainActor
     func export() async -> PDFDocument? {
-        let markdown = await asyncMarkdown()
+        var markdown = await asyncMarkdown()
+        if cleanedMarkdownData != nil {
+            markdown = cleanedMarkdownData!
+        }
 
         let markdownString = (try? AttributedString(
             markdown: markdown,

Sources/SpeziOnboarding/ConsentView/ConsentDocument.swift

@@ -57,7 +57,10 @@
     #endif
     @State var signatureSize: CGSize = .zero
     @Binding private var viewState: ConsentViewState
-
+    @State private var checked: [String: Bool] = [:]
+    @State private var markdownStrings: [String] = []
+    @State public var cleanedMarkdownData: Data?
+    @State public var checkboxSnapshot: UIImage?
 
     private var nameView: some View {
         VStack {
@@ -91,6 +94,69 @@
         }
     }
 
+    private func extractMarkdownCB() async -> (cleanedMarkdown: String, checkboxes: [String]) {
+        let data = await asyncMarkdown()
+        let dataString = String(data: data, encoding: .utf8)!
+
+        var result = [String]()
+        var start: String.Index? = nil
+        var cleanedMarkdown = ""
+        var isInBracket = false
+
+        for (index, char) in dataString.enumerated() {
+            let currentIndex = dataString.index(dataString.startIndex, offsetBy: index)
+
+            if char == "[" {
+                start = currentIndex
+                isInBracket = true
+            } else if char == "]", let start = start {
+                let end = currentIndex
+                let subInd = dataString.index(after: start)
+                let substring = String(dataString[subInd..<end])
+                result.append(substring)
+                isInBracket = false
+            } else if !isInBracket {
+                cleanedMarkdown.append(char)
+            }
+        }
+
+        return (cleanedMarkdown, result)
+    }
+
+    private var checkboxesView: some View {
+        VStack {
+            Grid(horizontalSpacing: 15) {
+                ForEach(markdownStrings, id: \.self) { markdownString in
+                    GridRow {
+                        Text(markdownString)
+                            .frame(maxWidth: .infinity, alignment: .leading)
+                        Button(action: {
+                            withAnimation {
+                                checked[markdownString]?.toggle()
+                            }
+                        }) {
+                            Image(systemName: checked[markdownString] == true ? "checkmark.square.fill" : "xmark.square.fill")
+                                .foregroundColor(checked[markdownString] == true ? .green : .red)
+                        }
+                    }
+                    Divider()
+                        .gridCellUnsizedAxes(.horizontal)
+                }
+            }
+        }
+        .onAppear {
+            Task {
+                let (cleanedMarkdown, checkboxes) = await extractMarkdownCB()
+                cleanedMarkdownData = Data(cleanedMarkdown.utf8)
+                markdownStrings = checkboxes
+                for string in markdownStrings {
+                    checked[string] = false
+                }
+            }
+        }
+    }
+
+
     private var nameInputView: some View {
         Grid(horizontalSpacing: 15) {
             NameFieldRow(name: $name, for: \.givenName) {
@@ -134,7 +200,11 @@
 
     public var body: some View {
         VStack {
-            MarkdownView(asyncMarkdown: asyncMarkdown, state: $viewState.base)
+            if let cleanedMarkdownData = cleanedMarkdownData {
+                MarkdownView(asyncMarkdown: {cleanedMarkdownData}, state: $viewState.base)
+                    .padding(.bottom, 15)
+            }
+            checkboxesView
             Spacer()
             Group {
                 nameView
@@ -151,6 +221,10 @@
             .animation(.easeInOut, value: viewState == .namesEntered)
             .onChange(of: viewState) {
                 if case .export = viewState {
+                    let renderer = ImageRenderer(content: checkboxesView)
+                    if let uiImage = renderer.uiImage {
+                        checkboxSnapshot = uiImage
+                    }
                     Task {
                         guard let exportedConsent = await export() else {
                             viewState = .base(.error(Error.memoryAllocationError))

Tests/UITests/TestApp/Views/OnboardingConsentMarkdownRenderingView.swift

@@ -10,16 +10,16 @@
 import SpeziOnboarding
 import SpeziViews
 import SwiftUI
-
+import QuickLook
 
 struct OnboardingConsentMarkdownRenderingView: View {
     @Environment(OnboardingNavigationPath.self) private var path
     @Environment(ExampleStandard.self) private var standard
     @State var exportedConsent: PDFDocument?
-
+    @State var pdfURL: URL?
 
     var body: some View {
         VStack {
             if (exportedConsent?.pageCount ?? 0) == 0 {
                 Circle()
                     .fill(Color.red)
@@ -41,6 +41,15 @@
                             .padding()
                     )
             }
+            Button("PDF preview") {
+                if let document = exportedConsent, let data = document.dataRepresentation() {
+                    let tempURL = FileManager.default.temporaryDirectory.appendingPathComponent("consent.pdf")
+                    try? data.write(to: tempURL)
+                    pdfURL = tempURL
+                }
+            }
+            .quickLookPreview($pdfURL)
+            .buttonStyle(.borderedProminent)
 
             Button {
                 path.nextStep()

Tests/UITests/TestApp/Views/OnboardingConsentMarkdownTestView.swift

@@ -18,7 +18,7 @@ struct OnboardingConsentMarkdownTestView: View {
     var body: some View {
         OnboardingConsentView(
             markdown: {
-                Data("This is a *markdown* **example**".utf8)
+                Data("This is a *markdown* **example** [May we contact you for future studies?]".utf8)
             },
             action: {
                 path.nextStep()