Hey, hi to everyone

I've been thinking of using the new https://github.com/Jarzka/stylefy in my next project, it's a wrapper around Garden for Reagent

I made a CSS modules library for cljs over the last four days (not really css modules as you will see) for my own project, I'd like to get some feedback, Daniel Compton likes it!

https://github.com/JoelSanchez/fqcss

It seems that you were even talking about this!

fqcss can be used with plain CSS, SCSS, or Garden, and Reagent, Rum, or anything else, since it only replaces CSS in a string and provides a generic class resolution function

(I use it with reagent and scss)

So: "I'd like for there to be a CSS classname auto-gen solution that -isn't- CSS-in-JS for people who aren't into that" - This is a very generic auto-gen solution indeed

Sorry if I'm spamming this too much but it seems very relevant 🙂

I also have a "let's-improve-bidi's-complex-syntax" namespace if anyone's interested, among other things that came up during the development of a large re-frame app

hi! I'm looking for good clojurescript lib for UML-like drawing. I want to be able to draw entities and relations between them. any advice?

@mike1452 js interop is pretty good, and i’m sure there must be something D3.js based out there that’ll do the trick

@joelsanchez how does that compare with the new verbose syntax for bidi?

@malcolmsparks would probably take a PR to add it to bidi in it's own amespace if you wanted

@mike1452 ClojureScript->JavaScript interop is super nice to work with, so you can use regular JS libraries without much issue. The only exercise might be in writing some wrapper code to make the API you use in the rest of your app more clojure-like - but that is entirely optional. The best CLJS->JS Interop intro I've seen is https://lambdaisland.com/episodes/clojurescript-interop If you compile code intended for the front-end, you'll likely use ":optimizations :advanced" in your CLJS compiler config, if so, everything goes through Google's Closure compiler which cuts away unused code resulting in a smaller JS bundle. If that is the case, you'll have a little work defining an "externs" file, basically clojurescript file wherein you list the functions of the js lib(s) you want the bundle to contain. Sometimes, this work is already done by others, the best place to look for "wrapped" JS libraries, that is, libraries available at clojars etc which contain these externs files already is http://cljsjs.github.io/

@pseud @robert-stuttaford thanks! mxGraph looks good from JS world.

I'm having an issue with go-loops (which I'm using to help components communicate across the tree) - it doesn't seem like you can print to the console from within them (which is making things a nightmare to debug). Is there a workaround for this?

@carter.andrewj logging should just work?

Nope - tried that, nothing reaches the console

are you sure the code gets executed? 🙂

(But the loop actions are still occurring)

Yeah, it's still changing things in the app state

there really is nothing in core.async that would interfere with that

The go loop (in question) is for analytics components to request data from a central manager - all the components are registering themselves successfully and the data is being pulled down, but then no data reaches the components

I can print at the beginning and end of the go-loop chain, but nothing inside the individual go blocks comes out

There's probably just a simple bug somewhere in there that's causing the data to become nil, but I can't track it down because I can't find where that's occurring

that sounds like they are getting executed then?

Yes, they're doing what they should - but any attempt to output to the console just doesn't appear

can you share some code?

did you try (js/console.log "foo") instead of printing?

Yeah, still nothing

yeah your code isn’t getting executed the way you think

So the map there executes fine

The state isn't updating properly (which is what I'm trying to diagnose) and the print doesn't do anything

there is no recur in there

The recur is lower down

There are different when statements

The (recur) hits at the end

{:keys [:register :refresh :deregister :kill]} that should be symbols not keywords

{:keys [register refresh deregister kill]}

Multiple components register themselves successfully with the 'update-query!' call, so I can confirm it's executing

Both are valid and work - I'd been informed that specifying the mapping with keywords told the compiler to use keywords for access, which is quicker

that is wrong

Well I've no idea if it's any more efficient or not, but those two lines above both work

if you print directly as the first thing in the when-let?

;; Register new views there or so?

Prints at the start, but then not again

Same whether its inside out outside of the when-let

so no more messages arrive?

Not from that print statement

just trust me that the print is not the issue here

you should try to reduce the code in the go-loop anyways, its doing way too much stuff that doesn’t need to be async

should make things much easier to debug as well

I tried to make a project in Elm. Their union types aren't polymorphic. I'm sorry I ever doubted you, ClojureScript ❤️

@captainlexington @dnolen , in case you are still interested in the (take 100 (take-nth 10 (iterate update-fn initial-state))) discussion from yesterday. I rolled my own function

(defn take-thin [take thin transition initial-state]
  (loop [iter 0
         acc '()
         acclen 0
         state initial-state]
    (if (= take acclen)
      acc
      (if (zero? (mod iter thin))
        (recur (inc iter) (conj acc state) (inc acclen) (transition state))
        (recur (inc iter) acc acclen (transition state))))))

for basic example, the following agree

(take-thin 10 15 inc 1)
(take 10 (take-nth 15 (iterate inc 1)))

this is all ive been able to come up with 🙂

