KLIPSE

KLIPSE is live here.

And it looks like this:

Basically, KLIPSE is made of 4 rectangles:

1. Top left rectangle: you insert your cljs code
2. Top right rectangle: you see the generated javascript code from the cljs code
3. Bottom left rectangle: you see the evaluation of the cljs code as a clojure object
4. Bottom right rectangle: you see the evaluation of the cljs code as a js object

By the way, if you go to this KLIPSE with clojure code, you will be able to modify the code of see it in action.

Have fun!

Usage

Here is an introductory blog post: KLIPSE: why? what? how?

Insert your code in the top left area. Press Ctrl-Enter to evaluate.

Run Locally: figwheel + devcards

rlwrap lein figwheel devcards figwheel

or

Open the browser http://localhost:5014/index-dbg.html

Open the browser http://localhost:5014/cards.html

Tutorial

Read KLIPSE Magic to discover how we made KLIPSE.

Deploy to Production

####1. Build

rm -rf resources/public/plugin resources/public/dev
lein cljsbuild once app plugin

####2. Test

Test that dev build works properly =>

• Open the browser http://localhost:5014/index-dev.html
• Open the browser http://localhost:5014/test.html

####3. Deploy to Google Storage

Make sure gsutil is installed.

./scripts/deploy