Widget code works on one NodeBB instance but not another

<baris>

If you don't have a custom plugin already then yes you need to create one. You can test it out by adding it to persona's library.js and plugin.json.

phenomlab

@baris Great. Thanks. Is there any possibility this could be added to persona at all ?

<baris>

No plans to add it to persona.

phenomlab

@baris I'm looking to implement a plugin to do this, but ideally am looking for some sort of reference guide or skeleton plugin to use - any advice ?

EDIT - found https://docs.nodebb.org/development/plugins/ so reading this first

Thanks

<baris>

GitHub - NodeBB/nodebb-plugin-quickstart: A starter kit for quickly creating NodeBB plugins.

A starter kit for quickly creating NodeBB plugins. - NodeBB/nodebb-plugin-quickstart

GitHub (github.com)

phenomlab

@baris Potentially dumb question, but how do you use this plugin ? There doesn't seem to be any instructions at all??

Also, there's an error in the console when attempting to use

Uncaught (in promise) TypeError: n.ColorPicker is not a function
    at HTMLInputElement.<anonymous> (colorpicker.js:11)
    at Function.each (jquery.js:385)
    at C.fn.init.each (jquery.js:207)
    at Object.n.enable (colorpicker.js:8)
    at o (admin.js:31)
    at Object.i.init (admin.js:9)
    at ajaxify.js:357

<baris>

You fork it and make your modifications and publish to npm with a different name like nodebb-plugin-<your-plugin>

Make sure to rebuild&restart after you install and active.

<baris>

The colorpicker seems to be an issue with a missing dependency, you can remove that when you fork the plugin.

phenomlab

@baris Thanks. Forked, and now ready to insert this

myPlugin.filterMiddlewarRender = async (hookData) => {
    hookData.templateData.user = await user.getUserData(hookData.req.uid);
    return hookData;
};

Does this simply get placed in main.js ?

If I do this, I get

main.js:19 Uncaught ReferenceError: myPlugin is not defined
    at HTMLDocument.<anonymous> (main.js:19)
    at l (jquery.js:3766)
    at u (jquery.js:3834)

<baris>

No it goes in library.js since it's a server side hook. And you need to add the corresponding entry in plugin.json.

// library.js
myPlugin.filterMiddlewareRender = async (hookData) => {
    hookData.templateData.user = await user.getUserData(hookData.req.uid);
    return hookData;
};

//plugin.json
"hooks": {
   "filter:middleware.render": "filterMiddlewareRender"
   ...
}