Clojurians Log v2

Figured out how to run fully interactive Reagent forms in Node via Scittle and happy-dom. Planning to use this to verify Eucalypt behaviour in tests matches Reagent. https://gist.github.com/chr15m/204f645c56a22aa39f2cdaab6a80bd66

const cljs =`
(ns updater
  (:require
    [reagent.core :as r]
    [reagent.dom :as rdom]))
(def state (r/atom nil))
(defn app []
  [:div "Hello world!"]
  [:button {:on-click #(swap! state update :val inc)} "Counter: " (:val @state)])
(rdom/render [app] (.getElementById js/document "app"))
`

const fs = require("fs")
const hd = require("happy-dom")
globalThis.ReactDOM = require("react-dom")
globalThis.React = require("react")

const window = new hd.Window()
globalThis.document = window.document
globalThis.window = window

const appDiv = document.createElement("div")
appDiv.id = "app"
document.body.appendChild(appDiv)

eval.call(globalThis, (fs.readFileSync("node_modules/scittle/dist/scittle.js", "utf8")))
eval.call(globalThis, (fs.readFileSync("node_modules/scittle/dist/scittle.reagent.js", "utf8")))
scittle.core.eval_string(cljs)
document.querySelector("button").click();
setTimeout(() => {
  console.log(document.body.toString());
}, 0);

// $ node node-scittle-reagent.js
// 
Counter: 1