I'm building an extension to embed this emoji picker on Flarum.
Everything works fine, but I'm not sure how I should include the CSS from the plugin in my extension.
At the moment, I have this:
__DIR__.'/js/forum/node_modules/emojionearea/dist/emojionearea.css', // TODO
extension.less contains my additional CSS to make the plugin fit in the UI.
Of course, if I leave things like this, it will not work when it is installed elsewhere. Unless I push all the npm dependencies with the project, which is certainly not a good idea.
I was thinking of using gulp to copy this specific file somewhere else so I can commit it.
Also, this file does not feel at home under
less/forum either, because that's not a less file ! Is there a naming convention for this kind of "files coming from a dependency" ?
I tried to find another extension with the same use case, but didn't find any. I'm sure this is a common issue...
Do you have a link to an existing extension like that ? How should I do ?