chore: setup

Author: NathanWalker

.gitignore

@@ -2,6 +2,7 @@
 hooks/
 node_modules/
 platforms/
+package-lock.json
 
 # Logs
 logs

App_Resources/iOS/build.xcconfig

@@ -4,3 +4,4 @@
 // To build for device with XCode you need to specify your development team.
 // DEVELOPMENT_TEAM = YOUR_TEAM_ID;
 ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+IPHONEOS_DEPLOYMENT_TARGET = 15.0;

App_Resources/iOS/src/Card.swift

@@ -0,0 +1,60 @@
+import SwiftUI
+
+class Data: ObservableObject {
+    @Published var props: NSMutableDictionary = [:]
+    var toggle: ((_ showing: Bool) -> Void)?
+}
+
+struct Card : View {
+    @State var show = false
+    @ObservedObject var data = Data()
+    
+    var body: some View {
+        Button(action: {
+            withAnimation {
+                self.show.toggle()
+                data.toggle!(self.show)
+            }
+        }) {
+            let cardBackgroundColor = data.props.value(forKey: "cardBackgroundColor") as? UIColor
+            
+            VStack() {
+                let titleColor = data.props.value(forKey: "titleColor") as? UIColor
+                Text(data.props.value(forKey: "title") as? String ?? "Learn SwiftUI")
+                    .foregroundColor((titleColor != nil) ? Color(titleColor!) : .white)
+                    .fontWeight(.bold)
+                    .font(.largeTitle)
+                    .padding(.top, show ? 100 : 20)
+                
+                let descColor = data.props.value(forKey: "descColor") as? UIColor
+                Text(data.props.value(forKey: "desc") as? String ?? "with NativeScript")
+                    .foregroundColor((descColor != nil) ? Color(descColor!) : Color(hue: 0.567, saturation: 0.158, brightness: 0.943))
+                    .lineLimit(-1)
+                
+                AsyncImage(url: URL(string: "https://electreefrying.gallerycdn.vsassets.io/extensions/electreefrying/nativescript-angular-html-snippets/0.1.4/1595675332745/Microsoft.VisualStudio.Services.Icons.Default")) { image in
+                        image
+                            .resizable()
+                            .scaledToFit()
+                            .frame(width: 120, height: 120)
+                        } placeholder: {
+                            Color.gray.opacity(0.1)
+                        }
+                
+                Spacer()
+                
+                let subTitleColor = data.props.value(forKey: "subTitleColor") as? UIColor
+                Text(data.props.value(forKey: "subTitle") as? String ?? "Give me a gentle touch")
+                    .foregroundColor((subTitleColor != nil) ? Color(subTitleColor!) : Color(hue: 0.498, saturation: 0.609, brightness: 1.0))
+                    .fontWeight(.bold)
+                    .font(.title)
+                    .padding(.bottom, show ? 100 : 20)
+                }
+                .padding()
+                .frame(width: show ? 414 : 300, height: show ? 950 : 300)
+                .background((cardBackgroundColor != nil) ? Color(cardBackgroundColor!) : .blue)
+            }
+            .cornerRadius(30)
+            .animation(.spring())
+            .shadow(radius: 30)
+    }
+}

App_Resources/iOS/src/CardProvider.swift

@@ -0,0 +1,40 @@
+import SwiftUI
+
+@objc
+class CardProvider: UIViewController, SwiftUIProvider {
+
+  // MARK: INIT
+
+  required init?(coder aDecoder: NSCoder) {
+    super.init(coder: aDecoder)
+  }
+
+  required public init() {
+    super.init(nibName: nil, bundle: nil)
+  }
+
+  public override func viewDidLoad() {
+    super.viewDidLoad()
+    setupSwiftUIView(content: swiftUIView)
+    registerObservers()
+  }
+
+  // MARK: PRIVATE
+
+  private var swiftUIView = Card()
+
+  private func registerObservers() {
+      swiftUIView.data.toggle = { (showing: Bool) in
+          // notify NativeScript
+          self.onEvent?(["showing": showing])
+      }
+  }
+
+  /// Receive data from NativeScript
+  func updateData(data: NSDictionary) {
+      data.forEach { (k,v) in swiftUIView.data.props[k] = v }
+  }
+
+  /// Allow sending of data to NativeScript
+  var onEvent: ((NSDictionary) -> ())?
+}

README.md

@@ -0,0 +1,10 @@
+# SwiftUI with NativeScript Example
+
+```
+ns debug ios
+```
+
+Demonstrates:
+- @nativescript/swift-ui usage
+- HMR livesync changes to SwiftUI
+- Flexible data binding setup to SwiftUI from NativeScript