How do you guys normally deal with looking into network calls from your front end to back end in Fulcro apps? All my stuff is through a centralized handler /api, but when inspecting network on that its a mess of query language and makes things a bit hard to parse

@wilkerlucio Any tips on debugging fulcro-inspect when it says the app isn’t connected? I’m trying to start using this tool now over dirac

I started digging into this a bit by building and using an unpacked version

Uncaught ReferenceError: framework is not defined
    at element_picker.cljs?rel=1568400659924:12
(anonymous) @ element_picker.cljs?rel=1568400659924:12
dom_history_viewer.cljs?rel=1568400661217:20 Uncaught ReferenceError: framework is not defined
    at dom_history_viewer.cljs?rel=1568400661217:20
(anonymous) @ dom_history_viewer.cljs?rel=1568400661217:20
client.cljs?rel=1568400661606:342 Uncaught ReferenceError: framework is not defined
    at client.cljs?rel=1568400661606:342

@njj the only think I can remember is double checking if you are using the preload, because that's what triggers the start

you can also try to call yourself so you can follow it closely, are you using Fulcro 2 or 3?

[fulcrologic/fulcro "2.5.9"]
[fulcrologic/fulcro-inspect "2.2.5"]

@wilkerlucio I’m using a pre-react 16 version

so, this is what needs to be called from the client to start it: https://github.com/fulcrologic/fulcro-inspect/blob/master/src/client/fulcro/inspect/preload.cljs#L4

(notice this must be called before the fulcro app is initialized, otherwise it will not get it)

are you still unable to have the app shown in inspect right?

yeah

its just showing the No app connected

so if I find a way to call that (fulcro.inspect.client/install {}) myself, it could help figure out whats going on

@wilkerlucio it appears to be loading correctly w/ the preload stuff, I tested it out by calling the above fn before the app started and I got the same errors.

I’m using FC2, figwheel and dirac

so maybe part of the issue is no shadow?

I never tried with dirac, I don't know much dirac so I dont understand how that may affect things

it should work with Figwheel, but to be honest I have not used that in a long time

I disabled it

(dirac)

starts with: framework is not defined at element_picker.cljs:12

Interestingly enough one of the calls is Cannot read property 'call' of undefined when trying to call (fulcro.inspect.client/install {})

yeah, strange, that framework message doens't help much

right

the element picker is the only real UI thing that the inspect client has, but it still a very simple thing (with no external deps, expect react itself and some google closure things)

there is some parts supposed to support both react pre and post 16: https://github.com/fulcrologic/fulcro-inspect/blob/master/src/client/fulcro/inspect/ui/element_picker.cljs#L74-L75

are source maps not working with figwheel? are they enabled for you?

if we had the cljs lines that could help

yeah I need to enable them

oh, but now that I read carefully, seems like its point to the cljs source, but at a defsc line? :thinking_face: (that has only CSS)

that makes no sense 😛

yeah

its pointing to the entire defsc fn

yeah, and that's a defsc with just css definitions

well the call thing is interesting because its like the fn doesn’t exist

can you try bumping fulcro?

what version do you recommend? Anytime I try to get into react 16 my entire app starts crapping 🙂

(this used to be an untangled app)

I dont remember if latest fulcro versions work with react prior 16, so may worth trying, you could for 2.8.13 and see what happens

if breaks, try getting one minor down, that will 8, 7 and 6

good idea, I’ll just bump down until things work

yeah right when I go to 2.6.0-RC1 which is where react-16 starts, everything starts failing

I guess let me focus on getting this to work first, then the inspect tool 🙂

Is there a recommended way to render anything from any component into a singleton, like a modal? Like react portals? I thought about Dynamic Queries and Unions, but then I would have to implement the way how content renders in this singleton component.