Gemini/GeminiRenderer/RenderingBlockView.swift

//
//  RenderingBlockView.swift
//  GeminiRenderer
//
//  Created by Shadowfacts on 7/13/20.
//

import SwiftUI
import GeminiFormat

struct RenderingBlockView: View {
    let document: Document
    let block: RenderingBlock
    let changeURL: ((URL) -> Void)?
    @State var hovering = false
    
    init(document: Document, block: RenderingBlock, changeURL: ((URL) -> Void)? = nil) {
        self.document = document
        self.block = block
        self.changeURL = changeURL
    }
    
    @ViewBuilder
    var body: some View {
        switch block {
        case let .text(text):
            self.text(text)
        case let .link(url, text: linkText):
            self.link(url, text: linkText)
        case let .preformatted(text, alt: _):
            preformatted(text)
        case let .heading(text, level: level):
            heading(text, level: level)
        case let .unorderedListItem(text):
            unorderedListItem(text)
        case let .quote(text):
            quote(text)
        }
    }
    
    private func text(_ text: String) -> some View {
        Text(text)
            .font(.documentBody)
            .frame(maxWidth: .infinity, alignment: .leading)
    }
    
    private func link(_ url: URL, text: String?) -> some View {
        let text = text ?? url.absoluteString
        
        #if os(macOS)
            let buttonStyle = LinkButtonStyle()
        #elseif os(iOS)
            let buttonStyle = PlainButtonStyle()
        #endif
        
        let imageName: String
        if url.scheme != "gemini" {
            imageName = "arrow.up.left.square"
        } else if url.host == document.url.host {
            imageName = "arrow.right"
        } else {
            imageName = "link"
        }
        
        let button: some View = Button {
            self.changeURL?(url)
        } label: {
            HStack(alignment: .firstTextBaseline, spacing: 4) {
                Image(systemName: imageName)
                
                Text(verbatim: text)
                    .font(.documentBody)
                    .foregroundColor(hovering ? .blue : Color.blue.opacity(0.8))
                    .underline()
                    .frame(maxWidth: .infinity, alignment: .leading)
            }
        }
            .buttonStyle(buttonStyle)
            .onHover { hovering in
                self.hovering = hovering
            }
        
        return button.maybeHelp(url.absoluteString)
    }
    
    private func preformatted(_ text: String) -> some View {
        ScrollView(.horizontal) {
            Text(verbatim: text)
                .font(.documentBodyPreformatted)
                .frame(maxWidth: .infinity, alignment: .leading)
        }
    }
    
    private func heading(_ text: String, level: Document.HeadingLevel) -> some View {
        Text(verbatim: text)
            .font(level.font)
            .frame(maxWidth: .infinity, alignment: .leading)
    }
    
    private func unorderedListItem(_ text: String) -> some View {
        // todo: should this be .firstTextBaseline?
        HStack(alignment: .top, spacing: 4) {
            Text(verbatim: "\u{2022}")
            Text(verbatim: text)
                .font(.documentBody)
            Spacer()
        }.frame(maxWidth: .infinity, alignment: .leading)
    }
    
    private func quote(_ text: String) -> some View {
        HStack(spacing: 4) {
            Color.gray
                .frame(width: 4)
            Text(verbatim: text)
                .font(Font.documentBody.italic())
                .foregroundColor(.gray)
            Spacer()
        }.frame(maxWidth: .infinity, alignment: .leading)
    }
}

struct RenderingBlockView_Previews: PreviewProvider {
    static let doc = Document(url: URL(string: "gemini://localhost/test.gmi")!, lines: [.text("Some Text"), .quote("A Quote")])
    
    static var previews: some View {
        Group {
            RenderingBlockView(document: doc, block: .text("Some Text"))
            RenderingBlockView(document: doc, block: .quote("A Quote"))
        }
    }
}