• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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.

MMM-CalendarExt3 and MMM-MonthlyCalendar blank

Scheduled Pinned Locked Moved Unsolved Troubleshooting
56 Posts 2 Posters 2.0k Views 2 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.
  • S Offline
    Scott-M
    last edited by Mar 20, 2025, 3:03 PM

    I have rad this post here which describes exactly the issue I am having. Both the CalendarExt3 and MonthlyCalendar modules are not populating with events even though they are being broadcast.

    I have V2.31.0 after putting on the clipping fix. config is below.

            {
                module: "calendar",
                position: "top_left",
                header: "TestCalendar",
                config: {
                    broadcastPastEvents: true, // <= IMPORTANT to see past events
                    instanceId: "WeeklyCalendar",
                    calendars: [
                        {
                            url: "webcal://www.calendarlabs.com/ical-calendar/ics/76/US_Holidays.ics",
                            name: "hols",
                            color: "red",
                            symbol: true
                        },
                    ],
                }
            },
    
            {
                module: "MMM-MonthlyCalendar",
                position: "bottom_bar",
                config: { // See "Configuration options" for more information.
                    mode: "fourWeeks",
              }
            }
    // CX3 Module
    /*        {
                module: "MMM-CalendarExt3",
                position: "bottom_bar",
                title: "Calendar",
                config: {
                    mode: "week",
                    instanceId: "WeeklyCalendar",
                    locale: 'en-GB',
                    maxEventLines: 5,
                    firstDayOfWeek: 0,
                    weekIndex: 0,
                    weeksInView: 4,
                    waitFetch: 1000 * 10, //        (ms) waiting the fetching of last calendar to prevent flickering view by too frequent fetching.
                    refreshInterval: 1000 * 60 * 10, //     (ms) refresh view by force if you need it.
                    glanceTime: 1000 * 60 * 10,     // (ms) Return to original view when you move to other moment by notification.
                    eventTimeOptions: {
                        timeStyle: "short"
                    },
                    useSymbol: true,
                    calendarSet: ['hols'],
                    }
            },
    */
    
    

    There is a warning in the console using the CalendarExt3 but not the Monthly Calendar, not sure if it is relevant to this.

    I am fairly new to this so quite likely I have missed something obvious. I have MM running on a Pi Zero 2W and a Pi 5, both installed using the install script and then clipping fix and same isssue on both.

    slicing events total maxcount=10
    MMM-CalendarExt3.js:390 [CX3] Module is not prepared yet, wait a while.
    getDom @ MMM-CalendarExt3.js:390
    (anonymous) @ main.js:132
    updateDom @ main.js:112
    (anonymous) @ main.js:55
    createDomObjects @ main.js:14
    modulesStarted @ main.js:604
    startModules @ loader.js:46
    await in startModules
    loadNextModule @ loader.js:239
    await in loadNextModule
    loadNextModule @ loader.js:232
    await in loadNextModule
    loadNextModule @ loader.js:232
    await in loadNextModule
    loadNextModule @ loader.js:232
    await in loadNextModule
    loadNextModule @ loader.js:232
    await in loadNextModule
    loadModules @ loader.js:242
    await in loadModules
    init @ main.js:588
    await in init
    (anonymous) @ main.js:737Understand this warningAI
    calendar.js:703 sorting events count=23
    
    S 4 Replies Last reply Mar 20, 2025, 3:20 PM Reply Quote 0
    • S Offline
      sdetweil @Scott-M
      last edited by Mar 20, 2025, 3:20 PM

      @Scott-M if you run under pm2, look at the logs for the timestamps to compare for startup (waitfetch) time needed

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      S 1 Reply Last reply Mar 20, 2025, 3:24 PM Reply Quote 0
      • S Offline
        Scott-M @sdetweil
        last edited by Mar 20, 2025, 3:24 PM

        @sdetweil I don’t run under pm2 but will look at that just now

        1 Reply Last reply Reply Quote 0
        • S Offline
          sdetweil @Scott-M
          last edited by sdetweil Mar 20, 2025, 4:36 PM Mar 20, 2025, 3:25 PM

          @Scott-M said in MMM-CalendarExt3 and MMM-MonthlyCalendar blank:

          broadcastPastEvents: true,

          also, this is the default for calendar
          | correction… broadcastEvents is true
          | broadcastPastEvents defaults to false…

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • S Offline
            sdetweil @Scott-M
            last edited by sdetweil Mar 20, 2025, 3:33 PM Mar 20, 2025, 3:26 PM

            @Scott-M said in MMM-CalendarExt3 and MMM-MonthlyCalendar blank:

            /* {
            module: “MMM-CalendarExt3”,
            disabled: true,

            also, you can add disabled:true,
            instead of having to comment out
            see https://docs.magicmirror.builders/modules/configuration.html#module-configuration

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 0
            • S Offline
              sdetweil @Scott-M
              last edited by Mar 20, 2025, 3:39 PM

              @Scott-M said in MMM-CalendarExt3 and MMM-MonthlyCalendar blank:

              calendar.js:703 sorting events count=23

              where is the broadcasting message?

              do the events show in the default calendar display?

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • S Offline
                Scott-M
                last edited by Mar 20, 2025, 3:46 PM

                Even setting the waitFetch to 60 secods doesn’t help, the regualr calendar populates straight way, well before the Ext3 shows.

                
                [2025-03-20 15:43:53.544] [LOG]   Starting MagicMirror: v2.31.0-develop
                [2025-03-20 15:43:53.554] [LOG]   Loading config ...
                [2025-03-20 15:43:53.555] [LOG]   config template file not exists, no envsubst
                [2025-03-20 15:43:53.732] [INFO]  Checking config file /home/scott/MagicMirror/config/config.js ...
                [2025-03-20 15:43:53.758] [INFO]  Your configuration file doesn't contain syntax errors :)
                [2025-03-20 15:43:53.758] [INFO]  Checking modules structure configuration ...
                [2025-03-20 15:43:53.795] [INFO]  Your modules structure configuration doesn't contain errors :)
                [2025-03-20 15:43:53.797] [LOG]   Loading module helpers ...
                [2025-03-20 15:43:53.797] [LOG]   No helper found for module: alert.
                [2025-03-20 15:43:53.797] [LOG]   No helper found for module: clock.
                [2025-03-20 15:43:53.842] [LOG]   Initializing new module helper ...
                [2025-03-20 15:43:53.843] [LOG]   Module helper loaded: calendar
                [2025-03-20 15:43:53.843] [LOG]   No helper found for module: MMM-CalendarExt3.
                [2025-03-20 15:43:53.843] [LOG]   All module helpers loaded.
                [2025-03-20 15:43:53.846] [LOG]   Starting server on port 8089 ...
                [2025-03-20 15:43:54.112] [LOG]   Server started ...
                [2025-03-20 15:43:54.113] [LOG]   Connecting socket for: calendar
                [2025-03-20 15:43:54.113] [LOG]   Starting node helper for: calendar
                [2025-03-20 15:43:54.113] [LOG]   Sockets connected & modules started ...
                [2025-03-20 15:43:54.311] [LOG]   Launching application.
                [2025-03-20 15:43:54.742] [INFO]  System information:
                ### SYSTEM:   manufacturer: ; model: ; virtual: false
                ### OS:       platform: linux; distro: Debian GNU/Linux; release: 12; arch: arm64; kernel: 6.6.74+rpt-rpi-2712
                ### VERSIONS: electron: 32.2.7; used node: 23.9.0; installed node: 23.9.0; npm: 10.9.2; pm2: 5.4.3
                ### OTHER:    timeZone: Europe/London; ELECTRON_ENABLE_GPU: undefined
                [2025-03-20 15:43:55.080] [LOG]   Create new calendarfetcher for url: http://www.calendarlabs.com/ical-calendar/ics/76/US_Holidays.ics - Interval: 3600000
                [2025-03-20 15:43:55.817] [INFO]  Calendar-Fetcher: Broadcasting 23 events from http://www.calendarlabs.com/ical-calendar/ics/76/US_Holidays.ics.
                
                
                S 1 Reply Last reply Mar 20, 2025, 3:53 PM Reply Quote 0
                • S Offline
                  sdetweil @Scott-M
                  last edited by Mar 20, 2025, 3:53 PM

                  @Scott-M ok, open the developers window, ctrl-shift-i on the MagicMirror
                  page

                  select the console tab,
                  put ext3 in the filter field

                  are there any errors reported?

                  you did run npm install in the MMM-CalendarExt3 folder after git clone, right?

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  1 Reply Last reply Reply Quote 0
                  • S Offline
                    Scott-M
                    last edited by Mar 20, 2025, 3:59 PM

                    I did run nmp install in the MMM-CalendarExt3 folder!

                    This is the result of the Ext3 filter in the console

                    Load script: modules/MMM-CalendarExt3/MMM-CalendarExt3.js
                    module.js:489 Module registered: MMM-CalendarExt3
                    loader.js:151 Bootstrapping module: MMM-CalendarExt3
                    loader.js:155 Scripts loaded for: MMM-CalendarExt3
                    loader.js:194 Load stylesheet: modules/MMM-CalendarExt3/MMM-CalendarExt3.css
                    loader.js:158 Styles loaded for: MMM-CalendarExt3
                    loader.js:161 Translations loaded for: MMM-CalendarExt3
                    MMM-CalendarExt3.js:390 [CX3] Module is not prepared yet, wait a while.
                    getDom @ MMM-CalendarExt3.js:390Understand this warningAI
                    
                    S 1 Reply Last reply Mar 20, 2025, 4:14 PM Reply Quote 0
                    • S Offline
                      sdetweil @Scott-M
                      last edited by sdetweil Mar 20, 2025, 4:16 PM Mar 20, 2025, 4:14 PM

                      @Scott-M I don’t know… I just re-enabled my ext3
                      Screenshot 2025-03-20 at 9.12.32 AM.png

                      my ext3 config

                            {
                              module: "MMM-CalendarExt3",
                              position: "bottom_bar",
                              disabled: false,
                              order: "*",
                              hiddenOnStartup: false,
                              configDeepMerge: false,
                              animateIn: "None",
                              animateOut: "None",
                              config: {
                                eventFilter: (ev) =>  {
                       return true 
                      },
                                eventTransformer: (ev) =>  {
                       return ev 
                      },
                                manipulateDateCell: (cellDom, events) =>  {
                      },
                                weatherPayload: (payload) =>  {
                       return payload 
                      },
                                eventPayload: (payload) =>  {
                       return payload 
                      }
                              }
                            },
                      

                      note this is output from MMM-Confg setting all the extra options

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      1 Reply Last reply Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 4
                      • 5
                      • 6
                      • 1 / 6
                      1 / 6
                      • First post
                        4/56
                        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