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.

    calendar - wrong repeating count when using sliceMultiDayEvents

    Scheduled Pinned Locked Moved Solved Troubleshooting
    17 Posts 2 Posters 2.7k 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.
    • M Offline
      MarcLandis Module Developer
      last edited by MarcLandis

      @sdetweil I know that parsing ics is a pita, but before I submit an issue at github, I wanted to have a quick discussion here in the forum.

      When using the sliceMultiDayEvents config option the calendar shows an additional day. This is probably caused by the RRule parsing.

      The code that causes this starts here

      8fe0a0c7-3fec-4eac-bc4f-3af025845f30-image.png

      BEGIN:VCALENDAR
      PRODID:-//Google Inc//Google Calendar 70.9054//EN
      VERSION:2.0
      CALSCALE:GREGORIAN
      METHOD:PUBLISH
      X-WR-CALNAME:Dirk Test
      X-WR-TIMEZONE:Europe/Berlin
      BEGIN:VEVENT
      DTSTART;VALUE=DATE:20240918
      DTEND;VALUE=DATE:20240919
      DTSTAMP:20240916T084410Z
      UID:2crbv1ijljc2kt9jclkgu5hqa0@google.com
      CREATED:20240916T083831Z
      LAST-MODIFIED:20240916T083831Z
      SEQUENCE:0
      STATUS:CONFIRMED
      SUMMARY:1 day single
      TRANSP:TRANSPARENT
      END:VEVENT
      BEGIN:VEVENT
      DTSTART;VALUE=DATE:20240919
      DTEND;VALUE=DATE:20240920
      RRULE:FREQ=YEARLY
      DTSTAMP:20240916T084410Z
      UID:6gb19havnq6vp2qput51e5rmml@google.com
      CREATED:20240916T083850Z
      LAST-MODIFIED:20240916T083850Z
      SEQUENCE:0
      STATUS:CONFIRMED
      SUMMARY:1 day repeat
      TRANSP:TRANSPARENT
      END:VEVENT
      BEGIN:VEVENT
      DTSTART;VALUE=DATE:20240920
      DTEND;VALUE=DATE:20240922
      DTSTAMP:20240916T084410Z
      UID:06e9u1trbqi3jbvstvq4qqutau@google.com
      CREATED:20240916T083902Z
      LAST-MODIFIED:20240916T083902Z
      SEQUENCE:0
      STATUS:CONFIRMED
      SUMMARY:2 day single
      TRANSP:TRANSPARENT
      END:VEVENT
      BEGIN:VEVENT
      DTSTART;VALUE=DATE:20240923
      DTEND;VALUE=DATE:20240925
      RRULE:FREQ=YEARLY
      DTSTAMP:20240916T084410Z
      UID:0ui78rk6hpcv8rmbb6nuonhmgg@google.com
      CREATED:20240916T083919Z
      LAST-MODIFIED:20240916T083919Z
      SEQUENCE:0
      STATUS:CONFIRMED
      SUMMARY:2 day repeat
      TRANSP:TRANSPARENT
      END:VEVENT
      END:VCALENDAR
      
      S 1 Reply Last reply Reply Quote 0
      • S Do not disturb
        sdetweil @MarcLandis
        last edited by sdetweil

        @MarcLandis said in calendar - wrong repeating count when using sliceMultiDayEvents:

        sliceMultiDayEvents

        thanks for the config

        looking at the results without sliceMultiDayEvents
        I see
        Screenshot at 2024-09-16 08-39-29.png

        so the parsing was correct, the visual, we only show the start date, even if multi-day
        so both are ‘correct’ tho not informative

        with split day

        Screenshot at 2024-09-16 08-39-58.png

        I don’t see any difference in the calendar parsing. (add “DEBUG” to the loglevel list in config.js)
        and redirect the npm start output to a file

        Calendar-Fetcher: Broadcasting 4 events from http://localhost:8090/modules/default/calendar/splitdays_test.ics. 
        

        only 4 events… so not calendar parsing,
        the only place the split parm is used is in the front end… calendar.js
        but my output is different than yours.

        I am using the develop branch, coming Oct 1. however I don’t see a documented change here
        this split code was added in 2019…
        also tested on master (2.28.0) with same 4 lines of results

        you can get the develop branch and try it…
        https://forum.magicmirror.builders/topic/14327/testing-new-fixes-or-solving-current-problems-with-next-release-code

        I just copy/pasted your ics info in a file, unchanged

        I tested with America/Chicago timezone.

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        M 1 Reply Last reply Reply Quote 0
        • M Offline
          MarcLandis Module Developer @sdetweil
          last edited by MarcLandis

          @sdetweil I am pretty sure it has to do with timezone settings. I am going to test some things on my end.

          btw: I have this problem for a long time and more or less always ignored it.

          M 1 Reply Last reply Reply Quote 0
          • M Offline
            MarcLandis Module Developer @MarcLandis
            last edited by

            @MarcLandis so it doesn’t happen when setting the time zone to America/Chicago but it happens for Europe/Berlin.

            S 1 Reply Last reply Reply Quote 0
            • S Do not disturb
              sdetweil @MarcLandis
              last edited by

              @MarcLandis ok. system timezone.

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              S 1 Reply Last reply Reply Quote 0
              • S Do not disturb
                sdetweil @sdetweil
                last edited by

                @MarcLandis interesting…

                change calendar.js 3 places
                give it a try

                change (line 633)

                const maxCount = Math.ceil((event.endDate - 1 - moment(event.startDate, "x").endOf("day").format("x")) / ONE_DAY) + 1;
                

                to

                const maxCount = Math.round((event.endDate - 1 - moment(event.startDate, "x").endOf("day").format("x")) / ONE_DAY) + 1;
                

                ceil takes 1.04 to 2, round to 1

                					let midnight
                						= moment(event.startDate, "x")
                							.clone()
                							.startOf("day")
                							.add(1, "day")
                							.endOf('day')  // add this (else its start of day, not end) line 641
                							.format("x");
                

                and recalc of midmnight (line split like above for clarity) line 654

                	midnight = moment(midnight, "x")
                                                   .add(1, "day")
                                                   .endOf('day')  // add this 
                                                   .format("x"); // next day
                
                works in Europe/Berlin and America/Chicago 
                2 bugs
                1 count incorrect
                2 loop control

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                M 1 Reply Last reply Reply Quote 0
                • M Offline
                  MarcLandis Module Developer @sdetweil
                  last edited by MarcLandis

                  @sdetweil this fixes it. The test calendar looks good and my real one with the birthdays (mostly affected one) is perfect. All other events are good too.

                  Thx for your help.

                  S 1 Reply Last reply Reply Quote 0
                  • S Do not disturb
                    sdetweil @MarcLandis
                    last edited by

                    @MarcLandis i’ll submit an issue and a pr…

                    and a testcase

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    S 1 Reply Last reply Reply Quote 1
                    • S Do not disturb
                      sdetweil @sdetweil
                      last edited by

                      @MarcLandis
                      submitted PR https://github.com/MagicMirrorOrg/MagicMirror/pull/3543/
                      with new testcase to validate

                      hopefully we will get it into next release Oct 1.

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      M 1 Reply Last reply Reply Quote 0
                      • M Offline
                        MarcLandis Module Developer @sdetweil
                        last edited by

                        @sdetweil Thank you - even it doesn’t make it into the next release I have a way to manually fix it now.

                        S 1 Reply Last reply Reply Quote 0
                        • M MarcLandis has marked this topic as solved on
                        • S Do not disturb
                          sdetweil @MarcLandis
                          last edited by

                          @MarcLandis the fix was accepted and merged

                          Sam

                          How to add modules

                          learning how to use browser developers window for css changes

                          S 1 Reply Last reply Reply Quote 1
                          • S Do not disturb
                            sdetweil @sdetweil
                            last edited by

                            @MarcLandis you could test it now by
                            https://forum.magicmirror.builders/topic/14327/testing-new-fixes-or-solving-current

                            remember to do (to get release level dependencies)

                            npm run install-mm
                            

                            assuming the config in this MM is set correctly for sliceMultiDayEvents

                            Sam

                            How to add modules

                            learning how to use browser developers window for css changes

                            M 1 Reply Last reply Reply Quote 0
                            • M Offline
                              MarcLandis Module Developer @sdetweil
                              last edited by MarcLandis

                              @sdetweil I was on a business trip the last days.

                              I noticed that multi fullday events will be shown one day in the past:

                              66765aea-2266-4ddd-9af1-a5d21fa8f36b-image.png

                              This is from today (20. Sep)

                              I don’t have the config to show past days enables.

                              S 1 Reply Last reply Reply Quote 0
                              • S Do not disturb
                                sdetweil @MarcLandis
                                last edited by sdetweil

                                @MarcLandis hm, same calendar entries ?

                                is this on the edited calendar.js or the develop branch?

                                im on a trip til tuesday

                                Sam

                                How to add modules

                                learning how to use browser developers window for css changes

                                M 1 Reply Last reply Reply Quote 0
                                • M Offline
                                  MarcLandis Module Developer @sdetweil
                                  last edited by

                                  @sdetweil I am going to debug this. The ics was slightly modified, when I noticed the bug.

                                  M S 2 Replies Last reply Reply Quote 0
                                  • M Offline
                                    MarcLandis Module Developer @MarcLandis
                                    last edited by MarcLandis

                                    @sdetweil I found the reason and created a pull request

                                    1 Reply Last reply Reply Quote 0
                                    • S Do not disturb
                                      sdetweil @MarcLandis
                                      last edited by

                                      @MarcLandis I pushed a new branch

                                      here is an UPDATED test version of the fixes for all kinds of calendar date problems.

                                      NOTE: the changed branch name
                                      NOTE: this used the node-cal@0.19.0 library UNCHANGED

                                      best to make a new folder and git clone there

                                      git clone https://github.com/sdetweil/MagicMirror
                                      cd MagicMirror
                                      git checkout fixcaldates2 // <------ note this is a changed branch name
                                      npm run install-mm
                                      copy your config.js and custom.css from the prior folder
                                      and the non-default modules you have installed…

                                      this ONLY changes the default calendar
                                      but DOES ship an updated node-ical library too

                                      if you need to fall back, just rename the folders around again so that
                                      your original is called MagicMirror

                                      all the testcases for node-ical and MagicMirror execute successfully.

                                      the ‘BIG’ change here is to get the local NON-TZ dates for the
                                      rrule.between()

                                      all the checking and conversion code is commented out or not used
                                      the node-ical fixes are for excluded dates (exdate) values being adjusted for DST/STD time… waiting to submit that PR

                                      one fix in calendar.js for checking if a past date was too far back,
                                      but it never checked to see IF the event date was in the past… (before today) so it chopped off too many

                                      and one change in calendarfetcher.js to put out a better diagnostic message of the parsed data… (exdate was excluded cause JSON stringify couldn’t convert the complex structure)

                                      I added the tests you all have documented

                                      please re-pull and checkout the new branch (I deleted the old branch)
                                      and npm run install-mm again

                                      Sam

                                      How to add modules

                                      learning how to use browser developers window for css changes

                                      1 Reply Last reply Reply Quote 0

                                      Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                      Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                      With your input, this post could be even better 💗

                                      Register Login
                                      • 1 / 1
                                      • 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