i have a lot of data coming in as json, and being rendered as js objects, so i don't really want to add the overhead of converting too and from clj data structures. but the js data updates over time and needs to be re-rendered, and it would be nice to be able to treat it like an atom

@jjttjj there’s probably a reason not to, but the idea is kind of intriguing. if the data always comes from the server, then it seems quite interesting. if you are doing a lot of manipulation on the client side, then you may end up converting from clj->js (?). i implement ILookup on object (even though there are reasons that’s a bad idea) so that get-in and destructuring work on js objects. that would pair nicely if you ended up doing that.

Hi I have a pretty simple web app made with re-frame/reagent/re-com and one annoying thing is that I'm using the secretary/accountant to deal with routing and I'd expect that when switching pages, it'd scroll to the top of the new page. Is there a trick to make sure that it sets the scroll to the top of the page when navigating?

Yep, we had the same problem in our re-com demo page: https://re-com.day8.com.au

We fixed it by defining a scroll-to-top fn and calling this when we navigate to new pages

Here's the simple code: https://github.com/Day8/re-com/blob/master/src/re_demo/utils.cljs#L110

And how it's used: https://github.com/Day8/re-com/blob/master/src/re_demo/core.cljs#L131

Having said all that, I just tested it and it no longer works. The code was written a long time ago and so, many moving parts have now moved

But hopefully this will provide inspiration for your code

If you find out what's wrong with our code (or find a better way), drop me a note or create a PR 🙂

PS: The main problem is...it's not really switching pages, just re-rendering on the same one

Idea for you

Can only speak for our demo

I had to solve a similar problem recently and used scrollIntoView

https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView

if you have the element you can just call this on initial render and it should reset the page

that being said it does require a form-3 component

hello guys

https://presumably.de/reagent-mysteries-part-1-vectors-and-sequences.html, in this post it shows how can you reagent table, i have tried this with making fields of rows as input, but when change the values of inputs i got re-render the row

i can't figure this out

my situation is: i have input field which has css hover property to change the radius, when i hover and change the input i got flashing the input

how can i fix this? or even what cause this problem?

what do you think guys?

Hi How can I set the n element in a JS array in my clojurescript code?

@rinam https://cljs.github.io/api/cljs.core/aset

Thanks

Anyone know why when I do clojure -m cljs.main -re node and execute (cljs.nodejs/require "package") I get that the module cannot be found when it is in my node_modules?

When I use cider-jack-in-cljs it can find the package fine so I must be missing some command line argument

@dehli did you check the current directory? maybe you are just in the wrong directory? try (js/process.cwd)

Ya, the current directory is the one that has node_modules inside of it

@dehli I'm not sure where CLJS puts the output files. see if js/__filename is defined?

it's set as [stdin]

does (js/require "aws-sdk") report the same error?

nope! that works

should that be used in place of node/require?

yes

well ideally you should use (require '["aws-sdk" :as x]) but that only works in shadow-cljs currently

well it might work for CLJS too I'm not actually sure

I'll see if that works. Thanks for your help!

The above works here with shadow, I use it in my project with plain install to package.json

So the above works, however when I do (require 'aws.core) it fails since that namespace has (js/require "aws-sdk") inside of it

hi guys

can i use this within clojurescript project https://felicegattuso.com/projects/datedropper/ ?

Does anyone know of an example that uses the D3 treemap? I can’t seem to find one on Google

@mfikes Now you can see what I was attemping to do over the weekend 🙂

Pretty cool!

I saw your retweet on Twitter 🙂

I love how I can go back through the pages, change the definitions, and have it do something completely different in the end

Yeah… having the compiler with you in the browser is still something I find crazy cool 🙂

I think your site can be a great intro to people who are interested in Clojure / ClojureScript… especially since you can mess with the code

That’s exactly the purpose

show people that ClojureScript can really be used to do things in a web page

this is why I showed the SVG structures. Sure, I don’t mention sablano, but it’s just an intro

wrap it all up in a Game-of-Life-via-Linear-Algebra bit of über geekiness 🙂

@quoll There is one place where it dumps the value of a function (and you see a lot of JavaScript). You might be able to avoid this by simply adding :def-emits-var true to the options passed into the eval-str call. https://clojurescript.org/reference/repl-options#def-emits-var

I was wondering there… I realize that it’s messy, but it also shows people that this really is generating code that does stuff!

That’s true

do you know what the figwheel repl uses when printing a function? Because it just shows a short object string

Yeah, if you want to see the function value (set! *print-fn-bodies* true)

thank you

@mfikes you set that in CLJS land or Clojure land?

I could turn that off

It is a ClojureScript var

cool

cljs.core/*print-fn-bodies*

I don’t think I want to change the :def-emits-var, as there are a couple of screens which do a def, and they wouldn’t see what was generated

I’m also trying to avoid configuring different behavior for each screen (there’s a little of that, such as the text vs. SVG output)

Hi, is anyone very familiar with cljsjs.react-modal? I am trying to make modals disappear when the user clicks the browser back button. The best info I have found is http://reactcommunity.org/react-modal/ , but I am currently unable to solve this. Any help appreciated.