Skip to content

Latest commit

 

History

History
46 lines (36 loc) · 2.11 KB

README.md

File metadata and controls

46 lines (36 loc) · 2.11 KB
Raw

Yampa Wasm Example

A an example of using Yampa and GHC Wasm backend to create a simple web app. The app is deployed to GitHub Pages and can be found here.

"Circle rotating around the mouse."

Instructions

Building

  1. Clone and enter the repo

    git clone https://github.com/AntanasKal/yampa-wasm-example
cd yampa-wasm-example

  2. Enter nix flake of GHC Wasm backend with all_9_6 flavour:

    nix shell https://gitlab.haskell.org/ghc/ghc-wasm-meta/-/archive/master/ghc-wasm-meta-master.tar.gz#all_9_6

    To leave the flake you may call:

    exit

    If you want to setup GHC with Wasm backend without nix, follow ghc-wasm-meta guide (make sure to set the flavour to be 9.6).

  3. Inside the flake (or while having GHC with Wasm backend set up by different means), run:

    make serve

    This command will build Haskell code, bundle JS code and serve the application.

  4. The web application should be available at http://localhost:8080/ via your browser.

Using Docker to build and deploy

  1. Clone the repo: 
    git clone https://github.com/AntanasKal/yampa-wasm-example
  2. Run this command: 
    docker run -p 8080:8080 -v $PWD/yampa-wasm-example/:/root/yampa-wasm-example/ -it nixos/nix bash -c "cd /root/yampa-wasm-example/ && nix shell --extra-experimental-features flakes --extra-experimental-features nix-command "https://gitlab.haskell.org/ghc/ghc-wasm-meta/-/archive/master/ghc-wasm-meta-master.tar.gz#all_9_6" -c make serve"
    Instead of nixos/nix image, one can use a different image based on Dockerfile provided in this repo here. This image is built on top of base Ubuntu. And there is also another image here which is built on top of nixos/nix image and has GHC Wasm backend preinstalled.
  3. The web application should be available at http://localhost:8080/ via your browser.