Hi, I am just getting started with trying to create my first plugin and I want to create it as a panel. However all the tutorial docs and sample plugin projects seem to use a pattern of defining the HTML and CSS as a string, and inserted to an element using innerHTML. This feels clunky to me as my text editor can’t do syntax highlighting or autocomplete within a string, and doesn’t seem like good separation of concerns.
So my question is, how can I break out the HTML or at least the CSS out of main.js and reference it from another file? In the plugin docs it says “You can build panels using any method that creates an HTML DOM structure. This means you can use
innerHTML, jQuery, React and other frameworks”. Are there example plugins using these other methods? Thanks!