SwiftUI with support for WebAssembly

Last update: Dec 11, 2022

Overview

SwiftWebUI and WASM

This is a fork of the incredible SwiftWebUI to support WebAssembly via swiftwasm.

What does it do?

This repo allows you to run your SwiftUI projects completely on the web.

import SwiftWebUI

SwiftWebUI.serve(Text("Hello, world!"))

The code is compiled to WebAssembly, and run entirely in the browser.

This is not a static site generator. By compiling Swift code to WASM, we can create stateful webapps entirely in Swift:

How is it different from the main SwiftWebUI?

SwiftWebUI runs a Swift NIO server which handles the changes. With that approach, every time an action is made on the client, the server has to run the operations and send down the changes to the DOM.

This repo removes the need for a server by compiling the code to run in the browser itself. This allows for more flexible and efficient apps.

Get Started

To create a new SwiftWebUI and WASM project, you can run:

npx carson-katri/swiftwebui-scripts create MyApp

For more information on swiftwebui-scripts, view the repo.

Helpful Packages

swiftwebui-router

A simple Router for SwiftWebUI
JavaScriptKit

Swift framework to interact with JavaScript through WebAssembly

Examples

Firebase Cloud Functions

Contributing

You can build the project with the following command:

swift build --triple wasm32-unknown-wasi

Comments

invalid Darwin version number: macos11.1

my-app % make
cd MyApp && \
	swift build --triple wasm32-unknown-wasi && \
	cp .build/debug/MyApp ../dist/SwiftWASM.wasm && \
	wasm-strip ../dist/SwiftWASM.wasm && \
	gzip ../dist/SwiftWASM.wasm --best
/Users/az/swift/src/github.com/felicitaspublica/my-app/MyApp: error: manifest parse error(s):
<unknown>:0: error: invalid Darwin version number: macos11.1
<unknown>:0: error: invalid version number in '-target x86_64-apple-macos11.1'
/Applications/Xcode.app/Contents/Developer/Platforms/MacOSX.platform/Developer/SDKs/MacOSX11.1.sdk/System/Library/Frameworks/Combine.framework/Modules/Combine.swiftmodule/x86_64-apple-macos.swiftinterface:1:1: error: failed to build module 'Combine' from its module interface; the compiler that produced it, 'Apple Swift version 5.3.1 (swiftlang-1200.2.41 clang-1200.0.32.8)', may have used features that aren't supported by this compiler, 'Swift version 5.3-dev (LLVM b978bd2044, Swift 6b21aa1cfd)'
// swift-interface-format-version: 1.0
^
<unknown>:0: error: invalid Darwin version number: macos11.1
<unknown>:0: error: invalid version number in '-target x86_64-apple-macos11.1'
make: *** [build] Error 1

opened by mycroftcanner 0

Orbit-swiftui - Orbit design system implemented in SwiftUI for iOS

Orbit is a SwiftUI component library which provides developers the easiest possi

37 Jan 3, 2023

SwiftUI Resume - A simple resume writed by swiftUI + Combine

SwiftUI_Resume a simple "resume" writed by swiftUI + Combine

15 Apr 27, 2022

SwiftUI-MSALSample - Sample project to login with MSAL using SwiftUI

SwiftUI-MSALSample I could not find a good walkthrough on how to implement MSAL

10 Nov 7, 2022

100-Days-of-SwiftUI - Studying through Paul Hudson's 100 Days of SwiftUI

Hacking with SwiftUI 100 Days of SwiftUI Studying through Paul Hudson's "100 Day

3 Aug 29, 2022

Watchos-navlink-swiftui-bug - Example Project to demonstrate bug in SwiftUI when NavigationLink is activated inside a TabView

SwiftUI Bug using NavigationLink inside a TabView on watchOS 8.1+ When a Navigat

0 Jan 25, 2022

SwiftUI-Card - Simple card ui designed using SwiftUI

SwiftUI - Card Simple card ui designed using SwiftUI Preview

0 Feb 5, 2022

Swiftui-pressed-states-example - Examples of Pressed States in SwiftUI

Examples of Pressed States in SwiftUI pressed-states.mp4

6 Nov 15, 2022

IOS15-SwiftUI-InAppPurchaseDemo - In-App Purchase Demo app written with SwiftUI

iOS15-SwiftUI-InAppPurchaseDemo In-App Purchase Demo app written with SwiftUI If

5 Jul 20, 2022

SwiftUI Backports - Introducing a collection of SwiftUI backports to make your iOS development easier

SwiftUI Backports Introducing a collection of SwiftUI backports to make your iOS development easier. Many backports support iOS 13+ but where UIKIt fe