So I did a little research and I can’t really comprehend.
I cannot find any developer being just a little rude to you at all!

“Feel free to fork the module and customize it for your own needs.”

Rude?

Only one developer suggesting (!) to you to make your own fork. While I think working with PR’s and improving the original module is better I guess you can just respect his view.

Sorry but we’re all at the beginning at some point (I am as well).
Pointing out someone as rude just because he is not interested in doing the work you suggested is a bit off.

Go ahead, learn more Javascript, do forks and send PR’s.
It’s fun!

@seann
My suggestion: Fire up the mirror UI on your browser, press F12, move the move over your module, right click -> inspect.
Then look at the styles section and play with switching styles on and off.
Then you can use whatever you need in your own css overwriting main.css in your module.

I want to have a powerwall, a solar panel and a tesla just to try out this module!

@lavolp3
PR sent
https://github.com/cowboysdude/MMM-rfacts/pull/12

It seems I have done a bit too much JS programming in recent months… Lol.

@cowboysdude have a look at it and let me know what you think.

Please note there is a more recent module also using the buienradar API called MMM-rain-forecast.

Apart from that can you please post the config entry and confirm that you have cloned the module to the MagicMirror/modules folder and not to the MagicMirror folder itself? :-)

(Sorry, too tempting…)

I’d definitely donate. I love this whole project.

@mikey20333 Try out my troubleshooting manual in my signature
“How to troubleshoot modules”

Guys be careful with the npm vulnerabilities!
It’s not advisable to always fix all of them.
E.g. if a vulnerability wants to have a most recent version of an important dependency, fixing it might even break your working MM because MM can’t work with this new dependency.

If you’re not completely sure what you’re doing then leave them.
They are not errors after all, your modules should work with these vulnerabilities as well.

@cirdan

Hi cirdan,
I’d like to say THANK YOU for the module. I was searching for this for about a year now, also made a thread here asking for it.
Let me also say, this also works for parts of Germany close to the Netherlands (I live close to Duisburg).

I would suggest to present this in the “modules” section for more recognition.
I’d also like to contribute to it, thinking about the possibility for users to show bar graphs or line graphs.
Will send a pull request on github when successful.

[card:lavolp3/MMM-Comics]

MMM-Comics

A module for MagicMirror2 that displays several comic strips (sources updated on demand)

Description

Based on (and forked from) andrecarluccis MMM-DailyDilbert module, this is a module for MagicMirror2 that displays the current daily or random comic strips from famous cartoons. You can choose to display a coloured or a b/w version of the comic strips (b/w does not always work that well, try it out).
Additionally you can choose a daily time frame at which the current daily comic is being shown (supported only for dilbert, dilbert_de and xkcd). For the rest of the day, or if the comic is archived, a random comic is picked.

Screenshot

Have fun!

@Stoffbeuteluwe go into the MagicMirror home folder and execute

npm install electron@latest

@loengard Well it’s done. The changes were quite easy :-)
Try it out, it is very rough and there are several things still called “Dilbert” :-).

https://github.com/lavolp3/MMM-DailyDilbert

I think it would make sense to eventually create a “ComicStrip” module and let the user choose between Dilbert, Garfield, xkcd and what else can be created. @kjb085 was already mentioning a website agnostic module.

But I’d like to leave the decision to @andrecarlucci (or is it @kjb085?) and/or @Blastitt who have put much more work into it.

Naaaa nanana Nana Nana
You can touch this!

As part of a bigger project to build a touch kitchen dashboard, I programmed a virtual touch keyboard based on the npm module simple-keyboard.
This module can basically interact with every other module using the MM notification system!

Download:

[card:lavolp3/MMM-Keyboard]

https://github.com/lavolp3/MMM-Keyboard

Screenshots:

Features:

• working with MM’s notification system (see below), can interact with every other module you can think of! (the notification function needs to be programmed into the module)
• supports en and de locales, more on request
• standard and numeric keyboard supported

Working with the Keyboard

Opening the keyboard

The keyboard works with MagicMirror’s notification system. You can broadcast notifications from another module using the following parameters

this.sendNotification("KEYBOARD", {
    key: "uniqueKey",
    style: "default"
});

The payload of the notification must be an object containing two parameters:
key: You can use any unique key, it is advised to use the module name. MMM-Keyboard will take the key and send it back for the module to understand it.
style: Use “default” or “numbers” here

Receiving data

As soon as you hit the “SEND!”-Button the keyboard sends back the written content using the format

this.sendNotification("KEYBOARD_INPUT", {
    key: "uniqueKey",
    message: "test"
});

You can fetch this message by checking for the key component. Here an example:

notificationReceived : function (notification, payload) {
    if (notification == "KEYBOARD_INPUT" && payload.key === "uniqueKey") {
        console.log(payload.message);
    }
},

