feat: rss/atom support on the status pages (#1149)

* feat: add rss and atom feeds for the status pages

* fix: fix potential null date case

* chore: add cache time config

* fix: fix lint issues

* ci: apply automated fixes

---------

Co-authored-by: Washington <[e-mail]>
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

apps/web/src/app/status-page/[domain]/feed/[type]/route.ts

···
+import { statusDict } from "@/data/incidents-dictionary";
+import { api } from "@/trpc/server";
+import { Feed } from "feed";
+import { notFound } from "next/navigation";
+import { getBaseUrl } from "../../utils";
+
+export const revalidate = 60;
+
+export async function GET(
+  _request: Request,
+  props: { params: Promise<{ domain: string; type: string }> },
+) {
+  const { domain, type } = await props.params;
+  if (!["rss", "atom"].includes(type)) return notFound();
+
+  const page = await api.page.getPageBySlug.query({ slug: domain });
+  if (!page) return notFound();
+
+  const baseUrl = getBaseUrl({
+    slug: page.slug,
+    customDomain: page.customDomain,
+  });
+
+  const feed = new Feed({
+    id: `${baseUrl}/feed/${type}`,
+    title: page.title,
+    description: page.description,
+    generator: "OpenStatus - Status Page updates",
+    feedLinks: {
+      rss: `${baseUrl}/feed/rss`,
+      atom: `${baseUrl}/feed/atom`,
+    },
+    link: "https://www.openstatus.dev",
+    author: {
+      name: "OpenStatus Team",
+      email: "[e-mail]",
+      link: "https://openstatus.dev",
+    },
+    copyright: `Copyright ${new Date().getFullYear().toString()}, OpenStatus`,
+    language: "en-US",
+    updated: new Date(),
+    ttl: 60,
+  });
+
+  for (const maintenance of page.maintenances) {
+    const maintenanceUrl = `${baseUrl}/maintenances/${maintenance.id}`;
+    feed.addItem({
+      id: maintenanceUrl,
+      title: `Maintenance - ${maintenance.title}`,
+      link: maintenanceUrl,
+      description: maintenance.message,
+      date: maintenance.updatedAt ?? maintenance.createdAt ?? new Date(),
+    });
+  }
+
+  for (const statusReport of page.statusReports) {
+    const statusReportUrl = `${baseUrl}/reports/${statusReport.id}`;
+    const status = statusDict[statusReport.status].label;
+    const statusReportUpdates = statusReport.statusReportUpdates
+      .map((update) => {
+        const updateStatus = statusDict[update.status].label;
+        return `${updateStatus}: ${update.message}.`;
+      })
+      .join("\n\n");
+
+    feed.addItem({
+      id: statusReportUrl,
+      title: `${status} - ${statusReport.title}`,
+      link: statusReportUrl,
+      description: statusReportUpdates,
+      date: statusReport.updatedAt ?? statusReport.createdAt ?? new Date(),
+    });
+  }
+
+  feed.items.sort(
+    (a, b) => (a.date as Date).getTime() - (b.date as Date).getTime(),
+  );
+
+  const res = type === "atom" ? feed.atom1() : feed.rss2();
+
+  return new Response(res, {
+    headers: {
+      "Content-Type": "application/xml; charset=utf-8",
+    },
+  });
+}