Informational question: gestures support about node-red-dashboard HOT 7 OPEN

Not something I've had much experience with actually. @cstns anything like this crossed your desk before?

from node-red-dashboard.

Haven't worked with gestures that much I'm afraid, but I'm familiar with the vueuse library and see no harm in using it.

from node-red-dashboard.

That Vue UseGesture library is not maintained anymore the last 3 years, so might not be my best choice for a new ui node ;-(

from node-red-dashboard.

From this StackOverflow discussion I understand that VueJs supports all these mouse and touch events out of the box, but that you need to use Vue UseGesture for special things like dragging, swiping, ... So I assume I cannot do stuff like panning, zooming, ... with VueJs out of the box?

from node-red-dashboard.

At the moment I think that the Vueuse is the best option at the moment.
Because their Github repo has quite some impressive statistics:

• 18.7K stars
• 2.4K fors
• 272 releases
• used by 177K applications
• 614 contributors

That same group offers a well maintained library @vueuse.gesture for all kind of interactivity.

From their getting started page I assume that this gestureplugin needs to be loaded by the Flowfuse dashboard (i.e. not by my own svg ui node?) in the main.mjs file. Can anybody confirm whether that is correct?

Would be nice to get some thoughts about this. And whether such a proposal (to load this plugin by the flowfuse dashboard) would be accepted or not? Not sure whether other ui nodes could benefit from this feature. Otherwise I need to look for another solution...

About the size of the gesture library. I see this in their dist folder:

Note that I have not tested any of this at the moment.

from node-red-dashboard.

I assume that this gestureplugin needs to be loaded by the Flowfuse dashboard (i.e. not by my own svg ui node?)

I think I was talking nononse, because I have also my own main.js file where an app is created. So I assume I need to load my own plugin(s) ...

from node-red-dashboard.

I have also my own main.js file where an app is created. So I assume I need to load my own plugin(s)

Talking nononse again, when looking at the default comment in my main.js file:

Will pause this feature, until somebody with Vue knowledge jumps in.

from node-red-dashboard.