@hrmax23
Hmmmm… Could you try without MMM-MyScoreboard module?

@hrmax23
I need a log when it stops. (It would not be backend-log, it should be frontend-log.) If possible, Use MMM-LogExt to record long term front-end log.

@bobbylx
CX3* series may not work on MIDORI, sorry. It’s too old browser, doesn’t support advanced modern JavaScript technologies.

@nicmoly
Usually, your symptom happens by insufficient waitFetch. Give it more. (By default it would be 5_000 ms. Give it more like 10_000)

@redbeardedninja
You have 3 scenes - [“info”, “unnamed”, “photos”].
However, “info” scene has no exit order, so all modules in the previous scene will remain as they were.
I think you need to describe enter and exit, which modules should act in the target scene.

@Lilleberg If possible, can you share the copy of your calendar? (And the final config file also) (eouia0819@gmail.com)
Without the real data I couldn’t catch what really happened in yours.

@Lilleberg
Check broadcastEvents:true in your MMM-GoogleCalendar’s config. Unlike the original calendar module, MMM-GoogleCalendar has this value as false by default.

@Lilleberg Show us your config.

MMM-AlertExt

Alternative alert module for MagicMirror

Demo

Click to Youtube

Why?

• I need a more decorated alert feature than the current default alert module.
• Not only SHOW_ALERT, I want to see more various notifications and messages on the screen. (e.g. Log.log(), UnhandledExceptionError, CALENDAR_UPDATED notifications…)
• I made this module for a kind of shared programmable output-presenter of some modules.

https://github.com/MMRIZE/MMM-AlertExt

@bobbylx said in MMM-CalendarExt3:

     }
     return payload
   } // <== HERE
                   eventTransformer: (ev) => {
                    if (ev.title.search('Allie') > -1) ev.color = 'blue'
                    return ev
                   }

You’ve missed comma(,) in the end of weatherPayload definition.

@jlward73
Perhaps,… Are you place CX3 and CX3J to same region? Overflow may happens so the module locates out of screen… Just a guess.

I don’t care if it is not updated or not as long as it works.
However, we can call some unmaintained-anymore modules legacy. Maybe a tag legacy to some old modules be a good way to distinguish. By contrast, the other side might be modern.

If possible, I wish for more features/rules for common "modern" modules. These could help automate the management of modules.

• Installer command/script/instruction
  Some modules may need additional manual pre-requisition or dependency jobs (e.g. getting auth), but most of the modules would be possible to prepare simple scripts for installation. (in package.json and specific installer folder). If so, we can provide an auto-install/update feature to MM.

• Basic default configuration example file.
  If possible, a default config example would be a help for the newbie, and with that content, auto-configuration would be possible in the installation stage.
  Of course, there might be private-information or API-Key issues…

• Using .env to store private/secure information. (Or private.json something…)
  To separate normal configuration from sophisticated private data (e.g., API Key, Account, password, etc.) , using .env may be the option. It could be composed through an installation script if needed.

I wish we could have something like a plugins market or bundle store of other applications.

@jlward73
What do you mean shows nothing ? Is the module itself not showing anything else(even if an empty time table frame)? Or events are not showing?
Your config itself seems nothing wrong.

calendarSet: [] means all calendars, so it is OK.

Could you show me your front-end log? (With Ctrl+Shift+i)

@greedyvegan

.CX3 .week:nth-child(2) .cell:first-child .cellDate .dateParts.month {
  display: none; 
  /* Intentionally, I showed the month in the first cell of the calendar */
}

.CX3 .cellDate .dateParts.day {
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  width: 22px; /* Fixed width */
  height: 22px; /* W/H ratio should be 1 for circle not oval */
  line-height: 22px; /* vertical centering */
  border-radius: 50%;
  border: 1px solid #fff;
}

@greedyvegan

/* In your css/custom.css */

.CX3 .headerContainer .weekday_0 {
  color: red;
}

.CX3 .headerContainer .weekday_1 {
  color: orange;
}

