From c20982fa1e48df2c63108d1d6509db0f92d76bc0 Mon Sep 17 00:00:00 2001
From: Alexandra Goff <agoff@lsst.org>
Date: Mon, 14 Oct 2024 11:31:41 -0700
Subject: [PATCH] feat: server rendered press releases + tests

---
 .eslintignore                                 |    3 +-
 app/[locale]/[...uriSegments]/page.tsx        |   27 +-
 .../content-blocks/GridBlock/NewsGrid.js      |    3 +-
 components/dynamic/NewsList/index.js          |    3 +-
 components/templates/NewsPage/Contacts.js     |  123 +-
 components/templates/NewsPage/NewsArticle.js  |   10 +-
 components/templates/NewsPage/NewsHero.js     |    8 +-
 .../NewsPage/{index.js => client.js}          |   27 +-
 components/templates/NewsPage/index.tsx       |   62 +
 components/templates/NewsPage/styles.js       |   16 +-
 cypress/e2e/press-release.cy.js               |   47 +
 lib/api/noirlab/codegen/index.ts              |    4 +
 lib/api/noirlab/codegen/schemas.gen.ts        | 2185 +++++++++++++++++
 lib/api/noirlab/codegen/services.gen.ts       |   45 +
 lib/api/noirlab/codegen/types.gen.ts          |  818 ++++++
 lib/api/noirlab/index.ts                      |   62 +-
 lib/i18n/{settings.js => settings.ts}         |    3 +-
 openapi-ts.config.ts                          |   20 +
 package.json                                  |    7 +-
 yarn.lock                                     |  333 ++-
 20 files changed, 3668 insertions(+), 138 deletions(-)
 rename components/templates/NewsPage/{index.js => client.js} (82%)
 create mode 100644 components/templates/NewsPage/index.tsx
 create mode 100644 cypress/e2e/press-release.cy.js
 create mode 100644 lib/api/noirlab/codegen/index.ts
 create mode 100644 lib/api/noirlab/codegen/schemas.gen.ts
 create mode 100644 lib/api/noirlab/codegen/services.gen.ts
 create mode 100644 lib/api/noirlab/codegen/types.gen.ts
 rename lib/i18n/{settings.js => settings.ts} (85%)
 create mode 100644 openapi-ts.config.ts

diff --git a/.eslintignore b/.eslintignore
index 70368638..d6c991a5 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -1,4 +1,5 @@
 .next/*
 node_modules
 out/*
-storybook-static/*
\ No newline at end of file
+storybook-static/*
+lib/api/noirlab/codegen/*
diff --git a/app/[locale]/[...uriSegments]/page.tsx b/app/[locale]/[...uriSegments]/page.tsx
index 8cd55db8..f564d5d6 100644
--- a/app/[locale]/[...uriSegments]/page.tsx
+++ b/app/[locale]/[...uriSegments]/page.tsx
@@ -10,7 +10,7 @@ import {
   getEntrySectionByUri,
 } from "@/lib/api/entries/index";
 import { getEntryDataByUri } from "@/lib/api/entry";
-import { getReleaseOpenGraph } from "@/lib/api/noirlab";
+import { generateReleaseMetadata } from "@/lib/api/noirlab";
 import { resizeCantoImage } from "@/lib/api/canto/resize";
 import PageTemplate from "@/components/templates/Page";
 import NewsPageTemplate from "@/components/templates/NewsPage";
@@ -21,20 +21,9 @@ import StaffPageTemplate from "@/components/templates/StaffPage";
 import EventPageTemplate from "@/components/templates/EventPage";
 
 const pickFeaturedImage = async (
-  locale: string,
   image?: any,
-  cantoAsset?: any,
-  pressReleaseId?: string
+  cantoAsset?: any
 ): Promise<OpenGraph["images"] | undefined> => {
-  if (pressReleaseId) {
-    const releaseOpenGraphImage = await getReleaseOpenGraph(
-      locale,
-      pressReleaseId
-    );
-
-    return releaseOpenGraphImage;
-  }
-
   if (cantoAsset) {
     const {
       width,
@@ -80,14 +69,14 @@ export async function generateMetadata(
     pressReleaseId,
   } = entry;
 
-  const featuredImage = await pickFeaturedImage(
-    locale,
-    image[0],
-    cantoAssetSingle[0],
-    pressReleaseId
-  );
   const previousImages = (await parent).openGraph?.images || [];
 
+  if (pressReleaseId) {
+    return generateReleaseMetadata(pressReleaseId, locale);
+  }
+
+  const featuredImage = await pickFeaturedImage(image[0], cantoAssetSingle[0]);
+
   return {
     title,
     description: striptags(description),
diff --git a/components/content-blocks/GridBlock/NewsGrid.js b/components/content-blocks/GridBlock/NewsGrid.js
index eef8a467..a789ef88 100644
--- a/components/content-blocks/GridBlock/NewsGrid.js
+++ b/components/content-blocks/GridBlock/NewsGrid.js
@@ -42,7 +42,6 @@ const NewsGrid = ({ items = [], limit, listTypeId, sectionHandle, pageId }) => {
             (
               {
                 date,
-                release_date: releaseDate,
                 description,
                 subtitle,
                 id,
@@ -70,7 +69,7 @@ const NewsGrid = ({ items = [], limit, listTypeId, sectionHandle, pageId }) => {
                 isFeature={i === 0}
                 link={uri}
                 pretitle={postType?.[0]?.title ? postType[0].title : " "}
-                subtitle={makeDateString(date || releaseDate, lang)}
+                subtitle={makeDateString(date, lang)}
                 text={makeTruncatedString(subtitle || description, 30)}
                 title={title}
                 type="news"
diff --git a/components/dynamic/NewsList/index.js b/components/dynamic/NewsList/index.js
index 453eb0ae..f4d10c43 100644
--- a/components/dynamic/NewsList/index.js
+++ b/components/dynamic/NewsList/index.js
@@ -48,7 +48,6 @@ const NewsList = ({
                 (
                   {
                     date,
-                    release_date: releaseDate,
                     description,
                     subtitle,
                     id,
@@ -84,7 +83,7 @@ const NewsList = ({
                         ? postType[0].title
                         : null
                     }
-                    subtitle={makeDateString(date || releaseDate, lang)}
+                    subtitle={makeDateString(date, lang)}
                     text={makeTruncatedString(description || subtitle, 30)}
                     title={title}
                     titleTag={"h2"}
diff --git a/components/templates/NewsPage/Contacts.js b/components/templates/NewsPage/Contacts.js
index 5183a290..ec7fb8b5 100644
--- a/components/templates/NewsPage/Contacts.js
+++ b/components/templates/NewsPage/Contacts.js
@@ -1,5 +1,4 @@
 import PropTypes from "prop-types";
-import Link from "next/link";
 import { useTranslation } from "react-i18next";
 import * as Styled from "./styles";
 
@@ -10,73 +9,71 @@ export default function Contacts({ contacts }) {
   return (
     <>
       <Styled.ArticleHeading>{t(`news.contacts`)}</Styled.ArticleHeading>
-      <div>
+      <Styled.ContactList>
         {contacts.map((contact, i) => {
           const { name, affiliation, city, telephone, email } = contact;
           return (
-            <Styled.ContactList key={`contact-${i}`}>
-              {name && (
-                <Styled.ContactListItem>
-                  <Styled.IconWrapper className="name">
-                    <Styled.ContactListItemIcon
-                      icon="Account"
-                      size={iconSize}
-                    />
-                  </Styled.IconWrapper>
-                  <div className="c-content-rte">
-                    <p>{name}</p>
-                  </div>
-                </Styled.ContactListItem>
-              )}
-              {affiliation && (
-                <Styled.ContactListItem>
-                  <Styled.IconWrapper className="affiliation">
-                    <Styled.ContactListItemIcon icon="Globe" size={iconSize} />
-                  </Styled.IconWrapper>
-                  <div className="c-content-rte">
-                    <p>{affiliation}</p>
-                  </div>
-                </Styled.ContactListItem>
-              )}
-              {city && (
-                <Styled.ContactListItem>
-                  <Styled.IconWrapper className="city">
-                    <Styled.ContactListItemIcon icon="Team" size={iconSize} />
-                  </Styled.IconWrapper>
-                  <div className="c-content-rte">
-                    <p>{city}</p>
-                  </div>
-                </Styled.ContactListItem>
-              )}
-              {telephone && (
-                <Styled.ContactListItem>
-                  <Styled.IconWrapper className="telephone">
-                    <Styled.ContactListItemIcon icon="Phone" size={iconSize} />
-                  </Styled.IconWrapper>
-                  <div className="c-content-rte">
-                    <a href={`tel:${telephone}`}>{telephone}</a>
-                    <Link prefetch={false} href={`tel:${telephone}`}>
-                      {telephone}
-                    </Link>
-                  </div>
-                </Styled.ContactListItem>
-              )}
-              {email && (
-                <Styled.ContactListItem>
-                  <Styled.IconWrapper className="email">
-                    <Styled.ContactListItemIcon icon="Mail" />
-                  </Styled.IconWrapper>
-                  <div className="c-content-rte">
-                    <Link prefetch={false} href={`mailto:${email}`}>
-                      {email}
-                    </Link>
-                  </div>
-                </Styled.ContactListItem>
-              )}
-            </Styled.ContactList>
+            <li key={name}>
+              <Styled.Contact>
+                {name && (
+                  <Styled.ContactRow>
+                    <Styled.IconWrapper className="name">
+                      <Styled.ContactListItemIcon
+                        icon="Account"
+                        size={iconSize}
+                      />
+                    </Styled.IconWrapper>
+                    <div className="c-content-rte">{name}</div>
+                  </Styled.ContactRow>
+                )}
+                {affiliation && (
+                  <Styled.ContactRow>
+                    <Styled.IconWrapper className="affiliation">
+                      <Styled.ContactListItemIcon
+                        icon="Globe"
+                        size={iconSize}
+                      />
+                    </Styled.IconWrapper>
+                    <div className="c-content-rte">{affiliation}</div>
+                  </Styled.ContactRow>
+                )}
+                {city && (
+                  <Styled.ContactRow>
+                    <Styled.IconWrapper className="city">
+                      <Styled.ContactListItemIcon icon="Team" size={iconSize} />
+                    </Styled.IconWrapper>
+                    <div className="c-content-rte">{city}</div>
+                  </Styled.ContactRow>
+                )}
+                {telephone && (
+                  <Styled.ContactRow>
+                    <Styled.IconWrapper className="telephone">
+                      <Styled.ContactListItemIcon
+                        icon="Phone"
+                        size={iconSize}
+                      />
+                    </Styled.IconWrapper>
+                    <div className="c-content-rte">
+                      <a href={`tel:${telephone}`}>{telephone}</a>
+                      <a href={`tel:${telephone}`}>{telephone}</a>
+                    </div>
+                  </Styled.ContactRow>
+                )}
+                {email && (
+                  <Styled.ContactRow>
+                    <Styled.IconWrapper className="email">
+                      <Styled.ContactListItemIcon icon="Mail" />
+                    </Styled.IconWrapper>
+                    <div className="c-content-rte">
+                      <a href={`mailto:${email}`}>{email}</a>
+                    </div>
+                  </Styled.ContactRow>
+                )}
+              </Styled.Contact>
+            </li>
           );
         })}
-      </div>
+      </Styled.ContactList>
     </>
   );
 }
diff --git a/components/templates/NewsPage/NewsArticle.js b/components/templates/NewsPage/NewsArticle.js
index 9fed67d2..eee45f9f 100644
--- a/components/templates/NewsPage/NewsArticle.js
+++ b/components/templates/NewsPage/NewsArticle.js
@@ -22,16 +22,13 @@ export default function NewsArticle({ data }) {
     subtitle,
     contacts,
     links,
-    /* eslint-disable camelcase */
-    more_information: moreInformation,
-    release_date: releaseDate,
-    /* eslint-enable camelcase */
+    moreInformation,
     headline,
     releaseUrl,
   } = data;
 
   const { t } = useTranslation();
