Quil

Use quil in goldly.

Goldly-Bundel

Goldly allows you to add any clojurescript or javascript / npm dependency.

If you do not want to build your own bundle and define your own ui components, then you might want to use goldly bundel

Goldly Bundel has ui-quil /and other ui libraries) included.

Demo

clojure -X:goldly

Navigate your webbrowser to port. Quil snippes are in running systems / snippet-registry

In Goldly as a ui extension

In deps.edn add quil as dependency and add goldly alias

:goldly
  {:extra-deps {org.pinkgorilla/goldly {:mvn/version "0.2.37"}
               {org.pinkgorilla/ui-quil {:mvn/version "0.0.1"}}
   :exec-fn goldly-server.app/goldly-server-run!
   :exec-args {:profile "watch"
               :config {:goldly {:extensions [[ui.quil.goldly]
                                              ]}}}}

How to make your own bundel

Because ui-quil is a very simple project, it is a good example to learn how to write goldly ui extensions.

In deps.edn we get the quil maven library:

 {:deps
  quil/quil {:mvn/version "3.1.0"}
  ...}

Because quil needs npm js dependencies we ass deps.cljs:

{:npm-deps
 {"p5" "^0.9.0" }}

In ui.quil.goldly we add quils clojurescript namespaces to the js bundel. We also add ui.quil.quil, this is to export the configuration so we can easily use quil in other goldly projects.

(add-cljs-namespace [quil.middleware]) ; access quil drawing fuctios
(add-cljs-namespace [quil.core])
;'quil.sketch
; 'quil.util
(add-cljs-namespace [ui.quil.quil]) ; add pinkie renderer

To make quil functions available, we add in ui.quil.goldly:

(add-cljs-bindings {'qbackground quil.core/background
                    'qfill quil.core/fill
                    'qellipse quil.core/ellipse
                    })

To add the demo snippets, we add in ui.quil.goldly:

(add-snippet {:type :goldly-clj
              :category :quil
              :id :quil1
              :filename "snippets/quil/quil1.clj"})

To run goldly and to get goldly to add ui.quil.goldly to the bundle we add :goldly alias to deps.edn

:goldly
  {:extra-deps {org.pinkgorilla/goldly {:mvn/version "0.2.37"}}
   :exec-fn goldly-server.app/goldly-server-run!
   :exec-args {:profile "watch"
               :config {:goldly {:extensions [[ui.quil.goldly]
                                              ]}}}}