I think you can't. why not write edn in a clojure file, that can be auto reload I think.

could you help me by setting up a very basic figwheel/react-native project that has an actual source mapped error? I can't seem to figure out how to get that working

the redbox from react-native never shows anything mapped?

I mean it doesn't even map its own built-in stuff?

or am I just expecting to much? (js/console.log "foo") is mapped correctly

just errors are not

ah sure, so the red box never shows anything - it’s only ever in chrome

let me see if I can set up a project

I’m using expo is that ok?

currently trying without expo

dunno if expo adds anything special

but should be ok with expo. if I get it to work there I can probably get it to work without

I’m trimming back one of our working projects; we diverged a fair bit from the template over time, might take a little bit of time. It’s quite informative to do so I’m glad to be doing it 🙂

(def styles
  ^js (-> {:container
           {:flex 1
            :backgroundColor "#fff"
            :alignItems "center"
            :justifyContent "center"}
           :title
           {:fontWeight "bold"
            :fontSize 24
            :color "blue"}}
          (clj->js)
          (rn/StyleSheet.create)))

(defn bad-press [e]
  (js/console.log "pressed the bad button")
  (throw (ex-info "button pressed" {})))

(defn root []
  (react/createElement rn/View #js {:style (.-container styles)}
    (react/createElement rn/Text #js {:style (.-title styles)} "Hello!")
    (react/createElement rn/Button #js {:onPress (fn [e] (bad-press e))
                                        :title "error"})))

thats what was testing with

the js/console.log is properly mapped in chrome

but the throw is not

I’ll put this up on git in a mo - it’s a bit rough around the edges apologies

just to double check - have you got “pause on caught exceptions” on

might just be that

oh doh

I didn't check the "pause on caught exceptions"

only eht pause on exception

ok that works as expected then

ah brilliant ok

but can you confirm that the chrome console still shows to stacktrace

and the redbox stacktrace from RN doesn't show the mapped sources either?

I’ve never seen the redbox show mapped sources

chrome seems to be ok - it’s just that particular example is called from react native code so there’s no other user/ code-mapped stack frames

ok .. then I got it working I guess 😛

somehow expected the redbox to show mapped sources

oo have you got it working with shadow-cljs?

depends on how we define working but yes

nice!

^ this is definitely working enough for me -

it takes it from being almost impossible to debug an error in a large project to being possible

what did you have to do to get it to work with shadow?

adjust how the code is loaded

🙂 brilliant - am pumped about this 😄

@thheller

[:stories] Compiling ...
-> build target: :npm-module stage: :resolve
-> Resolving Module: :main
<- Resolving Module: :main (31 ms)
<- build target: :npm-module stage: :resolve (34 ms)
-> build target: :npm-module stage: :compile-prepare
<- build target: :npm-module stage: :compile-prepare (0 ms)
-> Compile CLJS: project/ui/stories/button_stories.cljs
<- Compile CLJS: project/ui/stories/button_stories.cljs (20 ms)
-> Cache write: project/ui/stories/button_stories.cljs
<- Cache write: project/ui/stories/button_stories.cljs (19 ms)
-> build target: :npm-module stage: :compile-finish
<- build target: :npm-module stage: :compile-finish (0 ms)
-> build target: :npm-module stage: :flush
-> NPM module flush: /Users/colinkahn/code/project-web/out/stories
<- NPM module flush: /Users/colinkahn/code/project-web/out/stories (34 ms)
<- build target: :npm-module stage: :flush (35 ms)
[:stories] Build completed. (412 files, 1 compiled, 0 warnings, 0.23s)

which looks right, but if I go to the built file it’s unchanged

and you are checking /Users/colinkahn/code/project-web/out/stories?

yes, specifically out/stories/project.ui.stories.button_stories.js

dunno. can't test right now. will check when I get a chance. would help if you create a reproducible example

Ok cool, yeah i can throw something up on github

@thheller https://github.com/colinkahn/inline-with-npm-module