fix: resolve console errors - duplicate scripts, null refs, chatbot 404 & missing offline.html

frontend/js/chatbot.js

@@ -129,7 +129,10 @@ restoreChatHistory();
 
     // Load data
     // Note: This path assumes index.html is in /pages/ and data is in /data/
-    fetch('../data/chatbot_data.json')
+    // Resolve path relative to root regardless of current page depth
+    const isPagesDir = window.location.pathname.includes('/pages/');
+    const chatbotDataPath = isPagesDir ? '../../frontend/data/chatbot_data.json' : './frontend/data/chatbot_data.json';
+    fetch(chatbotDataPath)
         .then(response => response.json())
         .then(data => {
             intents = data.intents;
@@ -342,4 +345,4 @@ function parseMarkdown(text) {
 
         return "I'm not sure about that. Try asking about open source programs or guides.";
     }
-});
+});

frontend/js/home.js

@@ -123,10 +123,12 @@ document.addEventListener('DOMContentLoaded', () => {
 
 // ===============================
 // Scroll Progress Indicator (Top)
+// FIX: Renamed variable from 'scrollProgressBar' to 'homeScrollProgressBar'
+// to avoid conflict with the same variable name declared in theme.js
 // ===============================
-const scrollProgressBar = document.getElementById('scrollProgress');
+const homeScrollProgressBar = document.getElementById('scrollProgress');
 
-if (scrollProgressBar) {
+if (homeScrollProgressBar) {
   window.addEventListener(
     'scroll',
     () => {
@@ -136,12 +138,12 @@ if (scrollProgressBar) {
         document.documentElement.clientHeight;
 
       if (docHeight <= 0) {
-        scrollProgressBar.style.width = '0%';
+        homeScrollProgressBar.style.width = '0%';
         return;
       }
 
       const scrollPercent = (scrollTop / docHeight) * 100;
-      scrollProgressBar.style.width = `${scrollPercent}%`;
+      homeScrollProgressBar.style.width = `${scrollPercent}%`;
     },
     { passive: true }
   );
@@ -190,6 +192,7 @@ if (scrollProgressBar) {
     cursor.style.opacity = '';
   });
 })();
+
 // ===============================
 // Back to Top Button 
 // ===============================
@@ -285,6 +288,9 @@ document.addEventListener("DOMContentLoaded", () => {
   const counters = document.querySelectorAll(".counter");
   const statsSection = document.querySelector(".stats");
 
+  // FIX: Guard against null statsSection
+  if (!statsSection) return;
+
   let hasAnimated = false;
 
   const animateCounter = (counter) => {
@@ -334,65 +340,4 @@ document.addEventListener("DOMContentLoaded", () => {
   });
 
   observer.observe(statsSection);
-});
-
-function openModal(program) {
-  const modal = document.getElementById("programModal");
-  const title = document.getElementById("modalTitle");
-  const basicInfo = document.getElementById("modalBasicInfo");
-  const skills = document.getElementById("modalSkills");
-  const prepare = document.getElementById("modalPrepare");
-  const tips = document.getElementById("modalTips");
-
-  const data = {
-    gsoc: {
-      title: "Google Summer of Code",
-      basic: `
-        📅 <b>Duration:</b> 12 Weeks <br>
-        🌍 <b>Eligibility:</b> Students worldwide <br>
-        💰 <b>Stipend:</b> Paid <br>
-        ⏳ <b>Timeline:</b> May–Aug
-      `,
-      skills: [
-        "Strong problem solving",
-        "Git & GitHub workflow",
-        "Open source contribution experience"
-      ],
-      prepare: [
-        "Start contributing early",
-        "Fix good first issues",
-        "Interact with mentors",
-        "Understand project roadmap"
-      ],
-      tips: [
-        "Write strong proposal",
-        "Be active in discussions",
-        "Submit quality PRs",
-        "Show consistency"
-      ]
-    }
-  };
-
-  const programData = data[program];
-
-  title.innerHTML = programData.title;
-  basicInfo.innerHTML = programData.basic;
-
-  skills.innerHTML = "<ul>" + programData.skills.map(item => `<li>${item}</li>`).join("") + "</ul>";
-  prepare.innerHTML = "<ul>" + programData.prepare.map(item => `<li>${item}</li>`).join("") + "</ul>";
-  tips.innerHTML = "<ul>" + programData.tips.map(item => `<li>${item}</li>`).join("") + "</ul>";
-
-  modal.style.display = "flex";
-}
-
-function closeModal() {
-  document.getElementById("programModal").style.display = "none";
-}
-
-/* Accordion Toggle */
-document.addEventListener("click", function (e) {
-  if (e.target.classList.contains("accordion-header")) {
-    const body = e.target.nextElementSibling;
-    body.style.display = body.style.display === "block" ? "none" : "block";
-  }
 });

frontend/js/pr-generator.js

@@ -6,6 +6,18 @@
  * Includes AI Assist Controls for fine-grained PR generation.
  */
 
+// FIX: Declare aiAssistState on window to avoid re-declaration SyntaxError
+// if this script is loaded more than once across pages
+if (typeof window.aiAssistState === 'undefined') {
+    window.aiAssistState = {
+        creativity: 50,
+        strictness: 'best-practice',
+        autoSummarize: true,
+        autoDetectType: true,
+        rewriteInput: false,
+    };
+}
+
 document.addEventListener('DOMContentLoaded', () => {
     const existingForm = document.getElementById('prGeneratorForm');
 
@@ -111,17 +123,6 @@ function getStructureSettings() {
     };
 }
 
-// ==========================================
-// AI Assist State
-// ==========================================
-const aiAssistState = {
-    creativity: 50,
-    strictness: 'best-practice',
-    autoSummarize: true,
-    autoDetectType: true,
-    rewriteInput: false,
-};
-
 function getCreativityLabel(value) {
     if (value <= 20) return 'Low';
     if (value <= 40) return 'Medium-Low';
@@ -151,7 +152,7 @@ function setupAIAssistControls() {
     if (slider && valueLabel) {
         const updateSlider = () => {
             const val = parseInt(slider.value);
-            aiAssistState.creativity = val;
+            window.aiAssistState.creativity = val;
             valueLabel.textContent = getCreativityLabel(val);
 
             // Update slider track gradient
@@ -170,7 +171,7 @@ function setupAIAssistControls() {
             btn.addEventListener('click', () => {
                 btns.forEach(b => b.classList.remove('active'));
                 btn.classList.add('active');
-                aiAssistState.strictness = btn.dataset.value;
+                window.aiAssistState.strictness = btn.dataset.value;
             });
         });
     }
@@ -180,9 +181,9 @@ function setupAIAssistControls() {
     const autoDetect = document.getElementById('autoDetectTypeToggle');
     const rewriteInput = document.getElementById('rewriteInputToggle');
 
-    if (autoSummarize) autoSummarize.addEventListener('change', () => { aiAssistState.autoSummarize = autoSummarize.checked; });
-    if (autoDetect) autoDetect.addEventListener('change', () => { aiAssistState.autoDetectType = autoDetect.checked; });
-    if (rewriteInput) rewriteInput.addEventListener('change', () => { aiAssistState.rewriteInput = rewriteInput.checked; });
+    if (autoSummarize) autoSummarize.addEventListener('change', () => { window.aiAssistState.autoSummarize = autoSummarize.checked; });
+    if (autoDetect) autoDetect.addEventListener('change', () => { window.aiAssistState.autoDetectType = autoDetect.checked; });
+    if (rewriteInput) rewriteInput.addEventListener('change', () => { window.aiAssistState.rewriteInput = rewriteInput.checked; });
 
     // Per-field AI assist buttons
     const assistBtns = document.querySelectorAll('.ai-field-assist-btn');
@@ -219,8 +220,8 @@ async function handleFieldImprove(btn) {
             body: JSON.stringify({
                 text,
                 fieldName: targetId,
-                creativity: aiAssistState.creativity,
-                strictness: aiAssistState.strictness,
+                creativity: window.aiAssistState.creativity,
+                strictness: window.aiAssistState.strictness,
             }),
         });
 
@@ -353,11 +354,11 @@ async function handlePRGeneration(submitBtn, previewSection, textarea) {
                 structureSettings,
                 // AI Assist parameters
                 aiAssist: {
-                    creativity: aiAssistState.creativity,
-                    strictness: aiAssistState.strictness,
-                    autoSummarize: aiAssistState.autoSummarize,
-                    autoDetectType: aiAssistState.autoDetectType,
-                    rewriteInput: aiAssistState.rewriteInput,
+                    creativity: window.aiAssistState.creativity,
+                    strictness: window.aiAssistState.strictness,
+                    autoSummarize: window.aiAssistState.autoSummarize,
+                    autoDetectType: window.aiAssistState.autoDetectType,
+                    rewriteInput: window.aiAssistState.rewriteInput,
                 },
             }),
         });
@@ -661,15 +662,15 @@ async function analyzePRStatus() {
         if (data.merged) {
             statusBadge = `<span class="pr-badge merged">Merged</span>`;
             statusText = "This Pull Request has been successfully merged.";
-        } 
+        }
         else if (data.state === "open" && data.draft) {
             statusBadge = `<span class="pr-badge draft">Draft</span>`;
             statusText = "This PR is currently in draft state.";
-        } 
+        }
         else if (data.state === "open") {
             statusBadge = `<span class="pr-badge open">Open</span>`;
             statusText = "This PR is open and under review.";
-        } 
+        }
         else {
             statusBadge = `<span class="pr-badge closed">Closed</span>`;
             statusText = "This PR is closed without merge.";

frontend/js/pwa.js

@@ -48,26 +48,30 @@ if ('serviceWorker' in navigator) {
     });
 }
 
