mirror of
https://github.com/wu736139669/hapi.git
synced 2026-10-07 19:06:11 +00:00
Translate the unknown delivery state, keep decorative content verbatim, and pin integer interpolation formats to existing catalog keys.
267 lines
9.0 KiB
Swift
267 lines
9.0 KiB
Swift
import HapiClient
|
|
import HapiProtocol
|
|
import HapiUI
|
|
import SwiftUI
|
|
import UIKit
|
|
|
|
/// Single-file viewer (A-M4a), the iOS take on web `file.tsx` / Android
|
|
/// `FileViewerScreen`: diff mode (raw `git-diff-file` stdout through
|
|
/// HapiUI's `UnifiedDiffParser` + `DiffTextView`, staged/unstaged toggle)
|
|
/// ⇄ full mode (`CodeBlockView` with highlighting and its own copy button;
|
|
/// markdown gets a Source/Preview toggle over the shared `MarkdownView`;
|
|
/// images decode via `UIImage(data:)`). The title shows the file name over
|
|
/// the middle-truncated path; the toolbar menu copies path/contents.
|
|
///
|
|
/// Chat citations may carry a line number; per-line highlighting inside the
|
|
/// single-`Text` code block isn't cheap, so the viewer shows a "Line N" hint
|
|
/// chip instead of scrolling/highlighting (same trade-off as Android B-M4c).
|
|
struct FileViewerView: View {
|
|
@State private var model: FileViewerModel
|
|
|
|
init(session: HubSession, route: FileViewerRoute) {
|
|
_model = State(initialValue: FileViewerModel(
|
|
sessionId: route.sessionId,
|
|
path: route.path,
|
|
initialStaged: route.staged,
|
|
initialMode: route.mode,
|
|
focusLine: route.line,
|
|
requester: session.api,
|
|
hasRenderableDiff: { !UnifiedDiffParser.parse($0).isEmpty }
|
|
))
|
|
}
|
|
|
|
var body: some View {
|
|
ScrollView {
|
|
VStack(alignment: .leading, spacing: 8) {
|
|
modeToggleRow
|
|
switch model.mode {
|
|
case .diff:
|
|
diffContent
|
|
case .file:
|
|
fileContent
|
|
}
|
|
}
|
|
.padding(.horizontal, 12)
|
|
.padding(.vertical, 8)
|
|
.frame(maxWidth: .infinity, alignment: .leading)
|
|
}
|
|
.navigationBarTitleDisplayMode(.inline)
|
|
.toolbar {
|
|
ToolbarItem(placement: .principal) {
|
|
VStack(spacing: 0) {
|
|
Text(model.fileName)
|
|
.font(.headline)
|
|
.lineLimit(1)
|
|
Text(formatFileMetadata(size: model.sizeBytes, modified: model.modifiedAt) ?? model.path)
|
|
.font(.caption2)
|
|
.foregroundStyle(.secondary)
|
|
.lineLimit(1)
|
|
.truncationMode(.middle)
|
|
}
|
|
}
|
|
ToolbarItem(placement: .topBarTrailing) {
|
|
actionsMenu
|
|
}
|
|
}
|
|
.onAppear {
|
|
model.start()
|
|
}
|
|
}
|
|
|
|
// MARK: - Chrome
|
|
|
|
private var actionsMenu: some View {
|
|
Menu {
|
|
Button {
|
|
UIPasteboard.general.string = model.path
|
|
} label: {
|
|
Label("Copy Path", systemImage: "doc.on.doc")
|
|
}
|
|
if case .text(let text, _, _) = model.content {
|
|
Button {
|
|
UIPasteboard.general.string = text
|
|
} label: {
|
|
Label("Copy Contents", systemImage: "doc.on.clipboard")
|
|
}
|
|
}
|
|
Button {
|
|
model.refresh()
|
|
} label: {
|
|
Label("Refresh", systemImage: "arrow.clockwise")
|
|
}
|
|
} label: {
|
|
Image(systemName: "ellipsis.circle")
|
|
}
|
|
.accessibilityLabel("File actions")
|
|
}
|
|
|
|
/// Diff ⇄ File chips, the staged side toggle, the markdown
|
|
/// Source/Preview toggle, and the citation line hint — only the
|
|
/// applicable controls show (Android `ModeToggleRow` parity).
|
|
@ViewBuilder
|
|
private var modeToggleRow: some View {
|
|
let hasDiff = isDiffReady
|
|
let isMarkdownText = isMarkdownTextContent
|
|
if hasDiff || isMarkdownText || model.focusLine != nil {
|
|
HStack(spacing: 6) {
|
|
if hasDiff {
|
|
ModeChip(label: String(localized: "Diff"), selected: model.mode == .diff) {
|
|
model.setMode(.diff)
|
|
}
|
|
ModeChip(label: String(localized: "File"), selected: model.mode == .file) {
|
|
model.setMode(.file)
|
|
}
|
|
}
|
|
if hasDiff && model.mode == .diff {
|
|
Text(verbatim: "·").foregroundStyle(.secondary)
|
|
ModeChip(label: String(localized: "Unstaged"), selected: !model.staged) {
|
|
model.setStaged(false)
|
|
}
|
|
ModeChip(label: String(localized: "Staged"), selected: model.staged) {
|
|
model.setStaged(true)
|
|
}
|
|
}
|
|
if isMarkdownText && model.mode == .file {
|
|
if hasDiff {
|
|
Text(verbatim: "·").foregroundStyle(.secondary)
|
|
}
|
|
ModeChip(label: String(localized: "Source"), selected: !model.markdownPreview) {
|
|
model.setMarkdownPreview(false)
|
|
}
|
|
ModeChip(label: String(localized: "Preview"), selected: model.markdownPreview) {
|
|
model.setMarkdownPreview(true)
|
|
}
|
|
}
|
|
if let line = model.focusLine {
|
|
Text("Line \(line, specifier: "%lld")")
|
|
.font(.caption2)
|
|
.foregroundStyle(.secondary)
|
|
.padding(.leading, 4)
|
|
}
|
|
Spacer(minLength: 0)
|
|
}
|
|
}
|
|
}
|
|
|
|
private var isDiffReady: Bool {
|
|
if case .ready = model.diff { return true }
|
|
return false
|
|
}
|
|
|
|
private var isMarkdownTextContent: Bool {
|
|
if case .text(_, _, let isMarkdown) = model.content { return isMarkdown }
|
|
return false
|
|
}
|
|
|
|
// MARK: - Content
|
|
|
|
@ViewBuilder
|
|
private var diffContent: some View {
|
|
switch model.diff {
|
|
case .loading:
|
|
LoadingBlock()
|
|
case .empty:
|
|
HintBlock(text: String(localized: "No changes in this file"))
|
|
case .failed(let message):
|
|
HintBlock(text: LocalizedNoticeMapper.map(message))
|
|
case .ready(let unifiedDiff):
|
|
ParsedDiffView(unifiedDiff: unifiedDiff)
|
|
}
|
|
}
|
|
|
|
@ViewBuilder
|
|
private var fileContent: some View {
|
|
switch model.content {
|
|
case .loading:
|
|
LoadingBlock()
|
|
case .failed(let message):
|
|
HintBlock(text: LocalizedNoticeMapper.map(message))
|
|
case .empty:
|
|
HintBlock(text: String(localized: "This file is empty"))
|
|
case .binary:
|
|
HintBlock(text: String(localized: "Binary file — no preview available"))
|
|
case .image(let data, _):
|
|
if let image = UIImage(data: data) {
|
|
Image(uiImage: image)
|
|
.resizable()
|
|
.scaledToFit()
|
|
.frame(maxWidth: .infinity)
|
|
.accessibilityLabel(model.fileName)
|
|
} else {
|
|
// SVG and other formats UIImage can't decode.
|
|
HintBlock(text: String(localized: "Preview not available for this image format"))
|
|
}
|
|
case .text(let text, let language, let isMarkdown):
|
|
if isMarkdown && model.markdownPreview {
|
|
MarkdownView(markdown: text)
|
|
// The outer viewer already supplies 12pt on each side.
|
|
.hapiReadingColumn(horizontalInset: 4)
|
|
} else {
|
|
CodeBlockView(language: language, code: text)
|
|
.frame(maxWidth: .infinity, alignment: .leading)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/// Parses once per diff text (off the render path) and renders the shared
|
|
/// `DiffTextView`.
|
|
private struct ParsedDiffView: View {
|
|
let unifiedDiff: String
|
|
@State private var files: [DiffFile]?
|
|
|
|
var body: some View {
|
|
Group {
|
|
if let files {
|
|
DiffTextView(files: files)
|
|
} else {
|
|
LoadingBlock()
|
|
}
|
|
}
|
|
.task(id: unifiedDiff) {
|
|
files = UnifiedDiffParser.parse(unifiedDiff)
|
|
}
|
|
}
|
|
}
|
|
|
|
private struct ModeChip: View {
|
|
let label: String
|
|
let selected: Bool
|
|
let onTap: () -> Void
|
|
|
|
var body: some View {
|
|
Button(action: onTap) {
|
|
Text(label)
|
|
.font(.caption.weight(.semibold))
|
|
.foregroundStyle(selected ? Color.white : Color.secondary)
|
|
.padding(.horizontal, 10)
|
|
.padding(.vertical, 4)
|
|
.background(selected ? AnyShapeStyle(.tint) : AnyShapeStyle(.quaternary), in: Capsule())
|
|
}
|
|
.buttonStyle(.plain)
|
|
}
|
|
}
|
|
|
|
private struct LoadingBlock: View {
|
|
var body: some View {
|
|
HStack {
|
|
Spacer(minLength: 0)
|
|
ProgressView()
|
|
.padding(.top, 48)
|
|
Spacer(minLength: 0)
|
|
}
|
|
}
|
|
}
|
|
|
|
private struct HintBlock: View {
|
|
let text: String
|
|
|
|
var body: some View {
|
|
Text(text)
|
|
.font(.footnote)
|
|
.foregroundStyle(.secondary)
|
|
.padding(.horizontal, 8)
|
|
.padding(.vertical, 16)
|
|
}
|
|
}
|