Image recommendations - Add utility class to style HTML

Components/Sources/Components/Components/Suggested Edits/WKImageRecommendationsViewController.swift

@@ -0,0 +1,109 @@
+import Foundation
+import SwiftUI
+
+fileprivate final class WKImageRecommendationsHostingViewController: WKComponentHostingController<WKImageRecommendationsView> {
+
+    let text: String
+    init(text: String) {
+        self.text = text
+
+        super.init(rootView: WKImageRecommendationsView(text: text))
+    }
+
+    required init?(coder aDecoder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+
+}
+
+struct WKImageRecommendationsView: View {
+
+    let text: String
+
+    var attributedText: AttributedString {
+        let styles = HtmlUtils.Styles(font: WKFont.for(.callout), boldFont: WKFont.for(.boldCallout), italicsFont: WKFont.for(.italicsCallout), boldItalicsFont: WKFont.for(.boldItalicsCallout), color: WKAppEnvironment.current.theme.text, linkColor: WKAppEnvironment.current.theme.link)
+        return (try? HtmlUtils.attributedStringFromHtml(text, styles: styles)) ?? AttributedString(text)
+    }
+
+    var body: some View {
+        VStack {
+            Text(attributedText)
+                .lineSpacing(3)
+                .environment(\.openURL, OpenURLAction { url in
+                    print("Navigate to url: \(url)")
+                    return .systemAction(url)
+                })
+            Spacer()
+        }
+
+    }
+}
+
+public final class WKImageRecommendationsViewController: WKCanvasViewController {
+
+    // MARK: - Properties
+
+    let text = "A <b>cactus</b> (plural <b>cacti, cactuses,</b> or less commonly, <b>cactus)</b><sup>[3]</sup> is a member of the <a href=\"https://en.wikipedia.org/wiki/Plant\">plant</a> family <b>Cactaceae</b><sup>[a]</sup>, a family comprising about 127 genera with some 1750 known species of the order <a href=\"https://en.wikipedia.org/wiki/Caryophyllales\">Caryophyllales</a>."
+
+    fileprivate let hostingViewController: WKImageRecommendationsHostingViewController
+
+    var attributedText: NSAttributedString? {
+        let styles = HtmlUtils.Styles(font: WKFont.for(.callout), boldFont: WKFont.for(.boldCallout), italicsFont: WKFont.for(.italicsCallout), boldItalicsFont: WKFont.for(.boldItalicsCallout), color: WKAppEnvironment.current.theme.text, linkColor: WKAppEnvironment.current.theme.link)
+        return (try? HtmlUtils.nsAttributedStringFromHtml(text, styles: styles)) ?? NSAttributedString(string: text)
+    }
+
+    lazy var textView: UITextView = {
+        let textView = UITextView()
+        textView.translatesAutoresizingMaskIntoConstraints = false
+        textView.isScrollEnabled = false
+        textView.isEditable = false
+        textView.isUserInteractionEnabled = true
+        textView.attributedText = attributedText
+        textView.delegate = self
+        return textView
+    }()
+
+    public override init() {
+        self.hostingViewController = WKImageRecommendationsHostingViewController(text: text)
+        super.init()
+    }
+
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+
+    public override func viewWillAppear(_ animated: Bool) {
+        super.viewWillAppear(animated)
+        navigationController?.setNavigationBarHidden(false, animated: false)
+    }
+
+    public override func viewWillDisappear(_ animated: Bool) {
+        super.viewWillAppear(animated)
+        navigationController?.setNavigationBarHidden(true, animated: false)
+    }
+
+    public override func viewDidLoad() {
+        super.viewDidLoad()
+
+        self.title = "Image recommendations"
+
+        // SwiftUI
+         addComponent(hostingViewController, pinToEdges: true)
+
+        // UIKit
+        view.addSubview(textView)
+        NSLayoutConstraint.activate([
+            view.safeAreaLayoutGuide.leadingAnchor.constraint(equalTo: textView.leadingAnchor),
+            view.safeAreaLayoutGuide.trailingAnchor.constraint(equalTo: textView.trailingAnchor),
+            view.safeAreaLayoutGuide.bottomAnchor.constraint(equalTo: textView.bottomAnchor)
+        ])
+    }
+}
+
+extension WKImageRecommendationsViewController: UITextViewDelegate {
+
+    public func textView(_ textView: UITextView, shouldInteractWith URL: URL, in characterRange: NSRange) -> Bool {
+        UIApplication.shared.open(URL)
+        return false
+    }
+}

Components/Sources/Components/Style/WKFont.swift

@@ -13,6 +13,9 @@ public enum WKFont {
     case boldItalicsBody
     case smallBody
     case callout
+    case boldCallout
+    case italicsCallout
+    case boldItalicsCallout
     case subheadline
     case boldSubheadline
     case mediumSubheadline
@@ -62,6 +65,21 @@ public enum WKFont {
             return UIFontMetrics(forTextStyle: .body).scaledFont(for: UIFont.systemFont(ofSize: 15, weight: .regular))
         case .callout:
             return UIFont.preferredFont(forTextStyle: .callout, compatibleWith: traitCollection)
+        case .boldCallout:
+            guard let descriptor = UIFontDescriptor.preferredFontDescriptor(withTextStyle: .callout, compatibleWith: traitCollection).withSymbolicTraits(.traitBold) else {
+                fatalError()
+            }
+            return UIFont(descriptor: descriptor, size: 0)
+        case .italicsCallout:
+            guard let descriptor = UIFontDescriptor.preferredFontDescriptor(withTextStyle: .callout, compatibleWith: traitCollection).withSymbolicTraits(.traitItalic) else {
+                fatalError()
+            }
+            return UIFont(descriptor: descriptor, size: 0)
+        case .boldItalicsCallout:
+            guard let descriptor = UIFontDescriptor.preferredFontDescriptor(withTextStyle: .callout, compatibleWith: traitCollection).withSymbolicTraits([.traitBold, .traitItalic]) else {
+                fatalError()
+            }
+            return UIFont(descriptor: descriptor, size: 0)
         case .subheadline:
             return UIFont.preferredFont(forTextStyle: .subheadline, compatibleWith: traitCollection)
         case .mediumSubheadline: