Thanks @baris for the code snippet. I had to modify it a bit to have it run only after the DOM is fully loaded as otherwise app.require wasn't available:

<script>
document.addEventListener("DOMContentLoaded", async () => {
  if (typeof app !== 'undefined' && typeof app.require === 'function') {
    const myWidget = await app.require("mywidgetmodule");
	myWidget.init();
  } else {
    console.error("app.require is not available.");
  }
});
</script>

If you have suggestions how to do it better feel free to tell me. However, my problem is solved, so thank you!

Hello everyone,

I am developing my own widgets for NodeBB and some of them require JavaScript. I would like to include the JS for the widget only when the widget is actually present on the page and was wondering if there is a way to do this. My alternative would be to include the JS on each page using the "scripts" parameter in the plugin.json file.

I know that when developing regular plugins, you can tell NodeBB to include the JS only when the page that requires it loads, by defining the JS file in the "modules" parameter in the plugin.json file. However, I cannot get this mechanism to work when rendering my widgets using widget.html = await widget.req.app.renderAsync("widgetTemplate", {});.

I tried using require in the template like this

<script
require("./public/lib/widgetTemplate", function (module) { }
  module.init();
});
</script

but then I get the JavaScript console error message `ReferenceError: Can't find variable: require'.

Any help would be greatly appreciated! Thanks in advance.

Thanks @baris for the very helpful code suggestion! We ended up including additional CSS directly into our own theme, as it looks like some other themes cannot be easily modified by skins anyway.

Hello everyone,

I am developing a custom skin for Bootstrap and would like to have it automatically applied to my forum when deploying NodeBB to a server, i.e. it should not be necessary to visit the ACP. However, I have not found a way to either provide such a custom skin via the CLI or to set a skin. Is this feature supported?

If it is not supported, I would like to know the recommended way to automatically apply Bootstrap theming to NodeBB. One way would be to make the Bootstrap theme part of the NodeBB theme, but ideally I'd like to separate the bootstrap theme from the NodeBB templates in the codebase.

Thank you very much for your help!