-  const localizedDate = useDateString(date || releaseDate);
+  const localizedDate = useDateString(date);
   const { ref } = useResizeObserver({
     box: "border-box",
     onResize: ({ height }) => {
@@ -58,7 +55,7 @@ export default function NewsArticle({ data }) {
           {subtitle && (
             <Styled.SubtitleSecondary>{subtitle}</Styled.SubtitleSecondary>
           )}
-          <Styled.Pretitle className="t-heading-quaternary">
+          <Styled.Pretitle dateTime={date} className="t-heading-quaternary">
             {localizedDate}
           </Styled.Pretitle>
           <Styled.Subtitle>{description || headline}</Styled.Subtitle>
@@ -69,6 +66,7 @@ export default function NewsArticle({ data }) {
       {releaseDescription && (
         <Container paddingSize="medium">
           <div
+            data-cy="press-release-text"
             dangerouslySetInnerHTML={{ __html: releaseDescription }}
             className="c-content-rte"
           />
diff --git a/components/templates/NewsPage/NewsHero.js b/components/templates/NewsPage/NewsHero.js
index bfe8fd75..bae03067 100644
--- a/components/templates/NewsPage/NewsHero.js
+++ b/components/templates/NewsPage/NewsHero.js
@@ -17,9 +17,9 @@ export default function NewsHero({
   if (caption)
     return (
       <Styled.HeroFigure className={className}>
-        <Styled.HeroImageContainer>
+        <Styled.HeroImageContainer data-cy="hero">
           <Styled.HeroImage
-            image={imageData}
+            image={{ ...imageData, priority: true }}
             $focalPointX={focalPointX || 50}
             $focalPointY={focalPointY || 50}
           />
@@ -29,10 +29,10 @@ export default function NewsHero({
     );
 
   return (
-    <Styled.Hero className={className}>
+    <Styled.Hero className={className} data-cy="hero">
       <Styled.HeroImage
         role="presentation"
-        image={imageData}
+        image={{ ...imageData, priority: true }}
         $focalPointX={focalPointX || 50}
         $focalPointY={focalPointY || 50}
       />
diff --git a/components/templates/NewsPage/index.js b/components/templates/NewsPage/client.js
similarity index 82%
rename from components/templates/NewsPage/index.js
rename to components/templates/NewsPage/client.js
index 92021ed2..d378d12b 100644
--- a/components/templates/NewsPage/index.js
+++ b/components/templates/NewsPage/client.js
@@ -1,24 +1,16 @@
 "use client";
 import PropTypes from "prop-types";
 import { useTranslation } from "react-i18next";
-import {
-  getSiteString,
-  useCustomBreadcrumbs,
-  makeReleaseFeature,
-} from "@/lib/utils";
-import { useRelease } from "@/lib/api/noirlabReleases";
+import { useCustomBreadcrumbs } from "@/lib/utils";
 import Breadcrumbs from "@/page/Breadcrumbs";
 import NewsHero from "./NewsHero";
 import NewsArticle from "./NewsArticle";
 import NewsList from "@/dynamic/NewsList";
 import NewsAside from "@/components/page/Aside/patterns/Media";
 import * as Styled from "./styles";
+import { getReleaseHero } from "@/lib/api/noirlab";
 
 export default function NewsPage({ data }) {
-  const { data: entryWithRelease } = useRelease(
-    getSiteString(data?.siteHandle || "default"),
-    data
-  );
   const {
     contentBlocksNews = [],
     hero = [],
@@ -32,10 +24,11 @@ export default function NewsPage({ data }) {
     uri,
     images: releaseImages,
     videos: releaseVideos,
-  } = entryWithRelease || data;
+  } = data;
 
-  const heroImage =
-    hero?.length > 0 ? hero : makeReleaseFeature(releaseImages, "banner1920");
+  if (hero.length === 0 && releaseImages) {
+    hero.push(getReleaseHero(releaseImages));
+  }
 
   const { t } = useTranslation();
 
@@ -74,7 +67,7 @@ export default function NewsPage({ data }) {
     }
   });
   // If there is a hero then combine it with the content block media assets
-  if (heroBlock) mediaContentBlocks.unshift(heroBlock);
+  if (heroBlock && !releaseImages) mediaContentBlocks.unshift(heroBlock);
 
   // Only show the aside if there are news assets
   const showAside =
@@ -89,14 +82,12 @@ export default function NewsPage({ data }) {
       <Breadcrumbs breadcrumbs={[...customBreadcrumbs, pageLink]} />
       <NewsHero
         caption={heroCaption}
-        data={heroImage}
+        data={hero}
         narrowCaption={showAside}
         {...{ focalPointX, focalPointY }}
       />
       <Styled.NewsDetail $showAside={showAside}>
-        {(entryWithRelease || data) && (
-          <NewsArticle data={entryWithRelease || data} />
-        )}
+        {data && <NewsArticle data={data} />}
         {showAside && (
           <NewsAside
             manualAssets={manualAssets}
diff --git a/components/templates/NewsPage/index.tsx b/components/templates/NewsPage/index.tsx
new file mode 100644
index 00000000..66715eeb
--- /dev/null
+++ b/components/templates/NewsPage/index.tsx
@@ -0,0 +1,62 @@
+import { FunctionComponent } from "react";
+import sanitizeHtml from "sanitize-html";
+import { ReleasesService } from "@/lib/api/noirlab/codegen";
+import { Locale } from "@/lib/i18n/settings";
+import NewsPageClient from "./client";
+
+const NewsPage: FunctionComponent<{
+  section: string;
+  data: PageEntry;
+  locale: string;
+}> = async ({ data, section, locale }) => {
+  const { pressReleaseId } = data;
+
+  if (pressReleaseId) {
+    const { data: release, error } = await ReleasesService.releasesRetrieve({
+      path: { id: pressReleaseId },
+      query: {
+        lang: locale as Locale,
+        translation_mode: "fallback",
+      },
+    });
+
+    if (!error && release) {
+      const {
+        title,
+        url: releaseUrl,
+        description,
+        headline,
+        subtitle,
+        images,
+        videos,
+        release_date: date,
+        more_information: moreInformation,
+        links,
+        contacts,
+      } = release;
+
+      const combinedData = {
+        ...data,
+        title,
+        releaseUrl,
+        headline,
+        subtitle,
+        releaseDescription: description ? sanitizeHtml(description) : undefined,
+        moreInformation: moreInformation
+          ? sanitizeHtml(moreInformation)
+          : undefined,
+        links: links ? sanitizeHtml(links) : links,
+        contacts,
+        date,
+        images,
+        videos,
+      };
+
+      return <NewsPageClient data={combinedData} {...{ section, locale }} />;
+    }
+  }
+
+  return <NewsPageClient {...{ data, section, locale }} />;
+};
+
+export default NewsPage;
diff --git a/components/templates/NewsPage/styles.js b/components/templates/NewsPage/styles.js
index a901ba13..cb9681a0 100644
--- a/components/templates/NewsPage/styles.js
+++ b/components/templates/NewsPage/styles.js
@@ -102,7 +102,7 @@ export const NewsDetail = styled.div`
   }
 `;
 
-export const Pretitle = styled.div`
+export const Pretitle = styled.time`
   padding-bottom: 10px;
 `;
 
@@ -122,18 +122,18 @@ export const ArticleHeading = styled.h3`
 export const ContactList = styled.ul`
   display: block;
 
-  + ul {
-    margin-top: 25px;
+  & > * + * {
+    margin-block-start: 25px;
   }
 `;
 
-export const ContactListItem = styled.li`
+export const Contact = styled.address`
+  font-style: normal;
+`;
+
+export const ContactRow = styled.div`
   display: flex;
   align-items: center;
-
-  + & {
-    margin-top: 10px;
-  }
 `;
 
 export const IconWrapper = styled.div`
diff --git a/cypress/e2e/press-release.cy.js b/cypress/e2e/press-release.cy.js
new file mode 100644
index 00000000..74b26fbb
--- /dev/null
+++ b/cypress/e2e/press-release.cy.js
@@ -0,0 +1,47 @@
+describe("Press release", () => {
+  beforeEach(() => {
+    // Cypress starts out with a blank slate for each test
+    // so we must tell it to visit our website with the `cy.visit()` command.
+    // Since we want to visit the same URL at the start of all our tests,
+    // we include it in our beforeEach function so that it runs before each test
+    cy.visit("/news/rubin-reveal-stellar-streams");
+  });
+
+  it("Has page metadata", () => {
+    cy.document()
+      .get('head meta[name="description"]')
+      .should("have.attr", "content");
+  });
+  it("Has a banner image", () => {
+    cy.get("[data-cy=hero] > img")
+      .invoke("attr", "alt")
+      .should("have.length.gt", 0);
+    cy.get("[data-cy=hero] > img")
+      .invoke("attr", "src")
+      .should("have.length.gt", 0);
+    cy.get("[data-cy=hero] > img").should("have.attr", "loading", "eager");
+  });
+  it("Has a headline", () => {
+    cy.get("h1").invoke("text").should("have.length.gt", 0);
+  });
+  it("Has a release date", () => {
+    cy.get("time").invoke("text").should("have.length.gt", 0);
+    cy.get("time").should("have.attr", "datetime");
+  });
+  it("Has some text content", () => {
+    cy.get("[data-cy=press-release-text]")
+      .invoke("text")
+      .should("have.length.gt", 0);
+  });
+  it("Has additional information", () => {
+    cy.contains("h3", "More Information")
+      .siblings()
+      .should("have.class", "c-content-rte");
+  });
+  it("Has links", () => {
+    cy.contains("h3", "Links").siblings().contains("ul");
+  });
+  it("Has contacts", () => {
+    cy.contains("h3", "Contacts").siblings().contains("li");
+  });
+});
diff --git a/lib/api/noirlab/codegen/index.ts b/lib/api/noirlab/codegen/index.ts
new file mode 100644
index 00000000..1cb041de
--- /dev/null
+++ b/lib/api/noirlab/codegen/index.ts
@@ -0,0 +1,4 @@
+// This file is auto-generated by @hey-api/openapi-ts
+export * from "./schemas.gen";
+export * from "./services.gen";
+export * from "./types.gen";
diff --git a/lib/api/noirlab/codegen/schemas.gen.ts b/lib/api/noirlab/codegen/schemas.gen.ts
new file mode 100644
index 00000000..ed8f983d
--- /dev/null
+++ b/lib/api/noirlab/codegen/schemas.gen.ts
@@ -0,0 +1,2185 @@
+// This file is auto-generated by @hey-api/openapi-ts
+
+export const ActivitySchema = {
+  type: "object",
+  properties: {
+    id: {
+      type: "string",
+      description: "ID of the activity, also used in URLs",
+      maxLength: 50,
+      pattern: "^[-a-zA-Z0-9_]+$",
+    },
+    name: {
+      type: "string",
+      maxLength: 100,
+    },
+    title: {
+      type: "string",
+      nullable: true,
+      description:
+        "title to be displayed in the activity description when the activity is joined with other activities",
+      maxLength: 100,
+    },
+    slogan: {
+      type: "string",
+      maxLength: 255,
+    },
+    observatory: {
+      type: "string",
+      maxLength: 50,
+    },
+    key_visual_en: {
+      type: "string",
+      readOnly: true,
+    },
+    key_visual_es: {
+      type: "string",
+      readOnly: true,
+    },
+    duration: {
+      type: "string",
+      description: "Format: HH:MM",
+    },
+    safety_tech_doc: {
+      type: "string",
+      readOnly: true,
+    },
+    conduct_tech_doc: {
+      type: "string",
+      readOnly: true,
+    },
+    liability_tech_doc: {
+      type: "string",
+      readOnly: true,
+    },
+    safety_tech_doc_es: {
+      type: "string",
+      readOnly: true,
+    },
+    conduct_tech_doc_es: {
+      type: "string",
+      readOnly: true,
+    },
+    liability_tech_doc_es: {
+      type: "string",
+      readOnly: true,
+    },
+    group_safety_tech_doc: {
+      type: "string",
+      readOnly: true,
+    },
+    group_liability_tech_doc: {
+      type: "string",
+      readOnly: true,
+    },
+    group_safety_tech_doc_es: {
+      type: "string",
+      readOnly: true,
+    },
+    group_liability_tech_doc_es: {
+      type: "string",
+      readOnly: true,
+    },
+  },
+  required: [
+    "conduct_tech_doc",
+    "conduct_tech_doc_es",
+    "duration",
+    "group_liability_tech_doc",
+    "group_liability_tech_doc_es",
+    "group_safety_tech_doc",
+    "group_safety_tech_doc_es",
+    "id",
+    "key_visual_en",
+    "key_visual_es",
+    "liability_tech_doc",
+    "liability_tech_doc_es",
+    "name",
+    "observatory",
+    "safety_tech_doc",
+    "safety_tech_doc_es",
+  ],
+} as const;
+
+export const AnnouncementSchema = {
+  type: "object",
+  properties: {
+    id: {
+      type: "string",
+      description:
+        "Ids are only allowed to contain letters, numbers, underscores or hyphens. They are used in URLs for the archive item.",
+      maxLength: 50,
+      pattern: "^[-a-zA-Z0-9_]+$",
+    },
+    lang: {
+      type: "string",
+      title: "Language",
+      maxLength: 7,
+    },
+    url: {
+      type: "string",
+      readOnly: true,
+    },
+    title: {
+      type: "string",
+      description:
+        "Title is shown in browser window. Use a good informative title, since search engines normally display the title on their result pages.",
+      maxLength: 200,
+    },
+    subtitle: {
+      type: "string",
+      description: "Optional subtitle to be shown just above the headline.",
+      maxLength: 255,
+    },
+    description: {
+      type: "string",
+    },
+    contacts: {
+      type: "string",
+      description: "Contacts",
+    },
+    links: {
+      type: "string",
+      description: "Links",
+    },
+    featured: {
+      type: "boolean",
+    },
+    release_date: {
+      type: "string",
+      readOnly: true,
+    },
+    programs: {
+      type: "array",
+      items: {
+        $ref: "#/components/schemas/Program",
+      },
+    },
+    images: {
+      type: "array",
+      items: {
+        $ref: "#/components/schemas/ImageMini",
+      },
+      readOnly: true,
+    },
+    videos: {
+      type: "array",
+      items: {
+        $ref: "#/components/schemas/VideoMini",
+      },
+      readOnly: true,
+    },
+  },
+  required: [
+    "id",
+    "images",
+    "programs",
+    "release_date",
+    "title",
+    "url",
+    "videos",
+  ],
+} as const;
+
+export const AnnouncementMiniSchema = {
+  type: "object",
+  properties: {
+    id: {
+      type: "string",
+      description:
+        "Ids are only allowed to contain letters, numbers, underscores or hyphens. They are used in URLs for the archive item.",
+      maxLength: 50,
+      pattern: "^[-a-zA-Z0-9_]+$",
+    },
+    lang: {
+      type: "string",
+      title: "Language",
+      maxLength: 7,
+    },
+    url: {
+      type: "string",
+      readOnly: true,
+    },
+    title: {
+      type: "string",
+      description:
+        "Title is shown in browser window. Use a good informative title, since search engines normally display the title on their result pages.",
+      maxLength: 200,
+    },
+    subtitle: {
+      type: "string",
+      description: "Optional subtitle to be shown just above the headline.",
+      maxLength: 255,
+    },
+    release_date: {
+      type: "string",
+      readOnly: true,
+    },
+    programs: {
+      type: "array",
+      items: {
+        $ref: "#/components/schemas/Program",
+      },
+    },
+    main_image: {
+      allOf: [
+        {
+          $ref: "#/components/schemas/ImageMini",
+        },
+      ],
+      readOnly: true,
+    },
+  },
+  required: ["id", "main_image", "programs", "release_date", "title", "url"],
+} as const;
+
+export const AuthorDescriptionSchema = {
+  type: "object",
+  properties: {
+    name: {
+      type: "string",
+      readOnly: true,
+    },
+    description: {
+      type: "string",
+      description:
+        'Optional description, e.g.: "Author: ", or "Interview with"',
+      maxLength: 100,
+    },
+    photo: {
+      type: "string",
+      readOnly: true,
+    },
+    static_photo: {
+      type: "string",
+      description: "Direct link to a JPG image, recommended size: 350px wide",
+      readOnly: true,
+    },
+  },
+  required: ["name", "photo", "static_photo"],
+} as const;
+
+export const BlankEnumSchema = {
+  enum: [""],
+} as const;
+
+export const CategorySchema = {
+  type: "object",
+  properties: {
+    slug: {
+      type: "string",
+    },
+    name: {
+      type: "string",
+      description: "Title of query to be displayed to the user.",
+      maxLength: 255,
+    },
+    logo_url: {
+      type: "string",
+      format: "uri",
+      nullable: true,
+      maxLength: 255,
+    },
+  },
+  required: ["name", "slug"],
+} as const;
+
+export const ImageSchema = {
+  type: "object",
+  properties: {
+    id: {
+      type: "string",
+      description:
+        "Id of image - used in the URL for the image as well as the filename for the different formats.",
+      maxLength: 50,
+      pattern: "^[-a-zA-Z0-9_]+$",
+    },
+    url: {
+      type: "string",
+      readOnly: true,
+    },
+    lang: {
+      type: "string",
+      title: "Language",
+      maxLength: 7,
+    },
+    source: {
+      type: "string",
+      description:
+        "Id of image - used in the URL for the image as well as the filename for the different formats.",
+      nullable: true,
+      title: "Translation source",
+    },
+    title: {
+      type: "string",
+      description: "General descriptive title given to the image resource.",
+      maxLength: 255,
+    },
+    headline: {
+      type: "string",
+      nullable: true,
+      description: "Short description of the full caption.",
+    },
+    description: {
+      type: "string",
+      nullable: true,
+      description:
+        "Full caption and related description text for the image resource.",
+    },
+    categories: {
+      type: "array",
+      items: {
+        $ref: "#/components/schemas/Category",
+      },
+    },
+    type: {
+      nullable: true,
+      description: `The type of image/media resource.
+
+* \`Observation\` - Observation
+* \`Artwork\` - Artwork
+* \`Photographic\` - Photographic
+* \`Planetary\` - Planetary
+* \`Simulation\` - Simulation
+* \`Collage\` - Collage
+* \`Chart\` - Chart`,
+      oneOf: [
+        {
+          $ref: "#/components/schemas/TypeEnum",
+        },
+        {
+          $ref: "#/components/schemas/BlankEnum",
+        },
+        {
+          $ref: "#/components/schemas/NullEnum",
+        },
+      ],
+    },
+    credit: {
+      type: "string",
+      description:
+        "The minimum information that the Publisher would like to see mentioned when the resource is used.",
+    },
+    release_date: {
+      type: "string",
+      readOnly: true,
+    },
+    width: {
+      type: "integer",
+      maximum: 2147483647,
+      minimum: 0,
+      nullable: true,
+      description: "Width in pixels of the image resource.",
+    },
+    height: {
+      type: "integer",
+      maximum: 2147483647,
+      minimum: 0,
+      nullable: true,
+      description: "Height in pixels of the image resource.",
+    },
+    featured: {
+      type: "boolean",
+    },
+    subject_name: {
+      type: "array",
+      items: {
+        type: "string",
+      },
+    },
+    resources: {
+      type: "array",
+      items: {
+        type: "object",
+        properties: {
+          ResourceType: {
+            type: "string",
+          },
+          MediaType: {
+            type: "string",
+          },
+          URL: {
+            type: "string",
+          },
+          FileSize: {
+            type: "integer",
+            nullable: true,
+          },
+          Dimensions: {
+            type: "array",
+            items: {
+              type: "integer",
+            },
+            nullable: true,
+          },
+          ProjectionType: {
+            type: "string",
+            nullable: true,
+          },
+        },
+      },
+      readOnly: true,
+    },
+    formats: {
+      type: "object",
+      properties: {
+        banner1920: {
+          type: "string",
+          nullable: true,
+        },
+        eps: {
+          type: "string",
+          nullable: true,
+        },
+        illustrator: {
+          type: "string",
+          nullable: true,
+        },
+        illustrator_text: {
+          type: "string",
+          nullable: true,
+        },
+        large: {
+          type: "string",
+          nullable: true,
+        },
+        medium: {
+          type: "string",
+          nullable: true,
+        },
+        news: {
+          type: "string",
+          nullable: true,
+        },
+        newsfeature: {
+          type: "string",
+          nullable: true,
+        },
+        newsmini: {
+          type: "string",
+          nullable: true,
+        },
+        original: {
+          type: "string",
+          nullable: true,
+        },
+        pdf: {
+          type: "string",
+          nullable: true,
+        },
+        pl_original: {
+          type: "string",
+          nullable: true,
+        },
+        pl_screen: {
+          type: "string",
+          nullable: true,
+        },
+        pl_thumbs: {
+          type: "string",
+          nullable: true,
+        },
+        portrait1080: {
+          type: "string",
+          nullable: true,
+        },
+        poster400y: {
+          type: "string",
+          nullable: true,
+        },
+        potwmedium: {
+          type: "string",
+          nullable: true,
+        },
+        publicationjpg: {
+          type: "string",
+          nullable: true,
+        },
+        publicationtiff: {
+          type: "string",
+          nullable: true,
+        },
+        publicationtiff10k: {
+          type: "string",
+          nullable: true,
+        },
+        publicationtiff25k: {
+          type: "string",
+          nullable: true,
+        },
+        publicationtiff40k: {
+          type: "string",
+          nullable: true,
+        },
+        screen: {
+          type: "string",
+          nullable: true,
+        },
+        screen640: {
+          type: "string",
+          nullable: true,
+        },
+        thumb150y: {
+          type: "string",
+          nullable: true,
+        },
+        thumb300y: {
+          type: "string",
+          nullable: true,
+        },
+        thumb350x: {
+          type: "string",
+          nullable: true,
+        },
+        thumb700x: {
+          type: "string",
+          nullable: true,
+        },
+        thumbs: {
+          type: "string",
+          nullable: true,
+        },
+        wallpaper1: {
+          type: "string",
+          nullable: true,
+        },
+        wallpaper2: {
+          type: "string",
+          nullable: true,
+        },
+        wallpaper3: {
+          type: "string",
+          nullable: true,
+        },
+        wallpaper4: {
+          type: "string",
+          nullable: true,
+        },
+        wallpaper5: {
+          type: "string",
+          nullable: true,
+        },
+        wallpaperthumbs: {
+          type: "string",
+          nullable: true,
+        },
+        zoomable: {
+          type: "string",
+          nullable: true,
+        },
+      },
+      readOnly: true,
+    },
+  },
+  required: [
+    "categories",
+    "formats",
+    "id",
+    "release_date",
+    "resources",
+    "subject_name",
+    "title",
+    "url",
+  ],
+} as const;
+
+export const ImageItemSchema = {
+  oneOf: [
+    {
+      $ref: "#/components/schemas/ImageTiny",
+    },
+    {
+      $ref: "#/components/schemas/ImageMini",
+    },
+  ],
+} as const;
+
+export const ImageMiniSchema = {
+  type: "object",
+  properties: {
+    id: {
+      type: "string",
+      description:
+        "Id of image - used in the URL for the image as well as the filename for the different formats.",
+      maxLength: 50,
+      pattern: "^[-a-zA-Z0-9_]+$",
+    },
+    url: {
+      type: "string",
+      readOnly: true,
+    },
+    lang: {
+      type: "string",
+      title: "Language",
+      maxLength: 7,
+    },
+    source: {
+      type: "string",
+      description:
+        "Id of image - used in the URL for the image as well as the filename for the different formats.",
+      nullable: true,
+      title: "Translation source",
+    },
+    title: {
+      type: "string",
+      description: "General descriptive title given to the image resource.",
+      maxLength: 255,
+    },
+    width: {
+      type: "integer",
+      maximum: 2147483647,
+      minimum: 0,
+      nullable: true,
+      description: "Width in pixels of the image resource.",
+    },
+    height: {
+      type: "integer",
+      maximum: 2147483647,
+      minimum: 0,
+      nullable: true,
+      description: "Height in pixels of the image resource.",
+    },
+    featured: {
+      type: "boolean",
+    },
+    categories: {
+      type: "array",
+      items: {
+        $ref: "#/components/schemas/Category",
+      },
+    },
+    formats: {
+      type: "object",
+      properties: {
+        banner1920: {
+          type: "string",
+          nullable: true,
+        },
+        eps: {
+          type: "string",
+          nullable: true,
+        },
+        illustrator: {
+          type: "string",
+          nullable: true,
+        },
+        illustrator_text: {
+          type: "string",
+          nullable: true,
+        },
+        large: {
+          type: "string",
+          nullable: true,
+        },
+        medium: {
+          type: "string",
+          nullable: true,
+        },
+        news: {
+          type: "string",
+          nullable: true,
+        },
+        newsfeature: {
+          type: "string",
+          nullable: true,
+        },
+        newsmini: {
+          type: "string",
+          nullable: true,
+        },
+        original: {
+          type: "string",
+          nullable: true,
+        },
+        pdf: {
+          type: "string",
+          nullable: true,
+        },
+        pl_original: {
+          type: "string",
+          nullable: true,
+        },
+        pl_screen: {
+          type: "string",
+          nullable: true,
+        },
+        pl_thumbs: {
+          type: "string",
+          nullable: true,
+        },
+        portrait1080: {
+          type: "string",
+          nullable: true,
+        },
+        poster400y: {
+          type: "string",
+          nullable: true,
+        },
+        potwmedium: {
+          type: "string",
+          nullable: true,
+        },
+        publicationjpg: {
+          type: "string",
+          nullable: true,
+        },
+        publicationtiff: {
+          type: "string",
+          nullable: true,
+        },
+        publicationtiff10k: {
+          type: "string",
+          nullable: true,
+        },
+        publicationtiff25k: {
+          type: "string",
+          nullable: true,
+        },
+        publicationtiff40k: {
+          type: "string",
+          nullable: true,
+        },
+        screen: {
+          type: "string",
+          nullable: true,
+        },
+        screen640: {
+          type: "string",
+          nullable: true,
+        },
+        thumb150y: {
+          type: "string",
+          nullable: true,
+        },
+        thumb300y: {
+          type: "string",
+          nullable: true,
+        },
+        thumb350x: {
+          type: "string",
+          nullable: true,
+        },
+        thumb700x: {
+          type: "string",
+          nullable: true,
+        },
+        thumbs: {
+          type: "string",
+          nullable: true,
+        },
+        wallpaper1: {
+          type: "string",
+          nullable: true,
+        },
+        wallpaper2: {
+          type: "string",
+          nullable: true,
+        },
+        wallpaper3: {
+          type: "string",
+          nullable: true,
+        },
+        wallpaper4: {
+          type: "string",
+          nullable: true,
+        },
+        wallpaper5: {
+          type: "string",
+          nullable: true,
+        },
+        wallpaperthumbs: {
+          type: "string",
+          nullable: true,
+        },
+        zoomable: {
+          type: "string",
+          nullable: true,
+        },
+      },
+      readOnly: true,
+    },
+  },
+  required: ["categories", "formats", "id", "title", "url"],
+} as const;
+
+export const ImageTinySchema = {
+  type: "object",
+  properties: {
+    id: {
+      type: "string",
+      description:
+        "Id of image - used in the URL for the image as well as the filename for the different formats.",
+      maxLength: 50,
+      pattern: "^[-a-zA-Z0-9_]+$",
+    },
+    url: {
+      type: "string",
+      readOnly: true,
+    },
+    lang: {
+      type: "string",
+      title: "Language",
+      maxLength: 7,
+    },
+    title: {
+      type: "string",
+      description: "General descriptive title given to the image resource.",
+      maxLength: 255,
+    },
+    width: {
+      type: "integer",
+      maximum: 2147483647,
+      minimum: 0,
+      nullable: true,
+      description: "Width in pixels of the image resource.",
+    },
+    height: {
+      type: "integer",
+      maximum: 2147483647,
+      minimum: 0,
+      nullable: true,
+      description: "Height in pixels of the image resource.",
+    },
+    formats: {
+      type: "object",
+      properties: {
+        thumb300y: {
+          type: "string",
+          nullable: true,
+        },
+        screen: {
+          type: "string",
+          nullable: true,
+        },
+        thumb700x: {
+          type: "string",
+          nullable: true,
+        },
+      },
+      readOnly: true,
+    },
+  },
+  required: ["formats", "id", "title", "url"],
+} as const;
+
+export const Model3dSchema = {
+  type: "object",
+  properties: {
+    id: {
+      type: "string",
+      description:
+        "Ids are only allowed to contain letters, numbers, underscores or hyphens. They are used in URLs for the archive item.",
+      maxLength: 50,
+      pattern: "^[-a-zA-Z0-9_]+$",
+    },
+    title: {
+      type: "string",
+      description:
+        "Title is shown in browser window. Use a good informative title, since search engines normally display the title on their result pages.",
+      maxLength: 200,
+    },
+    description: {
+      type: "string",
+    },
+    credit: {
+      type: "string",
+      readOnly: true,
+    },
+    priority: {
+      type: "integer",
+      maximum: 32767,
+      minimum: 0,
+      description:
+        "Priority of product (100 highest, 0 lowest) - high priority products are ranked higher in search results than low priority products.",
+    },
+    release_date: {
+      type: "string",
+      readOnly: true,
+    },
+    assets: {
+      type: "string",
+      readOnly: true,
+    },
+  },
+  required: ["assets", "credit", "id", "release_date", "title"],
+} as const;
+
+export const NullEnumSchema = {
+  enum: [null],
+} as const;
+
+export const PageSchema = {
+  type: "object",
+  properties: {
+    title: {
+      type: "string",
+      description:
+        "Title is shown in browser window. Use a good informative title, since search engines normally display the title on their result pages.",
+      maxLength: 200,
+    },
+    content: {
+      type: "string",
+    },
+    description: {
+      type: "string",
+      description:
+        "The metadata description is normally shown in search engine results, making the description an effective way of capturing users attention. Description should be a clear description of the content and less the 200 characters long. Also used when sharing page on social media",
+    },
+    keywords: {
+      type: "string",
+      description:
+        "Comma-separated list of keywords for this page. Mainly used internally as search engines rarely use keywords to rank pages.",
+    },
+  },
+  required: ["title"],
+} as const;
+
+export const PageRequestSchema = {
+  type: "object",
+  properties: {
+    title: {
+      type: "string",
+      minLength: 1,
+      description:
+        "Title is shown in browser window. Use a good informative title, since search engines normally display the title on their result pages.",
+      maxLength: 200,
+    },
+    content: {
+      type: "string",
+    },
+    description: {
+      type: "string",
+      description:
+        "The metadata description is normally shown in search engine results, making the description an effective way of capturing users attention. Description should be a clear description of the content and less the 200 characters long. Also used when sharing page on social media",
+    },
+    keywords: {
+      type: "string",
+      description:
+        "Comma-separated list of keywords for this page. Mainly used internally as search engines rarely use keywords to rank pages.",
+    },
+  },
+  required: ["title"],
+} as const;
+
+export const PaginatedAnnouncementMiniListSchema = {
+  type: "object",
+  properties: {
+    count: {
+      type: "integer",
+      example: 123,
+    },
+    next: {
+      type: "string",
+      nullable: true,
+      format: "uri",
+      example: "http://api.example.org/accounts/?page=4",
+    },
+    previous: {
+      type: "string",
+      nullable: true,
+      format: "uri",
+      example: "http://api.example.org/accounts/?page=2",
+    },
+    results: {
+      type: "array",
+      items: {
+        $ref: "#/components/schemas/AnnouncementMini",
+      },
+    },
+  },
+} as const;
+
+export const PaginatedImageItemListSchema = {
+  type: "object",
+  properties: {
+    count: {
+      type: "integer",
+      example: 123,
+    },
+    next: {
+      type: "string",
+      nullable: true,
+      format: "uri",
+      example: "http://api.example.org/accounts/?page=4",
+    },
+    previous: {
+      type: "string",
+      nullable: true,
+      format: "uri",
+      example: "http://api.example.org/accounts/?page=2",
+    },
+    results: {
+      type: "array",
+      items: {
+        $ref: "#/components/schemas/ImageItem",
+      },
+    },
+  },
+} as const;
+
+export const PaginatedImageListSchema = {
+  type: "object",
+  properties: {
+    count: {
+      type: "integer",
+      example: 123,
+    },
+    next: {
+      type: "string",
+      nullable: true,
+      format: "uri",
+      example: "http://api.example.org/accounts/?page=4",
+    },
+    previous: {
+      type: "string",
+      nullable: true,
+      format: "uri",
+      example: "http://api.example.org/accounts/?page=2",
+    },
+    results: {
+      type: "array",
+      items: {
+        $ref: "#/components/schemas/Image",
+      },
+    },
+  },
+} as const;
+
+export const PaginatedModel3dListSchema = {
+  type: "object",
+  properties: {
+    count: {
+      type: "integer",
+      example: 123,
+    },
+    next: {
+      type: "string",
+      nullable: true,
+      format: "uri",
+      example: "http://api.example.org/accounts/?page=4",
+    },
+    previous: {
+      type: "string",
+      nullable: true,
+      format: "uri",
+      example: "http://api.example.org/accounts/?page=2",
+    },
+    results: {
+      type: "array",
+      items: {
+        $ref: "#/components/schemas/Model3d",
+      },
+    },
+  },
+} as const;
+
+export const PaginatedPodcastListSchema = {
+  type: "object",
+  properties: {
+    count: {
+      type: "integer",
+      example: 123,
+    },
+    next: {
+      type: "string",
+      nullable: true,
+      format: "uri",
+      example: "http://api.example.org/accounts/?page=4",
+    },
+    previous: {
+      type: "string",
+      nullable: true,
+      format: "uri",
+      example: "http://api.example.org/accounts/?page=2",
+    },
+    results: {
+      type: "array",
+      items: {
+        $ref: "#/components/schemas/Podcast",
+      },
+    },
+  },
+} as const;
+
+export const PaginatedReleaseMiniListSchema = {
+  type: "object",
+  properties: {
+    count: {
+      type: "integer",
+      example: 123,
+    },
+    next: {
+      type: "string",
+      nullable: true,
+      format: "uri",
+      example: "http://api.example.org/accounts/?page=4",
+    },
+    previous: {
+      type: "string",
+      nullable: true,
+      format: "uri",
+      example: "http://api.example.org/accounts/?page=2",
+    },
+    results: {
+      type: "array",
+      items: {
+        $ref: "#/components/schemas/ReleaseMini",
+      },
+    },
+  },
+} as const;
+
+export const PaginatedVideoListSchema = {
+  type: "object",
+  properties: {
+    count: {
+      type: "integer",
+      example: 123,
+    },
+    next: {
+      type: "string",
+      nullable: true,
+      format: "uri",
+      example: "http://api.example.org/accounts/?page=4",
+    },
+    previous: {
+      type: "string",
+      nullable: true,
+      format: "uri",
+      example: "http://api.example.org/accounts/?page=2",
+    },
+    results: {
+      type: "array",
+      items: {
+        $ref: "#/components/schemas/Video",
+      },
+    },
+  },
+} as const;
+
+export const PaginatedVideoMiniListSchema = {
+  type: "object",
+  properties: {
+    count: {
+      type: "integer",
+      example: 123,
+    },
+    next: {
+      type: "string",
+      nullable: true,
+      format: "uri",
+      example: "http://api.example.org/accounts/?page=4",
+    },
+    previous: {
+      type: "string",
+      nullable: true,
+      format: "uri",
+      example: "http://api.example.org/accounts/?page=2",
+    },
+    results: {
+      type: "array",
+      items: {
+        $ref: "#/components/schemas/VideoMini",
+      },
+    },
+  },
+} as const;
+
+export const PatchedPageRequestSchema = {
+  type: "object",
+  properties: {
+    title: {
+      type: "string",
+      minLength: 1,
+      description:
+        "Title is shown in browser window. Use a good informative title, since search engines normally display the title on their result pages.",
+      maxLength: 200,
+    },
+    content: {
+      type: "string",
+    },
+    description: {
+      type: "string",
+      description:
+        "The metadata description is normally shown in search engine results, making the description an effective way of capturing users attention. Description should be a clear description of the content and less the 200 characters long. Also used when sharing page on social media",
+    },
+    keywords: {
+      type: "string",
+      description:
+        "Comma-separated list of keywords for this page. Mainly used internally as search engines rarely use keywords to rank pages.",
+    },
+  },
+} as const;
+
+export const PodcastSchema = {
+  type: "object",
+  properties: {
+    id: {
+      type: "string",
+      description:
+        "Ids are only allowed to contain letters, numbers, underscores or hyphens. They are used in URLs for the archive item.",
+      maxLength: 50,
+      pattern: "^[-a-zA-Z0-9_]+$",
+    },
+    title: {
+      type: "string",
+      description:
+        "Title is shown in browser window. Use a good informative title, since search engines normally display the title on their result pages.",
+      maxLength: 200,
+    },
+    description: {
+      type: "string",
+    },
+    credit: {
+      type: "string",
+      readOnly: true,
+    },
+    priority: {
+      type: "integer",
+      maximum: 32767,
+      minimum: 0,
+      description:
+        "Priority of product (100 highest, 0 lowest) - high priority products are ranked higher in search results than low priority products.",
+    },
+    release_date: {
+      type: "string",
+      readOnly: true,
+    },
+    assets: {
+      type: "string",
+      readOnly: true,
+    },
+  },
+  required: ["assets", "credit", "id", "release_date", "title"],
+} as const;
+
+export const PostSchema = {
+  type: "object",
+  properties: {
+    id: {
+      type: "string",
+      readOnly: true,
+    },
+    slug: {
+      type: "string",
+      description: "Used for the URL, this cannot be updated later",
+      maxLength: 50,
+      pattern: "^[-a-zA-Z0-9_]+$",
+    },
+    url: {
+      type: "string",
+      readOnly: true,
+    },
+    title: {
+      type: "string",
+      maxLength: 255,
+    },
+    subtitle: {
+      type: "string",
+      description: "Optional subtitle",
+      maxLength: 255,
+    },
+    banner: {
+      type: "string",
+      readOnly: true,
+    },
+    authors: {
+      type: "array",
+      items: {
+        $ref: "#/components/schemas/AuthorDescription",
+      },
+    },
+    category: {
+      allOf: [
+        {
+          $ref: "#/components/schemas/Category",
+        },
+      ],
+      readOnly: true,
+    },
+    lede: {
+      type: "string",
+    },
+    release_date: {
+      type: "string",
+      format: "date-time",
+      nullable: true,
+    },
+  },
+  required: [
+    "authors",
+    "banner",
+    "category",
+    "id",
+    "lede",
+    "slug",
+    "title",
+    "url",
+  ],
+} as const;
+
+export const ProgramSchema = {
+  type: "object",
+  properties: {
+    slug: {
+      type: "string",
+    },
+    name: {
+      type: "string",
+      description: "Title of query to be displayed to the user.",
+      maxLength: 255,
+    },
+    logo_url: {
+      type: "string",
+      format: "uri",
+      nullable: true,
+      maxLength: 255,
+    },
+  },
+  required: ["name", "slug"],
+} as const;
+
+export const ReleaseSchema = {
+  type: "object",
+  properties: {
+    id: {
+      type: "string",
+      description: "Id of release - e.g. heic0801. The id must be unique.",
+      maxLength: 50,
+      pattern: "^[-a-zA-Z0-9_]+$",
+    },
+    lang: {
+      type: "string",
+      title: "Language",
+      maxLength: 7,
+    },
+    url: {
+      type: "string",
+      readOnly: true,
+    },
+    title: {
+      type: "string",
+      description:
+        "Title is shown in browser window. Use a good informative title, since search engines normally display the title on their result pages.",
+      maxLength: 255,
+    },
+    release_type: {
+      type: "string",
+      readOnly: true,
+    },
+    subtitle: {
+      type: "string",
+      description: "Optional subtitle to be shown just above the headline.",
+      maxLength: 255,
+    },
+    headline: {
+      type: "string",
+      description:
+        "HTML code in lead is not allowed. The lead is further more normally shown in search engine results, making the description an effective way of capturing users attention.",
+    },
+    release_date: {
+      type: "string",
+      readOnly: true,
+    },
+    description: {
+      type: "string",
+    },
+    notes: {
+      type: "string",
+    },
+    more_information: {
+      type: "string",
+    },
+    links: {
+      type: "string",
+      description: "Help text",
+    },
+    disclaimer: {
+      type: "string",
+      description:
+        "Disclaimer for press release - usually e.g. retractions of previously issued press releases.",
+    },
+    programs: {
+      type: "array",
+      items: {
+        $ref: "#/components/schemas/Program",
+      },
+    },
+    images: {
+      type: "array",
+      items: {
+        $ref: "#/components/schemas/ImageMini",
+      },
+      readOnly: true,
+    },
+    videos: {
+      type: "array",
+      items: {
+        $ref: "#/components/schemas/VideoMini",
+      },
+      readOnly: true,
+    },
+    contacts: {
+      type: "array",
+      items: {
+        $ref: "#/components/schemas/ReleaseContact",
+      },
+    },
+  },
+  required: [
+    "contacts",
+    "id",
+    "images",
+    "programs",
+    "release_date",
+    "release_type",
+    "title",
+    "url",
+    "videos",
+  ],
+} as const;
+
+export const ReleaseContactSchema = {
+  type: "object",
+  properties: {
+    name: {
+      type: "string",
+      maxLength: 255,
+    },
+    email: {
+      type: "string",
+      maxLength: 255,
+    },
+    telephone: {
+      type: "string",
+      maxLength: 255,
+    },
+    cellular: {
+      type: "string",
+      maxLength: 255,
+    },
+    affiliation: {
+      type: "string",
+      maxLength: 255,
+    },
+    address: {
+      type: "string",
+      maxLength: 255,
+    },
+    city: {
+      type: "string",
+      maxLength: 255,
+    },
+    state_province: {
+      type: "string",
+      maxLength: 255,
+    },
+    postal_code: {
+      type: "string",
+      maxLength: 255,
+    },
+    country: {
+      type: "string",
+      maxLength: 255,
+    },
+  },
+} as const;
+
+export const ReleaseMiniSchema = {
+  type: "object",
+  properties: {
+    id: {
+      type: "string",
+      description: "Id of release - e.g. heic0801. The id must be unique.",
+      maxLength: 50,
+      pattern: "^[-a-zA-Z0-9_]+$",
+    },
+    lang: {
+      type: "string",
+      title: "Language",
+      maxLength: 7,
+    },
+    url: {
+      type: "string",
+      readOnly: true,
+    },
+    release_type: {
+      type: "string",
+      readOnly: true,
+    },
+    title: {
+      type: "string",
+      description:
+        "Title is shown in browser window. Use a good informative title, since search engines normally display the title on their result pages.",
+      maxLength: 255,
+    },
+    subtitle: {
+      type: "string",
+      description: "Optional subtitle to be shown just above the headline.",
+      maxLength: 255,
+    },
+    headline: {
+      type: "string",
+      description:
+        "HTML code in lead is not allowed. The lead is further more normally shown in search engine results, making the description an effective way of capturing users attention.",
+    },
+    release_date: {
+      type: "string",
+      readOnly: true,
+    },
+    programs: {
+      type: "array",
+      items: {
+        $ref: "#/components/schemas/Program",
+      },
+    },
+    main_image: {
+      allOf: [
+        {
+          $ref: "#/components/schemas/ImageMini",
+        },
+      ],
+      readOnly: true,
+    },
+  },
+  required: [
+    "id",
+    "main_image",
+    "programs",
+    "release_date",
+    "release_type",
+    "title",
+    "url",
+  ],
+} as const;
+
+export const ShowingSchema = {
+  type: "object",
+  properties: {
+    id: {
+      type: "integer",
+      readOnly: true,
+    },
+    start_time: {
+      type: "string",
+      readOnly: true,
+    },
+    formatted_start_time: {
+      type: "string",
+      readOnly: true,
+    },
+    free_spaces: {
+      type: "integer",
+    },
+  },
+  required: ["formatted_start_time", "free_spaces", "id", "start_time"],
+} as const;
+
+export const TypeEnumSchema = {
+  enum: [
+    "Observation",
+    "Artwork",
+    "Photographic",
+    "Planetary",
+    "Simulation",
+    "Collage",
+    "Chart",
+  ],
+  type: "string",
+  description: `* \`Observation\` - Observation
+* \`Artwork\` - Artwork
+* \`Photographic\` - Photographic
+* \`Planetary\` - Planetary
+* \`Simulation\` - Simulation
+* \`Collage\` - Collage
+* \`Chart\` - Chart`,
+} as const;
+
+export const VideoSchema = {
+  type: "object",
+  properties: {
+    id: {
+      type: "string",
+      description:
+        "Id of video - used in the URL for the image as well as the filename for the different formats.",
+      maxLength: 50,
+      pattern: "^[-a-zA-Z0-9_]+$",
+    },
+    url: {
+      type: "string",
+      readOnly: true,
+    },
+    lang: {
+      type: "string",
+      title: "Language",
+      maxLength: 7,
+    },
+    source: {
+      type: "string",
+      description:
+        "Id of video - used in the URL for the image as well as the filename for the different formats.",
+      nullable: true,
+      title: "Translation source",
+    },
+    title: {
+      type: "string",
+      description: "General descriptive title given to the image resource.",
+      maxLength: 255,
+    },
+    headline: {
+      type: "string",
+      nullable: true,
+      description: "Short description of the full caption.",
+    },
+    description: {
+      type: "string",
+      nullable: true,
+      description:
+        "Full caption and related description text for the image resource.",
+    },
+    categories: {
+      type: "array",
+      items: {
+        $ref: "#/components/schemas/Category",
+      },
+    },
+    type: {
+      nullable: true,
+      description: `The type of image/media resource.
+
+* \`Observation\` - Observation
+* \`Artwork\` - Artwork
+* \`Photographic\` - Photographic
+* \`Planetary\` - Planetary
+* \`Simulation\` - Simulation
+* \`Collage\` - Collage
+* \`Chart\` - Chart`,
+      oneOf: [
+        {
+          $ref: "#/components/schemas/TypeEnum",
+        },
+        {
+          $ref: "#/components/schemas/BlankEnum",
+        },
+        {
+          $ref: "#/components/schemas/NullEnum",
+        },
+      ],
+    },
+    credit: {
+      type: "string",
+      description:
+        "The minimum information that the Publisher would like to see mentioned when the resource is used.",
+    },
+    release_date: {
+      type: "string",
+      readOnly: true,
+    },
+    featured: {
+      type: "boolean",
+    },
+    duration: {
+      type: "string",
+      nullable: true,
+      readOnly: true,
+    },
+    youtube_video_id: {
+      type: "string",
+      nullable: true,
+      title: "YouTube VideoID",
+      maxLength: 11,
+    },
+    use_youtube: {
+      type: "boolean",
+      title: "Use YouTube player",
+    },
+    formats: {
+      type: "object",
+      properties: {
+        broadcast_sd: {
+          type: "string",
+          nullable: true,
+        },
+        cylindrical_16kmaster: {
+          type: "string",
+          nullable: true,
+        },
+        cylindrical_4kmaster: {
+          type: "string",
+          nullable: true,
+        },
+        cylindrical_8kmaster: {
+          type: "string",
+          nullable: true,
+        },
+        cylindrical_preview: {
+          type: "string",
+          nullable: true,
+        },
+        dome_2kmaster: {
+          type: "string",
+          nullable: true,
+        },
+        dome_2kplayback: {
+          type: "string",
+          nullable: true,
+        },
+        dome_4kmaster: {
+          type: "string",
+          nullable: true,
+        },
+        dome_4kplayback: {
+          type: "string",
+          nullable: true,
+        },
+        dome_8kmaster: {
+          type: "string",
+          nullable: true,
+        },
+        dome_mov: {
+          type: "string",
+          nullable: true,
+        },
+        dome_preview: {
+          type: "string",
+          nullable: true,
+        },
+        ext_highres: {
+          type: "string",
+          nullable: true,
+        },
+        ext_playback: {
+          type: "string",
+          nullable: true,
+        },
+        hd_1080_broadcast: {
+          type: "string",
+          nullable: true,
+        },
+        hd_1080_screen: {
+          type: "string",
+          nullable: true,
+        },
+        hd_1080p25_broadcast: {
+          type: "string",
+          nullable: true,
+        },
+        hd_1080p25_screen: {
+          type: "string",
+          nullable: true,
+        },
+        hd_and_apple: {
+          type: "string",
+          nullable: true,
+        },
+        hd_broadcast_720p25: {
+          type: "string",
+          nullable: true,
+        },
+        hd_broadcast_720p50: {
+          type: "string",
+          nullable: true,
+        },
+        large_qt: {
+          type: "string",
+          nullable: true,
+        },
+        medium_flash: {
+          type: "string",
+          nullable: true,
+        },
+        medium_mpeg1: {
+          type: "string",
+          nullable: true,
+        },
+        medium_podcast: {
+          type: "string",
+          nullable: true,
+        },
+        news: {
+          type: "string",
+          nullable: true,
+        },
+        newsfeature: {
+          type: "string",
+          nullable: true,
+        },
+        newsmini: {
+          type: "string",
+          nullable: true,
+        },
+        old_video: {
+          type: "string",
+          nullable: true,
+        },
+        original: {
+          type: "string",
+          nullable: true,
+        },
+        potwmedium: {
+          type: "string",
+          nullable: true,
+        },
+        qtvr: {
+          type: "string",
+          nullable: true,
+        },
+        script: {
+          type: "string",
+          nullable: true,
+        },
+        small_flash: {
+          type: "string",
+          nullable: true,
+        },
+        small_qt: {
+          type: "string",
+          nullable: true,
+        },
+        thumb: {
+          type: "string",
+          nullable: true,
+        },
+        thumb300y: {
+          type: "string",
+          nullable: true,
+        },
+        thumb350x: {
+          type: "string",
+          nullable: true,
+        },
+        ultra_hd: {
+          type: "string",
+          nullable: true,
+        },
+        ultra_hd_8k_broadcast: {
+          type: "string",
+          nullable: true,
+        },
+        ultra_hd_8k_h265: {
+          type: "string",
+          nullable: true,
+        },
+        ultra_hd_broadcast: {
+          type: "string",
+          nullable: true,
+        },
+        ultra_hd_h265: {
+          type: "string",
+          nullable: true,
+        },
+        videoframe: {
+          type: "string",
+          nullable: true,
+        },
+        vr_16kmaster: {
+          type: "string",
+          nullable: true,
+        },
+        vr_2k_sos: {
+          type: "string",
+          nullable: true,
+        },
+        vr_4k: {
+          type: "string",
+          nullable: true,
+        },
+        vr_4k_sos: {
+          type: "string",
+          nullable: true,
+        },
+        vr_4kmaster: {
+          type: "string",
+          nullable: true,
+        },
+        vr_8k: {
+          type: "string",
+          nullable: true,
+        },
+        vr_8kmaster: {
+          type: "string",
+          nullable: true,
+        },
+      },
+      readOnly: true,
+    },
+  },
+  required: [
+    "categories",
+    "duration",
+    "formats",
+    "id",
+    "release_date",
+    "title",
+    "url",
+  ],
+} as const;
+
+export const VideoMiniSchema = {
+  type: "object",
+  properties: {
+    id: {
+      type: "string",
+      description:
+        "Id of video - used in the URL for the image as well as the filename for the different formats.",
+      maxLength: 50,
+      pattern: "^[-a-zA-Z0-9_]+$",
+    },
+    url: {
+      type: "string",
+      readOnly: true,
+    },
+    lang: {
+      type: "string",
+      title: "Language",
+      maxLength: 7,
+    },
+    source: {
+      type: "string",
+      description:
+        "Id of video - used in the URL for the image as well as the filename for the different formats.",
+      nullable: true,
+      title: "Translation source",
+    },
+    title: {
+      type: "string",
+      description: "General descriptive title given to the image resource.",
+      maxLength: 255,
+    },
+    featured: {
+      type: "boolean",
+    },
+    duration: {
+      type: "string",
+      nullable: true,
+      readOnly: true,
+    },
+    categories: {
+      type: "array",
+      items: {
+        $ref: "#/components/schemas/Category",
+      },
+    },
+    youtube_video_id: {
+      type: "string",
+      nullable: true,
+      title: "YouTube VideoID",
+      maxLength: 11,
+    },
+    use_youtube: {
+      type: "boolean",
+      title: "Use YouTube player",
+    },
+    formats: {
+      type: "object",
+      properties: {
+        broadcast_sd: {
+          type: "string",
+          nullable: true,
+        },
+        cylindrical_16kmaster: {
+          type: "string",
+          nullable: true,
+        },
+        cylindrical_4kmaster: {
+          type: "string",
+          nullable: true,
+        },
+        cylindrical_8kmaster: {
+          type: "string",
+          nullable: true,
+        },
+        cylindrical_preview: {
+          type: "string",
+          nullable: true,
+        },
+        dome_2kmaster: {
+          type: "string",
+          nullable: true,
+        },
+        dome_2kplayback: {
+          type: "string",
+          nullable: true,
+        },
+        dome_4kmaster: {
+          type: "string",
+          nullable: true,
+        },
+        dome_4kplayback: {
+          type: "string",
+          nullable: true,
+        },
+        dome_8kmaster: {
+          type: "string",
+          nullable: true,
+        },
+        dome_mov: {
+          type: "string",
+          nullable: true,
+        },
+        dome_preview: {
+          type: "string",
+          nullable: true,
+        },
+        ext_highres: {
+          type: "string",
+          nullable: true,
+        },
+        ext_playback: {
+          type: "string",
+          nullable: true,
+        },
+        hd_1080_broadcast: {
+          type: "string",
+          nullable: true,
+        },
+        hd_1080_screen: {
+          type: "string",
+          nullable: true,
+        },
+        hd_1080p25_broadcast: {
+          type: "string",
+          nullable: true,
+        },
+        hd_1080p25_screen: {
+          type: "string",
+          nullable: true,
+        },
+        hd_and_apple: {
+          type: "string",
+          nullable: true,
+        },
+        hd_broadcast_720p25: {
+          type: "string",
+          nullable: true,
+        },
+        hd_broadcast_720p50: {
+          type: "string",
+          nullable: true,
+        },
+        large_qt: {
+          type: "string",
+          nullable: true,
+        },
+        medium_flash: {
+          type: "string",
+          nullable: true,
+        },
+        medium_mpeg1: {
+          type: "string",
+          nullable: true,
+        },
+        medium_podcast: {
+          type: "string",
+          nullable: true,
+        },
+        news: {
+          type: "string",
+          nullable: true,
+        },
+        newsfeature: {
+          type: "string",
+          nullable: true,
+        },
+        newsmini: {
+          type: "string",
+          nullable: true,
+        },
+        old_video: {
+          type: "string",
+          nullable: true,
+        },
+        original: {
+          type: "string",
+          nullable: true,
+        },
+        potwmedium: {
+          type: "string",
+          nullable: true,
+        },
+        qtvr: {
+          type: "string",
+          nullable: true,
+        },
+        script: {
+          type: "string",
+          nullable: true,
+        },
+        small_flash: {
+          type: "string",
+          nullable: true,
+        },
+        small_qt: {
+          type: "string",
+          nullable: true,
+        },
+        thumb: {
+          type: "string",
+          nullable: true,
+        },
+        thumb300y: {
+          type: "string",
+          nullable: true,
+        },
+        thumb350x: {
+          type: "string",
+          nullable: true,
+        },
+        ultra_hd: {
+          type: "string",
+          nullable: true,
+        },
+        ultra_hd_8k_broadcast: {
+          type: "string",
+          nullable: true,
+        },
+        ultra_hd_8k_h265: {
+          type: "string",
+          nullable: true,
+        },
+        ultra_hd_broadcast: {
+          type: "string",
+          nullable: true,
+        },
+        ultra_hd_h265: {
+          type: "string",
+          nullable: true,
+        },
+        videoframe: {
+          type: "string",
+          nullable: true,
+        },
+        vr_16kmaster: {
+          type: "string",
+          nullable: true,
+        },
+        vr_2k_sos: {
+          type: "string",
+          nullable: true,
+        },
+        vr_4k: {
+          type: "string",
+          nullable: true,
+        },
+        vr_4k_sos: {
+          type: "string",
+          nullable: true,
+        },
+        vr_4kmaster: {
+          type: "string",
+          nullable: true,
+        },
+        vr_8k: {
+          type: "string",
+          nullable: true,
+        },
+        vr_8kmaster: {
+          type: "string",
+          nullable: true,
+        },
+      },
+      readOnly: true,
+    },
+  },
+  required: ["categories", "duration", "formats", "id", "title", "url"],
+} as const;
diff --git a/lib/api/noirlab/codegen/services.gen.ts b/lib/api/noirlab/codegen/services.gen.ts
new file mode 100644
index 00000000..3e74a814
--- /dev/null
+++ b/lib/api/noirlab/codegen/services.gen.ts
@@ -0,0 +1,45 @@
+// This file is auto-generated by @hey-api/openapi-ts
+
+import {
+  createClient,
+  createConfig,
+  type Options,
+} from "@hey-api/client-fetch";
+import type {
+  ReleasesListData,
+  ReleasesListError,
+  ReleasesListResponse,
+  ReleasesRetrieveData,
+  ReleasesRetrieveError,
+  ReleasesRetrieveResponse,
+} from "./types.gen";
+
+export const client = createClient(createConfig());
+
+export class ReleasesService {
+  public static releasesList<ThrowOnError extends boolean = false>(
+    options?: Options<ReleasesListData, ThrowOnError>
+  ) {
+    return (options?.client ?? client).get<
+      ReleasesListResponse,
+      ReleasesListError,
+      ThrowOnError
+    >({
+      ...options,
+      url: "/public/api/v2/releases/",
+    });
+  }
+
+  public static releasesRetrieve<ThrowOnError extends boolean = false>(
+    options: Options<ReleasesRetrieveData, ThrowOnError>
+  ) {
+    return (options?.client ?? client).get<
+      ReleasesRetrieveResponse,
+      ReleasesRetrieveError,
+      ThrowOnError
+    >({
+      ...options,
+      url: "/public/api/v2/releases/{id}/",
+    });
+  }
+}
diff --git a/lib/api/noirlab/codegen/types.gen.ts b/lib/api/noirlab/codegen/types.gen.ts
new file mode 100644
index 00000000..3f361bf9
--- /dev/null
+++ b/lib/api/noirlab/codegen/types.gen.ts
@@ -0,0 +1,818 @@
+// This file is auto-generated by @hey-api/openapi-ts
+
+export type Activity = {
+  /**
+   * ID of the activity, also used in URLs
+   */
+  id: string;
+  name: string;
+  /**
+   * title to be displayed in the activity description when the activity is joined with other activities
+   */
+  title?: string | null;
+  slogan?: string;
+  observatory: string;
+  readonly key_visual_en: string;
+  readonly key_visual_es: string;
+  /**
+   * Format: HH:MM
+   */
+  duration: string;
+  readonly safety_tech_doc: string;
+  readonly conduct_tech_doc: string;
+  readonly liability_tech_doc: string;
+  readonly safety_tech_doc_es: string;
+  readonly conduct_tech_doc_es: string;
+  readonly liability_tech_doc_es: string;
+  readonly group_safety_tech_doc: string;
+  readonly group_liability_tech_doc: string;
+  readonly group_safety_tech_doc_es: string;
+  readonly group_liability_tech_doc_es: string;
+};
+
+export type Announcement = {
+  /**
+   * Ids are only allowed to contain letters, numbers, underscores or hyphens. They are used in URLs for the archive item.
+   */
+  id: string;
+  lang?: string;
+  readonly url: string;
+  /**
+   * Title is shown in browser window. Use a good informative title, since search engines normally display the title on their result pages.
+   */
+  title: string;
+  /**
+   * Optional subtitle to be shown just above the headline.
+   */
+  subtitle?: string;
+  description?: string;
+  /**
+   * Contacts
+   */
+  contacts?: string;
+  /**
+   * Links
+   */
+  links?: string;
+  featured?: boolean;
+  readonly release_date: string;
+  programs: Array<Program>;
+  readonly images: Array<ImageMini>;
+  readonly videos: Array<VideoMini>;
+};
+
+export type AnnouncementMini = {
+  /**
+   * Ids are only allowed to contain letters, numbers, underscores or hyphens. They are used in URLs for the archive item.
+   */
+  id: string;
+  lang?: string;
+  readonly url: string;
+  /**
+   * Title is shown in browser window. Use a good informative title, since search engines normally display the title on their result pages.
+   */
+  title: string;
+  /**
+   * Optional subtitle to be shown just above the headline.
+   */
+  subtitle?: string;
+  readonly release_date: string;
+  programs: Array<Program>;
+  readonly main_image: ImageMini;
+};
+
+export type AuthorDescription = {
+  readonly name: string;
+  /**
+   * Optional description, e.g.: "Author: ", or "Interview with"
+   */
+  description?: string;
+  readonly photo: string;
+  /**
+   * Direct link to a JPG image, recommended size: 350px wide
+   */
+  readonly static_photo: string;
+};
+
+export type BlankEnum = "";
+
+export const BlankEnum = {
+  EMPTY_STRING: "",
+} as const;
+
+export type Category = {
+  slug: string;
+  /**
+   * Title of query to be displayed to the user.
+   */
+  name: string;
+  logo_url?: string | null;
+};
+
+export type Image = {
+  /**
+   * Id of image - used in the URL for the image as well as the filename for the different formats.
+   */
+  id: string;
+  readonly url: string;
+  lang?: string;
+  /**
+   * Id of image - used in the URL for the image as well as the filename for the different formats.
+   */
+  source?: string | null;
+  /**
+   * General descriptive title given to the image resource.
+   */
+  title: string;
+  /**
+   * Short description of the full caption.
+   */
+  headline?: string | null;
+  /**
+   * Full caption and related description text for the image resource.
+   */
+  description?: string | null;
+  categories: Array<Category>;
+  /**
+   * The type of image/media resource.
+   *
+   * * `Observation` - Observation
+   * * `Artwork` - Artwork
+   * * `Photographic` - Photographic
+   * * `Planetary` - Planetary
+   * * `Simulation` - Simulation
+   * * `Collage` - Collage
+   * * `Chart` - Chart
+   */
+  type?: (TypeEnum | BlankEnum | NullEnum) | null;
+  /**
+   * The minimum information that the Publisher would like to see mentioned when the resource is used.
+   */
+  credit?: string;
+  readonly release_date: string;
+  /**
+   * Width in pixels of the image resource.
+   */
+  width?: number | null;
+  /**
+   * Height in pixels of the image resource.
+   */
+  height?: number | null;
+  featured?: boolean;
+  subject_name: Array<string>;
+  readonly resources: Array<{
+    ResourceType?: string;
+    MediaType?: string;
+    URL?: string;
+    FileSize?: number | null;
+    Dimensions?: Array<number> | null;
+    ProjectionType?: string | null;
+  }>;
+  readonly formats: {
+    banner1920?: string | null;
+    eps?: string | null;
+    illustrator?: string | null;
+    illustrator_text?: string | null;
+    large?: string | null;
+    medium?: string | null;
+    news?: string | null;
+    newsfeature?: string | null;
+    newsmini?: string | null;
+    original?: string | null;
+    pdf?: string | null;
+    pl_original?: string | null;
+    pl_screen?: string | null;
+    pl_thumbs?: string | null;
+    portrait1080?: string | null;
+    poster400y?: string | null;
+    potwmedium?: string | null;
+    publicationjpg?: string | null;
+    publicationtiff?: string | null;
+    publicationtiff10k?: string | null;
+    publicationtiff25k?: string | null;
+    publicationtiff40k?: string | null;
+    screen?: string | null;
+    screen640?: string | null;
+    thumb150y?: string | null;
+    thumb300y?: string | null;
+    thumb350x?: string | null;
+    thumb700x?: string | null;
+    thumbs?: string | null;
+    wallpaper1?: string | null;
+    wallpaper2?: string | null;
+    wallpaper3?: string | null;
+    wallpaper4?: string | null;
+    wallpaper5?: string | null;
+    wallpaperthumbs?: string | null;
+    zoomable?: string | null;
+  };
+};
+
+export type ImageItem = ImageTiny | ImageMini;
+
+export type ImageMini = {
+  /**
+   * Id of image - used in the URL for the image as well as the filename for the different formats.
+   */
+  id: string;
+  readonly url: string;
+  lang?: string;
+  /**
+   * Id of image - used in the URL for the image as well as the filename for the different formats.
+   */
+  source?: string | null;
+  /**
+   * General descriptive title given to the image resource.
+   */
+  title: string;
+  /**
+   * Width in pixels of the image resource.
+   */
+  width?: number | null;
+  /**
+   * Height in pixels of the image resource.
+   */
+  height?: number | null;
+  featured?: boolean;
+  categories: Array<Category>;
+  readonly formats: {
+    banner1920?: string | null;
+    eps?: string | null;
+    illustrator?: string | null;
+    illustrator_text?: string | null;
+    large?: string | null;
+    medium?: string | null;
+    news?: string | null;
+    newsfeature?: string | null;
+    newsmini?: string | null;
+    original?: string | null;
+    pdf?: string | null;
+    pl_original?: string | null;
+    pl_screen?: string | null;
+    pl_thumbs?: string | null;
+    portrait1080?: string | null;
+    poster400y?: string | null;
+    potwmedium?: string | null;
+    publicationjpg?: string | null;
+    publicationtiff?: string | null;
+    publicationtiff10k?: string | null;
+    publicationtiff25k?: string | null;
+    publicationtiff40k?: string | null;
+    screen?: string | null;
+    screen640?: string | null;
+    thumb150y?: string | null;
+    thumb300y?: string | null;
+    thumb350x?: string | null;
+    thumb700x?: string | null;
+    thumbs?: string | null;
+    wallpaper1?: string | null;
+    wallpaper2?: string | null;
+    wallpaper3?: string | null;
+    wallpaper4?: string | null;
+    wallpaper5?: string | null;
+    wallpaperthumbs?: string | null;
+    zoomable?: string | null;
+  };
+};
+
+export type ImageTiny = {
+  /**
+   * Id of image - used in the URL for the image as well as the filename for the different formats.
+   */
+  id: string;
+  readonly url: string;
+  lang?: string;
+  /**
+   * General descriptive title given to the image resource.
+   */
+  title: string;
+  /**
+   * Width in pixels of the image resource.
+   */
+  width?: number | null;
+  /**
+   * Height in pixels of the image resource.
+   */
+  height?: number | null;
+  readonly formats: {
+    thumb300y?: string | null;
+    screen?: string | null;
+    thumb700x?: string | null;
+  };
+};
+
+export type Model3D = {
+  /**
+   * Ids are only allowed to contain letters, numbers, underscores or hyphens. They are used in URLs for the archive item.
+   */
+  id: string;
+  /**
+   * Title is shown in browser window. Use a good informative title, since search engines normally display the title on their result pages.
+   */
+  title: string;
+  description?: string;
+  readonly credit: string;
+  /**
+   * Priority of product (100 highest, 0 lowest) - high priority products are ranked higher in search results than low priority products.
+   */
+  priority?: number;
+  readonly release_date: string;
+  readonly assets: string;
+};
+
+export type NullEnum = unknown;
+
+export type Page = {
+  /**
+   * Title is shown in browser window. Use a good informative title, since search engines normally display the title on their result pages.
+   */
+  title: string;
+  content?: string;
+  /**
+   * The metadata description is normally shown in search engine results, making the description an effective way of capturing users attention. Description should be a clear description of the content and less the 200 characters long. Also used when sharing page on social media
+   */
+  description?: string;
+  /**
+   * Comma-separated list of keywords for this page. Mainly used internally as search engines rarely use keywords to rank pages.
+   */
+  keywords?: string;
+};
+
+export type PageRequest = {
+  /**
+   * Title is shown in browser window. Use a good informative title, since search engines normally display the title on their result pages.
+   */
+  title: string;
+  content?: string;
+  /**
+   * The metadata description is normally shown in search engine results, making the description an effective way of capturing users attention. Description should be a clear description of the content and less the 200 characters long. Also used when sharing page on social media
+   */
+  description?: string;
+  /**
+   * Comma-separated list of keywords for this page. Mainly used internally as search engines rarely use keywords to rank pages.
+   */
+  keywords?: string;
+};
+
+export type PaginatedAnnouncementMiniList = {
+  count?: number;
+  next?: string | null;
+  previous?: string | null;
+  results?: Array<AnnouncementMini>;
+};
+
+export type PaginatedImageItemList = {
+  count?: number;
+  next?: string | null;
+  previous?: string | null;
+  results?: Array<ImageItem>;
+};
+
+export type PaginatedImageList = {
+  count?: number;
+  next?: string | null;
+  previous?: string | null;
+  results?: Array<Image>;
+};
+
+export type PaginatedModel3dList = {
+  count?: number;
+  next?: string | null;
+  previous?: string | null;
+  results?: Array<Model3D>;
+};
+
+export type PaginatedPodcastList = {
+  count?: number;
+  next?: string | null;
+  previous?: string | null;
+  results?: Array<Podcast>;
+};
+
+export type PaginatedReleaseMiniList = {
+  count?: number;
+  next?: string | null;
+  previous?: string | null;
+  results?: Array<ReleaseMini>;
+};
+
+export type PaginatedVideoList = {
+  count?: number;
+  next?: string | null;
+  previous?: string | null;
+  results?: Array<Video>;
+};
+
+export type PaginatedVideoMiniList = {
+  count?: number;
+  next?: string | null;
+  previous?: string | null;
+  results?: Array<VideoMini>;
+};
+
+export type PatchedPageRequest = {
+  /**
+   * Title is shown in browser window. Use a good informative title, since search engines normally display the title on their result pages.
+   */
+  title?: string;
+  content?: string;
+  /**
+   * The metadata description is normally shown in search engine results, making the description an effective way of capturing users attention. Description should be a clear description of the content and less the 200 characters long. Also used when sharing page on social media
+   */
+  description?: string;
+  /**
+   * Comma-separated list of keywords for this page. Mainly used internally as search engines rarely use keywords to rank pages.
+   */
+  keywords?: string;
+};
+
+export type Podcast = {
+  /**
+   * Ids are only allowed to contain letters, numbers, underscores or hyphens. They are used in URLs for the archive item.
+   */
+  id: string;
+  /**
+   * Title is shown in browser window. Use a good informative title, since search engines normally display the title on their result pages.
+   */
+  title: string;
+  description?: string;
+  readonly credit: string;
+  /**
+   * Priority of product (100 highest, 0 lowest) - high priority products are ranked higher in search results than low priority products.
+   */
+  priority?: number;
+  readonly release_date: string;
+  readonly assets: string;
+};
+
+export type Post = {
+  readonly id: string;
+  /**
+   * Used for the URL, this cannot be updated later
+   */
+  slug: string;
+  readonly url: string;
+  title: string;
+  /**
+   * Optional subtitle
+   */
+  subtitle?: string;
+  readonly banner: string;
+  authors: Array<AuthorDescription>;
+  readonly category: Category;
+  lede: string;
+  release_date?: Date | null;
+};
+
+export type Program = {
+  slug: string;
+  /**
+   * Title of query to be displayed to the user.
+   */
+  name: string;
+  logo_url?: string | null;
+};
+
+export type Release = {
+  /**
+   * Id of release - e.g. heic0801. The id must be unique.
+   */
+  id: string;
+  lang?: string;
+  readonly url: string;
+  /**
+   * Title is shown in browser window. Use a good informative title, since search engines normally display the title on their result pages.
+   */
+  title: string;
+  readonly release_type: string;
+  /**
+   * Optional subtitle to be shown just above the headline.
+   */
+  subtitle?: string;
+  /**
+   * HTML code in lead is not allowed. The lead is further more normally shown in search engine results, making the description an effective way of capturing users attention.
+   */
+  headline?: string;
+  readonly release_date: string;
+  description?: string;
+  notes?: string;
+  more_information?: string;
+  /**
+   * Help text
+   */
+  links?: string;
+  /**
+   * Disclaimer for press release - usually e.g. retractions of previously issued press releases.
+   */
+  disclaimer?: string;
+  programs: Array<Program>;
+  readonly images: Array<ImageMini>;
+  readonly videos: Array<VideoMini>;
+  contacts: Array<ReleaseContact>;
+};
+
+export type ReleaseContact = {
+  name?: string;
+  email?: string;
+  telephone?: string;
+  cellular?: string;
+  affiliation?: string;
+  address?: string;
+  city?: string;
+  state_province?: string;
+  postal_code?: string;
+  country?: string;
+};
+
+export type ReleaseMini = {
+  /**
+   * Id of release - e.g. heic0801. The id must be unique.
+   */
+  id: string;
+  lang?: string;
+  readonly url: string;
+  readonly release_type: string;
+  /**
+   * Title is shown in browser window. Use a good informative title, since search engines normally display the title on their result pages.
+   */
+  title: string;
+  /**
+   * Optional subtitle to be shown just above the headline.
+   */
+  subtitle?: string;
+  /**
+   * HTML code in lead is not allowed. The lead is further more normally shown in search engine results, making the description an effective way of capturing users attention.
+   */
+  headline?: string;
+  readonly release_date: string;
+  programs: Array<Program>;
+  readonly main_image: ImageMini;
+};
+
+export type Showing = {
+  readonly id: number;
+  readonly start_time: string;
+  readonly formatted_start_time: string;
+  free_spaces: number;
+};
+
+/**
+ * * `Observation` - Observation
+ * * `Artwork` - Artwork
+ * * `Photographic` - Photographic
+ * * `Planetary` - Planetary
+ * * `Simulation` - Simulation
+ * * `Collage` - Collage
+ * * `Chart` - Chart
+ */
+export type TypeEnum =
+  | "Observation"
+  | "Artwork"
+  | "Photographic"
+  | "Planetary"
+  | "Simulation"
+  | "Collage"
+  | "Chart";
+
+/**
+ * * `Observation` - Observation
+ * * `Artwork` - Artwork
+ * * `Photographic` - Photographic
+ * * `Planetary` - Planetary
+ * * `Simulation` - Simulation
+ * * `Collage` - Collage
+ * * `Chart` - Chart
+ */
+export const TypeEnum = {
+  OBSERVATION: "Observation",
+  ARTWORK: "Artwork",
+  PHOTOGRAPHIC: "Photographic",
+  PLANETARY: "Planetary",
+  SIMULATION: "Simulation",
+  COLLAGE: "Collage",
+  CHART: "Chart",
+} as const;
+
+export type Video = {
+  /**
+   * Id of video - used in the URL for the image as well as the filename for the different formats.
+   */
+  id: string;
+  readonly url: string;
+  lang?: string;
+  /**
+   * Id of video - used in the URL for the image as well as the filename for the different formats.
+   */
+  source?: string | null;
+  /**
+   * General descriptive title given to the image resource.
+   */
+  title: string;
+  /**
+   * Short description of the full caption.
+   */
+  headline?: string | null;
+  /**
+   * Full caption and related description text for the image resource.
+   */
+  description?: string | null;
+  categories: Array<Category>;
+  /**
+   * The type of image/media resource.
+   *
+   * * `Observation` - Observation
+   * * `Artwork` - Artwork
+   * * `Photographic` - Photographic
+   * * `Planetary` - Planetary
+   * * `Simulation` - Simulation
+   * * `Collage` - Collage
+   * * `Chart` - Chart
+   */
+  type?: (TypeEnum | BlankEnum | NullEnum) | null;
+  /**
+   * The minimum information that the Publisher would like to see mentioned when the resource is used.
+   */
+  credit?: string;
+  readonly release_date: string;
+  featured?: boolean;
+  readonly duration: string | null;
+  youtube_video_id?: string | null;
+  use_youtube?: boolean;
+  readonly formats: {
+    broadcast_sd?: string | null;
+    cylindrical_16kmaster?: string | null;
+    cylindrical_4kmaster?: string | null;
+    cylindrical_8kmaster?: string | null;
+    cylindrical_preview?: string | null;
+    dome_2kmaster?: string | null;
+    dome_2kplayback?: string | null;
+    dome_4kmaster?: string | null;
+    dome_4kplayback?: string | null;
+    dome_8kmaster?: string | null;
+    dome_mov?: string | null;
+    dome_preview?: string | null;
+    ext_highres?: string | null;
+    ext_playback?: string | null;
+    hd_1080_broadcast?: string | null;
+    hd_1080_screen?: string | null;
+    hd_1080p25_broadcast?: string | null;
+    hd_1080p25_screen?: string | null;
+    hd_and_apple?: string | null;
+    hd_broadcast_720p25?: string | null;
+    hd_broadcast_720p50?: string | null;
+    large_qt?: string | null;
+    medium_flash?: string | null;
+    medium_mpeg1?: string | null;
+    medium_podcast?: string | null;
+    news?: string | null;
+    newsfeature?: string | null;
+    newsmini?: string | null;
+    old_video?: string | null;
+    original?: string | null;
+    potwmedium?: string | null;
+    qtvr?: string | null;
+    script?: string | null;
+    small_flash?: string | null;
+    small_qt?: string | null;
+    thumb?: string | null;
+    thumb300y?: string | null;
+    thumb350x?: string | null;
+    ultra_hd?: string | null;
+    ultra_hd_8k_broadcast?: string | null;
+    ultra_hd_8k_h265?: string | null;
+    ultra_hd_broadcast?: string | null;
+    ultra_hd_h265?: string | null;
+    videoframe?: string | null;
+    vr_16kmaster?: string | null;
+    vr_2k_sos?: string | null;
+    vr_4k?: string | null;
+    vr_4k_sos?: string | null;
+    vr_4kmaster?: string | null;
+    vr_8k?: string | null;
+    vr_8kmaster?: string | null;
+  };
+};
+
+export type VideoMini = {
+  /**
+   * Id of video - used in the URL for the image as well as the filename for the different formats.
+   */
+  id: string;
+  readonly url: string;
+  lang?: string;
+  /**
+   * Id of video - used in the URL for the image as well as the filename for the different formats.
+   */
+  source?: string | null;
+  /**
+   * General descriptive title given to the image resource.
+   */
+  title: string;
+  featured?: boolean;
+  readonly duration: string | null;
+  categories: Array<Category>;
+  youtube_video_id?: string | null;
+  use_youtube?: boolean;
+  readonly formats: {
+    broadcast_sd?: string | null;
+    cylindrical_16kmaster?: string | null;
+    cylindrical_4kmaster?: string | null;
+    cylindrical_8kmaster?: string | null;
+    cylindrical_preview?: string | null;
+    dome_2kmaster?: string | null;
+    dome_2kplayback?: string | null;
+    dome_4kmaster?: string | null;
+    dome_4kplayback?: string | null;
+    dome_8kmaster?: string | null;
+    dome_mov?: string | null;
+    dome_preview?: string | null;
+    ext_highres?: string | null;
+    ext_playback?: string | null;
+    hd_1080_broadcast?: string | null;
+    hd_1080_screen?: string | null;
+    hd_1080p25_broadcast?: string | null;
+    hd_1080p25_screen?: string | null;
+    hd_and_apple?: string | null;
+    hd_broadcast_720p25?: string | null;
+    hd_broadcast_720p50?: string | null;
+    large_qt?: string | null;
+    medium_flash?: string | null;
+    medium_mpeg1?: string | null;
+    medium_podcast?: string | null;
+    news?: string | null;
+    newsfeature?: string | null;
+    newsmini?: string | null;
+    old_video?: string | null;
+    original?: string | null;
+    potwmedium?: string | null;
+    qtvr?: string | null;
+    script?: string | null;
+    small_flash?: string | null;
+    small_qt?: string | null;
+    thumb?: string | null;
+    thumb300y?: string | null;
+    thumb350x?: string | null;
+    ultra_hd?: string | null;
+    ultra_hd_8k_broadcast?: string | null;
+    ultra_hd_8k_h265?: string | null;
+    ultra_hd_broadcast?: string | null;
+    ultra_hd_h265?: string | null;
+    videoframe?: string | null;
+    vr_16kmaster?: string | null;
+    vr_2k_sos?: string | null;
+    vr_4k?: string | null;
+    vr_4k_sos?: string | null;
+    vr_4kmaster?: string | null;
+    vr_8k?: string | null;
+    vr_8kmaster?: string | null;
+  };
+};
+
+export type ReleasesListData = {
+  query?: {
+    /**
+     * The language to use, used along with "translation_mode", default: user "preferred_language" cookie
+     */
+    lang?: "en" | "es";
+    /**
+     * A page number within the paginated result set.
+     */
+    page?: number;
+    /**
+     * Number of results to return per page. Max: 50, Default: 10
+     */
+    page_size?: number;
+    /**
+     * The program identifier, e.g: kpno, rubin, gemini, ctio, csdc, noao, useltp, noirlab
+     */
+    program?: string;
+    /**
+     * Defines if the original version of an object is returned in case the translation is not found, use "fallback" to retrieve the original content if no translation exist, or "language" to return translated content only. Default: "language"
+     */
+    translation_mode?: "fallback" | "language";
+  };
+};
+
+export type ReleasesListResponse = PaginatedReleaseMiniList;
+
+export type ReleasesListError = unknown;
+
+export type ReleasesRetrieveData = {
+  path: {
+    id: string;
+  };
+  query?: {
+    /**
+     * The language to use, used along with "translation_mode", default: user "preferred_language" cookie
+     */
+    lang?: "en" | "es";
+    /**
+     * Defines if the original version of an object is returned in case the translation is not found, use "fallback" to retrieve the original content if no translation exist, or "language" to return translated content only. Default: "language"
+     */
+    translation_mode?: "fallback" | "language";
+  };
+};
+
+export type ReleasesRetrieveResponse = Release;
+
+export type ReleasesRetrieveError = unknown;
diff --git a/lib/api/noirlab/index.ts b/lib/api/noirlab/index.ts
index 71b5e0eb..9ed99609 100644
--- a/lib/api/noirlab/index.ts
+++ b/lib/api/noirlab/index.ts
@@ -1,15 +1,33 @@
-export async function getRelease(locale: string, id: string) {
-  const releaseUrl = `https://noirlab.edu/public/api/v2/releases/${id}/?lang=${locale}&translation_mode=fallback`;
-  const response = await fetch(releaseUrl, {
-    next: { tags: ["pressRelease"] },
-  });
-  const release = await response.json();
-  return release;
-}
+import { OpenGraph } from "next/dist/lib/metadata/types/opengraph-types";
+import { client, ImageMini, ReleasesService } from "./codegen";
+import { Locale } from "@/lib/i18n/settings";
+
+client.setConfig({
+  baseUrl: "https://noirlab.edu",
+});
 
-export async function getReleaseOpenGraph(locale: string, id: string) {
+export function getReleaseOpenGraph(
+  images: Array<ImageMini> = []
+): OpenGraph["images"] | undefined {
   const format = "screen640";
-  const { images } = await getRelease(locale, id);
+
+  const feature = images[0];
+
+  if (!feature) return;
+
+  const { title, height, width, formats } = feature;
+
+  if (formats[format]) {
+    return {
+      alt: title,
+      url: formats[format],
+      height: height || undefined,
+      width: width || undefined,
+    };
+  }
+}
+
+export function getReleaseHero(images: Array<ImageMini>) {
   if (!images) return;
   const feature = images[0];
   if (!feature) return;
@@ -17,9 +35,29 @@ export async function getReleaseOpenGraph(locale: string, id: string) {
   const { title, height, width, formats } = feature;
 
   return {
-    alt: title,
-    url: formats[format],
+    altText: title,
+    url: formats.banner1920,
     height,
     width,
   };
 }
+
+export const generateReleaseMetadata = async (id: string, locale: string) => {
+  const { data } = await ReleasesService.releasesRetrieve({
+    path: {
+      id,
+    },
+    query: {
+      lang: locale as Locale,
+      translation_mode: "fallback",
+    },
+  });
+
+  return {
+    title: data?.title,
+    description: data?.headline,
+    openGraph: {
+      images: getReleaseOpenGraph(data?.images),
+    },
+  };
+};
diff --git a/lib/i18n/settings.js b/lib/i18n/settings.ts
similarity index 85%
rename from lib/i18n/settings.js
rename to lib/i18n/settings.ts
index 0682e43e..cc6bcac0 100644
--- a/lib/i18n/settings.js
+++ b/lib/i18n/settings.ts
@@ -1,8 +1,9 @@
 export const fallbackLng = "en";
-export const languages = [fallbackLng, "es"];
+export const languages = [fallbackLng, "es"] as const;
 export const defaultNS = "translation";
 export const namespaces = [defaultNS];
 export const cookieName = "NEXT_LOCALE";
+export type Locale = (typeof languages)[number];
 
 export function getOptions(lng = fallbackLng, ns = defaultNS) {
   return {
diff --git a/openapi-ts.config.ts b/openapi-ts.config.ts
new file mode 100644
index 00000000..31f2d819
--- /dev/null
+++ b/openapi-ts.config.ts
@@ -0,0 +1,20 @@
+import { defineConfig } from "@hey-api/openapi-ts";
+
+export default defineConfig({
+  client: "@hey-api/client-fetch",
+  input: "https://noirlab.edu/public/documentation/schema/",
+  output: {
+    format: "prettier",
+    lint: "eslint",
+    path: "./lib/api/noirlab/codegen",
+  },
+  types: {
+    dates: "types+transform",
+    enums: "javascript",
+    name: "PascalCase",
+  },
+  services: {
+    asClass: true,
+    filter: "^\\w+ /public/api/v2/releases",
+  },
+});
diff --git a/package.json b/package.json
index 194cdf5a..27d4e484 100644
--- a/package.json
+++ b/package.json
@@ -29,7 +29,8 @@
     "cypress": "CYPRESS_BASE_URL=http://localhost:3000 cypress open",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "proxy": "env-cmd -x lcp --proxyUrl \\$EFD_URL_PROXY"
+    "proxy": "env-cmd -x lcp --proxyUrl \\$EFD_URL_PROXY",
+    "openapi": "openapi-ts"
   },
   "babel": {
     "presets": [
@@ -58,6 +59,7 @@
     "@castiron/components-breadcrumbs": "2.0.2",
     "@castiron/style-mixins": "^1.0.6",
     "@headlessui/react": "^1.6.6",
+    "@hey-api/client-fetch": "^0.4.1",
     "@influxdata/influxdb-client": "^1.33.2",
     "@popperjs/core": "^2.11.5",
     "@react-oauth/google": "^0.12.1",
@@ -90,6 +92,7 @@
     "react-is": "^18.2.0",
     "react-player": "^2.12.0",
     "react-popper": "^2.3.0",
+    "sanitize-html": "^2.13.1",
     "striptags": "^3.2.0",
     "styled-components": "^6.1.1",
     "swr": "^1.3.0",
@@ -98,6 +101,7 @@
     "use-resize-observer": "^9.0.2"
   },
   "devDependencies": {
+    "@hey-api/openapi-ts": "^0.53.10",
     "@rushstack/eslint-patch": "^1.1.4",
     "@storybook/addon-a11y": "^7.0.8",
     "@storybook/addon-essentials": "^7.0.6",
@@ -108,6 +112,7 @@
     "@storybook/react": "^7.0.6",
     "@types/node": "^22.6.1",
     "@types/react": "^18.3.8",
+    "@types/sanitize-html": "^2.13.0",
     "babel-plugin-styled-components": "^2.1.4",
     "browserslist": "^4.21.2",
     "cypress": "^12.15.0",
diff --git a/yarn.lock b/yarn.lock
index c017864a..6dd2c213 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -23,6 +23,15 @@
     "@jridgewell/gen-mapping" "^0.3.0"
     "@jridgewell/trace-mapping" "^0.3.9"
 
+"@apidevtools/json-schema-ref-parser@11.7.0":
+  version "11.7.0"
+  resolved "https://registry.yarnpkg.com/@apidevtools/json-schema-ref-parser/-/json-schema-ref-parser-11.7.0.tgz#228d72018a0e7cbee744b677eaa01a8968f302d9"
+  integrity sha512-pRrmXMCwnmrkS3MLgAIW5dXRzeTv6GLjkjb4HmxNnvAKXN1Nfzp4KmGADBQvlVUcqi+a5D+hfGDLLnd5NnYxog==
+  dependencies:
+    "@jsdevtools/ono" "^7.1.3"
+    "@types/json-schema" "^7.0.15"
+    js-yaml "^4.1.0"
+
 "@aw-web-design/x-default-browser@1.4.88":
   version "1.4.88"
   resolved "https://registry.yarnpkg.com/@aw-web-design/x-default-browser/-/x-default-browser-1.4.88.tgz#33d869cb2a537cd6d2a8369d4dc8ea4988d4be89"
@@ -1878,6 +1887,21 @@
   dependencies:
     client-only "^0.0.1"
 
+"@hey-api/client-fetch@^0.4.1":
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/@hey-api/client-fetch/-/client-fetch-0.4.1.tgz#181dd58a007365c5aca0b3a0e0bb562764dce7b2"
+  integrity sha512-dQ53vyuszaMptG4SguWxTdDwZsbhQzg7OVyTPTHnOYMtIbITfg739dz5iR7xh5tkCCWidQnkU8VOXygUx94mWA==
+
+"@hey-api/openapi-ts@^0.53.10":
+  version "0.53.10"
+  resolved "https://registry.yarnpkg.com/@hey-api/openapi-ts/-/openapi-ts-0.53.10.tgz#9708573fa12449e7124b2a59c03add5a6bad8be0"
+  integrity sha512-FHtUBiP0uMKxgdzEsaCR2IHHRR7v+SC7adgQ/gk5H4vh+30HN2NxIObXL+sy0VFvk+WwgzcL0pcZWbEiRXFMpg==
+  dependencies:
+    "@apidevtools/json-schema-ref-parser" "11.7.0"
+    c12 "2.0.1"
+    commander "12.1.0"
+    handlebars "4.7.8"
+
 "@humanwhocodes/config-array@^0.11.10":
   version "0.11.10"
   resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.10.tgz#5a3ffe32cc9306365fb3fd572596cd602d5e12d2"
@@ -2078,6 +2102,11 @@
     "@jridgewell/resolve-uri" "^3.1.0"
     "@jridgewell/sourcemap-codec" "^1.4.14"
 
+"@jsdevtools/ono@^7.1.3":
+  version "7.1.3"
+  resolved "https://registry.yarnpkg.com/@jsdevtools/ono/-/ono-7.1.3.tgz#9df03bbd7c696a5c58885c34aa06da41c8543796"
+  integrity sha512-4JQNk+3mVzK3xh2rqd6RB4J46qUR19azEHBneZyTZM+c456qOrbbM/5xcR8huNCCcbVt7+UmizG6GuUvPvKUYg==
+
 "@juggle/resize-observer@^3.3.1":
   version "3.4.0"
   resolved "https://registry.yarnpkg.com/@juggle/resize-observer/-/resize-observer-3.4.0.tgz#08d6c5e20cf7e4cc02fd181c4b0c225cd31dbb60"
@@ -3477,6 +3506,11 @@
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.11.tgz#d421b6c527a3037f7c84433fd2c4229e016863d3"
   integrity sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==
 
+"@types/json-schema@^7.0.15":
+  version "7.0.15"
+  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.15.tgz#596a1747233694d50f6ad8a7869fcb6f56cf5841"
+  integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==
+
 "@types/json-schema@^7.0.9":
   version "7.0.12"
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.12.tgz#d70faba7039d5fca54c83c7dbab41051d2b6f6cb"
@@ -3599,6 +3633,13 @@
     "@types/prop-types" "*"
     csstype "^3.0.2"
 
+"@types/sanitize-html@^2.13.0":
+  version "2.13.0"
+  resolved "https://registry.yarnpkg.com/@types/sanitize-html/-/sanitize-html-2.13.0.tgz#ac3620e867b7c68deab79c72bd117e2049cdd98e"
+  integrity sha512-X31WxbvW9TjIhZZNyNBZ/p5ax4ti7qsNDBDEnH4zAgmEh35YnFD1UiS6z9Cd34kKm0LslFW0KPmTQzu/oGtsqQ==
+  dependencies:
+    htmlparser2 "^8.0.0"
+
 "@types/scheduler@*":
   version "0.16.2"
   resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.2.tgz#1a62f89525723dde24ba1b01b092bf5df8ad4d39"
@@ -3976,6 +4017,11 @@ acorn@^7.4.1:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
   integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
 
+acorn@^8.12.1:
+  version "8.12.1"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.12.1.tgz#71616bdccbe25e27a54439e0046e89ca76df2248"
+  integrity sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==
+
 acorn@^8.5.0, acorn@^8.7.1:
   version "8.8.2"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.2.tgz#1b2f25db02af965399b9776b0c2c391276d37c4a"
@@ -4758,6 +4804,24 @@ bytes@3.1.2:
   resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.2.tgz#8b0beeb98605adf1b128fa4386403c009e0221a5"
   integrity sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==
 
+c12@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/c12/-/c12-2.0.1.tgz#5702d280b31a08abba39833494c9b1202f0f5aec"
+  integrity sha512-Z4JgsKXHG37C6PYUtIxCfLJZvo6FyhHJoClwwb9ftUkLpPSkuYqn6Tr+vnaN8hymm0kIbcg6Ey3kv/Q71k5w/A==
+  dependencies:
+    chokidar "^4.0.1"
+    confbox "^0.1.7"
+    defu "^6.1.4"
+    dotenv "^16.4.5"
+    giget "^1.2.3"
+    jiti "^2.3.0"
+    mlly "^1.7.1"
+    ohash "^1.1.4"
+    pathe "^1.1.2"
+    perfect-debounce "^1.0.0"
+    pkg-types "^1.2.0"
+    rc9 "^2.1.2"
+
 c8@^7.6.0:
   version "7.13.0"
   resolved "https://registry.yarnpkg.com/c8/-/c8-7.13.0.tgz#a2a70a851278709df5a9247d62d7f3d4bcb5f2e4"
@@ -4889,6 +4953,13 @@ check-more-types@^2.24.0:
   optionalDependencies:
     fsevents "~2.3.2"
 
+chokidar@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-4.0.1.tgz#4a6dff66798fb0f72a94f616abbd7e1a19f31d41"
+  integrity sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==
+  dependencies:
+    readdirp "^4.0.1"
+
 chownr@^1.1.1:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.4.tgz#6fc9d7b42d32a583596337666e7d08084da2cc6b"
@@ -4909,6 +4980,13 @@ ci-info@^3.2.0:
   resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.5.0.tgz#bfac2a29263de4c829d806b1ab478e35091e171f"
   integrity sha512-yH4RezKOGlOhxkmhbeNuC4eYZKAUsEaGtBuBzDDP1eFUKiccDWzBABxBfOx31IDwDIXMTxWuwAxUGModvkbuVw==
 
+citty@^0.1.6:
+  version "0.1.6"
+  resolved "https://registry.yarnpkg.com/citty/-/citty-0.1.6.tgz#0f7904da1ed4625e1a9ea7e0fa780981aab7c5e4"
+  integrity sha512-tskPPKEs8D2KPafUypv2gxwJP8h/OaJmC82QQGGDQcHvXX43xF2VDACcJVmZ0EuSxkpO9Kc4MlrA3q0+FG58AQ==
+  dependencies:
+    consola "^3.2.3"
+
 classnames@^2.3.1, classnames@^2.3.2:
   version "2.3.2"
   resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.3.2.tgz#351d813bf0137fcc6a76a16b88208d2560a0d924"
@@ -5068,6 +5146,11 @@ command-line-args@^5.0.2:
     lodash.camelcase "^4.3.0"
     typical "^4.0.0"
 
+commander@12.1.0:
+  version "12.1.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-12.1.0.tgz#01423b36f501259fdaac4d0e4d60c96c991585d3"
+  integrity sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==
+
 commander@^2.19.0, commander@^2.20.0:
   version "2.20.3"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
@@ -5143,6 +5226,16 @@ concat-stream@^1.6.2:
     readable-stream "^2.2.2"
     typedarray "^0.0.6"
 
+confbox@^0.1.7, confbox@^0.1.8:
+  version "0.1.8"
+  resolved "https://registry.yarnpkg.com/confbox/-/confbox-0.1.8.tgz#820d73d3b3c82d9bd910652c5d4d599ef8ff8b06"
+  integrity sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==
+
+consola@^3.2.3:
+  version "3.2.3"
+  resolved "https://registry.yarnpkg.com/consola/-/consola-3.2.3.tgz#0741857aa88cfa0d6fd53f1cff0375136e98502f"
+  integrity sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==
+
 console-control-strings@^1.0.0, console-control-strings@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/console-control-strings/-/console-control-strings-1.1.0.tgz#3d7cf4464db6446ea644bf4b39507f9851008e8e"
@@ -5605,6 +5698,11 @@ defu@^6.1.2:
   resolved "https://registry.yarnpkg.com/defu/-/defu-6.1.2.tgz#1217cba167410a1765ba93893c6dbac9ed9d9e5c"
   integrity sha512-+uO4+qr7msjNNWKYPHqN/3+Dx3NFkmIzayk2L1MyZQlvgZb/J1A0fo410dpKrN2SnqFjt8n4JL8fDJE0wIgjFQ==
 
+defu@^6.1.4:
+  version "6.1.4"
+  resolved "https://registry.yarnpkg.com/defu/-/defu-6.1.4.tgz#4e0c9cf9ff68fe5f3d7f2765cc1a012dfdcb0479"
+  integrity sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==
+
 del@^6.0.0:
   version "6.1.1"
   resolved "https://registry.yarnpkg.com/del/-/del-6.1.1.tgz#3b70314f1ec0aa325c6b14eb36b95786671edb7a"
@@ -5639,6 +5737,11 @@ dequal@^2.0.2:
   resolved "https://registry.yarnpkg.com/dequal/-/dequal-2.0.3.tgz#2644214f1997d39ed0ee0ece72335490a7ac67be"
   integrity sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==
 
+destr@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/destr/-/destr-2.0.3.tgz#7f9e97cb3d16dbdca7be52aca1644ce402cfe449"
+  integrity sha512-2N3BOUU4gYMpTP24s5rF5iP7BDr7uNTCs4ozw3kf/eKfvWSIu93GEBi5m427YoyJoeOzQ5smuu4nNAPGb8idSQ==
+
 destroy@1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.2.0.tgz#4803735509ad8be552934c67df614f94e66fa015"
@@ -5701,7 +5804,16 @@ dom-serializer@^1.0.1:
     domhandler "^4.2.0"
     entities "^2.0.0"
 
-domelementtype@^2.0.1, domelementtype@^2.2.0:
+dom-serializer@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-2.0.0.tgz#e41b802e1eedf9f6cae183ce5e622d789d7d8e53"
+  integrity sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==
+  dependencies:
+    domelementtype "^2.3.0"
+    domhandler "^5.0.2"
+    entities "^4.2.0"
+
+domelementtype@^2.0.1, domelementtype@^2.2.0, domelementtype@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.3.0.tgz#5c45e8e869952626331d7aab326d01daf65d589d"
   integrity sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==
@@ -5713,6 +5825,13 @@ domhandler@^4.0.0, domhandler@^4.2.0, domhandler@^4.3.1:
   dependencies:
     domelementtype "^2.2.0"
 
+domhandler@^5.0.2, domhandler@^5.0.3:
+  version "5.0.3"
+  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-5.0.3.tgz#cc385f7f751f1d1fc650c21374804254538c7d31"
+  integrity sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==
+  dependencies:
+    domelementtype "^2.3.0"
+
 domutils@^2.5.2, domutils@^2.8.0:
   version "2.8.0"
   resolved "https://registry.yarnpkg.com/domutils/-/domutils-2.8.0.tgz#4437def5db6e2d1f5d6ee859bd95ca7d02048135"
@@ -5722,6 +5841,15 @@ domutils@^2.5.2, domutils@^2.8.0:
     domelementtype "^2.2.0"
     domhandler "^4.2.0"
 
+domutils@^3.0.1:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/domutils/-/domutils-3.1.0.tgz#c47f551278d3dc4b0b1ab8cbb42d751a6f0d824e"
+  integrity sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==
+  dependencies:
+    dom-serializer "^2.0.0"
+    domelementtype "^2.3.0"
+    domhandler "^5.0.3"
+
 dot-case@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/dot-case/-/dot-case-3.0.4.tgz#9b2b670d00a431667a8a75ba29cd1b98809ce751"
@@ -5740,6 +5868,11 @@ dotenv@^16.0.0:
   resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.0.3.tgz#115aec42bac5053db3c456db30cc243a5a836a07"
   integrity sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==
 
+dotenv@^16.4.5:
+  version "16.4.5"
+  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.4.5.tgz#cdd3b3b604cb327e286b4762e13502f717cb099f"
+  integrity sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==
+
 duplexify@^3.5.0, duplexify@^3.6.0:
   version "3.7.1"
   resolved "https://registry.yarnpkg.com/duplexify/-/duplexify-3.7.1.tgz#2a4df5317f6ccfd91f86d6fd25d8d8a103b88309"
@@ -5861,6 +5994,11 @@ entities@^2.0.0:
   resolved "https://registry.yarnpkg.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55"
   integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==
 
+entities@^4.2.0, entities@^4.4.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-4.5.0.tgz#5d268ea5e7113ec74c4d033b79ea5a35a488fb48"
+  integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==
+
 env-cmd@^10.1.0:
   version "10.1.0"
   resolved "https://registry.yarnpkg.com/env-cmd/-/env-cmd-10.1.0.tgz#c7f5d3b550c9519f137fdac4dd8fb6866a8c8c4b"
@@ -6568,6 +6706,21 @@ execa@^7.1.1:
     signal-exit "^3.0.7"
     strip-final-newline "^3.0.0"
 
+execa@^8.0.1:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/execa/-/execa-8.0.1.tgz#51f6a5943b580f963c3ca9c6321796db8cc39b8c"
+  integrity sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==
+  dependencies:
+    cross-spawn "^7.0.3"
+    get-stream "^8.0.1"
+    human-signals "^5.0.0"
+    is-stream "^3.0.0"
+    merge-stream "^2.0.0"
+    npm-run-path "^5.1.0"
+    onetime "^6.0.0"
+    signal-exit "^4.1.0"
+    strip-final-newline "^3.0.0"
+
 executable@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/executable/-/executable-4.1.1.tgz#41532bff361d3e57af4d763b70582db18f5d133c"
@@ -7148,6 +7301,11 @@ get-stream@^6.0.0, get-stream@^6.0.1:
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7"
   integrity sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==
 
+get-stream@^8.0.1:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-8.0.1.tgz#def9dfd71742cd7754a7761ed43749a27d02eca2"
+  integrity sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==
+
 get-symbol-description@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/get-symbol-description/-/get-symbol-description-1.0.0.tgz#7fdb81c900101fbd564dd5f1a30af5aadc1e58d6"
@@ -7199,6 +7357,20 @@ giget@^1.0.0:
     pathe "^1.1.0"
     tar "^6.1.13"
 
+giget@^1.2.3:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/giget/-/giget-1.2.3.tgz#ef6845d1140e89adad595f7f3bb60aa31c672cb6"
+  integrity sha512-8EHPljDvs7qKykr6uw8b+lqLiUc/vUg+KVTI0uND4s63TdsZM2Xus3mflvF0DDG9SiM4RlCkFGL+7aAjRmV7KA==
+  dependencies:
+    citty "^0.1.6"
+    consola "^3.2.3"
+    defu "^6.1.4"
+    node-fetch-native "^1.6.3"
+    nypm "^0.3.8"
+    ohash "^1.1.3"
+    pathe "^1.1.2"
+    tar "^6.2.0"
+
 github-slugger@^1.0.0:
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/github-slugger/-/github-slugger-1.5.0.tgz#17891bbc73232051474d68bd867a34625c955f7d"
@@ -7398,6 +7570,18 @@ gunzip-maybe@^1.4.2:
     pumpify "^1.3.3"
     through2 "^2.0.3"
 
+handlebars@4.7.8:
+  version "4.7.8"
+  resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.7.8.tgz#41c42c18b1be2365439188c77c6afae71c0cd9e9"
+  integrity sha512-vafaFqs8MZkRrSX7sFVUdo3ap/eNiLnb4IakshzvP56X5Nr1iGKAIqdX6tMlm6HcNRIkr6AxO5jFEoJzzpT8aQ==
+  dependencies:
+    minimist "^1.2.5"
+    neo-async "^2.6.2"
+    source-map "^0.6.1"
+    wordwrap "^1.0.0"
+  optionalDependencies:
+    uglify-js "^3.1.4"
+
 handlebars@^4.7.7:
   version "4.7.7"
   resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.7.7.tgz#9ce33416aad02dbd6c8fafa8240d5d98004945a1"
@@ -7585,6 +7769,16 @@ htmlparser2@^6.1.0:
     domutils "^2.5.2"
     entities "^2.0.0"
 
+htmlparser2@^8.0.0:
+  version "8.0.2"
+  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-8.0.2.tgz#f002151705b383e62433b5cf466f5b716edaec21"
+  integrity sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==
+  dependencies:
+    domelementtype "^2.3.0"
+    domhandler "^5.0.3"
+    domutils "^3.0.1"
+    entities "^4.4.0"
+
 http-errors@2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-2.0.0.tgz#b7774a1486ef73cf7667ac9ae0858c012c57b9d3"
@@ -7658,6 +7852,11 @@ human-signals@^4.3.0:
   resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-4.3.1.tgz#ab7f811e851fca97ffbd2c1fe9a958964de321b2"
   integrity sha512-nZXjEF2nbo7lIw3mgYjItAfgQXog3OjJogSbKa2CQIIvSGWcKgeJnQlNXip6NglNzYH45nSRiEVimMvYL8DDqQ==
 
+human-signals@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-5.0.0.tgz#42665a284f9ae0dade3ba41ebc37eb4b852f3a28"
+  integrity sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==
+
 husky@^8.0.3:
   version "8.0.3"
   resolved "https://registry.yarnpkg.com/husky/-/husky-8.0.3.tgz#4936d7212e46d1dea28fef29bb3a108872cd9184"
@@ -8338,6 +8537,11 @@ jest-worker@^29.5.0:
     merge-stream "^2.0.0"
     supports-color "^8.0.0"
 
+jiti@^2.3.0:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/jiti/-/jiti-2.3.3.tgz#39c66fc77476b92a694e65dfe04b294070e2e096"
+  integrity sha512-EX4oNDwcXSivPrw2qKH2LB5PoFxEvgtv2JgwW0bU858HoLQ+kutSvjLMUqBd0PeJYEinLWhoI9Ol0eYMqj/wNQ==
+
 "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
@@ -9058,6 +9262,11 @@ minipass@^4.0.0:
   resolved "https://registry.yarnpkg.com/minipass/-/minipass-4.2.8.tgz#f0010f64393ecfc1d1ccb5f582bcaf45f48e1a3a"
   integrity sha512-fNzuVyifolSLFL4NzpF+wEF4qrgqaaKX0haXPQEdQ7NKAN+WecoKMHV09YcuL/DHxrUsYQOK3MiuDf7Ip2OXfQ==
 
+minipass@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-5.0.0.tgz#3e9788ffb90b694a5d0ec94479a45b5d8738133d"
+  integrity sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==
+
 "minipass@^5.0.0 || ^6.0.2 || ^7.0.0":
   version "7.1.2"
   resolved "https://registry.yarnpkg.com/minipass/-/minipass-7.1.2.tgz#93a9626ce5e5e66bd4db86849e7515e92340a707"
@@ -9088,6 +9297,16 @@ mkdirp@^1.0.3:
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
   integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
 
+mlly@^1.7.1, mlly@^1.7.2:
+  version "1.7.2"
+  resolved "https://registry.yarnpkg.com/mlly/-/mlly-1.7.2.tgz#21c0d04543207495b8d867eff0ac29fac9a023c0"
+  integrity sha512-tN3dvVHYVz4DhSXinXIk7u9syPYaJvio118uomkovAtWBT+RdbP6Lfh/5Lvo519YMmwBafwlh20IPTXIStscpA==
+  dependencies:
+    acorn "^8.12.1"
+    pathe "^1.1.2"
+    pkg-types "^1.2.0"
+    ufo "^1.5.4"
+
 mri@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/mri/-/mri-1.2.0.tgz#6721480fec2a11a4889861115a48b6cbe7cc8f0b"
@@ -9212,6 +9431,11 @@ node-fetch-native@^1.0.2:
   resolved "https://registry.yarnpkg.com/node-fetch-native/-/node-fetch-native-1.1.0.tgz#a530f5c4cadb49b382dcf81d8f5f19ed0f457fbe"
   integrity sha512-nl5goFCig93JZ9FIV8GHT9xpNqXbxQUzkOmKIMKmncsBH9jhg7qKex8hirpymkBFmNQ114chEEG5lS4wgK2I+Q==
 
+node-fetch-native@^1.6.3:
+  version "1.6.4"
+  resolved "https://registry.yarnpkg.com/node-fetch-native/-/node-fetch-native-1.6.4.tgz#679fc8fd8111266d47d7e72c379f1bed9acff06e"
+  integrity sha512-IhOigYzAKHd244OC0JIMIUrjzctirCmPkaIfhDeGcEETWof5zKYUW7e7MYvChGWh/4CJeXEgsRyGzuF334rOOQ==
+
 node-fetch@2.6.7, node-fetch@^2.6.1:
   version "2.6.7"
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.7.tgz#24de9fba827e3b4ae44dc8b20256a379160052ad"
@@ -9324,6 +9548,18 @@ nth-check@^2.0.1:
   dependencies:
     boolbase "^1.0.0"
 
+nypm@^0.3.8:
+  version "0.3.12"
+  resolved "https://registry.yarnpkg.com/nypm/-/nypm-0.3.12.tgz#37541bec0af3a37d3acd81d6662c6666e650b22e"
+  integrity sha512-D3pzNDWIvgA+7IORhD/IuWzEk4uXv6GsgOxiid4UU3h9oq5IqV1KtPDi63n4sZJ/xcWlr88c0QM2RgN5VbOhFA==
+  dependencies:
+    citty "^0.1.6"
+    consola "^3.2.3"
+    execa "^8.0.1"
+    pathe "^1.1.2"
+    pkg-types "^1.2.0"
+    ufo "^1.5.4"
+
 oauth-sign@~0.9.0:
   version "0.9.0"
   resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.9.0.tgz#47a7b016baa68b5fa0ecf3dee08a85c679ac6455"
@@ -9436,6 +9672,11 @@ objectorarray@^1.0.5:
   resolved "https://registry.yarnpkg.com/objectorarray/-/objectorarray-1.0.5.tgz#2c05248bbefabd8f43ad13b41085951aac5e68a5"
   integrity sha512-eJJDYkhJFFbBBAxeh8xW+weHlkI28n2ZdQV/J/DNfWfSKlGEf2xcfAbZTv3riEXHAhL9SVOTs2pRmXiSTf78xg==
 
+ohash@^1.1.3, ohash@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/ohash/-/ohash-1.1.4.tgz#ae8d83014ab81157d2c285abf7792e2995fadd72"
+  integrity sha512-FlDryZAahJmEF3VR3w1KogSEdWX3WhA5GPakFx4J81kEAiHyLMpdLLElS8n8dfNadMgAne/MywcvmogzscVt4g==
+
 on-finished@2.4.1:
   version "2.4.1"
   resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.4.1.tgz#58c8c44116e54845ad57f14ab10b03533184ac3f"
@@ -9617,6 +9858,11 @@ parse-json@^5.0.0:
     json-parse-even-better-errors "^2.3.0"
     lines-and-columns "^1.1.6"
 
+parse-srcset@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/parse-srcset/-/parse-srcset-1.0.2.tgz#f2bd221f6cc970a938d88556abc589caaaa2bde1"
+  integrity sha512-/2qh0lav6CmI15FzA3i/2Bzk2zCgQhGMkvhOhKNcBVQ1ldgpbfiNTVslmooUmWJcADi1f1kIeynbDRVzNlfR6Q==
+
 parseurl@~1.3.2, parseurl@~1.3.3:
   version "1.3.3"
   resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.3.tgz#9da19e7bee8d12dff0513ed5b76957793bc2e8d4"
@@ -9708,6 +9954,11 @@ pathe@^1.1.0:
   resolved "https://registry.yarnpkg.com/pathe/-/pathe-1.1.0.tgz#e2e13f6c62b31a3289af4ba19886c230f295ec03"
   integrity sha512-ODbEPR0KKHqECXW1GoxdDb+AZvULmXjVPy4rt+pGo2+TnjJTIPJQSVS6N63n8T2Ip+syHhbn52OewKicV0373w==
 
+pathe@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/pathe/-/pathe-1.1.2.tgz#6c4cb47a945692e48a1ddd6e4094d170516437ec"
+  integrity sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==
+
 peek-stream@^1.1.0:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/peek-stream/-/peek-stream-1.1.3.tgz#3b35d84b7ccbbd262fff31dc10da56856ead6d67"
@@ -9722,6 +9973,11 @@ pend@~1.2.0:
   resolved "https://registry.yarnpkg.com/pend/-/pend-1.2.0.tgz#7a57eb550a6783f9115331fcf4663d5c8e007a50"
   integrity sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==
 
+perfect-debounce@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/perfect-debounce/-/perfect-debounce-1.0.0.tgz#9c2e8bc30b169cc984a58b7d5b28049839591d2a"
+  integrity sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==
+
 performance-now@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
@@ -9732,6 +9988,11 @@ picocolors@^1.0.0:
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
   integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
 
+picocolors@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.0.tgz#5358b76a78cde483ba5cef6a9dc9671440b27d59"
+  integrity sha512-TQ92mBOW0l3LeMeyLV6mzy/kWr8lkd/hp3mTg7wYK7zJhuBStmGMBG0BdeDZS/dZx1IukaX6Bk11zcln25o1Aw==
+
 picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.3, picomatch@^2.3.0, picomatch@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
@@ -9788,6 +10049,15 @@ pkg-dir@^5.0.0:
   dependencies:
     find-up "^5.0.0"
 
+pkg-types@^1.2.0:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/pkg-types/-/pkg-types-1.2.1.tgz#6ac4e455a5bb4b9a6185c1c79abd544c901db2e5"
+  integrity sha512-sQoqa8alT3nHjGuTjuKgOnvjo4cljkufdtLMnO2LBP/wRwuDlo1tkaEdMxCRhyGRPacv/ztlZgDPm2b7FAmEvw==
+  dependencies:
+    confbox "^0.1.8"
+    mlly "^1.7.2"
+    pathe "^1.1.2"
+
 pnp-webpack-plugin@^1.7.0:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/pnp-webpack-plugin/-/pnp-webpack-plugin-1.7.0.tgz#65741384f6d8056f36e2255a8d67ffc20866f5c9"
@@ -10169,6 +10439,15 @@ postcss@8.4.38, postcss@^8.2.14, postcss@^8.4.14, postcss@^8.4.19, postcss@^8.4.
     picocolors "^1.0.0"
     source-map-js "^1.2.0"
 
+postcss@^8.3.11:
+  version "8.4.47"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.47.tgz#5bf6c9a010f3e724c503bf03ef7947dcb0fea365"
+  integrity sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==
+  dependencies:
+    nanoid "^3.3.7"
+    picocolors "^1.1.0"
+    source-map-js "^1.2.1"
+
 prelude-ls@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
@@ -10383,6 +10662,14 @@ raw-body@2.5.1:
     iconv-lite "0.4.24"
     unpipe "1.0.0"
 
+rc9@^2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/rc9/-/rc9-2.1.2.tgz#6282ff638a50caa0a91a31d76af4a0b9cbd1080d"
+  integrity sha512-btXCnMmRIBINM2LDZoEmOogIZU7Qe7zn4BpomSKZ/ykbLObuBdvG+mFq11DL6fjH1DRwHhrlgtYWG96bJiC7Cg==
+  dependencies:
+    defu "^6.1.4"
+    destr "^2.0.3"
+
 react-colorful@^5.1.2:
   version "5.6.1"
   resolved "https://registry.yarnpkg.com/react-colorful/-/react-colorful-5.6.1.tgz#7dc2aed2d7c72fac89694e834d179e32f3da563b"
@@ -10578,6 +10865,11 @@ readable-stream@^3.1.1, readable-stream@^3.4.0, readable-stream@^3.6.0:
     string_decoder "^1.1.1"
     util-deprecate "^1.0.1"
 
+readdirp@^4.0.1:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-4.0.2.tgz#388fccb8b75665da3abffe2d8f8ed59fe74c230a"
+  integrity sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==
+
 readdirp@~3.6.0:
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
@@ -10985,6 +11277,18 @@ safe-regex-test@^1.0.3:
   resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
   integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
 
+sanitize-html@^2.13.1:
+  version "2.13.1"
+  resolved "https://registry.yarnpkg.com/sanitize-html/-/sanitize-html-2.13.1.tgz#b4639b0a09574ab62b1b353cb99b1b87af742834"
+  integrity sha512-ZXtKq89oue4RP7abL9wp/9URJcqQNABB5GGJ2acW1sdO8JTVl92f4ygD7Yc9Ze09VAZhnt2zegeU0tbNsdcLYg==
+  dependencies:
+    deepmerge "^4.2.2"
+    escape-string-regexp "^4.0.0"
+    htmlparser2 "^8.0.0"
+    is-plain-object "^5.0.0"
+    parse-srcset "^1.0.2"
+    postcss "^8.3.11"
+
 sanitize.css@*:
   version "13.0.0"
   resolved "https://registry.yarnpkg.com/sanitize.css/-/sanitize.css-13.0.0.tgz#2675553974b27964c75562ade3bd85d79879f173"
@@ -11223,6 +11527,11 @@ signal-exit@^4.0.1:
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-4.0.2.tgz#ff55bb1d9ff2114c13b400688fa544ac63c36967"
   integrity sha512-MY2/qGx4enyjprQnFaZsHib3Yadh3IXyV2C321GY0pjGfVBu4un0uDJkwgdxqO+Rdx8JMT8IfJIRwbYVz3Ob3Q==
 
+signal-exit@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-4.1.0.tgz#952188c1cbd546070e2dd20d0f41c0ae0530cb04"
+  integrity sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==
+
 simple-update-notifier@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/simple-update-notifier/-/simple-update-notifier-1.1.0.tgz#67694c121de354af592b347cdba798463ed49c82"
@@ -11281,6 +11590,11 @@ source-map-js@^1.2.0:
   resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.0.tgz#16b809c162517b5b8c3e7dcd315a2a5c2612b2af"
   integrity sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==
 
+source-map-js@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.1.tgz#1ce5650fddd87abc099eda37dcff024c2667ae46"
+  integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==
+
 source-map-support@^0.5.16, source-map-support@~0.5.20:
   version "0.5.21"
   resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.21.tgz#04fe7c7f9e1ed2d662233c28cb2b35b9f63f6e4f"
@@ -11872,6 +12186,18 @@ tar@^6.1.13:
     mkdirp "^1.0.3"
     yallist "^4.0.0"
 
+tar@^6.2.0:
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/tar/-/tar-6.2.1.tgz#717549c541bc3c2af15751bea94b1dd068d4b03a"
+  integrity sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==
+  dependencies:
+    chownr "^2.0.0"
+    fs-minipass "^2.0.0"
+    minipass "^5.0.0"
+    minizlib "^2.1.1"
+    mkdirp "^1.0.3"
+    yallist "^4.0.0"
+
 telejson@^7.0.3:
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/telejson/-/telejson-7.1.0.tgz#1ef7a0dd57eeb52cde933126f61bcc296c170f52"
@@ -12251,6 +12577,11 @@ tz-lookup@^6.1.25:
   resolved "https://registry.yarnpkg.com/tz-lookup/-/tz-lookup-6.1.25.tgz#34d68a7e1ccfcb51f29a9893d2d48e4118d873cd"
   integrity sha512-fFewT9o1uDzsW1QnUU1ValqaihFnwiUiiHr1S79/fxOzKXYYvX+EHeRnpvQJ9B3Qg67wPXT6QF2Esc4pFOrvLg==
 
+ufo@^1.5.4:
+  version "1.5.4"
+  resolved "https://registry.yarnpkg.com/ufo/-/ufo-1.5.4.tgz#16d6949674ca0c9e0fbbae1fa20a71d7b1ded754"
+  integrity sha512-UsUk3byDzKd04EyoZ7U4DOlxQaD14JUKQl6/P7wiX4FNvUfm3XL246n9W5AmqwW5RSFJ27NAuM0iLscAOYUiGQ==
+
 uglify-js@^3.1.4:
   version "3.17.4"
   resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.17.4.tgz#61678cf5fa3f5b7eb789bb345df29afb8257c22c"