From b26da3f911b33722d639206267baa895652283ee Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <me@steffo.eu>
Date: Sat, 4 Jun 2022 05:13:19 +0200
Subject: [PATCH] many many things

---
 components/ActionEventList.tsx                |   4 +-
 components/EventCreate.tsx                    |   2 +-
 components/{EventList.tsx => ListEvents.tsx}  |   4 +-
 components/Loading.tsx                        |   2 +-
 components/Postcard.tsx                       |  16 -
 components/editable/EditableMarkdown.tsx      |  15 +
 components/editable/EditableText.tsx          |  14 +
 components/{ => errors}/ErrorBlock.tsx        |  11 +-
 components/errors/ErrorBoundary.tsx           |  40 ++
 components/{ => errors}/ErrorInline.tsx       |  16 +-
 components/{ => extensions}/FestaIcon.tsx     |   0
 components/extensions/FestaMarkdown.tsx       |  19 +
 components/postcard/Postcard.tsx              |  28 +
 components/postcard/PostcardContext.tsx       |   7 +
 components/postcard/PostcardRenderer.tsx      |  14 +
 components/tools/ToolBar.tsx                  |  16 +
 components/tools/ToolToggleEditing.tsx        |  19 +
 components/view/ViewContent.tsx               |  20 +
 components/view/ViewLanding.tsx               |  26 +
 components/view/ViewNotice.tsx                |  14 +
 contexts/editing.tsx                          |   4 +
 contexts/postcard.tsx                         |   8 -
 next.config.js                                |   4 +-
 package.json                                  |   1 +
 pages/_app.tsx                                |  20 +-
 pages/events/[slug].tsx                       |  57 +-
 pages/index.tsx                               |  65 +--
 prisma/schema.prisma                          |  12 +-
 public/favicon.ico                            | Bin 25931 -> 0 bytes
 public/locales/it-IT/common.json              |   4 +-
 ...markus-spiske-iar-afB0QQw-unsplash-red.jpg |   3 +
 public/vercel.svg                             |   4 -
 styles/color-schemes.css                      |   5 +-
 styles/components/icon.css                    |   3 +
 styles/components/list-events.css             |  12 +
 styles/components/postcard.css                |  15 +
 styles/components/telegram-login.css          |   3 +
 styles/components/toolbar.css                 |  31 +
 styles/components/views/content.css           |  20 +
 styles/components/views/landing.css           |  46 ++
 styles/components/views/notice.css            |   6 +
 styles/elements.css                           |  71 +++
 styles/globals.css                            | 182 +-----
 styles/mood.css                               |  15 +
 yarn.lock                                     | 537 +++++++++++++++++-
 45 files changed, 1122 insertions(+), 293 deletions(-)
 rename components/{EventList.tsx => ListEvents.tsx} (81%)
 delete mode 100644 components/Postcard.tsx
 create mode 100644 components/editable/EditableMarkdown.tsx
 create mode 100644 components/editable/EditableText.tsx
 rename components/{ => errors}/ErrorBlock.tsx (70%)
 create mode 100644 components/errors/ErrorBoundary.tsx
 rename components/{ => errors}/ErrorInline.tsx (61%)
 rename components/{ => extensions}/FestaIcon.tsx (100%)
 create mode 100644 components/extensions/FestaMarkdown.tsx
 create mode 100644 components/postcard/Postcard.tsx
 create mode 100644 components/postcard/PostcardContext.tsx
 create mode 100644 components/postcard/PostcardRenderer.tsx
 create mode 100644 components/tools/ToolBar.tsx
 create mode 100644 components/tools/ToolToggleEditing.tsx
 create mode 100644 components/view/ViewContent.tsx
 create mode 100644 components/view/ViewLanding.tsx
 create mode 100644 components/view/ViewNotice.tsx
 create mode 100644 contexts/editing.tsx
 delete mode 100644 contexts/postcard.tsx
 delete mode 100644 public/favicon.ico
 create mode 100644 public/postcards/markus-spiske-iar-afB0QQw-unsplash-red.jpg
 delete mode 100644 public/vercel.svg
 create mode 100644 styles/components/icon.css
 create mode 100644 styles/components/list-events.css
 create mode 100644 styles/components/postcard.css
 create mode 100644 styles/components/telegram-login.css
 create mode 100644 styles/components/toolbar.css
 create mode 100644 styles/components/views/content.css
 create mode 100644 styles/components/views/landing.css
 create mode 100644 styles/components/views/notice.css
 create mode 100644 styles/elements.css
 create mode 100644 styles/mood.css

diff --git a/components/ActionEventList.tsx b/components/ActionEventList.tsx
index be47f66..cc9720d 100644
--- a/components/ActionEventList.tsx
+++ b/components/ActionEventList.tsx
@@ -3,7 +3,7 @@ import { useTranslation } from "next-i18next";
 import { HTMLProps } from "react";
 import { useMyEventsSWR } from "../hooks/swr/useMyEventsSWR";
 import { Loading } from "./Loading";
-import { EventList } from "./EventList";
+import { ListEvents } from "./ListEvents";
 import { EventCreate } from "./EventCreate";
 
 
