feat(events): add recurring events

_includes/blog/post_info.liquid

@@ -1,5 +1,7 @@
 {% assign author = site.data.authors[include.author] %}
 {% assign date = include.date | default: "today" | date: "%-d. %B %Y" %}
+{% assign frequency = include.frequency %}
+{% assign interval = include.interval %}
 
 <div class="post-info">
   {%- if author.url -%}<a href="{{ author.url | relative_url }}" target="_blank" rel="noopener">{%- endif -%}
@@ -9,7 +11,16 @@
     <p class="meta">
       {% if author.name %}{{ author.name }} - {% endif %}
       {% assign x = date | date: "%m" | minus: 1 %}
+      {% if frequency %}
+      {% if interval == 1 %}
+      Every {{ frequency }} starting {{ date | date: "%-d. " }}{{ site.data.language.str_months[x]}} {{ date | date: "%Y" }}
+      {% else %}
+      {% assign freql = frequency | size | minus: 2 %}
+      Every {{ interval }} {{ frequency | slice: 0, freql  }}s starting {{ date | date: "%-d. " }}{{ site.data.language.str_months[x]}} {{ date | date: "%Y" }}
+      {% endif %}
+      {% else %}
       {{ date | date: "%-d. " }}{{ site.data.language.str_months[x]}} {{ date | date: "%Y" }}
+      {% endif %}
     </p>
   {%- if author.url -%}</a>{%- endif -%}
 </div>

_layouts/event.liquid

@@ -9,7 +9,7 @@ layout: default
       {% else %}
       <h1 id="{{ page.title | cgi_escape }}" class="title">{{ page.title }}</h1>
       {% assign start_date = page.event.start | default: page.event_date %}
-      {% include blog/post_info.liquid author=page.author date=start_date %}
+      {% include blog/post_info.liquid author=page.author date=start_date frequency=page.event.frequency interval=page.event.interval %}
       {% endif %}
     </div>
   </header>

_plugins/events_to_ics.rb

@@ -24,6 +24,8 @@ module Jekyll
         end_date = event.data.dig('event', 'end') || event.data['event_date'] || start_date + default_duration
         organizer = event.data.dig('event', 'organizer') || default_organizer
         location = event.data.dig('event', 'location') || default_location
+        frequency = event.data.dig('event', 'frequency')
+        interval = event.data.dig('event', 'interval')
 
         # Skip events older than 365 days
         next if start_date.to_date < (Date.today - 365)
@@ -48,6 +50,9 @@ module Jekyll
           ical_event.dtstart = Icalendar::Values::Date.new(start_date)
           ical_event.dtend = Icalendar::Values::Date.new(end_date)
         end
+        if frequency && interval
+          ical_event.rrule = "FREQ=#{frequency};INTERVAL=#{interval.to_i};"
+        end
         ical_event.summary = title
         ical_event.description = description
         ical_event.organizer = organizer

assets/js/vendor/fullcalendar/fullcalendar-rrule.global.min.js

