Rewrite the site using Astro.

Makefile.toml

@@ -2,7 +2,7 @@
 [tasks.build]
 clear = true
 command = "pnpm"
-args = ["vite", "build"]
+args = ["astro", "build"]
 
 # Remove build directories.
 [tasks.clean]
@@ -38,4 +38,4 @@ args = ["stylelint", "source/**/*.scss"]
 [tasks.watch]
 clear = true
 command = "pnpm"
-args = ["vite", "start"]
+args = ["astro", "dev"]

astro.config.ts

@@ -0,0 +1,16 @@
+import path from "node:path";
+import {defineConfig} from "astro/config";
+
+const relative = (input: string) => new URL(input, import.meta.url).pathname;
+
+const buildDir = relative("build");
+const sourceDir = relative("source");
+
+export default defineConfig({
+  // eslint-disable-next-line @typescript-eslint/naming-convention
+  compressHTML: true,
+  outDir: buildDir,
+  publicDir: path.join(sourceDir, "assets/"),
+  site: "https://holllo.org",
+  srcDir: sourceDir,
+});

package.json

@@ -11,13 +11,12 @@
     "@bauke/stylelint-config": "^0.1.5",
     "@types/node": "^20.11.5",
     "@types/nunjucks": "^3.2.6",
+    "astro": "^4.1.3",
     "netlify-cli": "^17.14.0",
     "sass": "^1.69.7",
     "stylelint": "^16.1.0",
     "trash-cli": "^5.0.0",
     "typescript": "^5.3.3",
-    "vite": "^5.0.11",
-    "vite-plugin-nunjucks": "^0.2.0",
     "xo": "^0.56.0"
   },
   "prettier": "@bauke/prettier-config",
@@ -26,10 +25,8 @@
   },
   "xo": {
     "extends": "@bauke/eslint-config",
+    "extensions": ["astro"],
     "prettier": true,
-    "rules": {
-      "@typescript-eslint/consistent-type-definitions": "off"
-    },
     "space": true
   }
 }

source/components/web-extension-store.astro

@@ -0,0 +1,47 @@
+---
+/** Props for the WebExtensionStore component. */
+export interface Props {
+  /** The name of the WebExtension. */
+  name: string;
+  /** The store to create the link for. */
+  store: string;
+  /** The ID of the WebExtension to append to the store link. */
+  webExtensionId: string;
+}
+
+const {name, store, webExtensionId} = Astro.props;
+let [storeImage, storeName, storeUrl] = ["", "", ""];
+
+switch (store) {
+  case "chrome": {
+    storeImage = "/chrome-web-store.png";
+    storeName = "Chrome";
+    storeUrl = `https://chrome.google.com/webstore/detail/${webExtensionId}`;
+    break;
+  }
+
+  case "edge": {
+    storeImage = "/microsoft.png";
+    storeName = "Edge";
+    storeUrl = `https://microsoftedge.microsoft.com/addons/detail/${webExtensionId}`;
+    break;
+  }
+
+  case "firefox": {
+    storeImage = "/mozilla-addons.png";
+    storeName = "Firefox";
+    storeUrl = `https://addons.mozilla.org/firefox/addon/${webExtensionId}`;
+    break;
+  }
+
+  default: {
+    throw new Error(`Unrecognized WebExtension store: ${store}`);
+  }
+}
+
+const altText = `Get ${name} for ${storeName}`;
+---
+
+<a href={storeUrl} title={altText}>
+  <img alt={altText} src={storeImage} />
+</a>

source/env.d.ts