Implemented modules

• MMM-Bring (PR prepared, not implemented into master yet)

Planned:

• MMM-Todo
• an own Timer / Alarm module

For further implementations, contact me or send it as an issue here!

Thanks

Thanks to @jheyman for alpha testing and Francisco Hodges for the beautiful simple-keyboard npm module!

@boybay7 said in Changing the colour of all text on screen:

Okay another question, I want to change the colour on weather forecast. Currently it’s red and blue, but I want it to go blue (min temp) and then red (max temp), so how would I do that? Appreciate all the help

That’s a bit more complicated, but can be done via styling.

Without explaining too much, put that in your custom.css

.weatherforecast tr.colored .min-temp {
  color: 'green';  
}

.weatherforecast tr.colored .max-temp {
  color: 'red';  
}

or use hex codes (like ‘#00ff00’) for any color you like.

I have now managed to include the little guy in the MMM-DarkSkyForecast module:

BUT: I have used a sprite image from a google image search and need to ask the weather station provider for allowance to use/share it.

Now you have my full attention! :-)
Sounds exciting! Good luck with development!

Do you now jasper?
“Jasper is an open source platform for developing always-on, voice-controlled applications”
https://jasperproject.github.io/
Maybe worth a look?

E.g.:
“Julius is a high-performance open source speech recognition engine. It does not need an active internet connection. Please note that you will need to train your own acoustic model, which is a very complex task that we do not provide support for. Regular users are most likely better suited with one of the other STT engines listed here.”
(from the documentation)

As @broberg said: Freedom! You can do anything and you can use the OS itself for any further Raspbian things you would like. (A mirror as a jdownloader host? possible… Measuring temp in bath room directly using the mirror? possible…)
There are so many possibilities…

Also, you don’t necessarily have to throw any html or setup a web server. It’s all done automatically at the installation.
Yes, if you want to go forward there’s a lot to learn, but I have contributed / played with a lot of modules already and not written more than 3 lines of html (albeit lots of JS)

@boybay7

So just to confirm, even though I have edited code in like modules or custom.css for the font colour, it won’t be replaced when I update with git pull?

To have a complete answer to this, a more basic approach.

You have two things going on in your MM environment.
One is the server side, that is represented by the node_helper.js files. It is kind of a back office, fetching, progressing and forwarding data so it can be displayed in the browser / on the mirror. It does e.g. call weather or calendar APIs and fetches the data.

The server side communicates with the client side, which is represented by the module.js and module.css files (among others).
These are (mostly) responsible for building the html and css code that you finally see in the browser.

The server side is refreshed whenever you restart the mirror (e.g. by pm2 restart mm, or by restarting the Raspberry pi…)
The client side is refreshed whenever you reload a browser page (also with pm2, or - on your laptop - just by reloading the browser page!)

Meaning, you can e.g. display your mirror on your laptop (by going to http://MIRRORIP:8080), change things in custom.css or in config.js and just reload the browser page on the laptop to test these changes out.
Note however, that when you just reload the browser there may be things running on the server side, that do not understand you changes made on the client side anymore, since the server side code has not been refreshed.

The best way of keeping your mirror running and properly updating after code changes is using pm2 and above command to restart.

All of this has nothing to do with git pull.
Git pull is a synchronisation with the code on the git server.
Git pull is used to get updates on the module code from the module creator. It is comparable to updating any program on your computer.
Of course you should restart the mirror after having done git pull.

Hope that helps to understand the environment. It’s surely not easy for beginners.

BTW: If you wonder why you need both of these parallel processes:
The magic word is asynchronity. Whenever you want to fetch data from an API, which your mirror does a lot of times, you have to wait for an answer (the api call is asynchronous, its not synchronous with the rest of the code anymore, it waits…)
If you implement this into the same code that would build up your page, you would end up in a mess.

So the trick is, you have another process that just sends messages (here: notifications) to your page building code. The page building code can then react to these messages by updating what is on the mirror. It does not have to sit and wait for an answer, it can just react to a message.

I could go on for ages here, it’s really a fascinating concept for someone who has only been slightly in programming in the past. This has thrown me into kind of a programming pit. You can see that from the size of my answer :-)

@carlslylike1 Next time, try to provide the config entry and the two modules around it so we can debug it.
Also, look into the link in my signature for troubleshooting advice.
My first troubleshooting action would be

npm run config:check

and send the resuls here if you don’t understand yourself

Another (and hopefully the last!) COVID19-related module.

https://github.com/lavolp3/MMM-COVID19-Inc

This one can show

• incidence rates of different districts(Landkreise) in Germany.
• a map of Germany with colored districts.
• a list of highest/lowest incidence rates.

The rates are pulled from a private API that refers to RKI data, but may not be complete / up to date.
I just recently found a few data points missing.

Screenshot: