Now, I'm not sure what to expect, I'm trying evaluating tests and I get nil. Loading the file doesn't do anything. (I'm using vscode + calva BTW)

check browser console

nothing... it should happen when I eval tests?

are these cljs files?

the cljs hooks you copied turn rcf off while the namespaces are loaded

to run them manually one needs to connect a cljs REPL and eval the tests blocks

for our main repo we run the cljs tests as part of our CI pipeline. https://github.com/hyperfiddle/electric/blob/1f683adc6552be0f3f41b90e86305c6270917265/ci/run_tests_browser.sh, also check https://github.com/hyperfiddle/electric/blob/1f683adc6552be0f3f41b90e86305c6270917265/shadow-cljs.edn

For CLJS tests to run, rcf/enable! must be true in both clj (macroexpansion time) and cljs (js runtime). Successful runs will print green checkboxes in the browser console; clojure REPLs don't intercept the async print properly

🙏 I'll give it a try

Got it to work 🥳

Will send here all that's needed for the simplest setup with cljs and shadow

Appreciate that thank you, I'd like to understand what you were missing before

shadow build-hook:

:build-hooks [(dev.core/rcf-shadow-hook)]

(ns dev.core
  (:require [hyperfiddle.rcf]))

(def rcf-enable! (delay @(requiring-resolve 'hyperfiddle.rcf/enable!)))

(defn rcf-shadow-hook {:shadow.build/stages #{:compile-prepare :compile-finish}}
  [build-state & args]
;; NOTE this won't prevent RCF tests to run during :require-macros phase
  (case (:shadow.build/stage build-state)
    :compile-prepare (@rcf-enable! false)
    :compile-finish (@rcf-enable!))
  build-state)

(defn ^:dev/after-load start []
  (js/console.log "Starting...")
  (hyperfiddle.rcf/enable!))

(defn ^:dev/before-load stop []
  (js/console.log "Stopping...")
  (hyperfiddle.rcf/enable! false))

I was missing the clj biuld-hook

oh crap

IIRC that is optional, are you saying it is necessary? I believe the purpose of the shadow hook is to prevent JVM tests from running during shadow reloads related to macro namespaces

I think it's what enables rcf in clj:

:compile-finish (@rcf-enable!)

but I'm far from sure

ah, that line can be moved to an entry ns like dev.cljc

But your message: https://clojurians.slack.com/archives/C7Q9GSHFV/p1688036585861269?thread_ts=1688031756.398229&cid=C7Q9GSHFV clued me as nothing in my code enabled rcf for clj

My project is exclusivly cljs (shadow) my entry is cljs file I'm not sure how to incorporate a cljc entry point...

in shadow it was the build hook for me

i just added that sentence to the readme fwiw

👍 it what helped me 🙂

I ticked this, thanks

https://github.com/hyperfiddle/rcf/issues/78

afaik mostly this has been hacks, nobody has done a real integration with a tx-notification-queue of some sort

the typical hack is to wrap the transact call and increment a counter out of band to force refresh queries

OK so hack is: central server-side counter and any time tx just increment counter. that will work fine for now 🙂

another easy approach is to refresh queries when the user navigates like its 2010

I can see data/!counter being incremented on tx, but (data/query-geom ...) does not rerun. How do I force it to re-run when data/!counter changes?

(e/defn App []
  (e/client
    (let [cnt (e/server (e/watch data/!counter))]
      (dom/div
        (dom/text cnt "hi: " cnt " ok")
        (dom/pre
          (dom/text
            (e/server (pr-str (data/query-geom data/conn)))))))))

;; In data I (swap! !counter inc) on tx.

Do I have to pass counter as an argument to my query function? e.g. (data/query-geom hacky-counter conn args ...) ?

yes, expressions re-evaluate exactly when their arguments change

you can wrap it if you want, ((fn [_] (query-geom conn)) cache-bust)

basically looking for a (whenever <x (do y)) I know that one way is to pass x into the function inside the when expression. however, since the value is a js object and there’s a server boundary it does not serialize. I could write some more code to return a serializable value instead (e.g. (rand)) but wondering if there’s a more elegant/idiomatic approach

Not sure this is useful, the code for checking for hover/focus on a node: https://github.com/hyperfiddle/electric/blob/1f683adc6552be0f3f41b90e86305c6270917265/src/hyperfiddle/electric_dom2.cljc#L235-L258

the undocumented APIs https://github.com/hyperfiddle/electric/blob/1f683adc6552be0f3f41b90e86305c6270917265/src/hyperfiddle/electric.cljc#L447-L537 (that UI4 uses) is the current way to do this, the problem is that they are overcomplicated, we only released them because they fixed bugs in UI4

They handle edge cases like, what happens if the window focus events are in rapid succession, faster than latency, and in the "event callback" there is an e/server. • Do you want to cancel and discard the previous callback and start over with the new value? use e/for-event-pending-switch • Do you want to run N callbacks concurrently? use e/for-event-pending • Do you want to backpressure the user, disabling the control to block them from submitting events so fast? e/do-event-pending

You can try to read https://github.com/hyperfiddle/electric/blob/master/src/hyperfiddle/electric_ui4.cljc - search for "-event"

This over-complicated code is why UI5 uses a completely different pattern, no more callbacks at all, but we are not close to shipping it