v3: correctly using SITE_NAME across the app, added notifications on comments

api/lib/static.ts

@@ -1,13 +1,30 @@
 import { Context, Next, send } from "@oak/oak";
+import { OG_SITE_NAME } from "../config.ts";
+
+async function serveIndexHtml(
+  context: Context<Record<string, object>>,
+  root: string,
+) {
+  const filePath = `${root}/index.html`;
+  const raw = await Deno.readTextFile(filePath);
+  const html = raw.replaceAll("__SITE_NAME__", OG_SITE_NAME);
+  context.response.type = "text/html";
+  context.response.body = html;
+}
 
 export function routeStaticFilesFrom(staticPaths: string[]) {
   return async (context: Context<Record<string, object>>, next: Next) => {
+    const pathname = context.request.url.pathname;
+
+    // Serve index.html with runtime placeholder replacement
+    if (pathname === "/" || pathname === "/index.html") {
+      await serveIndexHtml(context, staticPaths[0]);
+      return;
+    }
+
     for (const path of staticPaths) {
       try {
-        await send(context, context.request.url.pathname, {
-          root: path,
-          index: "index.html",
-        });
+        await send(context, pathname, { root: path });
         return;
       } catch {
         continue;
@@ -15,7 +32,7 @@ export function routeStaticFilesFrom(staticPaths: string[]) {
     }
 
     // SPA fallback: serve index.html so client-side routes work on direct navigation
-    await send(context, "/index.html", { root: staticPaths[0] });
+    await serveIndexHtml(context, staticPaths[0]);
     await next();
   };
 }