swiftwasm / swiftwasm-pad

swiftwasm-pad is a online playground to help developers learn about Swift on Web.

swiftwasm-pad

swiftwasm-pad is a online playground to help developers learn about Swift on Web.

https://swiftwasm-pad.netlify.app

• ./CompileAPI - A backend service which compiles .swift into WebAssembly object file. Implemented by Swift AWS Lambda Runtime.

• ./Frontend - A web frontend editor application. Implemented by SwiftWasm and Tokamak.

• ./PreviewSystem - A shared package to provide prebuilt .swiftmodule and wasm library.

Run

Using docker-compose

$ docker-compose up

Manual start up

# Build PreviewSystem
$ ./PreviewSystem/build-script.sh

# Start frontend
$ cd Frontend
$ npm install
$ npm run start

# Start backend
$ cd CompileAPI
$ export LOCAL_LAMBDA_SERVER_ENABLED=true
$ export LAMBDA_PREVIEW_STUB_PACKAGE=$(pwd)/../PreviewSystem/distribution/PreviewStub
$ export LAMBDA_SWIFTC=$(dirname $(pwd))/.toolchain/darwin/$(cat ../.swift-version)/usr/bin/swiftc
$ swift run CompileSwiftWasm

CompileAPI

CompileAPI is deployed with SwiftWasm toolchain built on Amazon Linux 2 and PreviewSystem. .swiftmodule files in PreviewSystem are used to compile user input code that can use Tokamak or JavaScriptKit. This API returns not an executable wasm binary but an object file. The object file will be linked with prebuilt library on browser.

Frontend

Frontend web application sends requests to CompilerAPI, link compiled object files and shared library and run linked executable wasm. library.so.wasm is the shared library combined with Swift Standard Library, Tokamak and JavaScriptKit. The library is built by ./PreviewSystem/build-script.sh This frontend application uses WebAssembly linker implemented by Swift named chibi-link to reduce CompileAPI's load and also reduce transfer data size. The linker is executed in Web Worker to avoid blocking UI.

Related Projects

• swiftwasm/swift
• swiftwasm/JavaScriptKit
• TokamakUI/Tokamak
• kateinoigakukun/chibi-link

swiftwasm-pad's Issues

Counter Example Won't Run on Chrome

https://pad.swiftwasm.org/ isn't working on Chrome. If you click "Run" with the default example it throws a DOMException:

Uncaught (in promise) DOMException: Failed to execute 'postMessage' on 'DedicatedWorkerGlobalScope': ArrayBuffer is not detachable and could not be cloned.
at writeOutput (https://pad.swiftwasm.org/main.worker.js:1:188854)
at https://pad.swiftwasm.org/SwiftWasmPad.wasm:wasm-function[3372]:0xa25fe
at https://pad.swiftwasm.org/SwiftWasmPad.wasm:wasm-function[27]:0xf44a
at t.start (https://pad.swiftwasm.org/main.worker.js:1:47953)
at https://pad.swiftwasm.org/main.worker.js:1:189018

New features add views

Hi @kateinoigakukun ,
it would be interesting to be able to add such a feature as shown.

Make it available on a custom domain

I would like to make this available on pad.swiftwasm.org. Would we need to set this up on Netlify, or re-deploy to GitHub Pages? @kateinoigakukun please let me know what do you think would be the best way to approach this.

Pre-load the Counter example if the URL query is empty

Our users are highly likely to compile the Counter sample code anyway if the URL query doesn't contain any other code. We could pre-compile that Counter view and pre-load it and run it immediately. Then users would have access to running this basic example code as soon as possible.

Firefox support

Looks like this doesn't fully work on Firefox, I get these errors:

library.so.wasm was downloaded main.js:1:388339

main.js:1:388339
Info: Reading /tmp/main.o main.worker.js:1:187727

main.worker.js:1:187727
Warning: Custom section 'target_features' is currently not supported main.worker.js:1:187727

main.worker.js:1:187727
Info: Reading /tmp/library.so.wasm main.worker.js:1:187727

main.worker.js:1:187727
Warning: Linking subsection 'comdatInfo' is not supported now main.worker.js:1:187727

main.worker.js:1:187727
Warning: Custom section 'producers' is currently not supported main.worker.js:1:187727

main.worker.js:1:187727
TypeError: cannot transfer WebAssembly/asm.js ArrayBuffer