.CX3 .headerContainer .weekday_2 {
  color: yellow;
}

.CX3 .headerContainer .weekday_3 {
  color: green;
}

.CX3 .headerContainer .weekday_4 {
  color: blue;
}

.CX3 .headerContainer .weekday_5 {
  color: indigo;
}

.CX3 .headerContainer .weekday_6 {
  color: violet;
}

@greedyvegan

Of course, you may need some adjusting size and position, anyway, its possible.

/* In your css/custom.css */
.CX3 .cell {
  background-image: url("https://forum.magicmirror.builders/assets/uploads/files/1708912838487-calendar-background.001.png");
  background-position: top left;
  background-size: cover;
  background-repeat: no-repeat;
}

.CX3 .cell.today {
  background-image: url("https://picsum.photos/200?1");
  background-position: center center;
}

.CX3 .cell.month_2.date_28 {
  background-image: url("https://picsum.photos/200?2");
  background-position: center center;
}

.CX3 .cell.month_3 {
  background-image: url("https://picsum.photos/200?3");
  background-position: center center;
}

You can also use other prepred selectors like thisWeek, thisMonth, thisYear, year_2025, weekday_3, and its combination.
And this method was by the static date.
If you want to change the background of the specific cell dynamically by the event, See the cell manipulation parts in README.

@nuggetron22

1. ETIMEDOUT generally happens when the server is busy, or the connection is extraordinarily slow. To prevent it, keep alive header is recommended. (Not sure that is the reason, anyway.)

2. CX3* can also be fed from MMM-GoogleCalendar. But by compatibility issues due to unmatched format, broadcasts from MMM-GoogleCalendar should be converted before consumption.

3. You can alternatively try MMM-CalDAV + default calendar module instead of MMM-GoogleCalendar if you still have issues.

@svenpisa

Original. (All these test events are from the same calendar)

eventTransformer: (ev) => {
	if (ev.title.search('Fitness') !== -1) {
		ev.symbol = [ 'fa-solid fa-dumbbell' ]
		if (!ev.isFullday) ev.title = ev.title.replace('Fitness', '<font color="pink">Fitness</font>')
	}
	return ev
}

After.

@svenpisa

if I use ev.sybol = ‘trash-can’ my calendar module is no longer displayed, but if I use ev.symbol = [‘trash-can’] the entry is displayed without a symbol.

Broadcasted events information from default calendar module is not so well-formed. You should use like this.

["fa-solid fa-trash-can"]

I’m not sure somebody fix this issue, I reported long days ago. Anyway, until fix, use that way.

for “Fitness” I have selected the color “pink”. However, the “Fitness” entry is not colored pink, only the symbol. How do I make the font pink?

That was my intention. (I hate colored text. :D)

If you really want colored text, append belows into your css/custom.css

/* custom.css */
.CX3 .event.singleday .headline .title {
  color: var(--calendarColor);
}

If I abbreviate a birthday with “Geb.” and want to see the “birthday-cake” symbol instead of “Geb.”, how would I have to execute the “Replace” entry?

Maybe this… (not tested)

...
if (ev.title.search('Geb.') !== -1) {
  ev.title = ev.title.replace('Geb.', '')
  ev.symbol = ["fas fa-birthday-cake"]
}
...

@svenpisa

{
	module: "MMM-CalendarExt3",
	position: "bottom_bar",
	config: {
		... // other configs...
		eventTransformer: (ev) => {
			const customEvents = [
				{ keyword: "Gelber Sack", symbol: "fas fa-arrows-spin", color: "yellow" },
				{ keyword: "Hausmüll", symbol: "fas fa-trash-can", color: "green" },
			]
			const found = customEvents.find((condition) => {
				return ev.title.search(condition.keyword) !== -1
			})
			if (found) {
				ev.icon = [ found.symbol ]
				ev.color = found.color
			}
			return ev
		},
	}
},

PS. It was a somewhat late answer. For your new questions, I’ll reply again.