@@ -0,0 +1,6 @@
+/*!
+FullCalendar RRule Plugin v6.1.17
+Docs & License: https://fullcalendar.io/docs/rrule-plugin
+(c) 2024 Adam Shaw
+*/
+FullCalendar.RRule=function(e,r,t,i){"use strict";function n(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,r}var l=n(t);const u={parse(e,r){if(null!=e.rrule){let t=function(e,r){let t,n=!1,u=!1;if("string"==typeof e.rrule){let r=function(e){let r=l.rrulestr(e,{forceset:!0}),t=function(e){let r=!1,t=!1;function n(e,n,l){let u=i.parseMarker(l);r=r||!u.isTimeUnspecified,t=t||null!==u.timeZoneOffset}return e.replace(/\b(DTSTART:)([^\n]*)/,n),e.replace(/\b(EXDATE:)([^\n]*)/,n),e.replace(/\b(UNTIL=)([^;\n]*)/,n),{isTimeSpecified:r,isTimeZoneSpecified:t}}(e);return Object.assign({rruleSet:r},t)}(e.rrule);t=r.rruleSet,n=r.isTimeSpecified,u=r.isTimeZoneSpecified}if("object"==typeof e.rrule&&e.rrule){let i=a(e.rrule,r);t=new l.RRuleSet,t.rrule(i.rrule),n=i.isTimeSpecified,u=i.isTimeZoneSpecified}let f=[].concat(e.exdate||[]),s=[].concat(e.exrule||[]);for(let e of f){let r=i.parseMarker(e);n=n||!r.isTimeUnspecified,u=u||null!==r.timeZoneOffset,t.exdate(new Date(r.marker.valueOf()-60*(r.timeZoneOffset||0)*1e3))}for(let e of s){let i=a(e,r);n=n||i.isTimeSpecified,u=u||i.isTimeZoneSpecified,t.exrule(i.rrule)}return{rruleSet:t,isTimeSpecified:n,isTimeZoneSpecified:u}}(e,r);if(t)return{typeData:{rruleSet:t.rruleSet,dateEnv:t.isTimeZoneSpecified?void 0:r},allDayGuess:!t.isTimeSpecified,duration:e.duration}}return null},expand:(e,r,t)=>e.rruleSet.between(i.addDays(r.start,-1),i.addDays(r.end,1)).map(r=>t.createMarker(e.dateEnv?e.dateEnv.toDate(r):r))};function a(e,r){let t=!1,n=!1;function u(e){if("string"==typeof e){let r=i.parseMarker(e);return r?(t=t||!r.isTimeUnspecified,n=n||null!==r.timeZoneOffset,new Date(r.marker.valueOf()-60*(r.timeZoneOffset||0)*1e3)):null}return e}let a=Object.assign(Object.assign({},e),{dtstart:u(e.dtstart),until:u(e.until),freq:s(e.freq),wkst:null==e.wkst?(r.weekDow-1+7)%7:s(e.wkst),byweekday:f(e.byweekday)});return{rrule:new l.RRule(a),isTimeSpecified:t,isTimeZoneSpecified:n}}function f(e){return Array.isArray(e)?e.map(s):s(e)}function s(e){return"string"==typeof e?l.RRule[e.toUpperCase()]:e}const c={rrule:i.identity,exrule:i.identity,exdate:i.identity,duration:i.createDuration};var o=r.createPlugin({name:"@fullcalendar/rrule",recurringTypes:[u],eventRefiners:c});return r.globalPlugins.push(o),e.default=o,Object.defineProperty(e,"__esModule",{value:!0}),e}({},FullCalendar,rrule,FullCalendar.Internal);

calendar-data.html

@@ -13,8 +13,12 @@ permalink: /calendar-data/
 		"start": "{{start | date: "%Y-%m-%dT%H:%M:%S"}}",
 		"end": "{{end | date: "%Y-%m-%dT%H:%M:%S"}}",
 		"allDay": {% if start == end %}true{% else %}false{% endif %},
-		"url":"{{event.url}}"
+		"url":"{{event.url}}",
+		"rrule": {% if event.event.frequency %}{
+			"freq": "{{event.event.frequency}}",
+			"interval": {{event.event.interval}}
+		}{% else %}null{% endif %}
 	}
 	{%unless forloop.last %},{%endunless%}
 {% endfor %}
-]
+]

pages/events.md

@@ -13,8 +13,10 @@ position: 1
 <html lang='de'>
   <head>
     <meta charset='utf-8' />
+    <script src='/assets/js/vendor/rrule.min.js'></script>
     <script src='/assets/js/vendor/fullcalendar/index.global.min.js'></script>
     <script src='/assets/js/vendor/fullcalendar/de.global.min.js'></script>
+    <script src='/assets/js/vendor/fullcalendar/fullcalendar-rrule.global.min.js'></script>
     <script>
 
       document.addEventListener('DOMContentLoaded', function() {
@@ -36,6 +38,7 @@ position: 1
       });
 
     </script>
+
   </head>
   <body>
     <div id='calendar' style="width:95%; margin: auto;"></div>
@@ -69,5 +72,6 @@ position: 1
             alert('URL wurde in die Zwischenablage kopiert!');
         });
     </script>
+
   </body>
 </html>