Yes

Ive seen example somewhere. Require squint in file with hiccup. Slurp cljs code to string, and pass it squint complile fn. Place resulting js string value in script tag in page hiccup.

yeah, let me look up that example

Cool! My 2c: this is a killer use case and would warrant an example on the squint README. I wasn't sure if squint was even possible to run in JVM/clojure land.

oh yes, let me look it up again (I forgot meanwhile, sorry)

here is the example with cherry, but squint should work similarly: https://twitter.com/borkdude/status/1555947698578198532

so, this repo: https://github.com/borkdude/bb-cherry-example

let me know if you get any problems with this approach

Oh fascinating, yeah this is exactly what I'm looking for. Interesting es-module voodoo I had not seen before. Can't wait to try this out when I'm at my computer later today, will report back. Thank you!

The es module shim might not be necessary anymore, import-maps should be available anywhere now, but back when I tried it, Safari gave some problem

Here are some related squint examples: https://github.com/babashka/nbb/blob/main/examples/squint/example.cljs https://www.reddit.com/r/Clojure/comments/ydqvfd/comment/ittvcu9/

$ clj -Sdeps '{:deps {io.github.squint-cljs/squint {:git/sha "7759ebc409e97d8b67a9ca3cabcfd83d2fcb2d33"}}}'
Clojure 1.11.0-alpha4
user=> (require '[squint.compiler :as sq])
nil 
user=> (sq/compile-string "(defn foo [] (+ 1 2 3))") 
"var foo = function () {\nreturn (1 + 2 + 3);\n}\n;\n\nexport { foo }\n"

Update: working beautifully, no shim necessary at least on my versions of firefox/safari. Here's a public example repo which you're free to link to from the squint docs if you think it'd be worthwhile: https://github.com/aiba/squint-hiccup-example/blob/master/src/squint_hiccup_example/core.clj

Nice. Perhaps add a README with how to run it, before I tweet it :)

Would be my pleasure!

My only remaining question is whether I should be using squint or cherry for my use case. Originally I thought squint would be more lightweight, but it looks like the required core library is about the same size as cherry's, so I wonder if I might as well be using cherry? Curious if you have a thought on this.

how big is squint core vs cherry core?

I thought squint was much smaller but I could be wrong

squint core is 22kb, cherry core is over 300kb

i was looking at

is that not the right module map for squint-cljs/core.js

ohhh, it should probably be

ok that does work better / more lightweight for my use case. thank you!

right, I didn't know cljs_core.js was in the squint package, I'll remove it ;)

yeah, there some old cruft in there that was copied from cherry

OK, I'm happy with this example, I think it's tweetable if you're so inclined: https://github.com/aiba/squint-hiccup-example/ (though open to feedback if you think it could use more explanation or any changes!)

This got a lot easier now: https://github.com/squint-cljs/squint#compile-on-a-server-use-in-a-browser

Nice!!

Very cool, thanks! Haven't thought about compiling the code like that.