interactive

Demo of reagent and tex

Author

Affiliation

Markus Agwin Kloimwieder

Scicloj

(define simplify identity)

(define ->infix identity)

(define down vector)

(kind/tex "x^1")

\[x^1\]

(kind/hiccup [:div
              [:div#kt2 "2"]
              [:div#kt3 "3"]
              [:div#kt4 "4"]
              [:script "katex.render(\"x^2\", document.getElementById(\"kt2\"))"]])

2

3

4

(kind/scittle
  '(.render js/katex "x^3" (.getElementById js/document "kt3")))

(kind/scittle
  '(def *click-count (reagent.core/atom 4)))

(kind/scittle
  '(.render js/katex (str "x^" @*click-count) (.getElementById js/document "kt4")))

(kind/reagent
  ['(fn []
     [:div
      "The atom " [:code "*click-count"] " has value: "
      @*click-count ". "
      [:input {:type     "button" :value "Click me!"
               :on-click #(swap! *click-count inc)}]])])

(show-tex "x^2")

(kind/hiccup
  [:div#target])

(kind/scittle
  '(let [source-div (.getElementById js/document "source")
         target-div (.getElementById js/document "target")
         clone-div (.cloneNode source-div true)]
     (.appendChild target-div clone-div)))

^{:kindly/kind :kind/hidden :kindly/hide-code true}

(kind/hiccup
  [:div {:id "source"}
   [:p "test"]])

test

source: src/mentat_collective/emmy/emmy_interactive.clj