hi, can anyone explain how to 'require' a node module within 'natal repl' ?

is it the same as for regular ClojureScript?

Last CLJS project I did used :cljsbuild and :node-dependencies keys in project.clj but it seems things work differently under Ambly/Natal

hmm, looks like js/require might be it

js/require does exist and has an effect when invoked but regardless of which module i try to require (and regardless if it's been installed via npm install --save) i get the red screen of death from React saying: "Requiring unknown module 'module-name'. If you are sure the module is there, try restarting the packager." This happens even for the 'react-native' module itself.

Any input/help on this would be greatly appreciated!

@johanatan: You are seeing this require: https://github.com/facebook/react-native/blob/d3599d0a88b8247ecd3012e3c3e4cb222436feef/packager/react-packager/src/Resolver/polyfills/require.js

When using Ambly / Natal, your have a REPL directly into JavaScriptCore embedded in an iOS app. Since it isn’t Node.js, in order to consider how to use a Node module, you’d have to sort out whether that module’s code can be made to be loadable as a ClojureScript foreign lib, I suppose.

Oh, I had imagined that the React JS itself was also running in a JavaScriptCore. Are you suggesting that it is a different JavaScriptCore?

Yes, the React JS is in the JavaScriptCore instance inside the app

Then, the blessed React way to include node modules should also work for ClojureScript/Ambly no?

I have no experience using Node modules in React… maybe you could get something to properly load in if you mess with index.ios.js, but I don’t know. (I’m suggesting that you could start down the path of sorting out how to use a Node module with plain React Native…)

Yea, that is well documented. I will try poking around inside index.ios.js. Btw, does it make sense to delete the contents of the render in index.ios.js since we have one in core.cljs which will eventually get called?

I think this is the closest I’ve ever come to the subject: http://blog.fikesfarm.com/posts/2015-07-24-using-react-native-components-in-clojurescript.html

(In that blog post it touches on similar stuff.)

So, I presume that if I create a 'var' holding the required module's exports in index.ios.js, it will be available to the rest of the ClojureScript code?

oh, what do you know, we already have a var React = require('react-native') in there.

I haven’t tried completely removing the render in index.ios.js. Worth a try. I at least culled it down to being nothing more than returning <View/> in http://cljsrn.org/ambly.html

Ahh, i culled it down to return null and it works fine.

Cool.

If you find improvements, Natal is still a work in progress (all of this stuff is), and perhaps contribute it with a PR

Sure, will do

Hmm, unfortunately the React var created in index.ios.js is not available in ClojureScript/REPL

(It has been hacked together so that it minimally works, but there are tons of things to clean up. )

There’s this (set! js/React (js/require "react-native/Libraries/react-native/react-native.js”)) at thein the awesome-project.core namespace

That’s probably what you are after

Ahh, yep. I bet that will work

It seems like the dependency was loaded but when I try to invoke anything from it, i get this:

testreact.core=> (.alert (.-AlertIOS js/React) "blah" "blahblah")
TypeError: undefined is not an object (evaluating 'React.AlertIOS')
	global code (NO_SOURCE_FILE)
testreact.core=> 

This works: (.alert js/React.AlertIOS "ba" "bah”)

Interesting. Any idea why it diverged from that awesome-proj way?

@johanatan: Your variant also works for me

Hmm, interesting. I'll try again

I just got yours to work

Ok, they both work for me too. Maybe it just needed a reboot

Odd.

Ahh, I know what happened.

I coped the set! from here: https://github.com/mfikes/reagent-react-native/blob/master/AwesomeProject/ClojureScript/awesome-project/src/awesome_project/core.cljs

And it doesn't have the .js extension

Ahh :)

Maybe that repo only works with an older React Native stack…

Ahh possibly

Is anyone using js/React.Image in an cljsrn project yet?

Looks like it requires a 'require' and that part is failing for me.

[React Native thinks I'm trying to load a module rather than an image]

{:source (js/require "image!intro-welcome")}

I haven’t tried on latest (>= 0.14) but on earlier versions you can do [:image {:source “path/to.png” :static true}]

@johanatan: Yes. https://gist.github.com/mfikes/89c3e9a705a65e7ce1bb is the relevant bits from the image you can see in this demo https://youtu.be/Ci4uviG8S0o

I'm trying to load an image from my bundle though? Do I need to create a url for that?

Ahh.. dunno

See: https://facebook.github.io/react-native/docs/image.html

the "image!filename" syntax doesn't seem to work

This will probably allow me to use the 'uri' path though: https://gist.github.com/icomkid/1004042

@johanatan: That syntax won’t work for my suggestion but :source “filename” does work on earlier versions

does "filename" include any path info? I think React's packager flattens all of the resources to the root though no?

also, if it is an imageset do I need the ".imageset" extension?

Hmm, just tried with and without the extension and neither worked

Ahh, I remember seeing something about the names of the images inside the imageset must be particular for React to pick them up

Ahh, yep: https://github.com/facebook/react-native/issues/365

@cldwalker: Did you ever see it work with an imageset?

Yep. But we’re on 0.10. My syntax was off. It’s actually - :source {:isStatic true, :uri “MyIcon"}

That worked! Thx

hi, can someone please help me with Ambly REPL setup on Cursive?

when I run it though the Lein REPL I can't select the device

running though clojure.main I get error while trying to load the repl:

@wilkerlucio: See https://github.com/omcljs/ambly/wiki/REPL-in-Cursive

@mfikes: thanks, I did saw this link before, I'm trying to use the clojure.main approach but when I try to load the lib it can't find it, do you know what can I be doing wrong?

If you are using Lein, is ClojureScript and Ambly included as deps in project.clj?

yes

I'm following the tutorial from this page http://cljsrn.org/ambly.html

trying to run with lein repl almost works, except there when I type the device number it just hangs

here are the deps:

I don’t see Ambly in the classpath in that text snippet. Maybe you need to restart Cursive?

(Maybe Cursive is not picking up the changes to project.clj and it needs a restart.)

@mfikes: right on the spot, restarting IntelliJ did the trick, thank you

Cool

Is it possible to use natal repl from Cursive?

[or vim]