devcards 2016-03-28 | Slack Archive

mmeix16:03:13

I'm trying to write a macro to demonstrate svg-code in a defcard-rg. Being a macro noob I have a problem: how to insert the cord into the description-string.

mmeix16:03:39

the lower part executes the supplied code correctly, but I'm not sure how to display the codein the description

mmeix16:03:43

usage: (codedemo example 120 [:circle {:cx 12 :cy 20 :r 7}])

anmonteiro16:03:23

@mmeix: (str " '''" ~code "'''")

ah ...

trying

' = your backticks

tricky

for slack formatting

no, that doesn't work, alas ...

anmonteiro16:03:37

@mmeix: you probably want to wrap ~code in a sablono html macro?

anmonteiro16:03:08

depending on what you want to display

anmonteiro16:03:30

or you just want to present the code as a string?

mmeix16:03:59

in the description: the code as a string, and then underneath the executed code

mmeix16:03:50

if I remove the description part, the code gets executed correctly

mmeix16:03:49

so no need for sablono (it_s in a defcard-rg, so I guess this the correct environment

mmeix16:03:26

it's just the building of the description string with the inserted code

anmonteiro16:03:52

(defmacro code-demo
  [cardname svg-height code]
  `(defcard-rg ~cardname
     (str "'''" ~code "'''")
    [:svg {:width "100%" :height ~svg-height}
      ~code]))

(macroexpand '(code-demo example 120 [:circle {:cx 12 :cy 20 :r 7}]))
;; =>  
(cellophane.dom-test/defcard-rg example
  (clojure.core/str "'''" [:circle {:cx 12, :cy 20, :r 7}] "'''")
  [:svg {:width "100%", :height 120} [:circle {:cx 12, :cy 20, :r 7}]])

anmonteiro16:03:55

seems OK to me?

mmeix16:03:20

ok, let me try this

mmeix16:03:08

it seems, that the usage of backticks in devcard's markdown format for description strings collides somehow with using them in a macro ...

anmonteiro16:03:45

it shouldn't, if they are in a string

mmeix16:03:21

I get a card saying

[:circle {:cx 12, :cy 20, :r 7}]

mmeix16:03:42