CalendarExt3 and Google Calendar event display

MMRIZE

@movingfish
To collaborate with GooglCalendar, see this; https://github.com/MMRIZE/MMM-CalendarExt3/wiki/Examples-%26-Tips

movingfish

@MMRIZE thanks for quick response.

At this point I’m stuck on how to get the Google Calendar events (top left) fed into the CalendarExt3 calendar.

Trying to put them in the same position seemed to cause me an error but will try another few tweaks.

The top right calendar is just basic calendar for testing purposes.

MMRIZE

@movingfish
MMM-GoogleCalendar is incompatible with the standard default MM’s calendar module. It spits out incompatible broadcasting notifications, so you should convert it with preProcessor of MMM-CalendarExt3.

Let’s check something in your config.

preProcessor should be located in config block of MMM-CalendarExt3

{
  module: "MMM-CalendarExt3",
  position: "bottom_center",
  title: "Events Calendar",
  config: {
    preProcessor: (e) => {
      if (e.startDate) return e // when event coming from default module, skip conversion.
      if (e.start?.dateTime) {
        e.startDate = new Date(e.start.dateTime).valueOf()
      } else if (e.start?.date) {
        e.startDate = new Date(`${e.start.date}T00:00:00`).valueOf()
      }
      if (e.end?.dateTime) {
        e.endDate = new Date(e.end.dateTime).valueOf()
      } else if (e.end?.date) {
        e.endDate = new Date(`${e.end.date}T00:00:00`).valueOf()
      }
      e.title = e.summary
      e.fullDayEvent = (e.start?.date) ? true : false
      return e
    },
    ... // Your other configuration
  }
},

You may need broadcastEvents: true, in MMM-GoogleCalendar module. I don’t know why, but that option is disabled by default unlike the default calendar module.

{
  module: 'MMM-GoogleCalendar',
  header: "My Google Calendar",
  position: "top_left",
  config: {
    broadcastEvents: true, // <-- You may need this
    calendars: [
...

Not related to this issue, but you did something wrong.

in mode: "month", weekIndex and weeksInView are out of sense. It has meaning only in mode: "week".
en-EN is not a proper locale. Use en-US or just en. (Of course, it depends on where you live, en-GB, en-IN, en-AU, …)
If you set a proper locale, you don’t need to declare firstDayOfWeek. That value will be assigned automatically by your locale.
You are refreshing the module every 2 minutes. Is it really needed?

movingfish

@MMRIZE Thank you again for looking into this and the advice. A lot of this was a project on a whim mixed with OpenAI. Overestimated its ability to give coherent css and js.

I did not immediately see the preProcessor for MMM-CalendarExt3 in the docs so that is clearly something I missed.
After a lot of random tweaks figured I was overcomplicating and went back to the default ‘sample-config’ from the Ext3 module which has been a relief.

**Opinion - is there any greater benefit to the ‘Google secret link’ (calendar) vs OAuth (MMM-GoogleCalendar)? Seems inherent security benefit with OAuth but not sure. That is what started me down using the separate module.

again - thanks. some easy fixes.
shouldnt need to refresh the module that regularly. will adjust when I go to ‘prod’

Can consider this solved at this point.

As an aside - also want to thank @sdetweil . Anybody reading this in the future make sure to review this page and it will make modifying css much easier.
https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues/4?_=1696523432686

sdetweil

@movingfish and you can comment out the position for the calendar modules, they will still send broadcast used by ext3

MMRIZE

@movingfish
Secret ics URL is easier to handle. But your config.js is weaker for peeping. (There is another alternative MMM-CalDAV)