Clojurians Log v2

> Note that this library isn't bundled with Clerk but we use a component based on https://github.com/d3/d3-require to load it at runtime. If this implies I'm supposed to do something other than the code shown, I don't know what the implication is.

and nextjournal.clerk.render/with-d3-require doesn’t work either?

that's right

My editor autocomplete agrees that it's never heard of this...

Maybe I have an older Clerk version

oh hello, I'm many versions behind.... I am now remembering that I used the version from a blog post to ensure that what I got is what she got

I bet I'm about to fix this now~

copied this from the book of clerk and it works fine (I’m on the latest main)

(ns notebooks.viewers.mermaid
  (:require [nextjournal.clerk :as clerk]))

(def mermaid-viewer
  {:transform-fn clerk/mark-presented
   :render-fn '(fn [value]
                 (when value
                   [nextjournal.clerk.render/with-d3-require {:package ["mermaid@8.14/dist/mermaid.js"]}
                    (fn [mermaid]
                      [:div {:ref (fn [el] (when el
                                             (.render mermaid (str (gensym)) value #(set! (.-innerHTML el) %))))}])]))})

;; We can then use  the above viewer using `with-viewer`.
(clerk/with-viewer mermaid-viewer
  "stateDiagram-v2
    [*] --> Still
    Still --> [*]

    Still --> Moving
    Moving --> Still
    Moving --> Crash
    Crash --> [*]")

Yeah I had an outdated version

cool

D'oh! Thanks for the sanity check

(also, wow, what a beautiful new 7777 home page! 😍 )