suavemente: An applicative functor that seamlessly talks to HTML inputs.

[ bsd3, library, program, web ] [ Propose Tags ]

Please see the README on GitHub at

[Skip to Readme]
Versions [faq],
Change log
Dependencies base (>=4.7 && <5), blaze-markup, bytestring, diagrams-core, diagrams-lib, diagrams-svg, interpolatedstring-perl6, lens, mtl, servant, servant-blaze, servant-server, servant-websockets, stm, streaming, suavemente, svg-builder, transformers, warp, websockets [details]
License BSD-3-Clause
Copyright 2019 Sandy Maguire
Author Sandy Maguire
Category Web
Home page
Bug tracker
Source repo head: git clone
Uploaded by isovector at Fri Jan 4 17:07:57 UTC 2019
Distributions NixOS:
Executables suavemente-exe
Downloads 320 total (33 in the last 30 days)
Rating (no votes yet) [estimated by rule of succession]
Your Rating
  • λ
  • λ
  • λ
Status Hackage Matrix CI
Docs not available [build log]
All reported builds failed as of 2019-01-04 [all 3 reports]


  • Web
    • Web.Suavemente


Maintainer's Corner

For package maintainers and hackage trustees

Readme for suavemente-

[back to package description]


Build Status | Hackage


Today's kitchen is all about a well-planned space that makes cooking a completely interactive experience among family and friends.

Candice Olson


Suavemente is an applicative functor capable of seamlessly talking to HTML elements. Running a suavemente program automatically spins up a webserver and hooks up its pages with websockets. The use case is to quickly deploy simple, interactive Haskell programs without needing to figure out how the fuck GHCJS works.


{-# LANGUAGE ApplicativeDo #-}

module Main where

import Diagrams.Backend.SVG
import Diagrams.Prelude hiding (rad)
import Web.Suavemente

main :: IO ()
main = suavemente $ do
  rad <- slider "Radius" 1 10 5
  r   <- realSlider "Red" 0 1 0.05 1
  g   <- realSlider "Green" 0 1 0.05 1
  b   <- realSlider "Blue" 0 1 0.05 1
  x   <- slider "X" 0 20 10
  y   <- slider "Y" 0 20 10

  pure (
    circle rad
            # fc (sRGB r g b)
            # translate (r2 (x, y))
            # rectEnvelope (p2 (0, 0)) (r2 (20, 20))
    :: Diagram B)

To Do

The "protocol" is disgusting---it just tries to read the incoming websocket data. A better approach would be to hook it up via FromJSON, but it's nontrivial to get JSON out of a web form and I cbf.

Pull requests are welcome!