-let deferredPrompt;
+// FIX: Use window.deferredPrompt to avoid re-declaration errors
+// if this script is ever executed more than once
+if (typeof window.deferredPrompt === 'undefined') {
+    window.deferredPrompt = null;
+}
 
 window.addEventListener('beforeinstallprompt', (e) => {
     e.preventDefault();
-    deferredPrompt = e;
+    window.deferredPrompt = e;
 
     const showButton = () => {
         const btn = document.getElementById('pwa-install-btn');
         if (btn) {
             btn.style.display = 'inline-flex';
             btn.addEventListener('click', () => {
                 btn.style.display = 'none';
-                deferredPrompt.prompt();
-                deferredPrompt.userChoice.then((choiceResult) => {
+                window.deferredPrompt.prompt();
+                window.deferredPrompt.userChoice.then((choiceResult) => {
                     if (choiceResult.outcome === 'accepted') {
                         console.log('User accepted the install prompt');
                     } else {
                         console.log('User dismissed the install prompt');
                     }
-                    deferredPrompt = null;
+                    window.deferredPrompt = null;
                 });
             });
         } else {
@@ -78,6 +82,6 @@ window.addEventListener('beforeinstallprompt', (e) => {
 });
 
 window.addEventListener('appinstalled', () => {
-    deferredPrompt = null;
+    window.deferredPrompt = null;
     console.log('PWA was installed');
-});
+});

frontend/js/theme.js

@@ -77,17 +77,19 @@ function updateThemeIcon(isDark) {
 
 /* ===============================
    CURSOR HIGHLIGHT
+   FIX: Renamed variable from 'cursor' to 'themeCursor' to avoid
+   conflict with the 'cursor' variable declared in home.js
 ================================ */
 
-const cursor = document.getElementById('cursor-highlight');
+const themeCursor = document.getElementById('cursor-highlight');
 
-if (cursor) {
+if (themeCursor) {
     document.addEventListener('mousemove', (e) => {
-        cursor.style.transform = `translate(${e.clientX}px, ${e.clientY}px)`;
-        cursor.style.opacity = '1';
+        themeCursor.style.transform = `translate(${e.clientX}px, ${e.clientY}px)`;
+        themeCursor.style.opacity = '1';
     });
 
     document.addEventListener('mouseleave', () => {
-        cursor.style.opacity = '0';
+        themeCursor.style.opacity = '0';
     });
-}
+}