jeffreyrosenbluth/lucid-svg

Clear to write, read and edit DSL for writing SVG, base on lucid

lucid-svg

Simple DSL for writing SVG, based on lucid

Example

{-# LANGUAGE OverloadedStrings #-}

import Lucid.Svg
 
svg :: Svg () -> Svg ()
svg content = do
  doctype_
  with (svg11_ content) [width_ "300" , height_ "200"]

contents :: Svg ()
contents = do
  rect_   [width_ "100%", height_ "100%", fill_ "red"]
  circle_ [cx_ "150", cy_ "100", r_ "80", fill_ "green"]
  text_   [x_ "150", y_ "125", font_size_ "60", text_anchor_ "middle", fill_ "white"] "SVG"


main :: IO ()
main = do
  print $ svg contents

lucid-svg's Issues

textpath should be able to have child nodes

Here's mozilla's documentation for textpath: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/textPath

It should be able to have child nodes, but it is a childless element in lucid-svg.

upper bound on base prevents build with ghc 8.2 or newer

title and desc elements take [Attribute] but no Text

In all example SVGs I have seen, I have seen <title> and <desc> used like so (or very similarly):

<svg…
    <symbol…
        <title>What this thing is called</title>
        <desc>A short description of what it is</desc>
        …
    </symbol>
</svg>

(cf. the MDN SVG reference)

However, title_ and desc_ only take a [Attribute] and no Text argument. So, I can clearly add attributes to the elements, but I cannot add the text inside. Was this intentional? If so, what was the motivation? If not, would a PR be accepted to allow for this?

Compatibility with base 4.9

Now that ghc 8.0 has dropped with the new base package, I find myself in a situation where lucid-svg claims to not be compatible, and so I can no longer build my package. I am aware that I could just downgrade ghc/cabal, but since lucid is not affected by any compatibility issues (it claims to be compatible with base<5), I was wondering if this might be a simple fix by just changing the .cabal file to relax the constraint.

Elements that should/shouldn't have children

I found a few more elements that have incorrect child/childlessness is this library. Rather than create an issue every time I find one of these, I'll just keep a running list here and put up a PR in a week or two. I've got a list of a few more on my other laptop at home, but the one I stumbled across most recently is line_.

Elements to fix:

• line_
• filter_
• style_
• feGaussianBlur_ (actually, maybe not)