Svg & line support

Author: tib

Sources/SwiftHtml/Svg/Line.swift

@@ -0,0 +1,19 @@
+//
+//  File.swift
+//  
+//
+//  Created by Tibor Bodecs on 2021. 11. 29..
+//
+
+public final class Line: Tag {
+
+    public init(x1: Int, y1: Int, x2: Int, y2: Int) {
+        super.init(Node(type: .standard, name: "line", attributes: [
+            .init(key: "x1", value: String(x1)),
+            .init(key: "y1", value: String(y1)),
+            .init(key: "x2", value: String(x2)),
+            .init(key: "y2", value: String(y2)),
+        ]))
+        
+    }
+}

Sources/SwiftHtml/Svg/Svg.swift

@@ -0,0 +1,57 @@
+//
+//  File.swift
+//  
+//
+//  Created by Tibor Bodecs on 2021. 11. 29..
+//
+
+public final class Svg: Tag {
+
+    public init(@TagBuilder _ builder: () -> [Tag]) {
+        super.init(Node(type: .standard, name: "svg"), children: builder())
+    }
+}
+
+public extension Svg {
+
+    func width(_ value: Int) -> Self {
+        node.upsert(Attribute(key: "width", value: String(value)))
+        return self
+    }
+    
+    func height(_ value: Int) -> Self {
+        node.upsert(Attribute(key: "height", value: String(value)))
+        return self
+    }
+    
+    func viewBox(minX: Int, minY: Int, width: Int, height: Int) -> Self {
+        let value = [minX, minY, width, height].map(String.init).joined(separator: " ")
+        node.upsert(Attribute(key: "viewBox", value: value))
+        return self
+    }
+    
+    func fill(_ value: String) -> Self {
+        node.upsert(Attribute(key: "fill", value: value))
+        return self
+    }
+    
+    func stroke(_ value: String) -> Self {
+        node.upsert(Attribute(key: "stroke", value: value))
+        return self
+    }
+    
+    func strokeWidth(_ value: Int) -> Self {
+        node.upsert(Attribute(key: "stroke-width", value: String(value)))
+        return self
+    }
+    
+    func strokeLinecap(_ value: String) -> Self {
+        node.upsert(Attribute(key: "stroke-linecap", value: value))
+        return self
+    }
+    
+    func strokeLinejoin(_ value: String) -> Self {
+        node.upsert(Attribute(key: "stroke-linejoin", value: value))
+        return self
+    }
+}

Tests/SwiftHtmlTests/SvgTests.swift

@@ -0,0 +1,31 @@
+//
+//  File.swift
+//  
+//
+//  Created by Tibor Bodecs on 2021. 11. 29..
+//
+
+import XCTest
+@testable import SwiftHtml
+
+final class SvgTests: XCTestCase {
+
+    func testSvg() {
+        
+        let doc = Document(.unspecified) {
+            Svg {
+                Line(x1: 1, y1: 2, x2: 3, y2: 4)
+            }
+            .width(24)
+            .height(24)
+            .viewBox(minX: 0, minY: 0, width: 24, height: 24)
+            .fill("none")
+            .strokeWidth(2)
+            .strokeLinecap("round")
+            .strokeLinejoin("round")
+            
+        }
+        XCTAssertEqual(DocumentRenderer(minify: true).render(doc), #"<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="1" y1="2" x2="3" y2="4"></line></svg>"#)
+    }
+
+}