Fixes?

Author: miroiu

astro.config.mjs

@@ -9,10 +9,10 @@ export default defineConfig({
   output: 'static',
   site: 'https://miroiu.github.io',
   base: '/nodify',
-  // build: {
-  //   format: 'file',
-  // },
-  // trailingSlash: 'never',
+  build: {
+    format: 'file',
+  },
+  trailingSlash: 'never',
   integrations: [
     starlight({
       title: 'Nodify',
@@ -27,6 +27,7 @@ export default defineConfig({
       },
       components: {
         EditLink: './src/components/EditLink.astro',
+        SiteTitle: './src/components/SiteTitle.astro',
       },
       social: [
         {
@@ -38,7 +39,6 @@ export default defineConfig({
       customCss: ['./src/styles/starlight.css'],
     }),
   ],
-
   vite: {
     plugins: [tailwindcss()],
   },

src/components/SiteTitle.astro

@@ -0,0 +1,36 @@
+---
+const { siteTitle } = Astro.locals.starlightRoute;
+import Logo from '../assets/logo.svg';
+---
+
+<a href="/nodify" class="site-title sl-flex">
+  <Logo />
+  <span translate="no">
+    {siteTitle}
+  </span>
+</a>
+
+<style>
+  @layer starlight.core {
+    .site-title {
+      align-items: center;
+      gap: var(--sl-nav-gap);
+      font-size: var(--sl-text-h4);
+      font-weight: 600;
+      color: var(--sl-color-text-accent);
+      text-decoration: none;
+      white-space: nowrap;
+      min-width: 0;
+    }
+    span {
+      overflow: hidden;
+    }
+    img {
+      height: calc(var(--sl-nav-height) - 2 * var(--sl-nav-pad-y));
+      width: auto;
+      max-width: 100%;
+      object-fit: contain;
+      object-position: 0 50%;
+    }
+  }
+</style>

src/middleware.ts

@@ -0,0 +1,20 @@
+import type { MiddlewareHandler } from 'astro';
+
+/**
+ * This middleware converts the pathname to lowercase and adds .html to the final path for documentation pages and redirects the request to the URL with a 301 status code.
+ */
+export const onRequest: MiddlewareHandler = async ({ request }, next) => {
+  const url = new URL(request.url);
+
+  if (url.pathname.includes('wiki/') && !url.pathname.includes('.html')) {
+    const redirectUrl = `${url.pathname.toLocaleLowerCase()}.html`;
+    return new Response(null, {
+      status: 301,
+      headers: {
+        Location: redirectUrl,
+      },
+    });
+  }
+
+  return next();
+};