Fixing protocol requirements html rendering

Author: victor-pavlychko

Sources/swift-doc/Supporting Types/Components/Requirements.swift

@@ -13,13 +13,16 @@ struct Requirements: Component {
         self.module = module
     }
 
+    var sections: [(title: String, requirements: [Symbol])] {
+        return [
+            ("Requirements",  module.interface.requirements(of: symbol)),
+            ("Optional Requirements", module.interface.optionalRequirements(of: symbol))
+        ].filter { !$0.requirements.isEmpty }
+    }
+
     // MARK: - Component
 
     var fragment: Fragment {
-        let sections: [(title: String, requirements: [Symbol])] = [
-            ("Requirements",  module.interface.requirements(of: symbol)),
-            ("Optional Requirements", module.interface.optionalRequirements(of: symbol))
-        ].filter { !$0.requirements.isEmpty}
         guard !sections.isEmpty else { return Fragment { "" } }
 
         return Fragment {
@@ -37,7 +40,26 @@ struct Requirements: Component {
 
     var html: HypertextLiteral.HTML {
         return #"""
+        \#(sections.map { section -> HypertextLiteral.HTML in
+            #"""
+                <section id=\#(section.title.lowercased())>
+                    <h2>\#(section.title)</h2>
+
+                    \#(section.requirements.map { member -> HypertextLiteral.HTML in
+                        let descriptor = String(describing: type(of: symbol.api)).lowercased()
 
+                        return #"""
+                        <div role="article" class="\#(descriptor)" id=\#(member.id.description.lowercased().replacingOccurrences(of: " ", with: "-"))>
+                            <h3>
+                                <code>\#(softbreak(member.name))</code>
+                            </h3>
+                            \#(Documentation(for: member, in: module).html)
+                        </div>
+                        """#
+                    })
+                </section>
+            """#
+        })
         """#
     }
 }