Is there a semi-canonical list of heavily used ClojureScript libraries in need of better documentation?

@lilactown that's what I was saying earlier, can't work

the same problem exists for any JS application with custom data structures

nothing to do w/ ClojureScript at all

this problem also arises when communicating between multiple JS contexts

where Array != Array etc.

I see

well, I think I can probably get around this by creating my own JS event bus and just accessing it through goog.object

or using something native to the browser :thinking_face:

looks like core.async uses window.MessagePort

if I recall it only uses that for dispatching

it's not used as a communication channel

ah

I’ll have to fiddle with this. serializing and reading the data I want to send on the channel is not a big deal

I’ll have to do some research

well I'll just offer my opinion that I don't think getting multiple ClojureScript builds to work together is worth the trouble

well, with the way I’ve written the application right now I feel like it’s worth it.

it’s a dev tool, meant to be used alongside your app. but it has it’s own set of dependencies, e.g. it’s using an alpha version of React, that I don’t want to burden the user with configuring

much easier to just put a script tag on the page and include a dependency that does the bit of interop to setup the communication channel

if you're going down this path then I think the only thing that won't lead to a lot of headaches is to completely isolate the different builds and have them talk via JSON/Transit/EDN

which is fine. the idea is to have it run in a separate window, or maybe even a chrome extension, later on. plus, I want to support Node.js and (stretch goal) JVM Clojure which would necessarily have to serialize the data anyway

I was trying to cheat a bit in the meantime

while they were still technically in the same process 😄

I appreciate the advice and information @dnolen. it’s helped a lot

Uncaught Error: No protocol method IAssociative.-assoc defined for type cljs.core/IndexedSeq: ({:number-of-ratings 0, :title "You can listen to lots of audiobooks for free online at librivox", :posted-by "jade", :link 

??? o.o

You're associng onto a sequence of maps not a map it seems

ugh

right

so i have a collection of maps

and i want to conj on all these maps i have

but they come packaged as ({:maps ""} {:maps "x"} {:maps "z"})

how can i conj all those maps into my clientside atom?

confuzzled

You want to conj something to the value of the :maps key? Or onto each map in the list?

I'm looking for this thing that analyzes CLJS source maps and spits out how much each namespace etc takes up — anyone has a pointer to that?

@martinklepsch https://www.npmjs.com/package/source-map-explorer or https://shadow-cljs.github.io/docs/UsersGuide.html#_build_report

@lilactown just trying to join two vectors of maps into one. but one looks like [ { } {} {} {} {} ] and the other like ( {}{}{} )

@sova A tiny example of the two inputs and the desired output would help sort out exactly what is needed

(The example can use minimal fake data.)

(def daytuh (atom [{:id 7 :summary "Zed" :comments [   ] }
                     {:id 8 :summary "Penguin" :comments [   ] }]))

@daytuh= [{:id 7 :summary "Zed" :comments [ ] }
                     {:id 8 :summary "Penguin" :comments [ 99 ] }]))

@daytuh= [{:id 7 :summary "Zed" :comments [ ] }
        {:id 8 :summary "Penguin" :comments [ 99  177 ] }]

Dang. Too bad your data isn’t a map keyed by ID instead, then you could just directly do

(update-in {7 {:summary "Zed" :comments []} 8 {:summary "Penguin" :comments []}} [8 :comments] conj 99)

@sova With the shape of your data, it seems that you will have to do a scan. For example,

(defn scan-idx [k v coll]
  (reduce-kv (fn [_ idx m] (when (= v (k m)) (reduced idx)))
   nil
   coll))

(let [data [{:id 7, :summary "Zed", :comments []} {:id 8, :summary "Penguin", :comments []}]]
  (update-in data [(scan-idx :id 8 data) :comments] conj 99))

I'm fine with it for the time-being. Putting some sort of index on the data is too opinion'd a stance for the moment

and thank you, that helps a lot

Okay I keep getting errors on

indexed Seq

ncaught Error: No protocol method IKVReduce.-kv-reduce defined for type cljs.core/IndexedSeq:

Smells like something turned your vector into a seq

@sova this is bread and butter use case for specter:

user=> (def data
         (atom
          [{:id 7 :summary "Zed" :comments [ ] }
           {:id 8 :summary "Penguin" :comments [ 99 ] }]))

