Christoph Frick - ofnir.net - Open Source Consultant, Software Developer and System Administrator (Posts about ClojureScript)

Media player SPA

Christoph Frick - ofnir.net — Wed, 16 Sep 2020 22:00:00 GMT

I have put together a media player (listing of media and generating playlist of it) as an SPA using ClosjureScript. The server-side only needs some minimal setup with Nginx (namely to enable listing of directories as JSON). The code can be found on GitHub.

Support for Rum 0.12/Daiquiri added to my Antizer fork

Christoph Frick - ofnir.net — Thu, 30 Jul 2020 22:00:00 GMT

My Antizer fork (a library wrapping Ant Design) now supports Rum 0.12, which replaced the use of Sablono with their own fork, "Daiquiri" inside the Rum source.

Run Shadow-Cljs via Docker for local development

Christoph Frick - ofnir.net — Mon, 16 Dec 2019 23:00:00 GMT

I have put together an example repo (it's my 100th, woohoo!) to show the use of Shadow-Cljs via Docker.

Figwheel with Vim-Fireplace 2.0

Christoph Frick - ofnir.net — Thu, 01 Aug 2019 22:00:00 GMT

With recent changes in Cider and the new Vim-Fireplace 2.0 release, let's update the setup for it.

In a project created by e.g. lein new figwheel hello-world, add the new setup for Ciders Piggieback:

:profiles {:dev {:dependencies [[cider/piggieback "0.4.1"]]
                 :repl-options {:nrepl-middleware [cider.piggieback/wrap-cljs-repl]}}}

Merge this settings with existing code from the template. Note, that both the group of the artifact and the namespace for Piggieback changed.

With the template you can not open Vim, start the REPL, and run (fig-start).

Now with Vim-Fireplace 2.0 to work via Piggieback, you call:

:CljEval (cider.piggieback/cljs-repl (figwheel-sidecar.repl-api/repl-env))

Use Vim-Fireplace with Figwheel greater 0.4

Christoph Frick - ofnir.net — Sat, 17 Oct 2015 22:00:00 GMT

I have put together an example repo, how to use vim-fireplace with figwheel after the 0.4 release. This release removed cider and piggieback, so we have to add them back.

Add this to the according sections of your project.clj:

;; add nrepl middleware for fireplace
:figwheel {:nrepl-middleware ["cider.nrepl/cider-middleware"
                              "cemerick.piggieback/wrap-cljs-repl"]}
;; add piggieback for fireplace
:profiles {:dev {:dependencies  [[com.cemerick/piggieback "0.2.1"]]
                 :repl-options {:nrepl-middleware [cemerick.piggieback/wrap-cljs-repl]}}}

Make the Figwheel REPL work in vim-fireplace

Christoph Frick - ofnir.net — Mon, 08 Jun 2015 22:00:00 GMT

I just have created a pull request with Vim-Fireplace, that allows passing down an expression to :Piggieback. This allows using the Figwheel REPL without much hassle.

First follow the instructions to create a Figwheel project. E.g. lein new figwheel example-project. Check the generated project.clj file and remove the comment on the line, that sets the nREPL port (:nrepl-port 7888, pick any port number you like).

To make Vim-Fireplace pick up the nREPL port create an .nrepl-port file containing the port number. E.g. echo 7888 > .nrepl-port. Otherwise connect from the Vim command line with :Connect nrepl://localhost:7888 (or follow the dialog with just :Connect).

In Vim then open any ClojureScript file (e.g. the generated src/example_project/core.cljs) and then enter at the Vim command prompt:

:Piggieback! (do (require 'figwheel-sidecar.repl-api) (figwheel-sidecar.repl-api/cljs-repl))

Now saving ClojureScript or CSS files will automatically (and statefully) reload in the browser. And all the regular things in Vim-Fireplace like evaluating expressions or requesting the docs work too.

For repeatability add this alias in your .vimrc (or in an after script for Clojure or Vim-Fireplace):

command! Figwheel :Piggieback! (do (require 'figwheel-sidecar.repl-api) (figwheel-sidecar.repl-api/cljs-repl))