Feature: calendar widget (#2077)

* Implemented calendar

Signed-off-by: Denis Papec <denis.papec@gmail.com>

* Added lidarr events to calendar

Signed-off-by: Denis Papec <denis.papec@gmail.com>

* Added radarr events to calendar

Signed-off-by: Denis Papec <denis.papec@gmail.com>

* Added readarr events to calendar

Signed-off-by: Denis Papec <denis.papec@gmail.com>

* Added sonarr events to calendar

Signed-off-by: Denis Papec <denis.papec@gmail.com>

* fix sonarr series title

* integrations

* fix bad setstate call

* handle user sets includeSeries: false for sonarr

* Translate radarr release strings

* Support all widths

* readarr get author

* Finished first day in week config

Signed-off-by: Denis Papec <denis.papec@gmail.com>

---------

Signed-off-by: Denis Papec <denis.papec@gmail.com>
Co-authored-by: shamoon <4887959+shamoon@users.noreply.github.com>

src/widgets/calendar/integrations/lidarr.jsx

@@ -0,0 +1,36 @@
+import { DateTime } from "luxon";
+import { useContext, useEffect } from "react";
+
+import useWidgetAPI from "../../../utils/proxy/use-widget-api";
+import { EventContext } from "../../../utils/contexts/calendar";
+import Error from "../../../components/services/widget/error";
+
+export default function Integration({ config, params }) {
+  const { setEvents } = useContext(EventContext);
+  const { data: lidarrData, error: lidarrError } = useWidgetAPI(config, "calendar",
+    { ...params, includeArtist: 'false', ...config?.params ?? {} }
+  );
+
+  useEffect(() => {
+    if (!lidarrData || lidarrError) {
+      return;
+    }
+
+    const eventsToAdd = {};
+
+    lidarrData?.forEach(event => {
+      const title = `${event.artist.artistName} - ${event.title}`;
+
+      eventsToAdd[title] = {
+        title,
+        date: DateTime.fromISO(event.releaseDate),
+        color: config?.color ?? 'green'
+      };
+    })
+
+    setEvents((prevEvents) => ({ ...prevEvents, ...eventsToAdd }));
+  }, [lidarrData, lidarrError, config, setEvents]);
+
+  const error = lidarrError ?? lidarrData?.error;
+  return error && <Error error={{ message: `${config.type}: ${error.message ?? error}`}} />
+}

src/widgets/calendar/integrations/radarr.jsx

@@ -0,0 +1,49 @@
+import { DateTime } from "luxon";
+import { useEffect, useContext } from "react";
+import { useTranslation } from "next-i18next";
+
+import useWidgetAPI from "../../../utils/proxy/use-widget-api";
+import { EventContext } from "../../../utils/contexts/calendar";
+import Error from "../../../components/services/widget/error";
+
+export default function Integration({ config, params }) {
+  const { t } = useTranslation();
+  const { setEvents } = useContext(EventContext);
+  const { data: radarrData, error: radarrError } = useWidgetAPI(config, "calendar",
+    { ...params,  ...config?.params ?? {} }
+  );
+  useEffect(() => {
+    if (!radarrData || radarrError) {
+      return;
+    }
+
+    const eventsToAdd = {};
+
+    radarrData?.forEach(event => {
+      const cinemaTitle = `${event.title} - ${t("calendar.inCinemas")}`;
+      const physicalTitle = `${event.title} - ${t("calendar.physicalRelease")}`;
+      const digitalTitle = `${event.title} - ${t("calendar.digitalRelease")}`;
+
+      eventsToAdd[cinemaTitle] = {
+        title: cinemaTitle,
+        date: DateTime.fromISO(event.inCinemas),
+        color: config?.color ?? 'amber'
+      };
+      eventsToAdd[physicalTitle] = {
+        title: physicalTitle,
+        date: DateTime.fromISO(event.physicalRelease),
+        color: config?.color ?? 'cyan'
+      };
+      eventsToAdd[digitalTitle] = {
+        title: digitalTitle,
+        date: DateTime.fromISO(event.digitalRelease),
+        color: config?.color ?? 'emerald'
+      };
+    })
+
+    setEvents((prevEvents) => ({ ...prevEvents, ...eventsToAdd }));
+  }, [radarrData, radarrError, config, setEvents, t]);
+
+  const error = radarrError ?? radarrData?.error;
+  return error && <Error error={{ message: `${config.type}: ${error.message ?? error}`}} />
+}

src/widgets/calendar/integrations/readarr.jsx

@@ -0,0 +1,37 @@
+import { DateTime } from "luxon";
+import { useEffect, useContext } from "react";
+
+import useWidgetAPI from "../../../utils/proxy/use-widget-api";
+import { EventContext } from "../../../utils/contexts/calendar";
+import Error from "../../../components/services/widget/error";
+
+export default function Integration({ config, params }) {
+  const { setEvents } = useContext(EventContext);
+  const { data: readarrData, error: readarrError } = useWidgetAPI(config, "calendar",
+    { ...params, includeAuthor: 'true', ...config?.params ?? {} },
+  );
+
+  useEffect(() => {
+    if (!readarrData || readarrError) {
+      return;
+    }
+
+    const eventsToAdd = {};
+
+    readarrData?.forEach(event => {
+      const authorName = event.author?.authorName ?? event.authorTitle.replace(event.title, '');
+      const title = `${authorName} - ${event.title} ${event?.seriesTitle ? `(${event.seriesTitle})` : ''} `;
+
+      eventsToAdd[title] = {
+        title,
+        date: DateTime.fromISO(event.releaseDate),
+        color: config?.color ?? 'rose'
+      };
+    })
+
+    setEvents((prevEvents) => ({ ...prevEvents, ...eventsToAdd }));
+  }, [readarrData, readarrError, config, setEvents]);
+
+  const error = readarrError ?? readarrData?.error;
+  return error && <Error error={{ message: `${config.type}: ${error.message ?? error}`}} />
+}

src/widgets/calendar/integrations/sonarr.jsx

@@ -0,0 +1,36 @@
+import { DateTime } from "luxon";
+import { useEffect, useContext } from "react";
+
+import useWidgetAPI from "../../../utils/proxy/use-widget-api";
+import { EventContext } from "../../../utils/contexts/calendar";
+import Error from "../../../components/services/widget/error";
+
+export default function Integration({ config, params }) {
+  const { setEvents } = useContext(EventContext);
+  const { data: sonarrData, error: sonarrError } = useWidgetAPI(config, "calendar",
+    { ...params, includeSeries: 'true', includeEpisodeFile: 'false', includeEpisodeImages: 'false',  ...config?.params ?? {} }
+  );
+
+  useEffect(() => {
+    if (!sonarrData || sonarrError) {
+      return;
+    }
+
+    const eventsToAdd = {};
+
+    sonarrData?.forEach(event => {
+      const title = `${event.series.title ?? event.title} - S${event.seasonNumber}E${event.episodeNumber}`;
+
+      eventsToAdd[title] = {
+        title,
+        date: DateTime.fromISO(event.airDateUtc),
+        color: config?.color ?? 'teal'
+      };
+    })
+
+    setEvents((prevEvents) => ({ ...prevEvents, ...eventsToAdd }));
+  }, [sonarrData, sonarrError, config, setEvents]);
+
+  const error = sonarrError ?? sonarrData?.error;
+  return error && <Error error={{ message: `${config.type}: ${error.message ?? error}`}} />
+}