MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    2.30.0 and MMM-CalendarExt3 missing calendars

    Scheduled Pinned Locked Moved Solved Troubleshooting
    29 Posts 3 Posters 5.6k Views 4 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • R Offline
      redfishbluefish @MMRIZE
      last edited by

      @MMRIZE I’m running a server-only instance in docker for testing now with this config.js:

      let config = {
      	address: "0.0.0.0",
      	port: 8080,
      	basePath: "/",
      	ipWhitelist: [],
      	useHttps: false,
      	httpsPrivateKey: "",
      	httpsCertificate: "",
      	language: "en",
      	locale: "en-US",
      	logLevel: ["INFO", "LOG", "WARN", "ERROR"],
      	timeFormat: 24,
      	units: "metric",
      
      	modules: [
      		{
      			module: "clock",
      			position: "top_left",
      			config: {
      				timeFormat: 12,
      			},
      		},
      		{
      			module: "calendar",
      			position: "top_right",
      			config: {
      				broadcastPastEvents: true, // <= IMPORTANT to see past events
      				defaultSymbol: "square",
      				calendars: [
      					{
      						url: "https://ics.calendarlabs.com/39/f7480acf/Canada_Holidays.ics",
      						name: "can_holiday", // <= RECOMMENDED to assign name
      						color: "crimson", // <= RECOMMENDED to assign color
      					},
      				],
      			},
      		},
      		{
      			module: "MMM-CalendarExt3",
      			position: "bottom_bar",
      			title: "",
      			config: {
      				mode: "week",
      				weeksInView: 4,
      				weekIndex: 0,
      				useWeather: false,
      				displayEndTime: false,
      				instanceId: "basicCalendar",
      				maxEventLines: 6,
      				fontSize: '24px',
      				eventHeight: '26px',
      				refreshInterval: 1000 * 60 * 5,
      				useMarquee: false,
      				calendarSet: ['can_holiday'],
        			}
      		},
      	]
      };
      
      /*************** DO NOT EDIT THE LINE BELOW ***************/
      if (typeof module !== "undefined") { module.exports = config; }
      

      Screenshot 2025-01-01 at 9.11.03 PM.png

      Today (Jan 1) should have a full day event on CalendarExt3 for New Year’s Day (as seen in top right calendar output).

      Front end logs:

      [Info] Initializing MagicMirror². (main.js, line 582)
      [Log] Loading core translation file: translations/en.json (translator.js, line 116)
      [Log] Loading core translation fallback file: translations/en.json (translator.js, line 132)
      [Log] Load script: modules/default/clock/clock.js (loader.js, line 178)
      [Log] Module registered: clock (module.js, line 489)
      [Info] Bootstrapping module: clock (loader.js, line 151)
      [Log] Load script: vendor/node_modules/moment/min/moment-with-locales.js (loader.js, line 178)
      [Log] Load script: vendor/node_modules/moment-timezone/builds/moment-timezone-with-data.js (loader.js, line 178)
      [Log] Load script: vendor/node_modules/suncalc/suncalc.js (loader.js, line 178)
      [Log] Scripts loaded for: clock (loader.js, line 155)
      [Log] Load stylesheet: modules/default/clock/clock_styles.css (loader.js, line 194)
      [Log] Styles loaded for: clock (loader.js, line 158)
      [Log] Translations loaded for: clock (loader.js, line 161)
      [Log] Load script: modules/default/calendar/calendar.js (loader.js, line 178)
      [Log] Check MagicMirror² version for module 'calendar' - Minimum version:  2.1.0 - Current version: 2.30.0 (module.js, line 481)
      [Log] Version is ok! (module.js, line 483)
      [Log] Module registered: calendar (module.js, line 489)
      [Info] Bootstrapping module: calendar (loader.js, line 151)
      [Log] Load script: modules/default/calendar/calendarutils.js (loader.js, line 178)
      [Log] File already loaded: moment.js (loader.js, line 254)
      [Log] Scripts loaded for: calendar (loader.js, line 155)
      [Log] Load stylesheet: modules/default/calendar/calendar.css (loader.js, line 194)
      [Log] Load stylesheet: vendor/css/font-awesome.css (loader.js, line 194)
      [Log] Styles loaded for: calendar (loader.js, line 158)
      [Log] Translations loaded for: calendar (loader.js, line 161)
      [Log] Load script: modules/MMM-CalendarExt3/MMM-CalendarExt3.js (loader.js, line 178)
      [Log] Module registered: MMM-CalendarExt3 (module.js, line 489)
      [Info] Bootstrapping module: MMM-CalendarExt3 (loader.js, line 151)
      [Log] Scripts loaded for: MMM-CalendarExt3 (loader.js, line 155)
      [Log] Load stylesheet: modules/MMM-CalendarExt3/MMM-CalendarExt3.css (loader.js, line 194)
      [Log] Styles loaded for: MMM-CalendarExt3 (loader.js, line 158)
      [Log] Translations loaded for: MMM-CalendarExt3 (loader.js, line 161)
      [Log] Load stylesheet: css/custom.css (loader.js, line 194)
      [Info] Starting module: clock (clock.js, line 43)
      [Info] Starting module: calendar (calendar.js, line 96)
      [Info] All modules started! (main.js, line 601)
      [Info] sorting events count=0 (calendar.js, line 699)
      [Info] slicing events total maxcount=10 (calendar.js, line 739)
      [Warning] [CX3] Module is not prepared yet, wait a while. (MMM-CalendarExt3.js, line 390)
      [Info] sorting events count=10 (calendar.js, line 699)
      [Info] sorting events count=10 (calendar.js, line 699)
      [Info] slicing events total maxcount=10 (calendar.js, line 739)
      [Info] event fullday (calendar.js, line 506, x10)
      [Info] sorting events count=10 (calendar.js, line 699)
      [Info] sorting events count=10 (calendar.js, line 699)
      [Info] slicing events total maxcount=10 (calendar.js, line 739)
      [Info] event fullday (calendar.js, line 506, x10)
      

      And for completeness, backend logs:

      [2025-01-01 21:05:03.871] [LOG]   Starting MagicMirror: v2.30.0 
      [2025-01-01 21:05:03.886] [LOG]   Loading config ... 
      [2025-01-01 21:05:03.889] [LOG]   config template file not exists, no envsubst 
      [2025-01-01 21:05:04.171] [INFO]  Checking config file /opt/magic_mirror/config/config.js ... 
      [2025-01-01 21:05:04.216] [INFO]  Your configuration file doesn't contain syntax errors :) 
      [2025-01-01 21:05:04.217] [INFO]  Checking modules structure configuration ... 
      [2025-01-01 21:05:04.312] [INFO]  Your modules structure configuration doesn't contain errors :) 
      [2025-01-01 21:05:04.412] [LOG]   Loading module helpers ... 
      [2025-01-01 21:05:04.415] [LOG]   No helper found for module: clock. 
      [2025-01-01 21:05:04.583] [LOG]   Initializing new module helper ... 
      [2025-01-01 21:05:04.585] [LOG]   Module helper loaded: calendar 
      [2025-01-01 21:05:04.590] [LOG]   No helper found for module: MMM-CalendarExt3. 
      [2025-01-01 21:05:04.590] [LOG]   All module helpers loaded. 
      [2025-01-01 21:05:04.600] [LOG]   Starting server on port 8080 ...  
      [2025-01-01 21:05:04.602] [WARN]  You're using a full whitelist configuration to allow for all IPs 
      [2025-01-01 21:05:04.612] [LOG]   Server started ... 
      [2025-01-01 21:05:04.613] [LOG]   Connecting socket for: calendar 
      [2025-01-01 21:05:04.614] [LOG]   Starting node helper for: calendar 
      [2025-01-01 21:05:04.615] [LOG]   Sockets connected & modules started ... 
      [2025-01-01 21:05:04.615] [INFO]  
      >>>   Ready to go! Please point your browser to: http://0.0.0.0:8080   <<< 
      [2025-01-01 21:05:04.744] [INFO]  System information:
      ### SYSTEM:   manufacturer: ; model: Docker Container; virtual: false
      ### OS:       platform: linux; distro: Debian GNU/Linux; release: 12; arch: x64; kernel: 5.15.49-linuxkit
      ### VERSIONS: electron: undefined; used node: 22.12.0; installed node: 22.12.0; npm: 10.9.0; pm2: 
      ### OTHER:    timeZone: America/Toronto; ELECTRON_ENABLE_GPU: undefined 
      [2025-01-01 21:05:18.517] [LOG]   Create new calendarfetcher for url: https://ics.calendarlabs.com/39/f7480acf/Canada_Holidays.ics - Interval: 3600000 
      [2025-01-01 21:05:18.779] [INFO]  Calendar-Fetcher: Broadcasting 34 events from https://ics.calendarlabs.com/39/f7480acf/Canada_Holidays.ics. 
      [2025-01-01 21:13:12.600] [LOG]   Use existing calendarfetcher for url: https://ics.calendarlabs.com/39/f7480acf/Canada_Holidays.ics 
      [2025-01-01 21:13:12.601] [INFO]  Calendar-Fetcher: Broadcasting 34 events from https://ics.calendarlabs.com/39/f7480acf/Canada_Holidays.ics. 
      [2025-01-01 21:13:12.837] [INFO]  Calendar-Fetcher: Broadcasting 34 events from https://ics.calendarlabs.com/39/f7480acf/Canada_Holidays.ics. 
      
      M 1 Reply Last reply Reply Quote 0
      • M Offline
        MMRIZE @redfishbluefish
        last edited by MMRIZE

        @redfishbluefish
        At first, I thought the New Year's Day event wasn’t visible because of a time zone issue (since I live in Germany, it’s already January 2nd here).

        So, I downloaded the ICS file and changed the date of the New Year's Day event from 20250101 to 20250102 for testing. When I tested it, I encountered the same issue you mentioned!!!

        I was quite confused, but to confirm, I used the following:

        eventPayload: (events) => {
        	console.log(events)
        	return events
        },
        

        The eventPayload function is a great place to check what data has actually been broadcasted since it executes whenever events are received.

        As a result…
        ??? New Year's Day isn’t being broadcasted?? I still don’t know why.
        0cdba635-cae9-4a86-846e-185067d09686-image.png

        You can compare the display(left) and the console(right). In right, there is no New Year's Day event. the calendar module doesn’t emit that event. CX3 cannot draw undelivered events.

        @sdetweil I think it’s better you check this symptom. the default calendar miss this event to broadcast, but don’t know why.

        S 1 Reply Last reply Reply Quote 0
        • S Offline
          sdetweil @MMRIZE
          last edited by

          @MMRIZE ok will check it

          if you change maxevents in default cal does it affect
          the results

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • M Offline
            MMRIZE
            last edited by

            I think I found it.

            Add these into the default calendar module.

            maximumEntries: 100,
            maximumNumberOfDays: 365,
            

            2f9dec1e-0058-4adf-9dbf-f2ede9db800c-image.png

            S 1 Reply Last reply Reply Quote 0
            • S Offline
              sdetweil @MMRIZE
              last edited by

              @MMRIZE the default
              maxEntries is 10

              !IMG_0601.png

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              S 1 Reply Last reply Reply Quote 0
              • S Offline
                sdetweil @sdetweil
                last edited by

                @MMRIZE was in 2.29 as well

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                R 1 Reply Last reply Reply Quote 0
                • R Offline
                  redfishbluefish @sdetweil
                  last edited by

                  @sdetweil I can confirm that setting maximumEntries:100 allows events to show on CalendarExt3 for the specific “Holiday” calendar in my test config.js.

                  However, there’s something else that is coming into play. If I switch to a very busy calendar (300+ events) I actually get nothing showing up in CalendarExt3 but I can see that the events are in the calendar module. I used @MMRIZE eventPayload hook to dump to console and the events I’m getting start in Jan 2024.

                  Note: I switched to maximumEntries:20 for this test.

                  [Info] sorting events count=20 (calendar.js, line 699)
                  [Log] Array (20) (config.js, line 308)
                  0 {title: "Paradigm ", startDate: "1704891600000", endDate: "1704898800000", fullDayEvent: false, recurringEvent: true, …}
                  1 {title: "Paradigm ", startDate: "1706101200000", endDate: "1706108400000", fullDayEvent: false, recurringEvent: true, …}
                  2 {title: "Paradigm ", startDate: "1707310800000", endDate: "1707318000000", fullDayEvent: false, recurringEvent: true, …}
                  3 {title: "Paradigm ", startDate: "1708520400000", endDate: "1708527600000", fullDayEvent: false, recurringEvent: true, …}
                  4 {title: "Tour", startDate: "1709391600000", endDate: "1709394300000", fullDayEvent: false, recurringEvent: false, …}
                  5 {title: "Paradigm ", startDate: "1709730000000", endDate: "1709737200000", fullDayEvent: false, recurringEvent: true, …}
                  6 {title: "Paradigm ", startDate: "1710936000000", endDate: "1710943200000", fullDayEvent: false, recurringEvent: true, …}
                  7 {title: "Paradigm ", startDate: "1712145600000", endDate: "1712152800000", fullDayEvent: false, recurringEvent: true, …}
                  8 {title: "Paradigm ", startDate: "1713355200000", endDate: "1713362400000", fullDayEvent: false, recurringEvent: true, …}
                  9 {title: "Paradigm ", startDate: "1714564800000", endDate: "1714572000000", fullDayEvent: false, recurringEvent: true, …}
                  10 {title: "Paradigm ", startDate: "1715774400000", endDate: "1715781600000", fullDayEvent: false, recurringEvent: true, …}
                  11 {title: "Paradigm ", startDate: "1716984000000", endDate: "1716991200000", fullDayEvent: false, recurringEvent: true, …}
                  12 {title: "Paradigm ", startDate: "1718193600000", endDate: "1718200800000", fullDayEvent: false, recurringEvent: true, …}
                  13 {title: "Paradigm ", startDate: "1719403200000", endDate: "1719410400000", fullDayEvent: false, recurringEvent: true, …}
                  14 {title: "Paradigm ", startDate: "1720612800000", endDate: "1720620000000", fullDayEvent: false, recurringEvent: true, …}
                  15 {title: "Amie and Jeff’s Anniversary ", startDate: "1721116800000", endDate: "1721203200000", fullDayEvent: true, recurringEvent: true, …}
                  16 {title: "Paradigm ", startDate: "1721822400000", endDate: "1721829600000", fullDayEvent: false, recurringEvent: true, …}
                  17 {title: "Paradigm ", startDate: "1723032000000", endDate: "1723039200000", fullDayEvent: false, recurringEvent: true, …}
                  18 {title: "Paradigm ", startDate: "1724241600000", endDate: "1724248800000", fullDayEvent: false, recurringEvent: true, …}
                  19 {title: "Paradigm ", startDate: "1725451200000", endDate: "1725458400000", fullDayEvent: false, recurringEvent: true, …}
                  

                  I then set broadcastPastEvents:false and I still get events from Jan 2024.

                  S 1 Reply Last reply Reply Quote 0
                  • S Offline
                    sdetweil @redfishbluefish
                    last edited by

                    @redfishbluefish yes see my posts over here

                    https://forum.magicmirror.builders/topic/19273/mmm-calendarext3-not-showing-events-on-calendar-but-does-on-list-after-2-30-update

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    R 1 Reply Last reply Reply Quote 0
                    • R Offline
                      redfishbluefish @sdetweil
                      last edited by

                      @sdetweil I saw your note in the other thread about setting maximumEntries per calendar. I guess it means with this change there’s more thought required to determine the “right” values for each of the calendars you want to add.

                      Example: As of today, Jan 2, this configuration for the calendar will show the “New Year’s Day” event on CalendarExt3:

                      config: {
                      	broadcastPastEvents: true,
                      	calendars: [
                      	{
                      		url: "https://ics.calendarlabs.com/39/f7480acf/Canada_Holidays.ics",
                      		name: "can_holiday",
                      		maximumEntries: 16,
                      	},
                      },
                      

                      The following configuration will not show the “New Year’s Day” event:

                      config: {
                      	broadcastPastEvents: true,
                      	calendars: [
                      	{
                      		url: "https://ics.calendarlabs.com/39/f7480acf/Canada_Holidays.ics",
                      		name: "can_holiday",
                      		maximumEntries: 15,
                      	},
                      },
                      

                      If I set maximumNumberOfDays: 180 then it actually changes the start date of the event array sliding window and the “New Year’s Day” event will show if maximumEntries: 15.

                      Which makes me realize that the combination of:

                      broadcastPastEvents: true,
                      maximumNumberOfDays: 365, // default value
                      

                      will actually return 2 years worth of events (assuming you don’t exceed the maximumEntries setting).

                      S 1 Reply Last reply Reply Quote 0
                      • S Offline
                        sdetweil @redfishbluefish
                        last edited by

                        @redfishbluefish well… could be up to 2 years if maximumNumberOfDays is 365 (default)

                        for each calendar ({…url…})
                        get the cal maximumEvents (specified, or default if not)

                        //new code
                        save that ONLY cal maximumEvents on the list of total events
                        this COULD clip off events…
                        //
                        old code , save cal events on list of total events (all from cal)
                        //
                        we process the ical in the order presented, we ‘assume’ it is date ordered,
                        but do not check…

                        sort the events by date   // ONLY time ALL events are sorted in order explicitly
                           this WILL intermingle events from different cals by date
                        

                        send that to the other modules
                        in the ui
                        clip list to the FIRST maximumEvents. (old and new)
                        we COULD have too many OLD events and end up with no UPCOMING events in the list

                        I’ve been thinking about that problem… and i think the only non-disruptive way to fix it is to clip NEW events only… that means we would have to FIND the point in the list for first new event, or last old event

                        so it there are 300 events, and max entries is 10, today we use the first 10, and could throw away 290
                        if in the 300 its 250 old and 50 new, we would never see the new, even with maxevents set to 200
                        but if we JUST clipped new
                        we would have sent 260… 250 and 10 new then we wouldn’t have these crazy UI troubles with maxevents flooding the screen (cause maxevents 10 would give us 10 for the screen)
                        because we had to get maximum events up to get to the new ones in the total list

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        R 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 2 / 3
                        • First post
                          Last post
                        Enjoying MagicMirror? Please consider a donation!
                        MagicMirror created by Michael Teeuw.
                        Forum managed by Sam, technical setup by Karsten.
                        This forum is using NodeBB as its core | Contributors
                        Contact | Privacy Policy