I've got problems with the react-native bundle process timing out, as it seem to do when a clojurescript project gets large enough. I'm using advanced compilation and I'm trying to use expo (thanks @seantempesta for the template!) I tried @pesterhazy's re-natal-husk approach and I got that to output a bundle(yay), but now I couldn't figure out how to use the re-natal-husk approach with exp publish? If I understand the exp/expo code correctly, it calls the bundler for me so I can't do the husk dance. Next up, I attempted Austin Birch approach (http://austinbirch.co.uk/clojurescript-react-native-bundling-release.html). It's now a bit outdated, so I updated the patch to the metro-bundler (https://gist.github.com/petterik/8ac28e0bd742a954ae9f27c3f5054c7a) but I couldn't get the transformer to work without the bundler exiting with a non-descriptive error message: "map is not defined". My plan was to configure the bundle call to use this custom transformer and the patched metro-bundler, so that it'd work with exp publish. Wasn't able to see this plan through. Does anyone have any advice on avoiding the metro-bundler from timing out?

I haven't managed to get any of the tricks to work, the only thing that's worked for me to get the damn thing to build at all is finding the timeout interval that's hardcoded in the metro bundler and making it bigger

I wish there was another way 😬

Anyone else seeing this error with re-natal? Error: Cannot find module '@cljs-oss/module-deps

hey @petterik. Glad you’re liking the expo template. I haven’t used @pesterhazy’s template yet (but it looks very interesting), so I can’t comment directly. Have you tried asking in the Expo slack? I’ve been getting along fine with the simple timeout hack (edit node_modules/metro-bundler/src/JSTransformer/index.js and extend the timeout by adding a couple of zeros)

// Worker will timeout if one of the callers timeout.
const TRANSFORM_TIMEOUT_INTERVAL = 301000;

https://slack.expo.io

mm yeah I do the same

would be awesome if there was a way of skipping the transform and minify steps

cos google closure does that already

but I can't figure out how

Yeah, especially now that npm deps is becoming a thing

in cljs that is

The ideal thing would be to replace the babel step of the packager but let it do the rest of its magic

Is that possible via the babel configuration file? Babel seems like it’s got a million levers. Certainly one of them would let you tell it to skip the transform/minification process for the clojurescript file. I’m totally fine with putting my react requires in a separate file.

I’ve tried to do it but failed. I was only successful when I compiled everything into a blob and overwrote index.android.js with that file. The problem then is that npm-deps has to be processed by the Closure compiler rather than the RN packager

But that is theoretically possible. There is even a hook in the cljs compiler where we could compile external deps with babel (since Google Closure won’t handle JSX for example).

Ideally those external deps would be cached

Hi! I'm having a problem with react-navigation. I have this structure

StackNav
- Home
-Tab 
   --Tab A (First screen)
   --Tab B 

You nest a TabNnavigator in the StackNavigator, right?

exactly

I'd assume the way to do is to pass a parameter along with a route which tab should be the start one and pass it down to tabnavigator

Or check this parameter inside the component that you render in the componentWillMount and set the proper tab as starting one

ah ok so I can just change the initial-route of the tab navigator?

According to the docs, yes: https://reactnavigation.org/docs/navigators/tab

> initialRouteName - The routeName for the initial tab route when first loading

great I didn't think about this solution 🙂

Good luck 😉 🤞

thanks 😄

@danieleneal, @seantempesta holy shit, it worked! Finished building JavaScript bundle in 1416705ms. I tried it yesterday and gave up 🙃 I'll still ask in the expo slack to see if there's anything they're willing to do for us clojurescript folks

hahaha yeah I couldn't believe it the first time

it takes an aaaaaage

the expo slack is a bit question heavy and no answers I've found

but you could put a forum post up

@danieleneal which forum do you have in mind? Is there an expo forum?

yeah

https://forums.expo.io/

Thanks

gah

I've been stuck on this (on and off) for 2 months

Never been so happy looking at a green text 😆

Is there a way to skip bundling the android bundle for exp publish?

In case someone is curious how long it can take for the bundling process to finish: My main.js is 1,518,693 bytes compiled with :advanced optimizations. 23 minutes to build my iOS bundle 17 minutes to build my android bundle

😱

That’s not awesome

What kind of a performance improvement do you get from advanced?

I haven't built the UI yet so I don't know. Brought in all the logic from our web app to see if we can build a mobile app from it

@vikeri What are you using for "production build" if not advanced optimizations, and how long does it take for you to bundle your apps?

@petterik It’s a bit of a frankenstein, we’re using the base of boot-react-native but customized to exclude things like repl and live-reload… But basically it’s just all the files compiled normally with cljs and then fed to the RN packager. It takes us 7 minutes to build all cljs and then the app from a clean slate.

I’d love to do advanced but can’t really prioritize it atm

@vikeri ah, got it

@petterik glad the worked. It also takes me 15-20 mins per build. Ugh. We definitely need a better solution so please let me know if you hear back from the Expo team on a workaround.

I've got an expo forum post ready, but a new user I can only post 2 links and it has 6. Waiting until the new user status goes away.

So ridiculous, it's not like the packager is doing anything in those 20 minutes