More details can be found on the related blog post at the Always Right Institute.
At WWDC 2019 Apple announced SwiftUI. A single "cross platform", "declarative" framework used to build tvOS, macOS, watchOS and iOS UIs. SwiftWebUI is bringing that to the Web โ๏ธ
Disclaimer: This is a toy project! Do not use for production. Use it to learn more about SwiftUI and its inner workings.
So what exactly is SwiftWebUI? It allows you to write SwiftUI Views which display in a web browser:
import SwiftWebUI
struct MainPage: View {
@State var counter = 0
func countUp() {
counter += 1
}
var body: some View {
VStack {
Text("๐ฅ๐ #\(counter)")
.padding(.all)
.background(.green, cornerRadius: 12)
.foregroundColor(.white)
.tapAction(self.countUp)
}
}
}
Results in:
Unlike some other efforts this doesn't just render SwiftUI Views as HTML. It also sets up a connection between the browser and the code hosted in the Swift server, allowing for interaction - buttons, pickers, steppers, lists, navigation, you get it all!
In other words: SwiftWebUI is an implementation of (many but not all parts of) the SwiftUI API for the browser.
To repeat the Disclaimer: This is a toy project! Do not use for production. Use it to learn more about SwiftUI and its inner workings.
As of today SwiftWebUI requires a macOS Catalina beta 3 installation to run. An installation of Xcode 11 beta 3 is required to get the new Swift 5.1 features SwiftUI makes heavy use of.
Note: Catalina and Xcode versions MUST match.
Update 2019-06-02: Now also "mostly" runs on Linux (navigation not working due to its use of Combine).
To setup a SwiftWebUI project,
create a "macOS tool project" in Xcode 11,
then use the new SwiftPM integration and add
https://github.com/SwiftWebUI/SwiftWebUI
as a dependency.
Open the main.swift
file and replace it's content
with:
import SwiftWebUI
SwiftWebUI.serve(Text("Holy Cow!"))
Compile and run the app in Xcode, open Safari and hit
http://localhost:1337/
:
A small SwiftWebUI sample based on the SwiftUI Essentials "Avocado Toast App". Find it over here: AvocadoToast.
Brought to you by The Always Right Institute and ZeeZide. We like feedback, GitHub stars, cool contract work, presumably any form of praise you can think of.