8 files changed, 295 insertions, 0 deletions

diff --git a/src/pages/index.mdx b/src/pages/index.mdx
new file mode 100644
index 0000000..1d35a1d
--- /dev/null
+++ b/src/pages/index.mdx
@@ -0,0 +1,10 @@
+---
+type: "home"
+title: "Corvos · static site generator"
+description: "Project website of Corvos, a static site generator for Deno."
+---
+
+import { template } from "./index.tsx";
+export { template };
+
+Corvos is a Static Site Generator with the goal to provide a customizeable, type-safe experience.
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
new file mode 100644
index 0000000..b1581b7
--- /dev/null
+++ b/src/pages/index.tsx
@@ -0,0 +1,64 @@
+import { BaseLayout } from "$/ui/base/BaseLayout.tsx";
+import { ReleaseCard } from "$/ui/components/ReleaseCard.tsx";
+import { SiteHeader } from "$/ui/components/SiteHeader.tsx";
+import { CardList } from "$/ui/layouts/CardList.tsx";
+import { Container } from "$/ui/layouts/Container.tsx";
+import { Button } from "$/ui/objects/Button.tsx";
+import { Divider } from "$/ui/objects/Divider.tsx";
+import { Heading } from "$/ui/objects/Heading.tsx";
+import { Icon } from "$/ui/objects/Icon.tsx";
+import site from "@/corvos.config.ts";
+
+export const template = site.$.template({ type: "home" }, (page, pages) => {
+        const query = site.$.query(pages);
+        const releasesIndex = query.type(".html").match({ type: "releases-index" }).one();
+        const releases = query.type(".html").match({ type: "release" }).many().toArray();
+
+        return (
+                <BaseLayout page={page}>
+                        <SiteHeader
+                                url={page.url}
+                                sm={
+                                        <div class="l-media__block l-media__block--main">
+                                                <Heading class="u-mbs-0 u-elp">{page.data.title}</Heading>
+                                        </div>
+                                }
+                        />
+
+                        <Container fixed="150" pad-inline pad-block class="c-home-banner">
+                                <Heading as="h1" class="c-home-banner__intro">
+                                        <strong class="o-heading__highlight">
+                                                <a class="p-name u-url u-uid" href={site.$.url("", true)}>
+                                                        Corvos
+                                                </a>
+                                        </strong>{" "}
+                                        &ndash; A static site generator for Deno.
+                                </Heading>
+
+                                <div class="u-mbs-400 c-subtitle">{{ __html: page.content }}</div>
+
+                                <div class="u-mbs-700">
+                                        <Button
+                                                href={releasesIndex.url}
+                                                post={<Icon icon="arrow-right" variant="bold" />}
+                                                size="xl"
+                                                variant="primary"
+                                                wide
+                                        >
+                                                Releases
+                                        </Button>
+                                </div>
+                        </Container>
+
+                        <Divider level="faint" />
+
+                        <Container class="u-mbs-neutralize" fixed="150" pad-block pad-inline>
+                                <CardList keyboard-nav>
+                                        {releases.map((page) => (
+                                                <ReleaseCard page={page} heading-level="h3" list />
+                                        ))}
+                                </CardList>
+                        </Container>
+                </BaseLayout>
+        );
+});
diff --git a/src/pages/pkg/corvos@[version].ts b/src/pages/pkg/corvos@[version].ts
new file mode 100644
index 0000000..6dcb65a
--- /dev/null
+++ b/src/pages/pkg/corvos@[version].ts
@@ -0,0 +1,35 @@
+import * as zip from "@zip-js/zip-js";
+import { Page, PipelineStageError } from "corvos";
+import { binaryLoader } from "corvos/core/loaders/binary.ts";
+
+import { strapiLoader } from "$/deps/strapi.tsx";
+import { releaseStrapiSchema } from "$/schemas/releases.ts";
+import site from "@/corvos.config.ts";
+
+export const pages = site.$.pageGenerator(async function* () {
+        for await (const item of strapiLoader.loadCollection("corvos-releases", releaseStrapiSchema, {
+                "populate[0]": "files",
+                "sort[0]": "date:desc",
+        })) {
+                if (item instanceof PipelineStageError) {
+                        yield item;
+                        continue;
+                }
+
+                const res = await binaryLoader(new URL(item.files.url));
+                const reader = new zip.ZipReader(new zip.Uint8ArrayReader(res.content));
+
+                for await (const entry of reader.getEntriesGenerator()) {
+                        if (entry.directory) {
+                                continue;
+                        }
+
+                        yield new Page(
+                                ".",
+                                new Uint8Array(await entry.arrayBuffer()),
+                                { version: item.version },
+                                `/pkg/corvos@${item.version}/${entry.filename}`,
+                        );
+                }
+        }
+});
diff --git a/src/pages/releases/[version].tsx b/src/pages/releases/[version].tsx
new file mode 100644
index 0000000..84d807a
--- /dev/null
+++ b/src/pages/releases/[version].tsx
@@ -0,0 +1,100 @@
+import { Page, PipelineStageError } from "corvos";
+
+import { strapiLoader } from "$/deps/strapi.tsx";
+import { releaseStrapiSchema } from "$/schemas/releases.ts";
+import { BaseLayout } from "$/ui/base/BaseLayout.tsx";
+import { ReleaseCard } from "$/ui/components/ReleaseCard.tsx";
+import { SiteHeader } from "$/ui/components/SiteHeader.tsx";
+import { CardList } from "$/ui/layouts/CardList.tsx";
+import { Container } from "$/ui/layouts/Container.tsx";
+import { HList } from "$/ui/layouts/HList.tsx";
+import { ActionButton } from "$/ui/objects/ActionButton.tsx";
+import { Badge } from "$/ui/objects/Badge.tsx";
+import { Body } from "$/ui/objects/Body.tsx";
+import { Divider } from "$/ui/objects/Divider.tsx";
+import { Heading } from "$/ui/objects/Heading.tsx";
+import { Icon } from "$/ui/objects/Icon.tsx";
+import site from "@/corvos.config.ts";
+
+export const pages = site.$.pageGenerator(async function* () {
+        for await (const item of strapiLoader.loadCollection("corvos-releases", releaseStrapiSchema, {
+                "populate[0]": "files",
+                "sort[0]": "date:desc",
+        })) {
+                if (item instanceof PipelineStageError) {
+                        yield item;
+                } else {
+                        yield new Page(".strapi", item.notes ?? [], {
+                                ...item,
+                                title: `Corvos ${item.version}`,
+                                type: "release" as const,
+                        });
+                }
+        }
+});
+
+export const template = site.$.template({ type: "release" }, (page, pages) => {
+        const query = site.$.query(pages);
+
+        const feed = query.type(".rss").match({ type: "releases" }).one();
+
+        const prev = query.type(".html").match({ type: "release" }).prev(page);
+        const next = query.type(".html").match({ type: "release" }).next(page);
+
+        return (
+                <BaseLayout page={page}>
+                        <SiteHeader
+                                mode="compact"
+                                url={page.url}
+                                end={
+                                        <div class="l-media__block">
+                                                <ActionButton
+                                                        align-block
+                                                        class="u-mbs-0"
+                                                        href={feed.url}
+                                                        icon={<Icon icon="rss-simple" variant="bold" />}
+                                                        level="quiet"
+                                                        pill
+                                                        title="RSS Feed"
+                                                />
+                                        </div>
+                                }
+                        >
+                                <div class="l-media__block l-media__block--main">
+                                        <Heading class="u-mbs-0 u-elp">{page.data.title}</Heading>
+                                </div>
+                        </SiteHeader>
+
+                        <Container as="main" class="u-mbs-neutralize h-entry" fixed="150" pad-block pad-inline>
+                                <HList aria-label="Categories">
+                                        <li>
+                                                <Badge as="strong" pill selected>
+                                                        <time class="dt-published" datetime={page.data.date.toISOString()}>
+                                                                {page.data.date.toLocaleDateString(undefined, {
+                                                                        day: "numeric",
+                                                                        month: "short",
+                                                                        year: "numeric",
+                                                                })}
+                                                        </time>
+                                                </Badge>
+                                        </li>
+                                </HList>
+
+                                <Heading as="h1" class="u-mbs-200 p-name" display highlight level="xxl">
+                                        {page.data.title}
+                                </Heading>
+
+                                <Body class="e-content">{{ __html: page.content }}</Body>
+                        </Container>
+
+                        <Divider level="faint" />
+
+                        <Container as="footer" class="u-mbs-neutralize" fixed="150" pad-block pad-inline>
+                                <CardList layout="grid">
+                                        {prev && <ReleaseCard heading-level="h2" page={prev} list />}
+                                        {next && <ReleaseCard heading-level="h2" page={next} list />}
+                                </CardList>
+                        </Container>
+                </BaseLayout>
+        );
+});
diff --git a/src/pages/releases/feed.ts b/src/pages/releases/feed.ts
new file mode 100644
index 0000000..b430ca5
--- /dev/null
+++ b/src/pages/releases/feed.ts
@@ -0,0 +1,19 @@
+import type { FeedItem } from "corvos/plugins/feeds.ts";
+
+import site from "@/corvos.config.ts";
+
+export const feeds = site.$.feedGenerator(function* (pages) {
+        const items = site.$.query(pages)
+                .match({ type: "release" })
+                .many()
+                .take(20)
+                .map(
+                        (page): FeedItem => ({
+                                title: page.data.title,
+                                url: page.url,
+                                content: page.content,
+                                updated: page.data.date,
+                        }),
+                );
+        yield { type: "releases", title: `Releases`, url: "/releases/", items };
+});
diff --git a/src/pages/releases/index.mdx b/src/pages/releases/index.mdx
new file mode 100644
index 0000000..6519c76
--- /dev/null
+++ b/src/pages/releases/index.mdx
@@ -0,0 +1,8 @@
+---
+type: "releases-index"
+title: "Releases"
+description: "All releases of Corvos."
+---
+
+import { template } from "./index.tsx";
+export { template };
diff --git a/src/pages/releases/index.tsx b/src/pages/releases/index.tsx
new file mode 100644
index 0000000..132eee7
--- /dev/null
+++ b/src/pages/releases/index.tsx
@@ -0,0 +1,51 @@
+import { BaseLayout } from "$/ui/base/BaseLayout.tsx";
+import { ReleaseCard } from "$/ui/components/ReleaseCard.tsx";
+import { SiteHeader } from "$/ui/components/SiteHeader.tsx";
+import { CardList } from "$/ui/layouts/CardList.tsx";
+import { Container } from "$/ui/layouts/Container.tsx";
+import { ActionButton } from "$/ui/objects/ActionButton.tsx";
+import { Heading } from "$/ui/objects/Heading.tsx";
+import { Icon } from "$/ui/objects/Icon.tsx";
+import { PlaceholderBox } from "$/ui/objects/PlaceholderBox.tsx";
+import site from "@/corvos.config.ts";
+
+export const template = site.$.template({ type: "releases-index" }, (page, pages) => {
+        const query = site.$.query(pages);
+        const items = query.type(".html").match({ type: "release" }).many().toArray();
+        const feed = query.type(".rss").match({ type: "releases" }).one();
+
+        return (
+                <BaseLayout page={page}>
+                        <SiteHeader
+                                url={page.url}
+                                end={
+                                        <div class="l-media__block">
+                                                <ActionButton
+                                                        align-block
+                                                        class="u-mbs-0"
+                                                        href={feed.url}
+                                                        icon={<Icon icon="rss-simple" variant="bold" />}
+                                                        level="quiet"
+                                                        pill
+                                                        title="RSS Feed"
+                                                />
+                                        </div>
+                                }
+                                sm={
+                                        <div class="l-media__block l-media__block--main">
+                                                <Heading class="u-mbs-0 u-elp">{page.data.title}</Heading>
+                                        </div>
+                                }
+                        ></SiteHeader>
+
+                        <Container as="main" fixed pad-block pad-inline>
+                                <CardList keyboard-nav>
+                                        {items.map((item) => (
+                                                <ReleaseCard page={item} heading-level="h2" list />
+                                        ))}
+                                        {!items.length && <PlaceholderBox as="em">Nothing there yet</PlaceholderBox>}
+                                </CardList>
+                        </Container>
+                </BaseLayout>
+        );
+});
diff --git a/src/pages/sitemap.ts b/src/pages/sitemap.ts
new file mode 100644
index 0000000..378a9ed
--- /dev/null
+++ b/src/pages/sitemap.ts
@@ -0,0 +1,8 @@
+import site from "@/corvos.config.ts";
+
+export const sitemap = site.$.sitemap((pages) => ({
+        items: pages.map((page) => ({
+                loc: page.url,
+                lastmod: page.data.modifiedAt,
+        })),
+}));