is there a way to start a shadow-cljs repl on the browser-side in an existing js-project?

what I wish to do is something akin to:

let wish = require('shadow-cljs.wishful-repl');
wish.startRepl();

that is possible but what is the point?

since you used require I'm going to guess that something like webpack is used

which means all code is isolated and not accessible like CLJS code would be

so you basically only get access to the DOM?

oh, I guess that makes sense. I was hoping to do something akin to what you can do in jvm/clr, where you can start clojure and poke at the classes etc

yeah thats not really possible in JS

I figured I could do that by "exposing" variables by putting references under window

e.g. window.reactRoot = ... then in the repl js/window.reactRoot

yeah but you are much better of poking at those variables using the browser devtools

or similar 🙂

hm, I see

I generally feel very comfortable playing around with stuff using the repl, but maybe I should get more used to the devtools

thanks for the input anyway 🙂

also thanks for a great tool, shadow-cljs is what has made me appreciate cljs 🙂

I don't want to stand in the way of your ideas so you could just make a regular :browser build and load that normally alongside your JS project

BUT that will eventually cause issues with conflicts and so on

so be very careful and expect bugs 😛

ah okay, that is good to know. and thanks for the warning, haha.

one of the things I had in mind is when Sean Cornfield used clojure to generate tests for java-classes/functions by speccing them. I really like spec/generation, so I figured that could be one way to do it 🙂

but I'm not sure how feasible it is to do it "from the outside", as you're saying, the js-world might be too walled off 😕

do you think it'd be more feasible to do it the other way around, create a shadow-cljs browser-project, and require all js-libs through cljs? or would they be equally opaque?

equally opaque

unlike JVM/Java the JS doesn't have a namespacing system

so you can't really look up a class by name for example

also there is no built in reflection/introspection like the JVM has

you are basically just looking at arbitrary JS objects (if you can even get them)

ah, I see. maybe it'd make more sense to just use a testing library built for js then

IMHO the CLJS repl is fairly limited when it comes to inspecting pure JS objects

much better to do that via the browser console/devtools

all right @thheller. I've had some success using appliedscience/js-interop 🙂

you might reaaaaly like this too https://github.com/mfikes/cljs-bean

thanks @olical. what does this give me that js-interop doesn't? 🙂

Oh, I'm not sure exactly, that's also a good library. But if you want an easy way to print JS objects as Clojure data structures cljs-bean should help a lot. I think it does some magic around the conversion so you can use regular CLJS data functions then convert it back to JS objects without sacrificing performance. Depends on your usecase I guess.

that does sound interesting 🙂 js-interop comes with its own get-in etc

Yep, so you can either go down the route of "leave it as JS and use functions that are aware of that fact" or the other route of "wrap it in a thin layer that lets you use all other ClojureScript functions you'd use with normal data". Honestly depends on your preference. You might find cljs-interop faster for all I know.

I've used it before and enjoyed it, I do like the idea of only having to learn like 1-3 functions though, then I get to use all of the cljs.core functions.

Up to you really! Just another option which might suit you better or worse.

yeah, I really appreciate the suggestion 🙂 was just curious about the differences. being able to use "standard" functions sure sounds nice

If you've got something that works, might as well stick with it. If I was starting fresh and had to do a lot of JS interop I'd be tempted by both. Just have to try it out I guess.

I'm currently just dabbling with cljs, so I'm not really into any big project 😄 so trying different things out sounds fine

Experimenting with functions and tools at the REPL is one of my favourite things about the ecosystem, playing with stuff is good 👍

indeed ^^

Is my problem relative to shadow-cljs? My chrome format cljs data like this, but I want the following way

Sorry, I think I miss the cljs-devtools dependencies.

Hello, does anyone know if the loader code works with re-frame events ? https://shadow-cljs.github.io/docs/UsersGuide.html#_loading_code_dynamically

It doesn't seem to work to load a module dynamically and then try to dispatch a re-frame event defined in that module (for my case, calling re-frame/dispatch in the fn-to-call-on-load callback)

@nisehl I need some more information to comment. depends on how your code is structured and so on