@@ -1,19 +1,8 @@
+// eslint-disable-next-line @typescript-eslint/triple-slash-reference
+/// <reference types="astro/client" />
+
 declare global {
-  // See Vite documentation for `import.meta.env` usage.
+  // eslint-disable-next-line @typescript-eslint/consistent-type-definitions
-  // https://vitejs.dev/guide/env-and-mode.html
-
-  interface ImportMeta {
-    readonly env: ImportMetaEnv;
-  }
-
-  interface ImportMetaEnv {
-    readonly BASE_URL: string;
-    readonly DEV: boolean;
-    readonly MODE: string;
-    readonly PROD: boolean;
-    readonly VITE_BROWSER: "chromium" | "firefox";
-  }
-
   interface Window {
     "Re-Nav": {
       decodeBase64<T>(base64: string): T;

source/fangs/index.html

@@ -1,45 +0,0 @@
-{% extends "source/includes/base.html" %}
-{% import "source/includes/macros.html" as macros %}
-
-{% set title = "Fangs 🧛" %}
-
-{% block head %}
-<link rel="stylesheet" href="/scss/fangs/fangs.scss">
-{% endblock %}
-
-{% block body %}
-<header class="page-header">
-  <h1>
-    <img src="../assets/fangs-128-opaque.png" alt="Fangs Logo">
-    Fangs
-  </h1>
-  <p class="byline">Inject custom DuckDuckGo Bangs.</p>
-</header>
-
-<main class="page-main">
-  <p class="store-links">
-    <a title="Get Fangs for Firefox"
-      href="https://addons.mozilla.org/firefox/addon/fangs">
-      <img src="../assets/mozilla-addons.png" alt="Get Fangs for Firefox">
-    </a>
-    <a title="Get Fangs for Chrome"
-      href="https://chrome.google.com/webstore/detail/fangs/dlllfannplfkhbiidhihagjkbmcolclf">
-      <img src="../assets/chrome-web-store.png" alt="Get Fangs for Chrome">
-    </a>
-    <a title="Get Fangs for Edge"
-      href="https://microsoftedge.microsoft.com/addons/detail/fangs/fgfkpbflhnljpfniippaagjjlncobhjd">
-      <img src="../assets/microsoft.png" alt="Get Fangs for Edge">
-    </a>
-  </p>
-
-  <img class="screenshot" alt="Fangs Screenshot" title="Fangs Screenshot"
-    src="../assets/fangs-screenshot.png">
-</main>
-
-<footer class="page-footer">
-  &copy;
-  <a href="https://git.bauke.xyz/Holllo/fangs">AGPL-3.0-or-later</a>
-  💖
-  <a href="mailto:helllo@holllo.org">helllo@holllo.org</a>
-</footer>
-{% endblock %}

source/includes/base.html

@@ -1,21 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="UTF-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>{{ title }}</title>
-  <link rel="shortcut icon" href="/assets/holllo-mark-square.png" type="image/png">
-  <link rel="stylesheet" href="/scss/modern-normalize.scss">
-  <link rel="stylesheet" href="/scss/love.scss">
-  <link rel="stylesheet" href="/scss/common.scss">
-  {% block head %}{% endblock %}
-</head>
-
-<body class="love">
-  {% block body %}{% endblock %}
-  <script src="/ts/common.ts" type="module"></script>
-</body>
-
-</html>

source/includes/macros.html

@@ -1,43 +0,0 @@
-{%- macro iconLink(link, text='Unknown', icon='none') -%}
-{%- set link = linkFromType(link, icon) -%}
-<a class="icon-link" href="{{ link }}" rel="noopener noreferrer">
-  <img alt="{{ text }}" src="/assets/{{ icon }}.png">
-</a>
-{%- endmacro -%}
-
-{%- macro link(link, text='', type='default', linkAsText=false) -%}
-{%- if linkAsText -%}
-  {%- set text = link -%}
-{%- endif -%}
-
-{%- set link = linkFromType(link, type) -%}
-<a href="{{ link }}" rel="noopener noreferrer">{{ text }}</a>
-{%- endmacro -%}
-
-{%- macro linkFromType(link, type='default') -%}
-{%- if type === 'github' -%}
-  {%- set text = 'GitHub' -%}
-  {%- set link = 'https://github.com/' + link -%}
-{%- elif type === 'mozilla-firefox' -%}
-  {%- set text = 'Mozilla Firefox' -%}
-  {%- set link = 'https://addons.mozilla.org/firefox/addon/' + link -%}
-{%- elif type === 'google-chrome' -%}
-  {%- set text = 'Google Chrome' -%}
-  {%- set link = 'https://chrome.google.com/webstore/detail/' + link -%}
-{%- elif type === 'microsoft-edge' -%}
-  {%- set text = 'Microsoft Edge' -%}
-  {%- set link = 'https://microsoftedge.microsoft.com/addons/detail/' + link -%}
-{%- elif type === 'crates-io' -%}
-  {%- set text = 'Crates.io' -%}
-  {%- set link = 'https://crates.io/crates/' + link -%}
-{%- elif type === 'pypi' -%}
-  {%- set text = 'Python Package Index' -%}
-  {%- set link = 'https://pypi.org/project/' + link -%}
-{%- elif type === 'npm' -%}
-  {%- set text = 'npm' -%}
-  {%- set link = 'https://www.npmjs.com/package/' + link -%}
-{%- endif -%}
-
-{{- link -}}
-
-{%- endmacro -%}

source/layouts/base.astro

@@ -0,0 +1,33 @@
+---
+import "@fontsource/inter/latin.css";
+import "../scss/common.scss";
+
+/** Properties for the base layout. */
+export interface Props {
+  /** Page frontmatter data. */
+  frontmatter: {
+    /** Path to an image to use as the favicon, defaults to the Holllo logo. */
+    favicon?: string;
+    /** The text to use for the `<title>` element. */
+    pageTitle: string;
+  };
+}
+
+const {frontmatter} = Astro.props;
+const favicon = "/" + (frontmatter.favicon ?? "holllo-mark-square.png");
+---
+
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{frontmatter.pageTitle}</title>
+    <link rel="shortcut icon" href={favicon} type="image/png" />
+  </head>
+
+  <body class="love">
+    <slot />
+  </body>
+</html>

source/layouts/web-extension.astro

@@ -0,0 +1,80 @@
+---
+import WebExtensionStore from "../components/web-extension-store.astro";
+import BaseLayout, {Props as BaseProps} from "./base.astro";
+
+/** Props for the WebExtension layout. */
+export interface Props {
+  frontmatter: {
+    /** A one-liner for a short description. */
+    byline?: string;
+    /** Data for the footer. */
+    footer: {
+      /** A link to the code's git repository. */
+      link: string;
+      /** The SPDX license identifier of the project. */
+      license: string;
+    };
+    /** The name of the WebExtension to use in the header. */
+    name: string;
+    /** The path for the screenshot image. */
+    screenshot: string;
+    /** All the stores the WebExtension is available in. */
+    stores: {
+      /** The ID for the Chrome Web Store page. */
+      chrome?: string;
+      /** The ID for the Microsoft Edge Marketplace page. */
+      edge?: string;
+      /** The ID for the Mozilla Addons page. */
+      firefox?: string;
+    };
+  } & BaseProps["frontmatter"];
+}
+
+const {frontmatter} = Astro.props;
+---
+
+<BaseLayout {...Astro.props}>
+  <header class="page-header">
+    <h1>
+      <slot name="header-image" />
+      {frontmatter.name}
+    </h1>
+
+    {
+      frontmatter.byline ? (
+        <p class="byline">{frontmatter.byline}</p>
+      ) : undefined
+    }
+  </header>
+
+  <main class="page-main">
+    <slot name="main-content">
+      <p class="store-links">
+        {
+          Object.entries(frontmatter.stores).map(([key, value]) => (
+            <WebExtensionStore
+              name={frontmatter.name}
+              store={key}
+              webExtensionId={value as string}
+            />
+          ))
+        }
+      </p>
+
+      <img
+        class="screenshot"
+        alt=`${frontmatter.name} Screenshot`
+        title=`${frontmatter.name} Screenshot`
+        src={frontmatter.screenshot}
+      />
+    </slot>
+  </main>
+
+  <footer class="page-footer">
+    &copy;
+    <a href={frontmatter.footer.link}>{frontmatter.footer.license}</a>
+    💖
+    <a href="mailto:helllo@holllo.org">helllo@holllo.org</a>
+    <slot name="extra-footer-content" />
+  </footer>
+</BaseLayout>

source/pages/fangs.astro

@@ -0,0 +1,28 @@
+---
+import "../scss/pages/fangs.scss";
+import WebExtensionLayout, {
+  Props as WebExtensionProps,
+} from "../layouts/web-extension.astro";
+
+const props: WebExtensionProps = {
+  frontmatter: {
+    byline: "Inject custom DuckDuckGo Bangs.",
+    footer: {
+      link: "https://git.bauke.xyz/Holllo/fangs",
+      license: "AGPL-3.0-or-later",
+    },
+    name: "Fangs",
+    pageTitle: "Fangs 🧛",
+    screenshot: "/fangs-screenshot.png",
+    stores: {
+      firefox: "fangs",
+      chrome: "fangs/dlllfannplfkhbiidhihagjkbmcolclf",
+      edge: "fangs/fgfkpbflhnljpfniippaagjjlncobhjd",
+    },
+  },
+};
+---
+
+<WebExtensionLayout {...props}>
+  <img alt="Fangs Logo" slot="header-image" src="/fangs-128-opaque.png" />
+</WebExtensionLayout>

source/pages/index.astro

@@ -0,0 +1,20 @@
+---
+import "../scss/pages/home.scss";
+import BaseLayout, {Props as BaseProps} from "../layouts/base.astro";
+
+const props: BaseProps = {
+  frontmatter: {
+    pageTitle: "Holllo",
+  },
+};
+---
+
+<BaseLayout {...props}>
+  <header class="page-header">
+    <img alt="Holllo" src="/holllo-mark.png" />
+
+    <p class="byline">Developing free and open-source software, forever.</p>
+
+    <a href="mailto:helllo@holllo.org">helllo@holllo.org</a>
+  </header>
+</BaseLayout>

source/pages/queue.astro

@@ -0,0 +1,32 @@
+---
+import "../scss/pages/queue.scss";
+import WebExtensionLayout, {
+  Props as WebExtensionProps,
+} from "../layouts/web-extension.astro";
+
+const props: WebExtensionProps = {
+  frontmatter: {
+    byline: "Effortless temporary bookmarks.",
+    footer: {
+      link: "https://github.com/Holllo/queue",
+      license: "AGPL-3.0-or-later",
+    },
+    name: "Queue",
+    pageTitle: "Queue ⇥",
+    screenshot: "/queue-screenshot.png",
+    stores: {
+      firefox: "holllo-queue",
+      chrome: "queue/epnbikemcmienphlfmidkimpjnmohcbl",
+      edge: "queue/aanjampfdpcnhoeglmfefmmegdbifaak",
+    },
+  },
+};
+---
+
+<WebExtensionLayout {...props}>
+  <span class="icon" slot="header-image">⇥</span>
+  <span slot="extra-footer-content">
+    📚
+    <a href="https://git.bauke.xyz/Holllo/queue/wiki">Wiki</a>
+  </span>
+</WebExtensionLayout>

source/pages/re-nav/index.astro

@@ -0,0 +1,28 @@
+---
+import "../../scss/pages/re-nav.scss";
+import WebExtensionLayout, {
+  Props as WebExtensionProps,
+} from "../../layouts/web-extension.astro";
+
+export const props: WebExtensionProps = {
+  frontmatter: {
+    byline: "Navigation redirects for the masses.",
+    footer: {
+      link: "https://github.com/Holllo/re-nav",
+      license: "AGPL-3.0-or-later",
+    },
+    name: "Re-Nav",
+    pageTitle: "Re-Nav ↩",
+    screenshot: "/re-nav-screenshot.png",
+    stores: {
+      firefox: "re-nav",
+      chrome: "re-nav/efjignaelidacjdhleaojfmkklganjjb",
+      edge: "renav/efnkhmlaemggdlpalglioeolbbhfpiic",
+    },
+  },
+};
+---
+
+<WebExtensionLayout {...props}>
+  <img alt="Re-Nav Logo" src="/re-nav.png" slot="header-image" />
+</WebExtensionLayout>

source/pages/re-nav/share.astro

@@ -0,0 +1,43 @@
+---
+import "../../scss/pages/re-nav.scss";
+import "../../scss/pages/re-nav-share.scss";
+import WebExtensionLayout from "../../layouts/web-extension.astro";
+import {props} from "./index.astro";
+
+delete props.frontmatter.byline;
+---
+
+<WebExtensionLayout {...props}>
+  <img alt="Re-Nav Logo" src="/re-nav.png" slot="header-image" />
+
+  <slot slot="main-content">
+    <p class="subtitle">
+      Welcome to Re-Nav's share page!
+      <br />
+      Use the share button in Re-Nav's options page to create a link with your redirect.
+    </p>
+
+    <div class="hidden-by-default redirect">
+      <p class="matcher-data">
+        <span class="matcher-type"></span>
+        <span class="matcher-value"></span>
+      </p>
+      <p class="arrow">↓</p>
+      <p class="redirect-data">
+        <span class="redirect-type"></span>
+        <span class="redirect-value"></span>
+      </p>
+    </div>
+
+    <!-- This element will be shown by JS on page load, and if Re-Nav is installed,
+    it will be used as the root container for the import button. -->
+    <div class="hidden-by-default re-nav-import">
+      <p>
+        With <a href="..">Re-Nav</a> installed, you'll see a button here to import
+        this redirect.
+      </p>
+    </div>
+  </slot>
+
+  <script src="../../ts/re-nav-share.ts"></script>
+</WebExtensionLayout>

source/queue/index.html

@@ -1,47 +0,0 @@
-{% extends "source/includes/base.html" %}
-{% import "source/includes/macros.html" as macros %}
-
-{% set title = "Queue ⇥" %}
-
-{% block head %}
-<link rel="stylesheet" href="/scss/queue/queue.scss">
-{% endblock %}
-
-{% block body %}
-<header class="page-header">
-  <h1>
-    <span class="icon">⇥</span>
-    Queue
-  </h1>
-  <p class="byline">Effortless temporary bookmarks.</p>
-</header>
-
-<main class="page-main">
-  <p class="store-links">
-    <a title="Get Queue for Firefox"
-      href="https://addons.mozilla.org/firefox/addon/holllo-queue">
-      <img src="../assets/mozilla-addons.png" alt="Get Queue for Firefox">
-    </a>
-    <a title="Get Queue for Chrome"
-      href="https://chrome.google.com/webstore/detail/queue/epnbikemcmienphlfmidkimpjnmohcbl">
-      <img src="../assets/chrome-web-store.png" alt="Get Queue for Chrome">
-    </a>
-    <a title="Get Queue for Edge"
-      href="https://microsoftedge.microsoft.com/addons/detail/queue/aanjampfdpcnhoeglmfefmmegdbifaak">
-      <img src="../assets/microsoft.png" alt="Get Queue for Edge">
-    </a>
-  </p>
-
-  <img class="screenshot" alt="Queue Screenshot" title="Queue Screenshot"
-    src="../assets/queue-screenshot.png">
-</main>
-
-<footer class="page-footer">
-  &copy;
-  <a href="https://git.bauke.xyz/Holllo/queue">AGPL-3.0-or-later</a>
-  💖
-  <a href="mailto:helllo@holllo.org">helllo@holllo.org</a>
-  📚
-  <a href="https://git.bauke.xyz/Holllo/queue/wiki">Wiki</a>
-</footer>
-{% endblock %}

source/re-nav/index.html

@@ -1,50 +0,0 @@
-{% extends "source/includes/base.html" %}
-{% import "source/includes/macros.html" as macros %}
-
-{% set title = "Re-Nav ↩" %}
-
-{% block head %}
-<link rel="stylesheet" href="/scss/re-nav/re-nav.scss">
-{% endblock %}
-
-{% block body %}
-<header class="page-header">
-  <h1>
-    <img src="../assets/re-nav.png" alt="Re-Nav Logo">
-    Re-Nav
-  </h1>
-  <p class="byline">Navigation redirects for the masses.</p>
-</header>
-
-<main class="page-main">
-  <p class="store-links">
-    <a title="Get Re-Nav for Firefox"
-      href="https://addons.mozilla.org/firefox/addon/re-nav">
-      <img src="../assets/mozilla-addons.png" alt="Get Re-Nav for Firefox">
-    </a>
-    <a title="Get Re-Nav for Chrome"
-      href="https://chrome.google.com/webstore/detail/efjignaelidacjdhleaojfmkklganjjb">
-      <img src="../assets/chrome-web-store.png" alt="Get Re-Nav for Chrome">
-    </a>
-    <a title="Get Re-Nav for Edge"
-      href="https://microsoftedge.microsoft.com/addons/detail/efnkhmlaemggdlpalglioeolbbhfpiic">
-      <img src="../assets/microsoft.png" alt="Get Re-Nav for Edge">
-    </a>
-  </p>
-
-  <img class="screenshot" alt="Re-Nav Screenshot" title="Re-Nav Screenshot"
-    src="../assets/re-nav-screenshot.png">
-
-  <p class="timasomo-2022">
-    Re-Nav was created in one month during
-    <a href="https://tildes.net/~creative.timasomo/12ua/timasomo_2022_roll_call#comment-7htb">TiMaSoMo 2022</a>!
-  </p>
-</main>
-
-<footer class="page-footer">
-  &copy;
-  <a href="https://git.bauke.xyz/Holllo/re-nav">AGPL-3.0-or-later</a>
-  💖
-  <a href="mailto:helllo@holllo.org">helllo@holllo.org</a>
-</footer>
-{% endblock %}

source/re-nav/share/index.html

@@ -1,61 +0,0 @@
-{% extends "source/includes/base.html" %}
-{% import "source/includes/macros.html" as macros %}
-
-{% set title = "Re-Nav ↩ Share" %}
-
-{% block head %}
-<link rel="stylesheet" href="/scss/re-nav/re-nav.scss">
-<link rel="stylesheet" href="/scss/re-nav/share.scss">
-{% endblock %}
-
-{% block body %}
-<header class="page-header">
-  <h1>
-    <img src="../../assets/re-nav.png" alt="Re-Nav Logo">
-    Re-Nav
-  </h1>
-</header>
-
-<main class="page-main">
-  <p class="subtitle">
-    Welcome to Re-Nav's share page!
-    <br />
-    Use the share button in Re-Nav's options page to create a link with your
-    redirect.
-  </p>
-
-  <div class="hidden-by-default redirect">
-    <p class="matcher-data">
-      <span class="matcher-type"></span>
-      {{-":"-}}
-      <span class="matcher-value"></span>
-    </p>
-    <p class="arrow">↓</p>
-    <p class="redirect-data">
-      <span class="redirect-type"></span>
-      {{-":"-}}
-      <span class="redirect-value"></span>
-    </p>
-  </div>
-
-  {#
-    This element will be shown by JS on page load, and if Re-Nav is installed,
-    it will be used as the root container for the import button.
-  #}
-  <div class="hidden-by-default re-nav-import">
-    <p>
-      With <a href="..">Re-Nav</a> installed, you'll see a button here to import
-      this redirect.
-    </p>
-  </div>
-</main>
-
-<footer class="page-footer">
-  &copy;
-  <a href="https://git.bauke.xyz/Holllo/re-nav">AGPL-3.0-or-later</a>
-  💖
-  <a href="mailto:helllo@holllo.org">helllo@holllo.org</a>
-</footer>
-
-<script src="../../ts/re-nav/share.ts" type="module"></script>
-{% endblock %}

source/scss/common.scss

@@ -1,4 +1,6 @@
+@use "modern-normalize/modern-normalize.css";
 @use "reset";
+@use "love";
 
 html {
   font-size: 62.5%;

source/scss/mixins.scss

@@ -17,7 +17,7 @@ $large-breakpoint: 1200px;
   &::after {
     --shadow-size: #{$size};
 
-    background: url("/assets/shadow-pattern.png") repeat;
+    background: url("/shadow-pattern.png") repeat;
     content: "";
     height: 100%;
     left: var(--shadow-size);

source/scss/modern-normalize.scss

@@ -1 +0,0 @@
-@use "../../node_modules/modern-normalize/modern-normalize.css";

source/scss/pages/home.scss

@@ -1,5 +1,5 @@
 @use "../mixins";
-@use "sections";
+@use "home-sections";
 
 .page-header {
   @include mixins.responsive-container;

source/ts/common.ts

@@ -1 +0,0 @@
-import "../../node_modules/@fontsource/inter/latin.css";

tsconfig.json

@@ -1,15 +1,14 @@
 {
   "compilerOptions": {
     "esModuleInterop": true,
-    "module": "ESNext",
+    "module": "ES2022",
     "moduleResolution": "Node",
     "noEmit": true,
     "outDir": "build",
     "strict": true,
-    "target": "ESNext"
+    "target": "ES2022"
   },
   "include": [
-    "source/**/*.ts",
+    "source/**/*.ts"
-    "vite.config.ts"
   ]
 }

vite.config.ts

@@ -1,34 +0,0 @@
-import path from "node:path";
-import {defineConfig} from "vite";
-import nunjucks from "vite-plugin-nunjucks";
-
-const relative = (input: string) => new URL(input, import.meta.url).pathname;
-
-const buildDir = relative("build");
-const sourceDir = relative("source");
-
-export default defineConfig({
-  build: {
-    minify: false,
-    outDir: buildDir,
-    rollupOptions: {
-      input: {
-        fangs: path.join(sourceDir, "fangs/index.html"),
-        home: path.join(sourceDir, "index.html"),
-        queue: path.join(sourceDir, "queue/index.html"),
-        "re-nav": path.join(sourceDir, "re-nav/index.html"),
-        "re-nav/share": path.join(sourceDir, "re-nav/share/index.html"),
-      },
-    },
-    sourcemap: true,
-  },
-  plugins: [
-    nunjucks({
-      nunjucksConfigure: {
-        throwOnUndefined: true,
-      },
-    }),
-  ],
-  publicDir: path.join(sourceDir, "static"),
-  root: sourceDir,
-});