Docs: Third Party Widgets

[joepavitt]

Docs: Third Party Widgets

[joepavitt]

@bartbutenaers and @hotNipi - want to get your thoughts here given you were such great contributors for Dashboard 1.0

[bartbutenaers]

@joepavitt,
is it perhaps possible somehow to do some kind of query on the flows.nodered.org to show all ui nodes?
If that would be possible, your list would always be up to date...
Bart

[txwireless]

I've been struggling trying to get this working with multiple external libraries including jqwidgets which has versions available in jQuery, vue, react, angular, etc. The issue I've struggled with is import syntax. I'm not sure if it has to do with how you use acorn to parse the javascript to put it into the ui-template or if I'm confused about es5 or es6 syntax. I've tried adding separate script tags per the documentation inside the ui-template. I've also loaded some in the index.html file. I've tried pulling the vue template content and putting it into the ui-template. I'm not the best programmer but after more than a week messing with this, if there is a way to get something documented or a hint as to how to do this. There are other widgets in other packages I could use as well.

That said, I have successfully done a complex SFC in ui-template utilizing vuetify so I feel like I understand the basics of the ui-template but it looks like this is a general gap in my vue knowledge, javascript knowledge, or some limitation (doubtful). I've looked through the documentation, code, issues, and flow fuse forum and I'm stuck.

So consider this increasing the urgency of the request. I did see the examples that were added for the other types of ui nodes but the ui-template is powerful and I think documentation would be helpful with a clear example for:

1. Vuetify
2. Mermaid
3. 3rd party external vue
4. 3rd party non-vue external javascript

ui-template has become my favorite template as the potential it unlocks, just missing a bit on the documentation and how to take full advantage of it.

Thank you in advance and appreciate all of the hard work you are doing.

[joepavitt]

@txwireless thanks for the comment - can I check if you're trying to build a standalone third-party widget here, or just trying to use the in-built ui-template?

If the latter, could you post into https://discourse.nodered.org/tag/dashboard-2 please? It'll get better visibility for others in case they hit similar issues. If you're able to include an example ui-template too that you're trying, that'd be great.