@@ -44,7 +44,7 @@ export function ActionEventList(props: HTMLProps<HTMLFormElement>) {
                 <p>
                     {t("eventListDescription")}
                 </p>
-                <EventList data={data} />
+                <ListEvents data={data} />
                 <p>
                     {t("eventListCreateAnother")}
                 </p>
diff --git a/components/EventCreate.tsx b/components/EventCreate.tsx
index 8945c50..de63264 100644
--- a/components/EventCreate.tsx
+++ b/components/EventCreate.tsx
@@ -5,7 +5,7 @@ import { useState } from "react"
 import { useAxiosRequest } from "../hooks/useAxiosRequest"
 import { Loading } from "./Loading"
 import { useEffect } from "react"
-import { ErrorBlock } from "./ErrorBlock"
+import { ErrorBlock } from "./errors/ErrorBlock"
 
 export function EventCreate() {
     const { t } = useTranslation()
diff --git a/components/EventList.tsx b/components/ListEvents.tsx
similarity index 81%
rename from components/EventList.tsx
rename to components/ListEvents.tsx
index 60280a3..080a225 100644
--- a/components/EventList.tsx
+++ b/components/ListEvents.tsx
@@ -1,11 +1,11 @@
 import { Event } from "@prisma/client"
 import { default as Link } from "next/link"
 
-type EventListProps = {
+type ListEventsProps = {
     data: Event[]
 }
 
-export function EventList(props: EventListProps) {
+export function ListEvents(props: ListEventsProps) {
     const contents = props.data.map(e => (
         <li key={e.slug}>
             <Link href={`/events/${e.slug}`}>
diff --git a/components/Loading.tsx b/components/Loading.tsx
index 4b8e492..48be918 100644
--- a/components/Loading.tsx
+++ b/components/Loading.tsx
@@ -1,5 +1,5 @@
 import { faAsterisk } from "@fortawesome/free-solid-svg-icons";
-import { FestaIcon } from "./FestaIcon";
+import { FestaIcon } from "./extensions/FestaIcon";
 
 type LoadingProps = {
     text: string
diff --git a/components/Postcard.tsx b/components/Postcard.tsx
deleted file mode 100644
index fa35be2..0000000
--- a/components/Postcard.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { PostcardContext } from "../contexts/postcard";
-import { useDefinedContext } from "../utils/definedContext";
-
-export function Postcard() {
-    const [postcard, _] = useDefinedContext(PostcardContext)
-
-    const postcardUrl = typeof postcard === "string" ? postcard : postcard.src
-
-    /* eslint-disable @next/next/no-img-element */
-    return <>
-        <div
-            className="postcard"
-            style={{backgroundImage: `url(${postcardUrl})`}}
-        />
-    </>
-}
\ No newline at end of file
diff --git a/components/editable/EditableMarkdown.tsx b/components/editable/EditableMarkdown.tsx
new file mode 100644
index 0000000..fa4a535
--- /dev/null
+++ b/components/editable/EditableMarkdown.tsx
@@ -0,0 +1,15 @@
+import { HTMLProps } from "react";
+import { EditingContext } from "../../contexts/editing";
+import { useDefinedContext } from "../../utils/definedContext";
+import { FestaMarkdown } from "../extensions/FestaMarkdown";
+
+
+export function EditableMarkdown({value, ...props}: HTMLProps<HTMLTextAreaElement>) {
+    const [editing,] = useDefinedContext(EditingContext)
+
+    return editing ? (
+        <textarea value={value} {...props}/>
+    ) : (
+        <FestaMarkdown markdown={value as string}/>
+    )
+}
\ No newline at end of file
diff --git a/components/editable/EditableText.tsx b/components/editable/EditableText.tsx
new file mode 100644
index 0000000..b2d1c30
--- /dev/null
+++ b/components/editable/EditableText.tsx
@@ -0,0 +1,14 @@
+import { HTMLProps } from "react";
+import { EditingContext } from "../../contexts/editing";
+import { useDefinedContext } from "../../utils/definedContext";
+
+
+export function EditableText({value, ...props}: HTMLProps<HTMLInputElement>) {
+    const [editing,] = useDefinedContext(EditingContext)
+
+    return editing ? (
+        <input type="text" value={value} {...props}/>
+    ) : (
+        <span>{value}</span>
+    )
+}
\ No newline at end of file
diff --git a/components/ErrorBlock.tsx b/components/errors/ErrorBlock.tsx
similarity index 70%
rename from components/ErrorBlock.tsx
rename to components/errors/ErrorBlock.tsx
index ecabc67..6318ecd 100644
--- a/components/ErrorBlock.tsx
+++ b/components/errors/ErrorBlock.tsx
@@ -1,13 +1,12 @@
 import { faCircleExclamation } from "@fortawesome/free-solid-svg-icons";
-import { FestaIcon } from "./FestaIcon";
+import { FestaIcon } from "../extensions/FestaIcon";
 
 type ErrorBlockProps = {
-    error: JSON,
+    error: Error,
     text: string
 }
 
 export function ErrorBlock(props: ErrorBlockProps) {
-
     return (
         <div className="error error-block negative">
             <p>
@@ -18,8 +17,10 @@ export function ErrorBlock(props: ErrorBlockProps) {
                 </span>
             </p>
             <pre>
-                <code lang="json">
-                    {JSON.stringify(props.error, undefined, 4)}
+                <code>
+                    <b>{props.error.name}</b> 
+                    :&nbsp;
+                    {props.error.message}
                 </code>
             </pre>
         </div>
diff --git a/components/errors/ErrorBoundary.tsx b/components/errors/ErrorBoundary.tsx
new file mode 100644
index 0000000..e99f3b0
--- /dev/null
+++ b/components/errors/ErrorBoundary.tsx
@@ -0,0 +1,40 @@
+import { Component, ErrorInfo, ReactNode } from "react";
+import { ErrorBlock } from "./ErrorBlock";
+
+type ErrorBoundaryProps = {
+    text: string,
+    children: ReactNode,
+}
+
+type ErrorBoundaryState = {
+    error?: Error,
+    errorInfo?: ErrorInfo,
+}
+
+
+export class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps) {
+        super(props)
+        this.state = {error: undefined, errorInfo: undefined}
+    }
+
+    componentDidCatch(error: Error, errorInfo: ErrorInfo) {
+        this.setState(state => {
+            return {...state, error, errorInfo}
+        })
+    }
+
+    render() {
+        if(this.state.error) {
+            return (
+                <ViewNotice
+                <main id="page-error-fatal" className="page">
+                    <ErrorBlock text={this.props.text} error={this.state.error}/>
+                </main>
+            )
+        }
+        else {
+            return this.props.children
+        }
+    }
+}
\ No newline at end of file
diff --git a/components/ErrorInline.tsx b/components/errors/ErrorInline.tsx
similarity index 61%
rename from components/ErrorInline.tsx
rename to components/errors/ErrorInline.tsx
index 58f65ab..0b4fd66 100644
--- a/components/ErrorInline.tsx
+++ b/components/errors/ErrorInline.tsx
@@ -1,8 +1,8 @@
 import { faCircleExclamation } from "@fortawesome/free-solid-svg-icons";
-import { FestaIcon } from "./FestaIcon";
+import { FestaIcon } from "../extensions/FestaIcon";
 
 type ErrorInlineProps = {
-    error: JSON,
+    error: Error,
     text?: string
 }
 
@@ -11,10 +11,14 @@ export function ErrorInline(props: ErrorInlineProps) {
         <span className="error error-inline negative">
             <FestaIcon icon={faCircleExclamation} />
             &nbsp;
-            <span>
-                {props.text}
-            </span>
-            &nbsp;
+            {props.text ?
+                <>
+                    <span>
+                        {props.text}
+                    </span>
+                    &nbsp;
+                </>
+            : null}
             <code lang="json">
                 {JSON.stringify(props.error)}
             </code>
diff --git a/components/FestaIcon.tsx b/components/extensions/FestaIcon.tsx
similarity index 100%
rename from components/FestaIcon.tsx
rename to components/extensions/FestaIcon.tsx
diff --git a/components/extensions/FestaMarkdown.tsx b/components/extensions/FestaMarkdown.tsx
new file mode 100644
index 0000000..c15e665
--- /dev/null
+++ b/components/extensions/FestaMarkdown.tsx
@@ -0,0 +1,19 @@
+import { ReactNode } from "react"
+import ReactMarkdown from "react-markdown"
+
+type FestaMarkdownProps = {
+    markdown: string,
+}
+
+export function FestaMarkdown({markdown}: FestaMarkdownProps) {
+    return (
+        <ReactMarkdown
+            components={{
+                h1: "h3",
+                h2: "h3",
+            }}
+        >
+            {markdown}
+        </ReactMarkdown>
+    )
+}
\ No newline at end of file
diff --git a/components/postcard/Postcard.tsx b/components/postcard/Postcard.tsx
new file mode 100644
index 0000000..4ca2d5c
--- /dev/null
+++ b/components/postcard/Postcard.tsx
@@ -0,0 +1,28 @@
+import { useEffect } from "react"
+import { PostcardContext } from "./PostcardContext"
+import { useDefinedContext } from "../../utils/definedContext"
+import { StaticImageData } from "next/image"
+
+type PostcardProps = {
+    src?: string | StaticImageData
+}
+
+export function Postcard({src}: PostcardProps) {
+    const [, setPostcard] = useDefinedContext(PostcardContext)
+
+    useEffect(
+        () => {
+            if(src) {
+                if(typeof src === "object") {
+                    setPostcard(src.src)
+                }
+                else {
+                    setPostcard(src)
+                }
+            }
+        },
+        [src]
+    )
+
+    return null
+}
diff --git a/components/postcard/PostcardContext.tsx b/components/postcard/PostcardContext.tsx
new file mode 100644
index 0000000..2f894eb
--- /dev/null
+++ b/components/postcard/PostcardContext.tsx
@@ -0,0 +1,7 @@
+import { createStateContext } from "../../utils/stateContext";
+
+
+/**
+ * Context containing data about the website's current postcard, the blurred background image.
+ */
+export const PostcardContext = createStateContext<string>()
diff --git a/components/postcard/PostcardRenderer.tsx b/components/postcard/PostcardRenderer.tsx
new file mode 100644
index 0000000..50e66dc
--- /dev/null
+++ b/components/postcard/PostcardRenderer.tsx
@@ -0,0 +1,14 @@
+import { PostcardContext } from "./PostcardContext"
+import { useDefinedContext } from "../../utils/definedContext";
+
+
+export function PostcardRenderer() {
+    const [postcard,] = useDefinedContext(PostcardContext)
+
+    return <>
+        <div
+            className="postcard"
+            style={{backgroundImage: `url(${postcard})`}}
+        />
+    </>
+}
\ No newline at end of file
diff --git a/components/tools/ToolBar.tsx b/components/tools/ToolBar.tsx
new file mode 100644
index 0000000..9cdcdc9
--- /dev/null
+++ b/components/tools/ToolBar.tsx
@@ -0,0 +1,16 @@
+import {default as classNames} from "classnames"
+import { ReactNode } from "react"
+
+type ToolBarProps = {
+    vertical: "top" | "bottom",
+    horizontal: "left" | "right",
+    children: ReactNode,
+}
+
+export function ToolBar({vertical, horizontal, children}: ToolBarProps) {
+    return (
+        <div className={classNames("toolbar", `toolbar-${vertical}`, `toolbar-${horizontal}`)} aria-role="toolbar">
+            {children}
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/components/tools/ToolToggleEditing.tsx b/components/tools/ToolToggleEditing.tsx
new file mode 100644
index 0000000..9eda43f
--- /dev/null
+++ b/components/tools/ToolToggleEditing.tsx
@@ -0,0 +1,19 @@
+import { faBinoculars, faPencil } from "@fortawesome/free-solid-svg-icons"
+import { useTranslation } from "next-i18next"
+import { EditingContext } from "../../contexts/editing"
+import { useDefinedContext } from "../../utils/definedContext"
+import { FestaIcon } from "../extensions/FestaIcon"
+
+export function ToolToggleEditing() {
+    const {t} = useTranslation()
+    const [editing, setEditing] = useDefinedContext(EditingContext)
+
+    return (
+        <button 
+            aria-label={editing ? t("toggleEditingView") : t("toggleEditingEdit")}
+            onClick={() => setEditing(!editing)}
+        >
+            <FestaIcon icon={editing ? faBinoculars : faPencil}/>
+        </button>
+    )
+}
\ No newline at end of file
diff --git a/components/view/ViewContent.tsx b/components/view/ViewContent.tsx
new file mode 100644
index 0000000..77baad4
--- /dev/null
+++ b/components/view/ViewContent.tsx
@@ -0,0 +1,20 @@
+import { ReactNode } from "react"
+
+type ViewContentProps = {
+    title: ReactNode
+    content: ReactNode
+}
+
+
+export function ViewContent(props: ViewContentProps) {
+    return (
+        <main className="view-content">
+            <h1 className="view-content-title">
+                {props.title}
+            </h1>
+            <div className="view-content-content">
+                {props.content}
+            </div>
+        </main>
+    )
+}
\ No newline at end of file
diff --git a/components/view/ViewLanding.tsx b/components/view/ViewLanding.tsx
new file mode 100644
index 0000000..acb01fd
--- /dev/null
+++ b/components/view/ViewLanding.tsx
@@ -0,0 +1,26 @@
+import { ReactNode } from "react"
+
+type ViewLandingProps = {
+    title: ReactNode
+    subtitle: ReactNode
+    actions: ReactNode
+}
+
+
+export function ViewLanding(props: ViewLandingProps) {
+    return (
+        <main className="view-landing">
+            <hgroup className="view-landing-titles">
+                <h1 className="view-landing-titles-title">
+                    {props.title}
+                </h1>
+                <h2 className="view-landing-titles-subtitle">
+                    {props.subtitle}
+                </h2>
+            </hgroup>
+            <div className="view-landing-actions">
+                {props.actions}
+            </div>
+        </main>
+    )
+}
\ No newline at end of file
diff --git a/components/view/ViewNotice.tsx b/components/view/ViewNotice.tsx
new file mode 100644
index 0000000..d4b61ab
--- /dev/null
+++ b/components/view/ViewNotice.tsx
@@ -0,0 +1,14 @@
+import { ReactNode } from "react"
+
+type ViewNoticeProps = {
+    notice: ReactNode
+}
+
+
+export function ViewNotice(props: ViewNoticeProps) {
+    return (
+        <main className="view-notice">
+            {props.notice}
+        </main>
+    )
+}
\ No newline at end of file
diff --git a/contexts/editing.tsx b/contexts/editing.tsx
new file mode 100644
index 0000000..ccd1123
--- /dev/null
+++ b/contexts/editing.tsx
@@ -0,0 +1,4 @@
+import { createStateContext } from "../utils/stateContext";
+
+
+export const EditingContext = createStateContext<boolean>()
diff --git a/contexts/postcard.tsx b/contexts/postcard.tsx
deleted file mode 100644
index 01a2e65..0000000
--- a/contexts/postcard.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import { createStateContext } from "../utils/stateContext";
-import { StaticImageData } from "next/image";
-
-
-/**
- * Context containing data about the website's current postcard, the blurred background image.
- */
-export const PostcardContext = createStateContext<string | StaticImageData>()
diff --git a/next.config.js b/next.config.js
index 6bd1182..124d341 100644
--- a/next.config.js
+++ b/next.config.js
@@ -4,8 +4,8 @@ const {i18n} = require("./next-i18next.config")
  * @type {import('next').NextConfig} 
  */
 const nextConfig = {
-  reactStrictMode: true,
-  i18n,
+    reactStrictMode: true,
+    i18n,
 }
 
 module.exports = nextConfig
diff --git a/package.json b/package.json
index 764cfd1..e27ab94 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
     "prisma": "^3.14.0",
     "react": "18.1.0",
     "react-dom": "18.1.0",
+    "react-markdown": "^8.0.3",
     "react-storage-hooks": "^4.0.1",
     "react-telegram-login": "^1.1.2",
     "swr": "^1.3.0"
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 9c45d34..af49cce 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -3,19 +3,21 @@ import type { AppProps } from 'next/app'
 import { LoginContext } from '../contexts/login'
 import { useState } from 'react'
 import defaultPostcard from "../public/postcards/adi-goldstein-Hli3R6LKibo-unsplash.jpg"
-import { Postcard } from '../components/Postcard'
-import { PostcardContext } from '../contexts/postcard'
+import { PostcardRenderer } from '../components/postcard/PostcardRenderer'
+import { PostcardContext } from '../components/postcard/PostcardContext'
 import { StaticImageData } from 'next/image'
-import { appWithTranslation } from 'next-i18next'
+import { appWithTranslation, useTranslation } from 'next-i18next'
 import { FestaLoginData } from '../types/user'
-import {useStoredLogin} from "../hooks/useStoredLogin"
+import { useStoredLogin } from "../hooks/useStoredLogin"
 import { SWRConfig } from 'swr'
 import { AxiosRequestConfig } from 'axios'
 import { useAxios } from '../hooks/useAxios'
+import { ErrorBoundary } from '../components/errors/ErrorBoundary'
 
 
 const App = ({ Component, pageProps }: AppProps): JSX.Element => {
-    const [postcard, setPostcard] = useState<string | StaticImageData>(defaultPostcard)
+    const {t} = useTranslation()
+    const [postcard, setPostcard] = useState<string>(defaultPostcard.src)
     const [login, setLogin] = useState<FestaLoginData | null>(null)
     useStoredLogin(setLogin)
 
@@ -30,16 +32,18 @@ const App = ({ Component, pageProps }: AppProps): JSX.Element => {
         }
     }
 
-    return (
+    return <>
+        <ErrorBoundary text={t("genericError")}>
         <PostcardContext.Provider value={[postcard, setPostcard]}>
         <LoginContext.Provider value={[login, setLogin]}>
         <SWRConfig value={swrConfig}>
-            <Postcard/>
+            <PostcardRenderer/>
             <Component {...pageProps} />
         </SWRConfig>
         </LoginContext.Provider>
         </PostcardContext.Provider>
-    )
+        </ErrorBoundary>
+    </>
 }
 
 export default appWithTranslation(App)
diff --git a/pages/events/[slug].tsx b/pages/events/[slug].tsx
index b192fe8..9d0a25e 100644
--- a/pages/events/[slug].tsx
+++ b/pages/events/[slug].tsx
@@ -2,10 +2,16 @@ import { Event, User } from "@prisma/client";
 import { NextPageContext } from "next";
 import { useTranslation } from "next-i18next";
 import { serverSideTranslations } from "next-i18next/serverSideTranslations";
-import { useEffect } from "react";
-import { PostcardContext } from "../../contexts/postcard";
-import { useDefinedContext } from "../../utils/definedContext";
+import Head from "next/head";
+import { useState } from "react";
+import { ToolBar } from "../../components/tools/ToolBar";
+import { EditableMarkdown } from "../../components/editable/EditableMarkdown";
+import { EditableText } from "../../components/editable/EditableText";
+import { ToolToggleEditing } from "../../components/tools/ToolToggleEditing";
+import { EditingContext } from "../../contexts/editing";
 import { database } from "../../utils/prismaClient";
+import { Postcard } from "../../components/postcard/Postcard";
+import { ViewContent } from "../../components/view/ViewContent";
 
 
 export async function getServerSideProps(context: NextPageContext) {
@@ -38,24 +44,31 @@ type PageEventDetailProps = {
 
 export default function PageEventDetail({event}: PageEventDetailProps) {
     const {t} = useTranslation()
-    const [_, setPostcard] = useDefinedContext(PostcardContext)
+    const editState = useState<boolean>(false)
+    const [description, setDescription] = useState<string>("")
 
-    useEffect(
-        () => {
-            if(event.postcard) {
-                setPostcard(event.postcard)
-            }
-        },
-        [event]
-    )
-
-    return (
-        <main id="page-event-detail" className="page">
-            <hgroup>
-                <h1>
-                    {event.name}
-                </h1>
-            </hgroup>
-        </main>
-    )
+    return <>
+        <Head>
+            <title key="title">{event.name} - {t("siteTitle")}</title>
+        </Head>
+        <Postcard 
+            src={event.postcard ?? undefined}
+        />
+        <EditingContext.Provider value={editState}>
+            <ToolBar vertical="top" horizontal="right">
+                <ToolToggleEditing/>
+            </ToolBar>
+            <ViewContent
+                title={
+                    <EditableText value={event.name}/>
+                }
+                content={<>
+                    <EditableMarkdown 
+                        value={description} 
+                        onChange={e => setDescription((e.target as HTMLTextAreaElement).value)}
+                    />
+                </>}
+            />
+        </EditingContext.Provider>
+    </>
 }
\ No newline at end of file
diff --git a/pages/index.tsx b/pages/index.tsx
index 1eee8f1..b2dc8bf 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,13 +1,14 @@
 import { NextPageContext } from 'next'
 import { useTranslation } from 'next-i18next'
-import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
-import { LoginContext } from '../contexts/login';
-import { useDefinedContext } from '../utils/definedContext';
-import { ActionLoginTelegram } from '../components/ActionLoginTelegram';
-import { ActionEventList } from '../components/ActionEventList';
-import { PostcardContext } from '../contexts/postcard';
+import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
+import { LoginContext } from '../contexts/login'
+import { useDefinedContext } from '../utils/definedContext'
+import { ActionLoginTelegram } from '../components/ActionLoginTelegram'
+import { ActionEventList } from '../components/ActionEventList'
+import {default as Head} from 'next/head'
 import defaultPostcard from "../public/postcards/adi-goldstein-Hli3R6LKibo-unsplash.jpg"
-import { useEffect } from 'react';
+import { Postcard } from '../components/postcard/Postcard'
+import { ViewLanding } from '../components/view/ViewLanding'
 
 
 export async function getStaticProps(context: NextPageContext) {
@@ -22,34 +23,28 @@ export async function getStaticProps(context: NextPageContext) {
 export default function PageIndex() {
     const { t } = useTranslation()
     const [login, ] = useDefinedContext(LoginContext)
-    const [, setPostcard] = useDefinedContext(PostcardContext)
 
-    useEffect(
-        () => {
-            setPostcard(defaultPostcard)
-        },
-        []
-    )
-
-    return (
-        <main id="page-index" className="page">
-            <hgroup className="hero-titles">
-                <h1>
-                    {t("siteTitle")}
-                </h1>
-                <h2>
-                    {t("siteSubtitle")}
-                </h2>
-            </hgroup>
-            {login ?
-                <ActionEventList
-                    className="hero-action"
-                />
-            :
-                <ActionLoginTelegram
-                    className="hero-action"
-                />
+    return <>
+        <Head>
+            <title key="title">{t("siteTitle")}</title>
+        </Head>
+        <Postcard 
+            src={defaultPostcard}
+        />
+        <ViewLanding
+            title={t("siteTitle")}
+            subtitle={t("siteSubtitle")}
+            actions={
+                (login ?
+                    <ActionEventList
+                        className="hero-action"
+                    />
+                :
+                    <ActionLoginTelegram
+                        className="hero-action"
+                    />
+                )
             }
-        </main>
-    )
+        />
+    </>
 }
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 7d877f0..4340b20 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -76,13 +76,15 @@ model Token {
 /// The core of the project, a single instance of people gathering in a certain place at a certain time.
 model Event {
     /// An unique url-safe string identifying the event, and allowing it to be accessed at `/events/SLUG`.
-    slug      String @id
+    slug        String  @id
     /// The id of the {@link User} who created the event.
-    creatorId String @db.Uuid
+    creatorId   String  @db.Uuid
     /// The {@link User} who created the event.
-    creator   User   @relation(fields: [creatorId], references: [id])
+    creator     User    @relation(fields: [creatorId], references: [id])
     /// The name of the event.
-    name      String
+    name        String
     /// The URL to the postcard of the event.
-    postcard String?
+    postcard    String?
+    /// The description of the event. It will be parsed in Markdown!
+    description String  @default("")
 }
diff --git a/public/favicon.ico b/public/favicon.ico
deleted file mode 100644
index 718d6fea4835ec2d246af9800eddb7ffb276240c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 25931
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
LrJugUA?W`A8`#=m

diff --git a/public/locales/it-IT/common.json b/public/locales/it-IT/common.json
index eee027b..9e1e4d8 100644
--- a/public/locales/it-IT/common.json
+++ b/public/locales/it-IT/common.json
@@ -22,5 +22,7 @@
     "eventListCreateSubmitLabel": "Crea",
     "eventListCreateRunning": "Creazione in corso...",
     "eventListCreateRedirecting": "Caricamento dell'evento in corso...",
-    "eventListCreateError": "Si è verificato il seguente errore nella creazione del tuo evento:"
+    "eventListCreateError": "Si è verificato il seguente errore nella creazione del tuo evento:",
+    "toggleEditingEdit": "Modifica pagina",
+    "toggleEditingView": "Visualizza anteprima"
 }
diff --git a/public/postcards/markus-spiske-iar-afB0QQw-unsplash-red.jpg b/public/postcards/markus-spiske-iar-afB0QQw-unsplash-red.jpg
new file mode 100644
index 0000000..771ba27
--- /dev/null
+++ b/public/postcards/markus-spiske-iar-afB0QQw-unsplash-red.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e5582fb0192114e8d96ea700f14b40c40d4a650659a052cfaa65176af594ef6d
+size 5253655
diff --git a/public/vercel.svg b/public/vercel.svg
deleted file mode 100644
index fbf0e25..0000000
--- a/public/vercel.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="283" height="64" viewBox="0 0 283 64" fill="none" 
-    xmlns="http://www.w3.org/2000/svg">
-    <path d="M141.04 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM248.72 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM200.24 34c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9V5h9zM36.95 0L73.9 64H0L36.95 0zm92.38 5l-27.71 48L73.91 5H84.3l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10V51h-9V17h9v9.2c0-5.08 5.91-9.2 13.2-9.2z" fill="#000"/>
-</svg>
\ No newline at end of file
diff --git a/styles/color-schemes.css b/styles/color-schemes.css
index bf88ca7..6ab1ac1 100644
--- a/styles/color-schemes.css
+++ b/styles/color-schemes.css
@@ -1,4 +1,4 @@
-/* Light theme / unsupported */
+@media (prefers-color-scheme: light) {
     body {
         --background: #fafafa;
         --foreground: black;
@@ -17,9 +17,9 @@
     .postcard {
         filter: blur(7px) contrast(25%) brightness(175%);
     }
+}
 
 /* Dark theme */
-@media (prefers-color-scheme: dark) {
     body {
         --background: #050505;
         --foreground: white;
@@ -38,4 +38,3 @@
     .postcard {
         filter: blur(7px) contrast(50%) brightness(50%);
     }
-}
diff --git a/styles/components/icon.css b/styles/components/icon.css
new file mode 100644
index 0000000..ee88b53
--- /dev/null
+++ b/styles/components/icon.css
@@ -0,0 +1,3 @@
+.icon {
+    filter: drop-shadow(1px 1px 1px var(--background));
+}
diff --git a/styles/components/list-events.css b/styles/components/list-events.css
new file mode 100644
index 0000000..5c0d1cf
--- /dev/null
+++ b/styles/components/list-events.css
@@ -0,0 +1,12 @@
+.list-events {
+    max-height: 20vh;
+    padding-left: 20px;
+    padding-bottom: 12px;
+
+    text-align: left;
+
+    overflow-y: scroll;
+
+    column-count: auto;
+    column-width: 140px;
+}
diff --git a/styles/components/postcard.css b/styles/components/postcard.css
new file mode 100644
index 0000000..6d4da6d
--- /dev/null
+++ b/styles/components/postcard.css
@@ -0,0 +1,15 @@
+.postcard {
+    width: 100vw;
+    height: 100vh;
+
+    background-attachment: fixed;
+    background-size: cover;
+    z-index: -1;
+
+    position: fixed;
+    top: 0;
+    left: 0;
+
+    user-select: none;
+    pointer-events: none;
+}
diff --git a/styles/components/telegram-login.css b/styles/components/telegram-login.css
new file mode 100644
index 0000000..0baa5fe
--- /dev/null
+++ b/styles/components/telegram-login.css
@@ -0,0 +1,3 @@
+.container-btn-telegram > div {
+    height: 40px;
+}
diff --git a/styles/components/toolbar.css b/styles/components/toolbar.css
new file mode 100644
index 0000000..1471271
--- /dev/null
+++ b/styles/components/toolbar.css
@@ -0,0 +1,31 @@
+.toolbar {
+    display: flex;
+
+    justify-content: flex-start;
+    align-content: flex-start;
+
+    position: absolute;
+}
+
+.toolbar-top {
+    top: 8px;
+}
+
+.toolbar-bottom {
+    bottom: 8px;
+}
+
+.toolbar-left {
+    left: 8px;
+    flex-direction: row;
+}
+
+.toolbar-right {
+    right: 8px;
+    flex-direction: row-reverse;
+}
+
+.toolbar > * {
+    width: 40px;
+    height: 40px;
+}
\ No newline at end of file
diff --git a/styles/components/views/content.css b/styles/components/views/content.css
new file mode 100644
index 0000000..30fbf7d
--- /dev/null
+++ b/styles/components/views/content.css
@@ -0,0 +1,20 @@
+.view-content {
+    display: grid;
+    grid-template-areas: 
+        "title"
+        "content"
+    ;
+    grid-template-columns: auto;
+    grid-template-rows: auto 1fr;
+
+    justify-content: stretch;
+}
+
+.view-content-title {
+    grid-area: title;
+    text-align: center;
+}
+
+.view-content-content {
+    grid-area: content;
+}
\ No newline at end of file
diff --git a/styles/components/views/landing.css b/styles/components/views/landing.css
new file mode 100644
index 0000000..16a7ad7
--- /dev/null
+++ b/styles/components/views/landing.css
@@ -0,0 +1,46 @@
+.view-landing {
+    display: grid;
+    grid-template-areas: 
+        "titles"
+        "actions"
+    ;
+    grid-template-columns: 100%;
+    grid-template-rows: auto 1fr;
+
+    justify-content: stretch;
+    text-align: center;
+
+    gap: 32px;
+}
+
+.view-landing-titles {
+    grid-area: titles;
+    align-self: center;
+}
+
+.view-landing-titles-title {
+    font-size: 10rem;
+}
+
+.view-landing-titles-subtitle {
+    font-size: 2.5rem;
+}
+
+@media (max-width: 800px) or (max-height: 600px) {
+    .view-landing-titles-title {
+        font-size: 5rem;
+    }
+
+    .view-landing-titles-subtitle {
+        font-size: 1.5rem;
+    }
+}
+
+.view-landing-actions {
+    grid-area: actions;
+    align-self: start;
+    justify-self: center;
+
+    max-width: 800px;
+    width: 100%;
+}
\ No newline at end of file
diff --git a/styles/components/views/notice.css b/styles/components/views/notice.css
new file mode 100644
index 0000000..809ba31
--- /dev/null
+++ b/styles/components/views/notice.css
@@ -0,0 +1,6 @@
+.view-notice {
+    display: flex;
+
+    justify-content: center;
+    align-content: center;
+}
\ No newline at end of file
diff --git a/styles/elements.css b/styles/elements.css
new file mode 100644
index 0000000..eb90186
--- /dev/null
+++ b/styles/elements.css
@@ -0,0 +1,71 @@
+body {
+    padding: 0;
+    margin: 0;
+
+    background-color: var(--background);
+
+    color: var(--foreground);
+    font-family: sans-serif;
+    text-shadow: 1px 1px 1px var(--background);
+
+    min-height: 100vh;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    text-shadow: 2px 2px 2px var(--background);
+    margin: 0;
+}
+
+a {
+    color: var(--anchor);
+}
+
+a:visited {
+    color: var(--anchor-visited);
+}
+
+a:active {
+    color: var(--anchor-active);
+}
+
+input, button, textarea {
+    padding: 8px;
+
+    color: var(--foreground);
+    background-color: var(--interactable);
+
+    border-width: 2px;
+    border-color: var(--border);
+    border-radius: 16px;
+
+    font-size: 1em;
+
+    vertical-align: middle;
+
+}
+
+input[type="text"] {
+    border-style: inset;
+
+    width: 100%;
+}
+
+button, input[type="submit"] {
+    border-style: outset;
+    text-align: center;
+
+    width: 100%;
+}
+
+button:active:not([disabled]), input[type="submit"]:active:not([disabled]) {
+    border-style: inset;
+}
+
+textarea {
+    border-style: inset;
+    border-radius: 16px 16px 0 16px;
+
+    width: 100%;
+    min-width: 100%;
+    max-width: 100%;
+}
diff --git a/styles/globals.css b/styles/globals.css
index f213422..698e705 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -1,4 +1,17 @@
 @import "color-schemes.css";
+@import "elements.css";
+@import "mood.css";
+/* Ughhh, there's no way to have readable CSS by using modules and Next? */
+@import "components/views/content.css";
+@import "components/views/landing.css";
+@import "components/views/notice.css";
+
+@import "components/toolbar.css";
+@import "components/icon.css";
+@import "components/list-events.css";
+@import "components/postcard.css";
+@import "components/telegram-login.css";
+
 
 * {
     box-sizing: border-box;
@@ -10,124 +23,16 @@
     text-shadow: none;
 }
 
-body {
-    padding: 0;
-    margin: 0;
-
-    background-color: var(--background);
-
-    color: var(--foreground);
-    font-family: sans-serif;
-    text-shadow: 1px 1px 1px var(--background);
-
-    min-height: 100vh;
-}
-
-hgroup > * {
-    margin: 0;
-}
-
-h1, h2, h3, h4, h5, h6 {
-    text-shadow: 2px 2px 2px var(--background);
-}
-
-a {
-    color: var(--anchor);
-}
-
-a:visited {
-    color: var(--anchor-visited);
-}
-
-a:active {
-    color: var(--anchor-active);
-}
-
-input, button {
-    padding: 8px;
-
-    color: var(--foreground);
-    background-color: var(--interactable);
-
-    border-width: 2px;
-    border-color: var(--border);
-    border-radius: 16px;
-
-    font-size: medium;
-    height: 40px;
-
-    vertical-align: middle;
-}
-
-input[type="text"] {
-    border-style: inset;
-}
-
-input[type="submit"], button {
-    border-style: outset;
-    text-align: center;
-}
-
-input[type="submit"]:active:not([disabled]), button:active:not([disabled]) {
-    border-style: inset;
-}
-
 *[disabled] {
     opacity: 0.2;
     cursor: not-allowed;
 }
 
-.positive {
-    color: var(--positive);
-}
-
-.negative {
-    color: var(--negative);
-}
-
-.square-40 {
-    width: 40px;
-    height: 40px;
-}
-
-input.positive, button.positive {
-    border-color: var(--positive);
-}
-
-input.negative, button.negative {
-    border-color: var(--negative);
-}
-
 .page {
     min-height: 100vh;
     padding: 12px;
 }
 
-.container-btn-telegram > div {
-    height: 40px;
-}
-
-.postcard {
-    width: 100vw;
-    height: 100vh;
-
-    background-attachment: fixed;
-    background-size: cover;
-
-    position: absolute;
-    z-index: -1;
-
-    user-select: none;
-    pointer-events: none;
-}
-
-.icon {
-    filter: drop-shadow(1px 1px 1px var(--background));
-}
-
-.icon.fa-pulse {
-    filter: drop-shadow(1px 1px 1px var(--background));
-}
 
 .form-monorow {
     max-width: 600px;
@@ -150,70 +55,9 @@ input.negative, button.negative {
     flex-grow: 0;
 }
 
-.list-events {
-    max-height: 20vh;
-    padding-left: 20px;
-    padding-bottom: 12px;
-
-    text-align: left;
-
-    overflow-y: scroll;
-
-    column-count: auto;
-    column-width: 140px;
-}
-
 .error-block pre {
     display: inline-block;
     margin: 0;
 
     text-align: left;
 }
-
-#page-index {
-    display: grid;
-    grid-template-columns: 100%;
-    grid-template-rows: auto 1fr;
-
-    justify-content: stretch;
-    text-align: center;
-
-    gap: 32px;
-}
-
-#page-index .hero-titles {
-    align-self: center;
-    grid-row: 1;
-}
-
-#page-index .hero-titles h1 {
-    font-size: 10rem;
-}
-
-#page-index .hero-titles h2 {
-    font-size: 2.5rem;
-}
-
-@media (max-width: 640px) or (max-height: 640px) {
-    #page-index .hero-titles h1 {
-        font-size: 5rem;
-    }
-
-    #page-index .hero-titles h2 {
-        font-size: 1.5rem;
-    }
-}
-
-#page-index .hero-action {
-    align-self: start;
-    justify-self: center;
-
-    grid-row: 2;
-
-    max-width: 800px;
-    width: 100%;
-}
-
-#page-event-detail hgroup {
-    text-align: center;
-}
\ No newline at end of file
diff --git a/styles/mood.css b/styles/mood.css
new file mode 100644
index 0000000..c5a3670
--- /dev/null
+++ b/styles/mood.css
@@ -0,0 +1,15 @@
+.positive {
+    color: var(--positive);
+}
+
+.negative {
+    color: var(--negative);
+}
+
+input.positive, button.positive {
+    border-color: var(--positive);
+}
+
+input.negative, button.negative {
+    border-color: var(--negative);
+}
diff --git a/yarn.lock b/yarn.lock
index 6cdd6f7..068b482 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -187,6 +187,20 @@
   resolved "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.1.3.tgz#6801033be7ff87a6b7cadaf5b337c9f366a3c4b0"
   integrity sha512-WiBSI6JBIhC6LRIsB2Kwh8DsGTlbBU+mLRxJmAe3LjHTdkDpwIbEOZgoXBbZilk/vlfjK8i6nKRAvIRn1XaIMw==
 
+"@types/debug@^4.0.0":
+  version "4.1.7"
+  resolved "https://registry.npmjs.org/@types/debug/-/debug-4.1.7.tgz#7cc0ea761509124709b8b2d1090d8f6c17aadb82"
+  integrity sha512-9AonUzyTjXXhEOa0DnqpzZi6VHlqKMswga9EXjpXnnqxwLtdvPPtlO8evrI5D9S6asFRCQ6v+wpiUKbw+vKqyg==
+  dependencies:
+    "@types/ms" "*"
+
+"@types/hast@^2.0.0":
+  version "2.3.4"
+  resolved "https://registry.npmjs.org/@types/hast/-/hast-2.3.4.tgz#8aa5ef92c117d20d974a82bdfb6a648b08c0bafc"
+  integrity sha512-wLEm0QvaoawEDoTRwzTXp4b4jpwiJDvR5KMnFnVodm3scufTlBOWRD6N1OBf9TZMhjlNsSfcO5V+7AF4+Vy+9g==
+  dependencies:
+    "@types/unist" "*"
+
 "@types/hoist-non-react-statics@^3.3.1":
   version "3.3.1"
   resolved "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz#1124aafe5118cb591977aeb1ceaaed1070eb039f"
@@ -200,12 +214,29 @@
   resolved "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
   integrity sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==
 
+"@types/mdast@^3.0.0":
+  version "3.0.10"
+  resolved "https://registry.npmjs.org/@types/mdast/-/mdast-3.0.10.tgz#4724244a82a4598884cbbe9bcfd73dff927ee8af"
+  integrity sha512-W864tg/Osz1+9f4lrGTZpCSO5/z4608eUp19tbozkq2HJK6i3z1kT0H9tlADXuYIb1YYOBByU4Jsqkk75q48qA==
+  dependencies:
+    "@types/unist" "*"
+
+"@types/mdurl@^1.0.0":
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/@types/mdurl/-/mdurl-1.0.2.tgz#e2ce9d83a613bacf284c7be7d491945e39e1f8e9"
+  integrity sha512-eC4U9MlIcu2q0KQmXszyn5Akca/0jrQmwDRgpAMJai7qBWq4amIQhZyNau4VYGtCeALvW1/NtjzJJ567aZxfKA==
+
+"@types/ms@*":
+  version "0.7.31"
+  resolved "https://registry.npmjs.org/@types/ms/-/ms-0.7.31.tgz#31b7ca6407128a3d2bbc27fe2d21b345397f6197"
+  integrity sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA==
+
 "@types/node@17.0.35":
   version "17.0.35"
   resolved "https://registry.npmjs.org/@types/node/-/node-17.0.35.tgz#635b7586086d51fb40de0a2ec9d1014a5283ba4a"
   integrity sha512-vu1SrqBjbbZ3J6vwY17jBs8Sr/BKA+/a/WtjRG+whKg1iuLFOosq872EXS0eXWILdO36DHQQeku/ZcL6hz2fpg==
 
-"@types/prop-types@*":
+"@types/prop-types@*", "@types/prop-types@^15.0.0":
   version "15.7.5"
   resolved "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz#5f19d2b85a98e9558036f6a3cacc8819420f05cf"
   integrity sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==
@@ -240,6 +271,11 @@
   resolved "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz#1a62f89525723dde24ba1b01b092bf5df8ad4d39"
   integrity sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew==
 
+"@types/unist@*", "@types/unist@^2.0.0":
+  version "2.0.6"
+  resolved "https://registry.npmjs.org/@types/unist/-/unist-2.0.6.tgz#250a7b16c3b91f672a24552ec64678eeb1d3a08d"
+  integrity sha512-PBjIUxZHOuj0R15/xuwJYjFi+KZdNFrehocChv4g5hu6aFroHue8m0lBP0POdK2nKzbw0cgV1mws8+V/JAcEkQ==
+
 "@typescript-eslint/parser@^5.21.0":
   version "5.27.0"
   resolved "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.27.0.tgz#62bb091ed5cf9c7e126e80021bb563dcf36b6b12"
@@ -393,6 +429,11 @@ axobject-query@^2.2.0:
   resolved "https://registry.npmjs.org/axobject-query/-/axobject-query-2.2.0.tgz#943d47e10c0b704aa42275e20edf3722648989be"
   integrity sha512-Td525n+iPOOyUQIeBfcASuG6uJsDOITl7Mds5gFyerkWiX7qhUTdYUBlSgNMyVqtSJqwpt1kXGLdUt6SykLMRA==
 
+bail@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/bail/-/bail-2.0.2.tgz#d26f5cd8fe5d6f832a31517b9f7c356040ba6d5d"
+  integrity sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==
+
 balanced-match@^1.0.0:
   version "1.0.2"
   resolved "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
@@ -439,6 +480,11 @@ chalk@^4.0.0:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
+character-entities@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/character-entities/-/character-entities-2.0.1.tgz#98724833e1e27990dee0bd0f2b8a859c3476aac7"
+  integrity sha512-OzmutCf2Kmc+6DrFrrPS8/tDh2+DpnrfzdICHWhcVC9eOd0N1PXmQEE1a8iM4IziIAG+8tmTq3K+oo0ubH6RRQ==
+
 classnames@^2.3.1:
   version "2.3.1"
   resolved "https://registry.npmjs.org/classnames/-/classnames-2.3.1.tgz#dfcfa3891e306ec1dad105d0e88f4417b8535e8e"
@@ -463,6 +509,11 @@ combined-stream@^1.0.8:
   dependencies:
     delayed-stream "~1.0.0"
 
+comma-separated-tokens@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/comma-separated-tokens/-/comma-separated-tokens-2.0.2.tgz#d4c25abb679b7751c880be623c1179780fe1dd98"
+  integrity sha512-G5yTt3KQN4Yn7Yk4ed73hlZ1evrFKXeUW3086p3PRFNp7m2vIjI6Pg+Kgb+oyzhd9F2qdcoj67+y3SdxL5XWsg==
+
 concat-map@0.0.1:
   version "0.0.1"
   resolved "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
@@ -533,13 +584,20 @@ debug@^3.2.7:
   dependencies:
     ms "^2.1.1"
 
-debug@^4.1.1, debug@^4.3.2, debug@^4.3.4:
+debug@^4.0.0, debug@^4.1.1, debug@^4.3.2, debug@^4.3.4:
   version "4.3.4"
   resolved "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
   integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
   dependencies:
     ms "2.1.2"
 
+decode-named-character-reference@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/decode-named-character-reference/-/decode-named-character-reference-1.0.2.tgz#daabac9690874c394c81e4162a0304b35d824f0e"
+  integrity sha512-O8x12RzrUF8xyVcY0KJowWsmaJxQbmy0/EtnNtHRpsOcT7dFk5W598coHqBVpmWo1oQQfsCqfCmkZN5DJrZVdg==
+  dependencies:
+    character-entities "^2.0.0"
+
 deep-is@^0.1.3:
   version "0.1.4"
   resolved "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
@@ -558,6 +616,16 @@ delayed-stream@~1.0.0:
   resolved "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
   integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
 
+dequal@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/dequal/-/dequal-2.0.2.tgz#85ca22025e3a87e65ef75a7a437b35284a7e319d"
+  integrity sha512-q9K8BlJVxK7hQYqa6XISGmBZbtQQWVXSrRrWreHC94rMt1QL/Impruc+7p2CYSYuVIUr+YCt6hjrs1kkdJRTug==
+
+diff@^5.0.0:
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/diff/-/diff-5.1.0.tgz#bc52d298c5ea8df9194800224445ed43ffc87e40"
+  integrity sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==
+
 dir-glob@^3.0.1:
   version "3.0.1"
   resolved "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f"
@@ -857,6 +925,11 @@ esutils@^2.0.2:
   resolved "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
   integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
 
+extend@^3.0.0:
+  version "3.0.2"
+  resolved "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa"
+  integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==
+
 fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   version "3.1.3"
   resolved "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
@@ -1078,6 +1151,11 @@ has@^1.0.3:
   dependencies:
     function-bind "^1.1.1"
 
+hast-util-whitespace@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-2.0.0.tgz#4fc1086467cc1ef5ba20673cb6b03cec3a970f1c"
+  integrity sha512-Pkw+xBHuV6xFeJprJe2BBEoDV+AvQySaz3pPDRUs5PNZEMQjpXJJueqrpcHIXxnWTcAGi/UOCgVShlkY6kLoqg==
+
 hoist-non-react-statics@^3.2.0, hoist-non-react-statics@^3.3.0:
   version "3.3.2"
   resolved "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
@@ -1140,6 +1218,11 @@ inherits@2:
   resolved "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
 
+inline-style-parser@0.1.1:
+  version "0.1.1"
+  resolved "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.1.1.tgz#ec8a3b429274e9c0a1f1c4ffa9453a7fef72cea1"
+  integrity sha512-7NXolsK4CAS5+xvdj5OMMbI962hU/wvwoxk+LWR9Ek9bVtyuuYScDN6eS0rUm6TxApFpw7CX1o4uJzcd4AyD3Q==
+
 internal-slot@^1.0.3:
   version "1.0.3"
   resolved "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.3.tgz#7347e307deeea2faac2ac6205d4bc7d34967f59c"
@@ -1164,6 +1247,11 @@ is-boolean-object@^1.1.0:
     call-bind "^1.0.2"
     has-tostringtag "^1.0.0"
 
+is-buffer@^2.0.0:
+  version "2.0.5"
+  resolved "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz#ebc252e400d22ff8d77fa09888821a24a658c191"
+  integrity sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==
+
 is-callable@^1.1.4, is-callable@^1.2.4:
   version "1.2.4"
   resolved "https://registry.npmjs.org/is-callable/-/is-callable-1.2.4.tgz#47301d58dd0259407865547853df6d61fe471945"
@@ -1212,6 +1300,11 @@ is-number@^7.0.0:
   resolved "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
   integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
 
+is-plain-obj@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.0.0.tgz#06c0999fd7574edf5a906ba5644ad0feb3a84d22"
+  integrity sha512-NXRbBtUdBioI73y/HmOhogw/U5msYPC9DAtGkJXeFcFWSFZw0mCUsPxk/snTuJHzNKA8kLBK4rH97RMB1BfCXw==
+
 is-regex@^1.1.4:
   version "1.1.4"
   resolved "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz#eef5663cd59fa4c0ae339505323df6854bb15958"
@@ -1290,6 +1383,11 @@ json5@^1.0.1:
     array-includes "^3.1.4"
     object.assign "^4.1.2"
 
+kleur@^4.0.3:
+  version "4.1.4"
+  resolved "https://registry.npmjs.org/kleur/-/kleur-4.1.4.tgz#8c202987d7e577766d039a8cd461934c01cda04d"
+  integrity sha512-8QADVssbrFjivHWQU7KkMgptGTl6WAcSdlbBPY4uNF+mWr6DGcKrvY2w4FQJoXch7+fKMjj0dRrL75vk3k23OA==
+
 language-subtag-registry@~0.3.2:
   version "0.3.21"
   resolved "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.21.tgz#04ac218bea46f04cb039084602c6da9e788dd45a"
@@ -1337,11 +1435,259 @@ lru-cache@^6.0.0:
   dependencies:
     yallist "^4.0.0"
 
+mdast-util-definitions@^5.0.0:
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/mdast-util-definitions/-/mdast-util-definitions-5.1.0.tgz#b6d10ef00a3c4cf191e8d9a5fa58d7f4a366f817"
+  integrity sha512-5hcR7FL2EuZ4q6lLMUK5w4lHT2H3vqL9quPvYZ/Ku5iifrirfMHiGdhxdXMUbUkDmz5I+TYMd7nbaxUhbQkfpQ==
+  dependencies:
+    "@types/mdast" "^3.0.0"
+    "@types/unist" "^2.0.0"
+    unist-util-visit "^3.0.0"
+
+mdast-util-from-markdown@^1.0.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-1.2.0.tgz#84df2924ccc6c995dec1e2368b2b208ad0a76268"
+  integrity sha512-iZJyyvKD1+K7QX1b5jXdE7Sc5dtoTry1vzV28UZZe8Z1xVnB/czKntJ7ZAkG0tANqRnBF6p3p7GpU1y19DTf2Q==
+  dependencies:
+    "@types/mdast" "^3.0.0"
+    "@types/unist" "^2.0.0"
+    decode-named-character-reference "^1.0.0"
+    mdast-util-to-string "^3.1.0"
+    micromark "^3.0.0"
+    micromark-util-decode-numeric-character-reference "^1.0.0"
+    micromark-util-decode-string "^1.0.0"
+    micromark-util-normalize-identifier "^1.0.0"
+    micromark-util-symbol "^1.0.0"
+    micromark-util-types "^1.0.0"
+    unist-util-stringify-position "^3.0.0"
+    uvu "^0.5.0"
+
+mdast-util-to-hast@^12.1.0:
+  version "12.1.1"
+  resolved "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-12.1.1.tgz#89a2bb405eaf3b05eb8bf45157678f35eef5dbca"
+  integrity sha512-qE09zD6ylVP14jV4mjLIhDBOrpFdShHZcEsYvvKGABlr9mGbV7mTlRWdoFxL/EYSTNDiC9GZXy7y8Shgb9Dtzw==
+  dependencies:
+    "@types/hast" "^2.0.0"
+    "@types/mdast" "^3.0.0"
+    "@types/mdurl" "^1.0.0"
+    mdast-util-definitions "^5.0.0"
+    mdurl "^1.0.0"
+    micromark-util-sanitize-uri "^1.0.0"
+    unist-builder "^3.0.0"
+    unist-util-generated "^2.0.0"
+    unist-util-position "^4.0.0"
+    unist-util-visit "^4.0.0"
+
+mdast-util-to-string@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-3.1.0.tgz#56c506d065fbf769515235e577b5a261552d56e9"
+  integrity sha512-n4Vypz/DZgwo0iMHLQL49dJzlp7YtAJP+N07MZHpjPf/5XJuHUWstviF4Mn2jEiR/GNmtnRRqnwsXExk3igfFA==
+
+mdurl@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz#fe85b2ec75a59037f2adfec100fd6c601761152e"
+  integrity sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g==
+
 merge2@^1.3.0, merge2@^1.4.1:
   version "1.4.1"
   resolved "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
   integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
 
+micromark-core-commonmark@^1.0.1:
+  version "1.0.6"
+  resolved "https://registry.npmjs.org/micromark-core-commonmark/-/micromark-core-commonmark-1.0.6.tgz#edff4c72e5993d93724a3c206970f5a15b0585ad"
+  integrity sha512-K+PkJTxqjFfSNkfAhp4GB+cZPfQd6dxtTXnf+RjZOV7T4EEXnvgzOcnp+eSTmpGk9d1S9sL6/lqrgSNn/s0HZA==
+  dependencies:
+    decode-named-character-reference "^1.0.0"
+    micromark-factory-destination "^1.0.0"
+    micromark-factory-label "^1.0.0"
+    micromark-factory-space "^1.0.0"
+    micromark-factory-title "^1.0.0"
+    micromark-factory-whitespace "^1.0.0"
+    micromark-util-character "^1.0.0"
+    micromark-util-chunked "^1.0.0"
+    micromark-util-classify-character "^1.0.0"
+    micromark-util-html-tag-name "^1.0.0"
+    micromark-util-normalize-identifier "^1.0.0"
+    micromark-util-resolve-all "^1.0.0"
+    micromark-util-subtokenize "^1.0.0"
+    micromark-util-symbol "^1.0.0"
+    micromark-util-types "^1.0.1"
+    uvu "^0.5.0"
+
+micromark-factory-destination@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/micromark-factory-destination/-/micromark-factory-destination-1.0.0.tgz#fef1cb59ad4997c496f887b6977aa3034a5a277e"
+  integrity sha512-eUBA7Rs1/xtTVun9TmV3gjfPz2wEwgK5R5xcbIM5ZYAtvGF6JkyaDsj0agx8urXnO31tEO6Ug83iVH3tdedLnw==
+  dependencies:
+    micromark-util-character "^1.0.0"
+    micromark-util-symbol "^1.0.0"
+    micromark-util-types "^1.0.0"
+
+micromark-factory-label@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/micromark-factory-label/-/micromark-factory-label-1.0.2.tgz#6be2551fa8d13542fcbbac478258fb7a20047137"
+  integrity sha512-CTIwxlOnU7dEshXDQ+dsr2n+yxpP0+fn271pu0bwDIS8uqfFcumXpj5mLn3hSC8iw2MUr6Gx8EcKng1dD7i6hg==
+  dependencies:
+    micromark-util-character "^1.0.0"
+    micromark-util-symbol "^1.0.0"
+    micromark-util-types "^1.0.0"
+    uvu "^0.5.0"
+
+micromark-factory-space@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/micromark-factory-space/-/micromark-factory-space-1.0.0.tgz#cebff49968f2b9616c0fcb239e96685cb9497633"
+  integrity sha512-qUmqs4kj9a5yBnk3JMLyjtWYN6Mzfcx8uJfi5XAveBniDevmZasdGBba5b4QsvRcAkmvGo5ACmSUmyGiKTLZew==
+  dependencies:
+    micromark-util-character "^1.0.0"
+    micromark-util-types "^1.0.0"
+
+micromark-factory-title@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/micromark-factory-title/-/micromark-factory-title-1.0.2.tgz#7e09287c3748ff1693930f176e1c4a328382494f"
+  integrity sha512-zily+Nr4yFqgMGRKLpTVsNl5L4PMu485fGFDOQJQBl2NFpjGte1e86zC0da93wf97jrc4+2G2GQudFMHn3IX+A==
+  dependencies:
+    micromark-factory-space "^1.0.0"
+    micromark-util-character "^1.0.0"
+    micromark-util-symbol "^1.0.0"
+    micromark-util-types "^1.0.0"
+    uvu "^0.5.0"
+
+micromark-factory-whitespace@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/micromark-factory-whitespace/-/micromark-factory-whitespace-1.0.0.tgz#e991e043ad376c1ba52f4e49858ce0794678621c"
+  integrity sha512-Qx7uEyahU1lt1RnsECBiuEbfr9INjQTGa6Err+gF3g0Tx4YEviPbqqGKNv/NrBaE7dVHdn1bVZKM/n5I/Bak7A==
+  dependencies:
+    micromark-factory-space "^1.0.0"
+    micromark-util-character "^1.0.0"
+    micromark-util-symbol "^1.0.0"
+    micromark-util-types "^1.0.0"
+
+micromark-util-character@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/micromark-util-character/-/micromark-util-character-1.1.0.tgz#d97c54d5742a0d9611a68ca0cd4124331f264d86"
+  integrity sha512-agJ5B3unGNJ9rJvADMJ5ZiYjBRyDpzKAOk01Kpi1TKhlT1APx3XZk6eN7RtSz1erbWHC2L8T3xLZ81wdtGRZzg==
+  dependencies:
+    micromark-util-symbol "^1.0.0"
+    micromark-util-types "^1.0.0"
+
+micromark-util-chunked@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/micromark-util-chunked/-/micromark-util-chunked-1.0.0.tgz#5b40d83f3d53b84c4c6bce30ed4257e9a4c79d06"
+  integrity sha512-5e8xTis5tEZKgesfbQMKRCyzvffRRUX+lK/y+DvsMFdabAicPkkZV6gO+FEWi9RfuKKoxxPwNL+dFF0SMImc1g==
+  dependencies:
+    micromark-util-symbol "^1.0.0"
+
+micromark-util-classify-character@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/micromark-util-classify-character/-/micromark-util-classify-character-1.0.0.tgz#cbd7b447cb79ee6997dd274a46fc4eb806460a20"
+  integrity sha512-F8oW2KKrQRb3vS5ud5HIqBVkCqQi224Nm55o5wYLzY/9PwHGXC01tr3d7+TqHHz6zrKQ72Okwtvm/xQm6OVNZA==
+  dependencies:
+    micromark-util-character "^1.0.0"
+    micromark-util-symbol "^1.0.0"
+    micromark-util-types "^1.0.0"
+
+micromark-util-combine-extensions@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/micromark-util-combine-extensions/-/micromark-util-combine-extensions-1.0.0.tgz#91418e1e74fb893e3628b8d496085639124ff3d5"
+  integrity sha512-J8H058vFBdo/6+AsjHp2NF7AJ02SZtWaVUjsayNFeAiydTxUwViQPxN0Hf8dp4FmCQi0UUFovFsEyRSUmFH3MA==
+  dependencies:
+    micromark-util-chunked "^1.0.0"
+    micromark-util-types "^1.0.0"
+
+micromark-util-decode-numeric-character-reference@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/micromark-util-decode-numeric-character-reference/-/micromark-util-decode-numeric-character-reference-1.0.0.tgz#dcc85f13b5bd93ff8d2868c3dba28039d490b946"
+  integrity sha512-OzO9AI5VUtrTD7KSdagf4MWgHMtET17Ua1fIpXTpuhclCqD8egFWo85GxSGvxgkGS74bEahvtM0WP0HjvV0e4w==
+  dependencies:
+    micromark-util-symbol "^1.0.0"
+
+micromark-util-decode-string@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/micromark-util-decode-string/-/micromark-util-decode-string-1.0.2.tgz#942252ab7a76dec2dbf089cc32505ee2bc3acf02"
+  integrity sha512-DLT5Ho02qr6QWVNYbRZ3RYOSSWWFuH3tJexd3dgN1odEuPNxCngTCXJum7+ViRAd9BbdxCvMToPOD/IvVhzG6Q==
+  dependencies:
+    decode-named-character-reference "^1.0.0"
+    micromark-util-character "^1.0.0"
+    micromark-util-decode-numeric-character-reference "^1.0.0"
+    micromark-util-symbol "^1.0.0"
+
+micromark-util-encode@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/micromark-util-encode/-/micromark-util-encode-1.0.1.tgz#2c1c22d3800870ad770ece5686ebca5920353383"
+  integrity sha512-U2s5YdnAYexjKDel31SVMPbfi+eF8y1U4pfiRW/Y8EFVCy/vgxk/2wWTxzcqE71LHtCuCzlBDRU2a5CQ5j+mQA==
+
+micromark-util-html-tag-name@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/micromark-util-html-tag-name/-/micromark-util-html-tag-name-1.1.0.tgz#eb227118befd51f48858e879b7a419fc0df20497"
+  integrity sha512-BKlClMmYROy9UiV03SwNmckkjn8QHVaWkqoAqzivabvdGcwNGMMMH/5szAnywmsTBUzDsU57/mFi0sp4BQO6dA==
+
+micromark-util-normalize-identifier@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/micromark-util-normalize-identifier/-/micromark-util-normalize-identifier-1.0.0.tgz#4a3539cb8db954bbec5203952bfe8cedadae7828"
+  integrity sha512-yg+zrL14bBTFrQ7n35CmByWUTFsgst5JhA4gJYoty4Dqzj4Z4Fr/DHekSS5aLfH9bdlfnSvKAWsAgJhIbogyBg==
+  dependencies:
+    micromark-util-symbol "^1.0.0"
+
+micromark-util-resolve-all@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/micromark-util-resolve-all/-/micromark-util-resolve-all-1.0.0.tgz#a7c363f49a0162e931960c44f3127ab58f031d88"
+  integrity sha512-CB/AGk98u50k42kvgaMM94wzBqozSzDDaonKU7P7jwQIuH2RU0TeBqGYJz2WY1UdihhjweivStrJ2JdkdEmcfw==
+  dependencies:
+    micromark-util-types "^1.0.0"
+
+micromark-util-sanitize-uri@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-1.0.0.tgz#27dc875397cd15102274c6c6da5585d34d4f12b2"
+  integrity sha512-cCxvBKlmac4rxCGx6ejlIviRaMKZc0fWm5HdCHEeDWRSkn44l6NdYVRyU+0nT1XC72EQJMZV8IPHF+jTr56lAg==
+  dependencies:
+    micromark-util-character "^1.0.0"
+    micromark-util-encode "^1.0.0"
+    micromark-util-symbol "^1.0.0"
+
+micromark-util-subtokenize@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/micromark-util-subtokenize/-/micromark-util-subtokenize-1.0.2.tgz#ff6f1af6ac836f8bfdbf9b02f40431760ad89105"
+  integrity sha512-d90uqCnXp/cy4G881Ub4psE57Sf8YD0pim9QdjCRNjfas2M1u6Lbt+XZK9gnHL2XFhnozZiEdCa9CNfXSfQ6xA==
+  dependencies:
+    micromark-util-chunked "^1.0.0"
+    micromark-util-symbol "^1.0.0"
+    micromark-util-types "^1.0.0"
+    uvu "^0.5.0"
+
+micromark-util-symbol@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/micromark-util-symbol/-/micromark-util-symbol-1.0.1.tgz#b90344db62042ce454f351cf0bebcc0a6da4920e"
+  integrity sha512-oKDEMK2u5qqAptasDAwWDXq0tG9AssVwAx3E9bBF3t/shRIGsWIRG+cGafs2p/SnDSOecnt6hZPCE2o6lHfFmQ==
+
+micromark-util-types@^1.0.0, micromark-util-types@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/micromark-util-types/-/micromark-util-types-1.0.2.tgz#f4220fdb319205812f99c40f8c87a9be83eded20"
+  integrity sha512-DCfg/T8fcrhrRKTPjRrw/5LLvdGV7BHySf/1LOZx7TzWZdYRjogNtyNq885z3nNallwr3QUKARjqvHqX1/7t+w==
+
+micromark@^3.0.0:
+  version "3.0.10"
+  resolved "https://registry.npmjs.org/micromark/-/micromark-3.0.10.tgz#1eac156f0399d42736458a14b0ca2d86190b457c"
+  integrity sha512-ryTDy6UUunOXy2HPjelppgJ2sNfcPz1pLlMdA6Rz9jPzhLikWXv/irpWV/I2jd68Uhmny7hHxAlAhk4+vWggpg==
+  dependencies:
+    "@types/debug" "^4.0.0"
+    debug "^4.0.0"
+    decode-named-character-reference "^1.0.0"
+    micromark-core-commonmark "^1.0.1"
+    micromark-factory-space "^1.0.0"
+    micromark-util-character "^1.0.0"
+    micromark-util-chunked "^1.0.0"
+    micromark-util-combine-extensions "^1.0.0"
+    micromark-util-decode-numeric-character-reference "^1.0.0"
+    micromark-util-encode "^1.0.0"
+    micromark-util-normalize-identifier "^1.0.0"
+    micromark-util-resolve-all "^1.0.0"
+    micromark-util-sanitize-uri "^1.0.0"
+    micromark-util-subtokenize "^1.0.0"
+    micromark-util-symbol "^1.0.0"
+    micromark-util-types "^1.0.1"
+    uvu "^0.5.0"
+
 micromatch@^4.0.4:
   version "4.0.5"
   resolved "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz#bc8999a7cbbf77cdc89f132f6e467051b49090c6"
@@ -1374,6 +1720,11 @@ minimist@^1.2.0, minimist@^1.2.5, minimist@^1.2.6:
   resolved "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz#8637a5b759ea0d6e98702cfb3a9283323c93af44"
   integrity sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==
 
+mri@^1.1.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz#6721480fec2a11a4889861115a48b6cbe7cc8f0b"
+  integrity sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==
+
 ms@2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
@@ -1596,7 +1947,7 @@ prisma@^3.14.0:
   dependencies:
     "@prisma/engines" "3.14.0-36.2b0c12756921c891fec4f68d9444e18c7d5d4a6a"
 
-prop-types@^15.6.2, prop-types@^15.8.1:
+prop-types@^15.0.0, prop-types@^15.6.2, prop-types@^15.8.1:
   version "15.8.1"
   resolved "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
   integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
@@ -1605,6 +1956,11 @@ prop-types@^15.6.2, prop-types@^15.8.1:
     object-assign "^4.1.1"
     react-is "^16.13.1"
 
+property-information@^6.0.0:
+  version "6.1.1"
+  resolved "https://registry.npmjs.org/property-information/-/property-information-6.1.1.tgz#5ca85510a3019726cb9afed4197b7b8ac5926a22"
+  integrity sha512-hrzC564QIl0r0vy4l6MvRLhafmUowhO/O3KgVSoXIbbA2Sz4j8HGpJc6T2cubRVwMwpdiG/vKGfhT4IixmKN9w==
+
 punycode@^2.1.0:
   version "2.1.1"
   resolved "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
@@ -1637,6 +1993,32 @@ react-is@^16.13.1, react-is@^16.7.0:
   resolved "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
 
+react-is@^18.0.0:
+  version "18.1.0"
+  resolved "https://registry.npmjs.org/react-is/-/react-is-18.1.0.tgz#61aaed3096d30eacf2a2127118b5b41387d32a67"
+  integrity sha512-Fl7FuabXsJnV5Q1qIOQwx/sagGF18kogb4gpfcG4gjLBWO0WDiiz1ko/ExayuxE7InyQkBLkxRFG5oxY6Uu3Kg==
+
+react-markdown@^8.0.3:
+  version "8.0.3"
+  resolved "https://registry.npmjs.org/react-markdown/-/react-markdown-8.0.3.tgz#e8aba0d2f5a1b2124d476ee1fff9448a2f57e4b3"
+  integrity sha512-We36SfqaKoVNpN1QqsZwWSv/OZt5J15LNgTLWynwAN5b265hrQrsjMtlRNwUvS+YyR3yDM8HpTNc4pK9H/Gc0A==
+  dependencies:
+    "@types/hast" "^2.0.0"
+    "@types/prop-types" "^15.0.0"
+    "@types/unist" "^2.0.0"
+    comma-separated-tokens "^2.0.0"
+    hast-util-whitespace "^2.0.0"
+    prop-types "^15.0.0"
+    property-information "^6.0.0"
+    react-is "^18.0.0"
+    remark-parse "^10.0.0"
+    remark-rehype "^10.0.0"
+    space-separated-tokens "^2.0.0"
+    style-to-object "^0.3.0"
+    unified "^10.0.0"
+    unist-util-visit "^4.0.0"
+    vfile "^5.0.0"
+
 react-storage-hooks@^4.0.1:
   version "4.0.1"
   resolved "https://registry.npmjs.org/react-storage-hooks/-/react-storage-hooks-4.0.1.tgz#e30ed5cda48c77c431ecc02ec3824bd615f5b7fb"
@@ -1684,6 +2066,25 @@ regexpp@^3.2.0:
   resolved "https://registry.npmjs.org/regexpp/-/regexpp-3.2.0.tgz#0425a2768d8f23bad70ca4b90461fa2f1213e1b2"
   integrity sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==
 
+remark-parse@^10.0.0:
+  version "10.0.1"
+  resolved "https://registry.npmjs.org/remark-parse/-/remark-parse-10.0.1.tgz#6f60ae53edbf0cf38ea223fe643db64d112e0775"
+  integrity sha512-1fUyHr2jLsVOkhbvPRBJ5zTKZZyD6yZzYaWCS6BPBdQ8vEMBCH+9zNCDA6tET/zHCi/jLqjCWtlJZUPk+DbnFw==
+  dependencies:
+    "@types/mdast" "^3.0.0"
+    mdast-util-from-markdown "^1.0.0"
+    unified "^10.0.0"
+
+remark-rehype@^10.0.0:
+  version "10.1.0"
+  resolved "https://registry.npmjs.org/remark-rehype/-/remark-rehype-10.1.0.tgz#32dc99d2034c27ecaf2e0150d22a6dcccd9a6279"
+  integrity sha512-EFmR5zppdBp0WQeDVZ/b66CWJipB2q2VLNFMabzDSGR66Z2fQii83G5gTBbgGEnEEA0QRussvrFHxk1HWGJskw==
+  dependencies:
+    "@types/hast" "^2.0.0"
+    "@types/mdast" "^3.0.0"
+    mdast-util-to-hast "^12.1.0"
+    unified "^10.0.0"
+
 resolve-from@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
@@ -1725,6 +2126,13 @@ run-parallel@^1.1.9:
   dependencies:
     queue-microtask "^1.2.2"
 
+sade@^1.7.3:
+  version "1.8.1"
+  resolved "https://registry.npmjs.org/sade/-/sade-1.8.1.tgz#0a78e81d658d394887be57d2a409bf703a3b2701"
+  integrity sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==
+  dependencies:
+    mri "^1.1.0"
+
 scheduler@^0.22.0:
   version "0.22.0"
   resolved "https://registry.npmjs.org/scheduler/-/scheduler-0.22.0.tgz#83a5d63594edf074add9a7198b1bae76c3db01b8"
@@ -1775,6 +2183,11 @@ source-map-js@^1.0.1:
   resolved "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
   integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
 
+space-separated-tokens@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.1.tgz#43193cec4fb858a2ce934b7f98b7f2c18107098b"
+  integrity sha512-ekwEbFp5aqSPKaqeY1PGrlGQxPNaq+Cnx4+bE2D8sciBQrHpbwoBbawqTN2+6jPs9IdWxxiUcN0K2pkczD3zmw==
+
 string.prototype.matchall@^4.0.7:
   version "4.0.7"
   resolved "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.7.tgz#8e6ecb0d8a1fb1fda470d81acecb2dba057a481d"
@@ -1824,6 +2237,13 @@ strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
   resolved "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
   integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
 
+style-to-object@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.npmjs.org/style-to-object/-/style-to-object-0.3.0.tgz#b1b790d205991cc783801967214979ee19a76e46"
+  integrity sha512-CzFnRRXhzWIdItT3OmF8SQfWyahHhjq3HwcMNCNLn+N7klOOqPjMeG/4JSu77D7ypZdGvSzvkrbyeTMizz2VrA==
+  dependencies:
+    inline-style-parser "0.1.1"
+
 styled-jsx@5.0.2:
   version "5.0.2"
   resolved "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.0.2.tgz#ff230fd593b737e9e68b630a694d460425478729"
@@ -1858,6 +2278,11 @@ to-regex-range@^5.0.1:
   dependencies:
     is-number "^7.0.0"
 
+trough@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/trough/-/trough-2.1.0.tgz#0f7b511a4fde65a46f18477ab38849b22c554876"
+  integrity sha512-AqTiAOLcj85xS7vQ8QkAV41hPDIJ71XJB4RCUrzo/1GM2CQwhkJGaf9Hgr7BOugMRpgGUrqRg/DrBDl4H40+8g==
+
 tsconfig-paths@^3.14.1:
   version "3.14.1"
   resolved "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.1.tgz#ba0734599e8ea36c862798e920bcf163277b137a"
@@ -1912,6 +2337,84 @@ unbox-primitive@^1.0.2:
     has-symbols "^1.0.3"
     which-boxed-primitive "^1.0.2"
 
+unified@^10.0.0:
+  version "10.1.2"
+  resolved "https://registry.npmjs.org/unified/-/unified-10.1.2.tgz#b1d64e55dafe1f0b98bb6c719881103ecf6c86df"
+  integrity sha512-pUSWAi/RAnVy1Pif2kAoeWNBa3JVrx0MId2LASj8G+7AiHWoKZNTomq6LG326T68U7/e263X6fTdcXIy7XnF7Q==
+  dependencies:
+    "@types/unist" "^2.0.0"
+    bail "^2.0.0"
+    extend "^3.0.0"
+    is-buffer "^2.0.0"
+    is-plain-obj "^4.0.0"
+    trough "^2.0.0"
+    vfile "^5.0.0"
+
+unist-builder@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/unist-builder/-/unist-builder-3.0.0.tgz#728baca4767c0e784e1e64bb44b5a5a753021a04"
+  integrity sha512-GFxmfEAa0vi9i5sd0R2kcrI9ks0r82NasRq5QHh2ysGngrc6GiqD5CDf1FjPenY4vApmFASBIIlk/jj5J5YbmQ==
+  dependencies:
+    "@types/unist" "^2.0.0"
+
+unist-util-generated@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/unist-util-generated/-/unist-util-generated-2.0.0.tgz#86fafb77eb6ce9bfa6b663c3f5ad4f8e56a60113"
+  integrity sha512-TiWE6DVtVe7Ye2QxOVW9kqybs6cZexNwTwSMVgkfjEReqy/xwGpAXb99OxktoWwmL+Z+Epb0Dn8/GNDYP1wnUw==
+
+unist-util-is@^5.0.0:
+  version "5.1.1"
+  resolved "https://registry.npmjs.org/unist-util-is/-/unist-util-is-5.1.1.tgz#e8aece0b102fa9bc097b0fef8f870c496d4a6236"
+  integrity sha512-F5CZ68eYzuSvJjGhCLPL3cYx45IxkqXSetCcRgUXtbcm50X2L9oOWQlfUfDdAf+6Pd27YDblBfdtmsThXmwpbQ==
+
+unist-util-position@^4.0.0:
+  version "4.0.3"
+  resolved "https://registry.npmjs.org/unist-util-position/-/unist-util-position-4.0.3.tgz#5290547b014f6222dff95c48d5c3c13a88fadd07"
+  integrity sha512-p/5EMGIa1qwbXjA+QgcBXaPWjSnZfQ2Sc3yBEEfgPwsEmJd8Qh+DSk3LGnmOM4S1bY2C0AjmMnB8RuEYxpPwXQ==
+  dependencies:
+    "@types/unist" "^2.0.0"
+
+unist-util-stringify-position@^3.0.0:
+  version "3.0.2"
+  resolved "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-3.0.2.tgz#5c6aa07c90b1deffd9153be170dce628a869a447"
+  integrity sha512-7A6eiDCs9UtjcwZOcCpM4aPII3bAAGv13E96IkawkOAW0OhH+yRxtY0lzo8KiHpzEMfH7Q+FizUmwp8Iqy5EWg==
+  dependencies:
+    "@types/unist" "^2.0.0"
+
+unist-util-visit-parents@^4.0.0:
+  version "4.1.1"
+  resolved "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-4.1.1.tgz#e83559a4ad7e6048a46b1bdb22614f2f3f4724f2"
+  integrity sha512-1xAFJXAKpnnJl8G7K5KgU7FY55y3GcLIXqkzUj5QF/QVP7biUm0K0O2oqVkYsdjzJKifYeWn9+o6piAK2hGSHw==
+  dependencies:
+    "@types/unist" "^2.0.0"
+    unist-util-is "^5.0.0"
+
+unist-util-visit-parents@^5.0.0:
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-5.1.0.tgz#44bbc5d25f2411e7dfc5cecff12de43296aa8521"
+  integrity sha512-y+QVLcY5eR/YVpqDsLf/xh9R3Q2Y4HxkZTp7ViLDU6WtJCEcPmRzW1gpdWDCDIqIlhuPDXOgttqPlykrHYDekg==
+  dependencies:
+    "@types/unist" "^2.0.0"
+    unist-util-is "^5.0.0"
+
+unist-util-visit@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-3.1.0.tgz#9420d285e1aee938c7d9acbafc8e160186dbaf7b"
+  integrity sha512-Szoh+R/Ll68QWAyQyZZpQzZQm2UPbxibDvaY8Xc9SUtYgPsDzx5AWSk++UUt2hJuow8mvwR+rG+LQLw+KsuAKA==
+  dependencies:
+    "@types/unist" "^2.0.0"
+    unist-util-is "^5.0.0"
+    unist-util-visit-parents "^4.0.0"
+
+unist-util-visit@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-4.1.0.tgz#f41e407a9e94da31594e6b1c9811c51ab0b3d8f5"
+  integrity sha512-n7lyhFKJfVZ9MnKtqbsqkQEk5P1KShj0+//V7mAcoI6bpbUjh3C/OG8HVD+pBihfh6Ovl01m8dkcv9HNqYajmQ==
+  dependencies:
+    "@types/unist" "^2.0.0"
+    unist-util-is "^5.0.0"
+    unist-util-visit-parents "^5.0.0"
+
 uri-js@^4.2.2:
   version "4.4.1"
   resolved "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e"
@@ -1919,6 +2422,16 @@ uri-js@^4.2.2:
   dependencies:
     punycode "^2.1.0"
 
+uvu@^0.5.0:
+  version "0.5.3"
+  resolved "https://registry.npmjs.org/uvu/-/uvu-0.5.3.tgz#3d83c5bc1230f153451877bfc7f4aea2392219ae"
+  integrity sha512-brFwqA3FXzilmtnIyJ+CxdkInkY/i4ErvP7uV0DnUVxQcQ55reuHphorpF+tZoVHK2MniZ/VJzI7zJQoc9T9Yw==
+  dependencies:
+    dequal "^2.0.0"
+    diff "^5.0.0"
+    kleur "^4.0.3"
+    sade "^1.7.3"
+
 v8-compile-cache@^2.0.3:
   version "2.3.0"
   resolved "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz#2de19618c66dc247dcfb6f99338035d8245a2cee"
@@ -1929,6 +2442,24 @@ vary@^1:
   resolved "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
   integrity sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=
 
+vfile-message@^3.0.0:
+  version "3.1.2"
+  resolved "https://registry.npmjs.org/vfile-message/-/vfile-message-3.1.2.tgz#a2908f64d9e557315ec9d7ea3a910f658ac05f7d"
+  integrity sha512-QjSNP6Yxzyycd4SVOtmKKyTsSvClqBPJcd00Z0zuPj3hOIjg0rUPG6DbFGPvUKRgYyaIWLPKpuEclcuvb3H8qA==
+  dependencies:
+    "@types/unist" "^2.0.0"
+    unist-util-stringify-position "^3.0.0"
+
+vfile@^5.0.0:
+  version "5.3.2"
+  resolved "https://registry.npmjs.org/vfile/-/vfile-5.3.2.tgz#b499fbc50197ea50ad3749e9b60beb16ca5b7c54"
+  integrity sha512-w0PLIugRY3Crkgw89TeMvHCzqCs/zpreR31hl4D92y6SOE07+bfJe+dK5Q2akwS+i/c801kzjoOr9gMcTe6IAA==
+  dependencies:
+    "@types/unist" "^2.0.0"
+    is-buffer "^2.0.0"
+    unist-util-stringify-position "^3.0.0"
+    vfile-message "^3.0.0"
+
 void-elements@3.1.0:
   version "3.1.0"
   resolved "https://registry.npmjs.org/void-elements/-/void-elements-3.1.0.tgz#614f7fbf8d801f0bb5f0661f5b2f5785750e4f09"