custom JS file (JQUERY)

panos

Hello.
Is there a way to run my own javascript on magicmirror?
I want to run some functions using jquery.
I was thinking to include my code on config.js (but I’m sure that will break the config file)
Any suggestions?

cowboysdude

Running how? In a module? If in a module the you can just include it in your getScripts function…

panos

@cowboysdude
Hi.
I’m using the MMM-MQTT module and I want to change the color of the represented text by MQTT in real-time using JQuery.

I wrote the code, but I can’t make it run on MagicMirror web UI

sdetweil

@panos in a module, u need to tell M to make those functions available

in a normal js file you would use require(‘js+filename’)

in the module u have to return the names (and paths) of these routine files from the
getScripts() function, which returns an array of names

then u can use the functions in those files from the modulename.js file functions.

cowboysdude

For example:

In your main.js file we’ll call it MMM-Whatever.js

  // Define required scripts.
     getScripts: function() {
    return ["jquery.min.js", "moment.js", "run.js"];
    },

That’s one way to to do it.

panos

Thanks guys. I did it by modifying MMM-MQTT original code.
The only issue is that everytime that the module will be updated, I must modify it again.
Thanks for your help!

cowboysdude

@panos Hopefully you find another way to do it because that would be frustrating after a while LOL

doubleT

If you have a git hub account you can fork the module’s repo to your own github account and then install/clone it to your modules folder from your own git. Make the change, push it to your remote repo. When there’s an update, you can merge the update with your changed code on github and update the module afterwards. Or not even bother with updates anymore at all, if you want that.