Hello all, I´m thinking about how to deal with shadow-cljs and server with pedestal serving the index.html ? Is shadow detect server and let it serve index or do I have to use index just for shadow and other index for app? Do you have any reference to using both in the same project?

@fabrao shadow-cljs doesn't care how you serve your index.html. Just use your server like you would in production. Just load the .js files via your pedestal server directly. They are just static files.

@thheller but how does it works with refresh and repl?

Hi is it possible to turn off hot reloading? Thought I read it could be turned off at the namespace level

Ah found it

Just ran a build report and noticed something peculiar:

| jar | re_frame/loggers.cljc                                                                 |   -717.0 B  |  -0.17 % |      2.9 KB |      2.2 KB |

Why are ESM useful?

@fabrao hot-reload and REPL are done over the websocket. it is handled separately and your server doesn't need to do anything

@p-himik yeah I saw that before. I'm just using source-maps and sometimes they aren't entirely accurate or I'm maybe counting backwards or something

@neo2551 if you cannot answer that its not useful to you basically. It is useful if you want to integrate with other tools, eg. interfacing with a codebase written in typescript or whatever.

it doesn't offer anything new and isn't useful if you don't care about interfacing with other code basically

It would allow me to expose my libraries to Ts/JS users?

yes.

Good, now I know my CLJS code will not be thrown away if anyone refactor my apps with JS xD

I have to admit that I am missing your blogpost. I always learned something knew when I read them :).

yeah I didn't make it very clear that this is mostly about intergrating into the greater JS ecosystem

like using JS tools, using your code from JS, etc

After upgrading to the latest version of shadow-cljs and building a release build, I’m getting this error in the js console:

breadcrumbs.ts:117 shadow-cljs - failed to load 367
(anonymous) @ bundle.min.js:2
13:03:33.676 js.js:75 Uncaught TypeError: $jscomp.initSymbol is not a function
    at Object.shadow$provide.<computed> (index.js:178)
    at Object.shadow.js.jsRequire (js.js:66)
    at Object.shadow.js.require (js.js:113)
    at index.js:2
    at append.js:2

@steedman87 which version is this?

@thheller that was 2.10.12. I can open an issue with more details if you want.

a reproducible example would help 😛

I’ll see what I can do. I also had trouble getting source maps working right in Sentry, although they seemed fine in the browser. In Sentry the stack trace seemed to consist of unrelated files / line numbers. Earlier versions of shadow mostly worked, but the line numbers were somewhat off.

can't do much without reproducible examples 😛

Hey! I tried compiling my project a week ago and ran into the foreign-libs issue. Here https://code.thheller.com/blog/shadow-cljs/2017/09/15/js-dependencies-going-forward.html this is mentioned I'm happy to provide an interim solution to make the transition easier if someone has a good idea how to do so. Wondering if there any other examples or more docs explaining this transition? I have a few JS libs I'm including in my compiled JS and I'm not using NPM for anything. Would love to give shadow-cljs a try!

@naomarik define "JS libs"? You are using CLJSJS?

No just straight up JS files in resources/js

well, resources/foreign-libs/*.js 🙂

what kind of files? I mean how did you include them previously and how did you access them?

@thheller Just normal foreign libs stuff, for example:

{:file "resources/foreign-libs/hammer.min.js"
                 :provides ["hammerjs"]}

can you paste the file somewhere? does it have the isual commonjs/amd wrapper?

ie. does if have logic for module.exports or so?

not sure. you want the source cljs file or the hammer js file? hammerjs for example just here: https://github.com/hammerjs/hammer.js

well the easiest way is npm install --save hammerjs and (:require ["hammerjs" :as hammer]) and using (hammer. (.getElementById ....))

ya know about that way 🙂

but you can also do (:require ["/foreign-libs/hammer.min.js" :as hammer]) and use hammer not js/Hammer

would this be compiled in the JS file?

or would it need to always be explicitly available to fetch

I don't understand the question. it will load the file from your classpath (so the resources folder) and include it in your build

oh cool

that's exactly what i wanted to hear, will try this now

@thheller how would I include something like this? https://github.com/blueimp/JavaScript-Canvas-to-Blob I've saved it

npm install --save blueimp-canvas-to-blob

blueimp-canvas-to-blob is the package name

(:require ["blueimp-canvas-to-blob" :as to-blob])

ahh thanks so much -- my JS packaging/NPM knowledge still from the days of Yore

@thheller Got everything working, thanks so much! Just last thing -- has anyone complained about cider completion errors in the repl?

yes, its broken.

okay cool

I feel this is way faster than what I was using before -- lein figwheel 0.5.19

@thheller is the change that broke CIDER's completion an accidental change you are going to restore or one that CIDER needs to adjust to the new way in shadow?

https://github.com/rksm/clj-suitable/issues/15

oh. i keep suitable off all the time.

i wonder if autocompletion works with that completion engine off

then you might be fine? not actually sure

me either. @naomarik can you check if completions work with (setq cider-enhanced-cljs-completion-p nil)

only reports I had were because of suitable.

thanks. i'll see if i can look into this.

@dpsutton That worked, thanks for that.

i think the suitable stuff is cool in a few situations and breaks more often than not unfortunately. and cljs tooling is crazy hard

the only thing I cannot get working now is CSS reloading

:devtools {:watch-dir "resources/public/css"
               :watch-path "/static"}

how do you access the css in your html?

nginx

no. under which path?

1. ah http://localhost/static/css/site/app.css 2.

i've tried all kinds of variations on the watch-path too

and watch-dir

ok then :watch-dir "resources/public" :watch-path "/static"

assuming resources/public/css/site/app.css exists and is the file served when you load

yup it's bbeing served

okay that worked hehe

you've been super helpful, thanks so much @thheller

been changing my build tools all day going from a hobbled combo of lein and boot to deps.edn and now shadow-cljs

how to find the line number of the re-frame code that throws the error:

[Error] Error: ["unrecognized request format: " nil]
	(anonymous function) (re_frame.router.js:6)
	(anonymous function) (re_frame.router.js:359)
	(anonymous function) (re_frame.router.js:425:110)
	(anonymous function) (re_frame.router.js:552)
	(anonymous function) (re_frame.router.js:291)
	(anonymous function) (re_frame.router.js:383)
	(anonymous function) (re_frame.router.js:425:110)
	G__67540 (re_frame.router.js:336)
	(anonymous function) (goog.async.nexttick.js:98)