Fonts and Fixes (#37)

* fix to enabling scrolling when with react apps - scroll keyword for react is scroll

* added custom font support

* added montserrat

* added 3 more fonts

Author: aarondemelo

Package.swift

@@ -27,7 +27,10 @@ let package = Package(
             name: "BuilderIO",
             dependencies: [
                 "SwiftyJSON",
-            ]
+            ],
+            resources: [
+                   .process("Resources/Fonts")
+                 ]
         ),
     ]
 )

Sources/BuilderIO/BuilderIOManager.swift

@@ -24,6 +24,7 @@ public final class BuilderIOManager {
         "Warning: BuilderIOManager has already been configured. Ignoring subsequent configuration.")
       return
     }
+    Font.registerFonts()
     _shared = BuilderIOManager(apiKey: apiKey, customNavigationScheme: customNavigationScheme)
   }
 

Sources/BuilderIO/Components/BuilderBlock.swift

@@ -102,7 +102,7 @@ struct BuilderBlockLayout<Content: View>: View {
     // 1. Extract basic layout parameters
     let direction = responsiveStyles["flexDirection"] ?? "column"
     let wrap = responsiveStyles["flexWrap"] == "wrap" && direction == "row"
-    let scroll = responsiveStyles["overflow"] == "auto" && direction == "row"
+    let scroll = (responsiveStyles["overflow"] == "auto" || responsiveStyles["overflow"] == "scroll") && direction == "row"
 
     let justify = responsiveStyles["justifyContent"]
     let alignItems = responsiveStyles["alignItems"]

Sources/BuilderIO/Extensions/Font.swift

@@ -0,0 +1,44 @@
+import Foundation
+import SwiftUI
+import UIKit
+
+extension Font {
+  public static func registerFonts() {
+    _ = UIFont.registerFont(bundle: .module, fontName: "Lato-Regular", fontExtension: "ttf")
+    _ = UIFont.registerFont(bundle: .module, fontName: "Poppins-Regular", fontExtension: "ttf")
+    _ = UIFont.registerFont(bundle: .module, fontName: "Inter", fontExtension: "ttf")
+    _ = UIFont.registerFont(bundle: .module, fontName: "Inter-Italic", fontExtension: "ttf")
+    _ = UIFont.registerFont(bundle: .module, fontName: "SourceCodePro", fontExtension: "ttf")
+    _ = UIFont.registerFont(bundle: .module, fontName: "SourceCodePro-Italic", fontExtension: "ttf")
+    _ = UIFont.registerFont(bundle: .module, fontName: "Roboto", fontExtension: "ttf")
+    _ = UIFont.registerFont(bundle: .module, fontName: "Roboto-Italic", fontExtension: "ttf")
+    _ = UIFont.registerFont(bundle: .module, fontName: "OpenSans", fontExtension: "ttf")
+    _ = UIFont.registerFont(bundle: .module, fontName: "OpenSans-Italic", fontExtension: "ttf")
+    _ = UIFont.registerFont(bundle: .module, fontName: "Montserrat", fontExtension: "ttf")
+    _ = UIFont.registerFont(bundle: .module, fontName: "Montserrat-Italic", fontExtension: "ttf")
+    _ = UIFont.registerFont(bundle: .module, fontName: "Raleway", fontExtension: "ttf")
+    _ = UIFont.registerFont(bundle: .module, fontName: "Raleway-Italic", fontExtension: "ttf")
+    _ = UIFont.registerFont(bundle: .module, fontName: "Nunito", fontExtension: "ttf")
+    _ = UIFont.registerFont(bundle: .module, fontName: "Nunito-Italic", fontExtension: "ttf")
+    _ = UIFont.registerFont(bundle: .module, fontName: "DMSans", fontExtension: "ttf")
+    _ = UIFont.registerFont(bundle: .module, fontName: "DMSans-Italic", fontExtension: "ttf")
+  }
+  
+}
+
+extension UIFont {
+  
+  static func registerFont(bundle: Bundle, fontName: String, fontExtension: String) -> Bool {
+    guard let fontURL = bundle.url(forResource: fontName, withExtension: fontExtension) else {
+      fatalError("Couldn't find font \(fontName)")
+    }
+    guard let fontDataProvider = CGDataProvider(url: fontURL as CFURL) else {
+      fatalError("Couldn't load data from the font \(fontName)")
+    }
+    guard let font = CGFont(fontDataProvider) else {
+      fatalError("Couldn't create font from data")
+    }
+    var error: Unmanaged<CFError>?
+    return CTFontManagerRegisterGraphicsFont(font, &error)
+  }
+}