Merge pull request #860: Add Netlify clean routes and dynamic footer links

Author: devanshi14malhotra

build_netlify.py

@@ -56,6 +56,20 @@ def build_html() -> None:
         target_file.write_text(rewrite_html(content), encoding="utf-8")
 
 
+def write_clean_route_redirects() -> None:
+    redirects = [
+        "/chat /chat.html 200",
+        "/auth /auth.html 200",
+        "/library /library.html 200",
+        "/vault /vault.html 200",
+        "/profile /profile.html 200",
+        "/privacy-policy /privacy-policy.html 200",
+        "/terms-and-conditions /terms-and-conditions.html 200",
+        "/request-book /request-book.html 200",
+    ]
+    (DIST / "_redirects").write_text("\n".join(redirects) + "\n", encoding="utf-8")
+
+
 def inject_api_base_override() -> None:
     """Optional Netlify build env MOOD_API_BASE → runtime override in dist config.js."""
     api_base = os.getenv("MOOD_API_BASE", "").strip()
@@ -79,8 +93,9 @@ def main() -> None:
         shutil.copy2(manifest_src, DIST / "manifest.json")
 
     build_html()
+    write_clean_route_redirects()
     inject_api_base_override()
 
 
 if __name__ == "__main__":
-    main()
+    main()

frontend/js/footer.js

@@ -1,12 +1,20 @@
 const createFooter = () => {
   const year = new Date().getFullYear();
+  const pagePath = (page) => {
+    const isLocalPreview = window.location.protocol === 'file:' ||
+      ['localhost', '127.0.0.1', ''].includes(window.location.hostname);
+    const cleanPath = page === 'index' ? '/' : `/${page}`;
+    const htmlPath = `${page}.html`;
+
+    return isLocalPreview ? htmlPath : cleanPath;
+  };
 
   const footerHTML = `
     <footer class="main-footer">
       <div class="footer-container">
         <!-- Brand Section -->
         <div class="footer-brand">
-          <a href="index.html" class="logo" aria-label="BiblioDrift Home">
+          <a href="${pagePath('index')}" class="logo" aria-label="BiblioDrift Home">
             <img class="footer-logo" src="../assets/images/biblioDrift_favicon.png" alt="BiblioDrift Logo"> BiblioDrift
           </a>
           <p class="footer-tagline">"There is no frigate like a book to take us lands away."</p>
@@ -17,23 +25,24 @@ const createFooter = () => {
         <nav class="footer-nav" aria-label="Footer Navigation">
           <h3>Explore</h3>
           <ul>
-            <li><a href="index.html">Discovery</a></li>
-            <li><a href="vault.html">My Vault</a></li>
-            <li><a href="library.html">My Library</a></li>
-            <li><a href="chat.html">Literary Chat</a></li>
-            <li><a href="auth.html">Account</a></li>
+            <li><a href="${pagePath('index')}">Discovery</a></li>
+            <li><a href="${pagePath('vault')}">My Vault</a></li>
+            <li><a href="${pagePath('library')}">My Library</a></li>
+            <li><a href="${pagePath('chat')}">Literary Chat</a></li>
+            <li><a href="${pagePath('auth')}">Account</a></li>
             <li>
-          <a href="https://github.com/devanshi14malhotra/BiblioDrift" target="_blank">
-           Repository
-          </a> 
-        </ul>
+              <a href="https://github.com/devanshi14malhotra/BiblioDrift" target="_blank" rel="noopener noreferrer">
+                Repository
+              </a>
+            </li>
+          </ul>
         </nav>
 
         <div class="footer-legal">
           <h3>Legal</h3>
           <ul>
-            <li><a href="privacy-policy.html">Privacy Policy</a></li>
-            <li><a href="terms-and-conditions.html">Terms & Conditions</a></li>
+            <li><a href="${pagePath('privacy-policy')}">Privacy Policy</a></li>
+            <li><a href="${pagePath('terms-and-conditions')}">Terms & Conditions</a></li>
           </ul>
         </div>