so how do I debug a (reagent-based) site that spits out a js error in production but works perfectly in development mode? (app.js:1352 Uncaught TypeError: b.Xh is not a function)

@kaosko try to set :optimizations :whitespace to :compiler https://github.com/emezeske/lein-cljsbuild#basic-configuration

thanks @lukas.rychtecky , looks like it's a missing extern causing it

question for everyone: I know this has been solved in many ways (elegant or not), and there’s paid solutions like Mixpanel, etc, etc but it’s probably worth asking: has anyone come up with an elegant, hassle-free approach to record analytics automagically from a mostly pure ClojureScript React app? (browser or React Native Cljs should not make much of a difference)

I would like to record as much data as possible without having to diff the whole state at every transition/transaction/swap! etc

I might be asking for impossible magic 🙂 I have done the diff-ing way and it created some performance problems (not critical but noticeable)

the “efficient” way is to simply sprinkle event calls everywhere… which always ends up a hassle to maintain and you always miss something important

basically I’m looking for a library-ish type thing that would do it “well”… aka I’m trying to avoid re-inventing the wheel if it exists already

@raspasov - well I'd think re-frame's interceptor concept would be as close to automagical as you can get - see for example how they do undo: https://github.com/Day8/re-frame-undo

What is the best way to create externs for something like react-bootstrap-typeahead? I was looking for some modules at , but it seems rather complicated. Could it be generated, or do I need to have some knowledge about the module I write externs for? Thanks!

@pawel.kapala not to use react-bootstrap-typeahead 😄 If you use Reagent, you can try to replace typeahead from Re-com.

@lukas.rychtecky yep, I considered re-com, but as the disclaimer says it might not work properly in all browsers, so I went with support here. Thanks for the tip though!

@pawel.kapala I see. I’ve tried to create externs, but I failed (none of given workflow worked) thus I’ve changed UI component to similar one with externs.

generation depends on the lib, there should be a link to one, but in my experience you always need a manual retouch

I actually find the fact that there isn't an existing web assembly project for clojurescript (that I know of) to be rather surprising as many major sites are already struggling with performance issues with javascript. If elm or clojurescript could compile to web assembly and javascript it would provide a nice stop gap while letting bigger apps theoretically run more effectively. In other words if anyone is serious about clojurescript or elm taking on javascript wasm is s good strategy to have.

@liminal18 you realize the current major use case of WA is to port C++ games into the browser right 🙂

the current design is seriously deficient for anything else

In JVM Clojure, I tend to put a bunch of repl convenience functions in user.clj. I would like to do the same in cljs, and have the file not be included in production builds. I'm using lein and the figwheel repl. Have you guys set up something like this?

@curlyfry you can use profiles + additional :source-paths to your CLJS build tool

How do I make sure the functions in the file are automatically available when I start my repl?

@curlyfry you can have files without namespaces and they will be set to cljs.user - this should work but it’s not a heavily tested feature.

@dnolen Oh, I didn't know that. Interesting, thanks!

@dnolen did not know, but that does make the c to wasm projects a bit more understandable. Was just thinking if a wasm version of a language could make dom updates and other things faster it would make sites written in it more desirable. Anyways good point. Keep up the good work :)

@liminal18 ClojureScript is a GCed language

you would need to reimplement GC

GC means garbage collected

and this GC would need to understand foreign pointers

anything outside this WA VM

other JS objects, DOM etc.

no way

WA spec needs to be extended for GCed langs

Ok so basically WA is meant for games and other apps where garbage collection kicking in would cause frame rate drops etc.

I’ve been following this line since asm.js

I’ve been banging the GC drum since the very beginning with the designers

nothing has happened

I’m not holding my breath

my prediction was at least 5 years after initial WA spec, it’s been 2 already

Not to up on the ins and ous of gc so I will not comment although that does make me wonder how the haskell WA project will handle it.

but at this rate, it will like be 7 before there’s anything we can do

fwiw I found most of the attempts to port Haskell to the browser to be goofy

if they’re pursuing the WA line, then they’re still barking the wrong trees IMO

Hmm, can't seem to get the files without namespaces feature to work. Figwheel reacts to changes in the file so it seems that it's loaded OK. I don't have access to the function in the file in the REPL though.

@curlyfry examine the compiled file

oh actually I know, it’s not going to be automatically loaded

you might want to see if Figwheel has a feature for that?

we should probably add this feature to ClojureScript

@dnolen It does have that feature, but it requires a namespace! 🙂 > Figwheel will not load or reload files that haven't been required by your application. If you want to force a file to be loaded when it changes add the follwoing meta-data the namespace declaration of the file:

https://dev.clojure.org/jira/browse/CLJS-2298

(ns ^:figwheel-load example.core)

@curlyfry ah right, maybe try calling the file cljs/user.cljs and make figwheel load cljs.user ns?

Yeah, it would be cool to have the same behaviour for user as in JVM clojure

@curlyfry agreed, I just don’t think anyone has requested it before so hasn’t been a priority

also we just didn’t support files w/o namespaces for years so hard to make it work

it should be relatively easy now

Cool!

Putting (ns ^:figwheel-always cljs.user) at the top of the file works for now anyways

nice

Has anyone any advice for on AWS lambda? I tried but I am running against a couple of issues. The one is that the artifact is huge (> 20 MB, same code with JS is 9 MB). I was thinking of :advanced, did not get far but also did not try that hard. The second problem is bigger. Basically functionally the same code in CLJS fills up the lambda's memory and the lambda gets even killed 😱

@richiardiandrea : I'm running CLJ on lambda, and it's working fine; also you can increase mem limits (which iirc, also increases cpu proportionally) if your cljs is too large

