The syntax checker found the use, but didn’t know that this code (config.js is a JavaScript file) was loaded in a browser
So it reported use of an undeclared variable

The fix was to declare the variable as a global so the checker will be happy

Adding var document; to the config.js gives parsing error unexpected keyword ‘var’

var document;

I’ll open a bug report
I opened https://github.com/MagicMirrorOrg/MagicMirror/issues/3990

cd ~/MagicMirror
npm run config:check

does it produce the same error?
also do

node -c config/config.js

if it returns and displays nothing, then node did not detect any syntax errors.

edit: I can reproduce this

I’d previously had MMM-CalendarExt3 working with a few different calendars, notably a birthday calendar, where it would show an icon in the cell header.

However since updating the MagicMirror software it no longer seems possible to do. Below is the module extract from config.js, and is what has been previously used. Now upon starting MM with this in place I’m told [ERROR] Your configuration file contains syntax errors :( ‘document’ is not defined.

Anyone able to assist with what the issue is and how to resolve it?

	{

		module: "MMM-CalendarExt3", //https://github.com/MMRIZE/MMM-CalendarExt3

		position: "lower_third",

		//header: "FamCal",

		config: {

			mode: "month",

			useWeather: false,

			weekIndex: 0,

			weeksInView: 5,

			instanceId: "basicCalendar",

			locale: "en-GB",

			maxEventLines: 6,

			firstDayOfWeek: 1,

			headerWeekDayOptions: {weekday: "short"},

			refreshInterval: 60 * 10 * 1000, // 3600000, // every hour // 60 * 10 * 1000, // too frequent refresh. 10 minutes is enough.

			calendarSet: ["Family Calendar", "UK Holidays", "Birthday",],

			manipulateDateCell: (cellDom, events) => {

				if (Array.isArray(events) && events.some(e => e.calendarName === 'Birthday')) {

					let dateIcon = document.createElement ('span')

					dateIcon.classList.add ('fa', 'fa-fas', 'fa-fw', 'fa-gift')

					dateIcon.style.color = 'cornflowerblue'

					let header = cellDom.querySelector ('.cellHeader')

					let celldate = header.querySelector ('.cellDate')

					header.insertBefore (dateIcon, celldate)

				}

			},

			eventTransformer: (ev) => 	{

				if (ev.calendarName === 'Birthday') ev.skip = true

				else if (ev.title.search("B -") > -1) ev.color = "brown"

				else if (ev.title.search("C -") > -1) ev.color = "hotpink"

				else if (ev.title.search("E -") > -1) ev.color = "orange"

				else if (ev.title.search("I -") > -1) ev.color = "green"

				else if (ev.title.search("G") > -1) ev.color = "white"

				else if (ev.title.search("Bday") > -1) ev.title = ""

				return ev

										},

			eventPayload: (payload) => {

				for (let ev of payload) {

					if (ev.fullDayEvent) {

						let gap = +ev.endDate - +ev.startDate

						if (gap % (1000 * 60 * 60 * 24) === 0) {

							ev.startDate = new Date(+ev.startDate).setHours(0, 0, 0, 0)

							ev.endDate = new Date(+ev.startDate + gap).setMilliseconds(-1)

						}

					}

				}

				return payload

			},



		},

	},

mode:“month”
monthIndex: 0/1/2. For this month, next month and month after that (-1 for month before current)

Mmm-page-indicator creates buttons you can customize look w css, and will let you Move between pages on demand , pages also rotates

Is it possible to scroll this calendar with a button on GPIO, next month or prev month? Where can i find more details on this please, found some ideas but not this specific calendar.

Thank you.

.event` : Every event has this selector. Each event could have these class names together by its condition.
  - `.continueFromPreviousWeek`, `.continueToNextWeek`
  - `.calendar_{calendarName}`    <------- 

add

classes:"........ some_arbitrary_string "
//like this
classes:"foo",

after the module: line
to the instance you dont want the symbols to show

then use

.arbitrary_string .symbol {
     display:none;
}
/*like this */
.foo .symbol {
     display:none;
}

Firefox shows the correct week number “CW 32” in this weeks case. My search-fu is not finding a fix for this.

do

npm run server

I added the pingInterval and pingTimeout lines to both MagicMirror/js/server.js and MagicMirror/js/socketclient.js as described in your link.

I have also moved my fetchInterval into the config portion of my calendar module as you requested, and increased it to 10minutes. I added a waitFetch of 10sec into my MMM-CalendarExt3 module config, along with a refreshInterval of 10minutes.

When I run MM now however, I am unable to reach localhost. I get an error on Midori booth that says Could not connect: Connection refused. Potentially something to do with the server.js and socketclient.js fiddling? Appreciate further guidance!

Ext3 gets the calendar events from the default calendar

the calendar module fetches each url separately and broadcasts the events to other modules if they want to use them

but EXT3 doesn’t want to flash redraw the cal each time a block of events show up

so it also has a

refreshInterval

take whatever events have arrived since last time and display ( default 30 minutes)

now there is another tuning thing
if it drew immediately on startup it would be empty, cause startup is faster than fetch. but EXT3 doesn’t know how many cal urls might supply events.
so there is the

waitFetch 

config parm (default 5 seconds)
wait that long after startup before displaying any events
then next will be updateinterval

pi0w is SOOOOOOO slow ,no events arrive before waitFetch
so next time is updateInterval time

so you can adjust these some

you are probably
impacted by this bug too, timeout on the connection between front and back ends
see https://forum.magicmirror.builders/post/127456

Trying to get MMM-CalendarExt3 working on my Pi Zero W running MM v2.30.0 and running into an issue where the calendar is blank. Relevant config.js below:

{
   module: "calendar",
   config: {
      broadcastPastEvents: true,
      maximumEntries: 10000,
      colored: true,
      calendars: [
          {
               fetchInterval: 1* 60 * 1000,
               symbol: "calendar-check",
               name: "p_and_b",
               color: "rgba(255, 0, 0, 1)",
               url: "..."
          },
          {
               fetchInterval: 1* 60 * 1000,
               name: "cal2",
               color: "rgba(0, 0, 255, 1)",
               url: "..."
          }
       [
   }
},
{
   module: "MMM-CaendarExt3",
   position: "bottom_bar",
   title: "family dashboard",
   config: {
      mode: "month"
      instanceID: "basicCalendar",
      locale: 'en-US'
      maxEventLines: 5,
      firstDayOfWeek: 1,
      calendarSet: ["p_and_b", "cal2"]
   }
},

Can anyone help me understand why my monthly calendar is coming up blank and a workaround?