You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
84 lines
3.0 KiB
84 lines
3.0 KiB
import { DateTime } from "luxon";
|
|
import { parseString } from "cal-parser";
|
|
import { useEffect } from "react";
|
|
import { useTranslation } from "next-i18next";
|
|
import { RRule } from "rrule";
|
|
|
|
import useWidgetAPI from "../../../utils/proxy/use-widget-api";
|
|
import Error from "../../../components/services/widget/error";
|
|
|
|
export default function Integration({ config, params, setEvents, hideErrors, timezone }) {
|
|
const { t } = useTranslation();
|
|
const { data: icalData, error: icalError } = useWidgetAPI(config, config.name, {
|
|
refreshInterval: 300000, // 5 minutes
|
|
});
|
|
|
|
useEffect(() => {
|
|
let parsedIcal;
|
|
|
|
if (!icalError && icalData && !icalData.error) {
|
|
parsedIcal = parseString(icalData.data);
|
|
if (parsedIcal.events.length === 0) {
|
|
icalData.error = { message: `'${config.name}': ${t("calendar.noEventsFound")}` };
|
|
}
|
|
}
|
|
|
|
const startDate = DateTime.fromISO(params.start);
|
|
const endDate = DateTime.fromISO(params.end);
|
|
|
|
if (icalError || !parsedIcal || !startDate.isValid || !endDate.isValid) {
|
|
return;
|
|
}
|
|
|
|
const eventsToAdd = {};
|
|
const events = parsedIcal?.getEventsBetweenDates(startDate.toJSDate(), endDate.toJSDate());
|
|
const now = timezone ? DateTime.now().setZone(timezone) : DateTime.now();
|
|
|
|
events?.forEach((event) => {
|
|
let title = `${event?.summary?.value}`;
|
|
if (config?.params?.showName) {
|
|
title = `${config.name}: ${title}`;
|
|
}
|
|
|
|
const eventToAdd = (date, i, type) => {
|
|
const duration = event.dtend.value - event.dtstart.value;
|
|
const days = duration / (1000 * 60 * 60 * 24);
|
|
|
|
const eventDate = timezone ? DateTime.fromJSDate(date, { zone: timezone }) : DateTime.fromJSDate(date);
|
|
|
|
for (let j = 0; j < days; j += 1) {
|
|
eventsToAdd[`${event?.uid?.value}${i}${j}${type}`] = {
|
|
title,
|
|
date: eventDate.plus({ days: j }),
|
|
color: config?.color ?? "zinc",
|
|
isCompleted: eventDate < now,
|
|
additional: event.location?.value,
|
|
type: "ical",
|
|
};
|
|
}
|
|
};
|
|
|
|
const recurrenceOptions = event?.recurrenceRule?.origOptions;
|
|
if (recurrenceOptions && Object.keys(recurrenceOptions).length !== 0) {
|
|
try {
|
|
const rule = new RRule(recurrenceOptions);
|
|
const recurringEvents = rule.between(startDate.toJSDate(), endDate.toJSDate());
|
|
|
|
recurringEvents.forEach((date, i) => eventToAdd(date, i, "recurring"));
|
|
return;
|
|
} catch (e) {
|
|
// eslint-disable-next-line no-console
|
|
console.error("Unable to parse recurring events from iCal: %s", e);
|
|
}
|
|
}
|
|
|
|
event.matchingDates.forEach((date, i) => eventToAdd(date, i, "single"));
|
|
});
|
|
|
|
setEvents((prevEvents) => ({ ...prevEvents, ...eventsToAdd }));
|
|
}, [icalData, icalError, config, params, setEvents, timezone, t]);
|
|
|
|
const error = icalError ?? icalData?.error;
|
|
return error && !hideErrors && <Error error={{ message: `${config.type}: ${error.message ?? error}` }} />;
|
|
}
|