for clojure ,I used this tutorial: https://aws.amazon.com/blogs/compute/clojure/

I tried bumping to 128 - 256 - 512 - 1024, memory usage follows and peaks and AWS kills the lambda

https://www.youtube.com/watch?v=GINI0T8FPD4 <-- was also a great talk on clojure on aws lambda

@richiardiandrea : what does your cljs code do?

I'm running clojure lambda fine on 512 MB lambdas

and the JVM should be heavier than whatever node.js is doing

@richiardiandrea how do you get a 20MB js file? how much code do you have? 🙂

cljs is a requirement so no 😉

(ns logpoc.core
  (:require [cljs.pprint :as pprint]
            [cljs-lambda.macros :refer-macros [deflambda]]
            [cljs-lambda.context :as context]
            [cljs-lambda.local :as local]))

(def bunyan (js/require "bunyan"))
(def log (.createLogger bunyan #js {:name "bunyan-lambda-cljs"}))

(deflambda ^:export bunyan-lambda-cljs [event ctx]
  (js/console.time "bunyan-lambda-cljs")

  (.info log "AWSrequestID =" (:aws-request-id ctx))
  (.info log "functionName =" (:function-name ctx))
  (.info log "invokedFunctionArn =" (:function-arn ctx))
  (.info log "remainingTimeInMillis =" (context/msecs-remaining ctx))

  (dotimes [i 1000]
    (.info log #js {:index i} "Time: now" (.toISOString (js/Date.))))

  (js/console.timeEnd "bunyan-lambda-cljs"))

but :advanced seems like the way to go

that's all it does

how does that produce 20mb?

what is bunyan ?

doesn't closure do dead code elimination ?

logging lib for js.., probably something not obvious is going on

I have :optimizations :simple now

does any of the logging make sync network calls? doing it 1000 times could blowup the exec time

yes that is the point of my POC 😄

funny thing is that it does not happen with straight JS

is it possible that locally it writes to file system, but on lambda, it writes to s3 ?

if lambdas are stateless, where is your log being written to?

no it is writing to stdout

hi all, i've updated my reagent to 0.8.0.beta and i get this error now: No such namespace: react, could not locate react.cljs, react.cljc, or Closure namespace "react"

i think it started using new cljs require thing for npm packages

but it cannot find it

oh, let me update clojurescript as well

@mengu did you also update the CLJS version?

yeah

im just doing that

I must say I’m amused that a logging library named “bunyan” is absurdly large

but that is not even the problem...I am really scared about memory consumption

@richiardiandrea cljs.pprint is pretty huge and you don’t use it. maybe you can remove that

yep

alright, that error is gone

now i get React.createClass problems

looks like re-agent also fixed that problem

@richiardiandrea : if you don't mind, please document how you cut the size down for aws lambda; there's alot that may be useful

@liminal18 if you really wanted to get some clojure code running in WA today, I think you would have to use ferret[1] and compile the transpiled C-source using emscripten or WA toolchain. By default the code would be using reference counting instead of GC, so you would have to be careful about not creating cycles in your data structures.

oh man

thank you @thheller, i've successfully upgraded my react native project to 0.47, re-agent, re-frame, fighweel, clojurescript and clojure

hello, I'm trying to use the new npm load stuff, but I'm unable to use the library

trying to add this on my project: https://github.com/JedWatson/react-codemirror

my compiler options have:

:install-deps         true
:npm-deps             {:react-codemirror "1.0.0"}

and in my code I'm doing: (:require [react-codemirror :as code-mirror])

different from the example on the news article, the thing I want to access is at the root of the project, it exports a class

but seems like cljs is handling the code-mirror as a namespace only (it doesn't fail to require, but trying to eval just code-mirror gives me nil)

I had tried to use as ["react-codemirror" :as code-mirror] too, but this gets me this error: java.lang.AssertionError: Assert failed: cljs.analyzer/foreign-dep? expected symbol got "react-codemirror" (symbol? dep)

any though on how to handle this case?

looking

@wilkerlucio works for me with current master

I'm using with the build 1.9.854

there might be a bug that was fixed in the meantime

how you did the require? string or symbol? and to use it, just eval the name on as?

just trying to get the full info, so I can try myself 🙂

(ns foo.core
  (:require react
            react-dom
            react-codemirror))

and then how you access it, just react-codemirror?

yeah

(println "react-codemirror:" react-codemirror)

cool, thanks, I'll try to use master here

react-codemirror: #object[Function]

@wilkerlucio let me know if you run into any issues

sure, did you know if there are known issues regarding npm deps + figwheel?

not that I know of

put something together that I can try

and I’ll look at it

not a repo, a single build.clj + source file should be enough to repro

ok, I'll going to try inside my current setup (with figwheel), if that doens't work I'll try standalone

@anmonteiro working on master 😉

cool

@anmonteiro now I'm having issue to require a namepace that needs to be a string, on this case: (:require ["codemirror/mode/clojure/clojure"])

got that analyzer error: java.lang.AssertionError: Assert failed: cljs.analyzer/foreign-dep? expected symbol got "codemirror/mode/clojure/clojure" (symbol? dep)

@wilkerlucio I can repro

looking into it

@wilkerlucio https://github.com/codemirror/CodeMirror/blob/master/mode/clojure/clojure.js#L9-L17

^ https://github.com/google/closure-compiler/issues/2586

Juho has some pending work trying to fix those cases

ok, this is the same thing as this right? https://dev.clojure.org/jira/browse/CLJS-1777

in any case, thanks for looking that up

might be

I just asked Juho that in #cljs-dev

Hi! Is it possible to create a macro in .clj that uses the js namespace? Found it https://cljs.github.io/api/cljs.core/defmacro