feat(lapis2-docs): configure base to handle links behind reverse proxy

Author: fengelniederhammer

lapis2-docs/astro.config.mjs

@@ -94,6 +94,8 @@ export default defineConfig({
             entrypoint: 'astro/assets/services/sharp',
         },
     },
+    base: process.env.BASE_URL,
+    site: process.env.ASTRO_SITE,
 });
 
 /**

lapis2-docs/src/components/BaseAwareLink.astro

@@ -0,0 +1,12 @@
+---
+interface Props {
+    href: string;
+}
+
+const { href } = Astro.props;
+const base = (import.meta.env.BASE_URL || '').replace(/\/$/, '');
+---
+
+<a href={base + href}>
+    <slot />
+</a>

lapis2-docs/src/components/FiltersTable.astro

@@ -1,5 +1,6 @@
 ---
 import { getConfig, Metadata } from '../config';
+import BaseAwareLink from './BaseAwareLink.astro';
 
 const config = getConfig();
 const filters: Metadata[] = [];
@@ -32,7 +33,8 @@ for (let meta of config.schema.metadata) {
                     <td>
                         {f.type === 'pango_lineage' ? (
                             <>
-                                See <a href='/concepts/pango-lineage-query/'>Pango lineage query</a>
+                                See
+                                <BaseAwareLink href='/concepts/pango-lineage-query/'>Pango lineage query</BaseAwareLink>
                             </>
                         ) : (
                             <i>TODO</i>

lapis2-docs/src/content/docs/index.mdx

@@ -6,7 +6,7 @@ hero:
     tagline: Instance for SARS-CoV-2
     actions:
         - text: Introduction
-          link: /getting-started/introduction
+          link: getting-started/introduction/
           icon: right-arrow
           variant: primary
         - text: LAPIS on GitHub