wavejumper

include ./theme.conf
font_family Hack
bold_font        auto
italic_font      auto
bold_italic_font auto
font_size 13.0
window_padding_width 10
cursor_shape block
shell_integration no-cursor

wavejumper

(println "hello world")

(a-fn-that-does-not-exist)

wavejumper

(require '[sandbox.reagent :as r :refer [render]])

(render [r/highlight {:language "clojure"} (pr-str {:a :b})])

wavejumper

(require '[sandbox.reagent :refer [render]]
         '[cljs.tools.reader.edn :as edn])

(def s3-url 
  "https://s3.amazonaws.com/sandbox.cljsfiddle.net/1/cljspad.manifest.edn")

(defn massage-it [str]
  (let [edn (edn/read-string str)]
    (map :name (:sandbox/libraries edn))))

wavejumper

(require '[datascript.core :as d])

;; Example from datascript README
;; https://github.com/tonsky/datascript

(def schema {:aka {:db/cardinality :db.cardinality/many}})

(def conn (d/create-conn schema))

(d/transact! conn [ { :db/id -1

wavejumper

(require '[re-frame.core :as rf]
         '[sandbox.reagent :refer [render]])

(rf/reg-sub :demo/counter 
  (fn [db _]
    (:counter db)))

(rf/reg-event-db :demo/increment-counter 
  (fn [db _]
    (update db :counter (fnil inc 0))))

wavejumper

Muneris chelydri nec ergo statione esset

Mea modo feris nil iamque ego navita

Lorem markdownum lusibus Amnis regia nuntia opus ad mittunt inpervius aequora nutricis! Parentis manus, geminas laborum Victoria Cephenum Dianae. Quis amoris.

Subduxit Aurora mensas finitque regit mihi nostri

wavejumper

(require '[reagent.core :as r]
         '[reagent.dom :as rdom]
         '[sandbox.reagent :refer [render]]
         '[clojure.string :as str])

;; The todomvc found in https://github.com/reagent-project/reagent/tree/master/examples/todomvc

(inject-stylesheet "https://gist.githubusercontent.com/wavejumper/ef50850eceb027072fe7d5cbe598cf72/raw/913af47f4cbc63fea0acd382492314617edf35c7/todo.css")

(defonce todos (r/atom (sorted-map)))

wavejumper

(require '[sandbox.reagent :refer [render]])

(defn my-component []
  [:div {} "Hello from GitHub"])

(render [my-component])

wavejumper

cljsfiddle

cljsfiddle is a code playground for ClojureScript

Examples

• Reagent + re-frame
• ElkJS

Sandbox