user=> (setval [ATOM ALL #(= 8 (:id %)) :comments AFTER-ELEM] 177 data)

user=> @data
[{:id 7, :summary "Zed", :comments []} {:id 8, :summary "Penguin", :comments [99 177]}]

neat

@mfikes (swap! tv-state vec) solved my problem

Is it possible to assign a clojure to a javascript property from cljs? I want to do something of the form:

obj.f = (x) => x + 1

(let [obj #js {:f (fn [x] (+ x 1))}] ...)

I am thinking of trying to build a self-hosting clojurescript page with a custom web-based repl using cljs.js/eval-str, but I've not tried this before. Are there any caveats or limitations I should know of running clojurescript this way (aside from obviously having a fixed set of dependencies, large download, potential to hang the browser tab...), or should it all 'just work'?

basically something like https://jscl-project.github.io/ (which has all the issues mentioned above, too).

pretty much all of clojurescript core is self-host compatible

nice, I will have a mess about with that soon then, thanks 🙂

note fixed set of dependencies is not really a limitation - bootstraped ClojureScript was designed to load dependencies after the fact

well we won't load them for you, just it assumes they will have to loaded asynchronously somehow

@mseddon If you are doing it for fun / learning, then cool! If you need this for something else and want to quickly end up with a working solution, this stuff under this page is a reusable library https://clojurescript.io

@mfikes fun all the way! But that looks like it may be worth peeking at, thanks!

Cool. Self-hosted ClojureScript is still the deep-end of the pool, where the opportunity for maximal learning exists 🙂

😀 breaking things is fun

@mseddon I have just made https://re-find.it which is a really limited REPL (only the READ EVAL PRINT part, not the Loop). It was the first time I used self-hosted CLJS and it was pretty easy to get going

Nice!

http://app.klipse.tech is more advanced in terms of REPL experience and it also supports loading libraries from external sources from the web

http://repl-interactor.netlify.com is the beginnings of my web based repl. Except currently I've basically built a clojure syntax highlighting/auto indenting edit box from scratch atm

There are other cool applications of self-hosted too https://ctford.github.io/klangmeister/ for music Timothy Pratley’s turtle thing https://www.youtube.com/watch?v=0fKpGy2QuMM

😀 these are all great!

http://timothypratley.github.io/power-turtle/

and there’s https://www.maria.cloud/

And http://blog.klipse.tech/clojure/2016/03/17/klipse.html

just mentioned that one

Oh, jinx

I was trying to lower the size of the compiled artifact, it’s now around 8MB in size un-gzipped, 1MB gzipped

That's good enough I think, I am surprised ClojureScript can fit into that

Tried these: https://clojurescript.org/guides/self-hosting, but ran into https://dev.clojure.org/jira/browse/CLJS-3021

yeah, it’s already pretty good. most mobile phones can download 1 MB below a second I reckon

Thanks! That was my first stop, worth knowing up front..

Yeah, and it can be cached and PWA'd nicely

how would you PWA self-hosted cljs?

Well. A little cljs repl that sits on the home screen. I don't think service workers would really add much other than being manditory to get there

@mseddon for highlighting, paren matching, etc. I used codemirror, it’s what Klipse also uses

there’s also a parinfer mode for it

Ah yea, I have all that written myself in the link above

Though I did it from scratch since I can perf tune it a little better. Codemirror on mobile is a bit slow on account of being quite backwards compatible

Parinfer is coming, but I have cljfmt compatible incremental auto indent already

impressive

It's rather early days yet, I am sure it is riddled with bugs :)

maybe something re-usable comes out of it 🙂

https://github.com/BetterThanTomorrow/repl-interactor that is my plan :)

you’re doing this all in typescript?

Currently. A bit crazy I know but this is all so... stateful

Also I can see this being useful for people hosting python etc. Typescript makes it a bit more accessible

I see

That said I would love to migrate it over to cljs proper in time.

I’m very interested in a maximally-embeddable CLJS browser REPL

something that handles pretty-printing, syntax highlighting, and all the fancy input problems. that I can embed in an application

@lilactown FWIW codemirror + parinfer plugin gets you there already?

I’ve played with codemirror but not sure how it handles all of the interactions one wants at a REPL yet. so maybe I’m already 80% there 🙂

I just think it would be cool to be able to install a single CLJS dep, setup the bootstrapping, and have an embedded REPL in a drawer or separate browser window

@lilactown you can already embed Klipse right?

klipse seems optimized for embedding within a blog-like thing. there’s a lot of work to be done to create a more terminal-repl-esque UI.

right

I’m not lamenting the lack of options for running CLJS in the browser. I’m talking about the fiddly UI problems 😉

you can open the browser console and maybe this chrome plugin does it already? 😉

heh ok

would be cool on http://clojure.org or something 😉

Hell yeah!

well it would make sense on https://clojurescript.org first

still waiting for takers

or something -> http://clojurescript.org makes sense 🙂

maybe Replete (iOS / Android) is easily portable to the browser @mfikes?

That’s what http://clojurescript.io essentially was

(The code in there ultimately came from Replete)

At least lots of it 🙂

why “was”, it’s not maintained? it’s actually the first time I see it

Oh, just speaking to the dev history

Not sure about current status

maybe it’s just finished 😉

Is Replete available for Android now?

It is being developed

https://github.com/replete-repl/replete-android

This is pretty slick too https://jaredforsyth.com/reepl/

Neither works great in Android chrome for me though. Parinfer issues

Maria.cloud is the slickest thing I've seen though

Are there any guides on how to build Javascript npm package around a ClojureScript library?