wordeck-native/Sources/Features/Study/CardRenderer.swift
Till JS 4ea030c2e4 A11y: VoiceOver-Labels auf Study-Screen (erster Pass)
RatingBar (Nochmal/Schwer/Gut/Leicht), CardRenderer (Flip-Zustand via
accessibilityValue), StudySessionView (Karte/Offline-Banner, dekorative
Icons versteckt).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-25 14:35:05 +02:00

78 lines
2.8 KiB
Swift

import SwiftUI
/// Rendert die Karten-Inhalte je nach `CardType`. Front-/Back-Seite
/// werden über `isFlipped` gesteuert. Wordeck ist text-only alle
/// Card-Types rendern ausschließlich Markdown-Text.
struct CardRenderer: View {
let card: ReviewCard
let subIndex: Int
let isFlipped: Bool
var body: some View {
Group {
switch card.type {
case .basic:
basicView(front: "front", back: "back")
case .basicReverse:
// sub_index 0 = frontback, sub_index 1 = backfront
if subIndex == 0 {
basicView(front: "front", back: "back")
} else {
basicView(front: "back", back: "front")
}
case .cloze:
clozeView
case .multipleChoice:
MultipleChoiceCardView(card: card, isFlipped: isFlipped)
case .typing:
TypingCardView(card: card, isFlipped: isFlipped)
}
}
.padding(24)
.frame(maxWidth: .infinity, maxHeight: .infinity)
}
private func basicView(front frontKey: String, back backKey: String) -> some View {
VStack(spacing: 16) {
text(card.fields[frontKey] ?? "")
.font(.title2)
.foregroundStyle(WordeckTheme.foreground)
if isFlipped {
Divider().background(WordeckTheme.border)
text(card.fields[backKey] ?? "")
.font(.title3)
.foregroundStyle(WordeckTheme.mutedForeground)
}
}
.accessibilityElement(children: .combine)
.accessibilityValue(isFlipped ? "Rückseite" : "Vorderseite")
}
@ViewBuilder
private var clozeView: some View {
let raw = card.fields["text"] ?? ""
let clusterId = Cloze.clusterId(for: raw, subIndex: subIndex) ?? 1
let rendered = isFlipped
? Cloze.renderAnswer(raw, activeClusterId: clusterId)
: Cloze.renderPrompt(raw, activeClusterId: clusterId)
VStack(spacing: 12) {
text(rendered)
.font(.title3)
.foregroundStyle(WordeckTheme.foreground)
}
.accessibilityElement(children: .combine)
.accessibilityValue(isFlipped ? "Rückseite" : "Vorderseite")
}
/// Markdown-Bold (`**...**`) wird auf SwiftUI's AttributedString gemappt.
private func text(_ markdown: String) -> some View {
let attributed = (try? AttributedString(
markdown: markdown,
options: AttributedString.MarkdownParsingOptions(
interpretedSyntax: .inlineOnlyPreservingWhitespace
)
)) ?? AttributedString(markdown)
return Text(attributed)
.multilineTextAlignment(.center)
}
}