Update active node sizing based on zoom

[wgolledge]

Hi and thank you for the great extension! Like some others, I have started using it with Foam.

Summary

I noticed that while the node size is updated based on zoom, the active node is not; this was bugging me when I zoomed in and the active node hid part of the node label.

This PR makes it so that the active node size is also determined via d3 instead of css (based on ACTIVE_RADIUS) and changes zoomActions to be a resize func that is invoked on every file change.

Please do let me know what you think and if there's any changes you'd like.

Before - node size while zoomed-in

After - active node size is updated along with the other nodes

[tchayen]

I know this is not covered in CI yet, but please stick to Prettier formatting rules which gives:

svg
  .selectAll('circle')
  .filter(function() {
    return d3.select(this).attr('active');
  })
  .attr('r', zoomOrKeep(ACTIVE_RADIUS));

BTW, can it be done in a way to avoid using function and this? IIRC this callback is given a param (usually called d) which contains some information. Maybe active can be extracted from it too?

[wgolledge]

Hi @tchayen thanks a lot for taking a look!

I have updated it to use a function accessing the DOM element via the callback params like you mentioned.

I think that .attr(...) is probably still the best way to access the active attribute.

[tchayen]

Thanks for the PR! I have obviously missed the update of active node. One small change request from me and then I think I am ok with merging it.

[tchayen]

Great! Thanks a lot! Merging it now. I am planning to make a bugfix release soon, but I am quite busy lately so I can only say that it will eventually happen but don't know when.