Hi guys,

I’ve created a new module. My motivation was to see what’s up around me in my city. I’ve missed so many events in my life, so I was searching for an event reminder. But I didn’t find anything that fits to my belongings. So I decided to create something on my own:

MMM-EventSearch

The MMM-EventSearch module for MagicMirror fetches and displays event information using the SerpAPI to search for events based on a given query, location, and other parameters. It uses in this case google (see SerpApi for other options) and displays the list results from google which everyone has seen already.

To find a suitable query go to goolge and try a little for your city or surrounding city/provice/state.
The results are currently limited to the the results that google initally shows. So the “mode results” button does not work or is not accessible with this API!

The module dynamically generates a table with event details, displaying:

• Date/Time: Event’s date and time.
• Title: The title of the event.
• Image: A thumbnail image of the event, if available, which links to the event’s page.

Event Fetching:
Events are refreshed periodically based on the updateInterval. On the free plan from SerpAPI 100 calls are free per month. So be careful.

CSS Styling is a little acc. to Google results.

Have fun!

Cheers
Chris.

@KristjanESPERANTO yes, why not!

Hi,

I have created a quick module to visualize outside temperatures from the Temp2IOT Sensor:

MMM-Temp2IOT

Get your own Sensor: Temp2IOT

-1 iFrame on my mirror :)

Hi,

I’m currently working on a new module. I had a lot of updates to do in my code to adjust the layout. After saving changes, I had to manually refresh the MagicMirror application every time. This process is tedious, especially if you’re frequently experimenting with configurations.

That’s where this script comes in. By monitoring your config.js file (or a module.js file) for changes, it automates the refresh process. Now, every time I save my config.js, the Mirror refreshes itself instantly.

It’s seamless, efficient, and saves you from the hassle of restarting the application manually.

Perfect for developers and tinkerers alike, this script ensures your MagicMirror reflects your updates in real-time, letting you focus on creativity instead of logistics.

https://github.com/ChrisF1976/MM-Watcher

Give it a try…

Regards,
Chris.

Hello,

unfortunately even more optimizations were necessary. So I update the repository.

New:

• hides all modules during animation
• suspends all modules during animation

Reduced effects:

createExplosion(x, y) {
        const particleCount = 25; // was 50

this.particles.forEach((p) => {
            p.x += p.vx;
            p.y += p.vy;
            p.vy += 0.01; // less gravity
            p.alpha -= 0.01;
        });

    setup() {
        this.canvas.width = this.width*0.95 //reduced width 
        this.canvas.height = this.height*0.95 //reduced height
        window.addEventListener("resize", () => this.resize());
    }

• And updated CSS to be in the middle of the screen again.

Hopefully you’ll celebrate this, too!

@sdetweil Wow, thank you so much! Perfect :folded_hands: :grinning_face_with_big_eyes:

@lucifer6669
Hi,
I’ve just fixed that issue in general. I’ve added wrapper.style.pointerEvents = "none"; and p.canvas.style.pointerEvents = "none"; in the module file. This allows pointer events to pass to modules underneath! So also the CalExt3 can be used again with the pop-up windows. I’m also very happy now :-)

Cheers Chris!

Hi,

i was working the last days on a module to get rid of the last iframes on my mirror. These modules can all visualize solar energy data from a Fronius solar system using SVG magic :)

• MMM-FroniusSolar: Best for simple setups prioritizing clarity and minimalism.
• MMM-FroniusSolar2: Suitable for scenarios requiring visual feedback on power flows (e.g., monitoring dynamic energy consumption).
• MMM-FroniusSolar3: Ideal for larger or customizable displays where scalability is important.

If you do not have a FroniusPV but your system has an API it should be not much work to adjust the node_helper file.

All in a column:

I have completely reworked the MMM-Fireworks module!

New:

• It is now using the p5.js library. So it is now faster and I’ve added more config options.
• Also the timing problem ist solved. You can define a start date and time. If you need to restart your mm inbetween it continues.
• you can install it today and enjoy on next new years eve. (The JavaScript’s setTimeout is solved here (has a maximum delay roughly 2³¹–1 milliseconds - only 24.8 days)
• Added a text overlay
• runs as before in fullscreen but also “in a box” as every other module
• And the best: the explosion effect is now really nice!

@roysim11 See the css in the calendar module. If this is Ext3 you’ll find this:

.CX3 .event.passed {
  filter: brightness(0.8) grayscale(0.5);
  opacity:0.5;	
}

Then for example to this:

.CX3 .event.passed {
/*  filter: brightness(0.8) grayscale(0.5);
  opacity:0.5;	*/
}

Cheers,
Chris