k

Hi everybody. Anyone knows why this is not working?

(dom/getWindow) there is no :require for dom

also dont use that namespace 😛

When when I use (.addEventListener js/window "scroll" scroll-fn) works, but is not working with advanced compilation. I can see Uncaught Error: [object Event] is not ISeqable. I don't know why. If i turn on peudo-names to see where is the problem works again.

sounds like missing externs although those are standard

Sorry I miss the (:require [goog.dom :as dom]) in the snippet, but is in my code

are you sure that its that line?

Yes, I think so. Because, if I turn pseudo names or change the compilation mode works

pseudo-names shouldn’t fix that case

are you sure the error is in that exact line and not something else?

Yes, I know but It works. Is the only diference

I'm using 1.9.562

:advanced will rename unknown things, :pseudo-names will rename it as well, just give it different names

so if it were to rename (.addEventListener js/window "scroll" scroll-fn) anything in here

it would have no effect

Yes, I know. I've use other times to resolve externs problemfs

since nothing in that calls something that checks ISeqable

so the issue is somewhere else

as I said .. sounds like missing externs

but not for those calls, something else

I’d say run shadow-cljs --check but you are probably not using that 😛

And regarding the snippet, using clojure.browser.event. Why is not working

?

No, sorry. I know is yours. But, I haven't use it before.

However, I could try it.

the problem could be that you are missing some externs

and the generated code uses a variable that is shouldn’t

which is then replaced by something else in your page

prime example is google analytics without externs

since that creates a variable but the :advanced output frequently produces a ga

The iseqable error happens only when I scroll

and scroll-fn is

so your scroll-fn has the bug?

I don't use externs there

ah

how do you use on-scroll?

{:keys [position node multiplier]} doesnt work if that is called by the native event handler

I'm pasting the complete code

Is a parallax component for images

It works perfectly in simple, but in advanced I have that problem

(.addEventListener js/window "scroll" scroll-fn) needs to be missing something

there is an extra arg in scroll-fn, it will only get e

which isn ISeqable and the map desctructure will fail

weird that it only fails in :advanced though?

scroll-fn is a partial

has a first argument

oh yeah sorry I’m blind

I need a break 😛

It's very weird. That is why I'm asking.

I’m still blaming externs

@thheller Thank you very much. I'm going to try different clojurescript versions

unlikely that that would change something?

Probably not! 😝

with 1.9.293 is the same

do you have any non CLJS JS in your page? anything external at all?

yes

the site is complex

do you have externs for that?

https://www.family4everyone.com/

not for the parallax

Have some externs

For other things

the parallax code is the new one

No error without the line ;; _ (.addEventListener js/window "scroll" scroll-fn) in advanced compilation. So, should be that. The thing is that I don't know why.

well the error is in scroll fn and that doesn’t get called then

I’d love to know if --check would find the error but probably too much work just to test

I'm going to learn a little bit about shadow-cljs. I'll report you later

thanks

you could try with source maps as well

@dominicm https://gist.github.com/JoelSanchez/1fac7a593bb208bffa6fa261af789d3c

@dominicm Tried to mimic Angular's routes, a little bit

The focus is readability.

Quick naive question: If I want to deliver a clojurescript program to a customer using node.js, will the js output of clojurescript's compiler suffice, or is there an additional step required to "package" the javascript in some way for node.js?

depends on your customer, if they are able to install node and run it from command-line with your javascript as an argument you don’t have to package it

In Clojure, "lein deploy clojars" lets you deploy something for public consumption. "lein uberjar" lets you build a jar to deliver to a customer who is not running Clojure. What are the equivalents in node.js world? Most of the npm docs I've found seem to be more about consuming modules and publishing for the public, rather than creating a private module for a single user, so I'm not sure what to search on to find the right kind of docs (or if it's even needed).

@puzzler if you do anything above :none you should just a get a single file

that should run standalone

only gets complicated if you use npm packages 😛

you can also npm pack something and the client can npm install the-packed.tgz

@thheller I found it. It was cljsjs.raven (sentry client). But don't ask me why.

@thheller Thanks.

any hints on creating a custom writer for cljs.pprint/pprint? for example I'd like to write the pretty string using document.write

@samcf with-out-str is not good enough?

+1: cljs.user=> (with-out-str (cljs.pprint/pprint {:a 1})) "{:a 1}\n"

ah that should work then, thank you

yeah, I was just looking for an example, like this one: https://github.com/binaryage/cljs-oops/blob/ebab0b6489223917c61512576dff48f4711df47e/src/lib/oops/helpers.clj#L14-L19

wondering if out is a thing in cljs

nevermind: (core/defmacro with-out-str [& body] `(let [sb# (js/goog.string.StringBuffer.)] (binding [cljs.core/print-newline true cljs.core/print-fn (fn [x#] (.append sb# x#))] ~@body) (cljs.core/str sb#)))

https://cljs.github.io/api/cljs.core/with-out-str

looking at that maybe you could bind print-fn to document.write