feat: filter to remove undefined problems from the popup

Author: kiing-dom

content.js

@@ -23,6 +23,11 @@ async function getProblemData() {
         tags = [];
     }
 
+    // Only return valid data if title and slug are valid
+    if (!title || title === "Unknown Title" || !problemSlug || problemSlug === "unknown-problem") {
+        return null;
+    }
+
     const problemData = {
         title,
         difficulty,
@@ -43,6 +48,7 @@ function waitForContentAndStore() {
         if (titleEl && titleEl.textContent.trim()) {
             observer.disconnect();
             const data = await getProblemData();
+            if (!data) return; // Don't store invalid/undefined problems
             browser.storage.local.set({ [data.slug]: data }).then(() => {
                 console.log("Saved to storage:", data);
             }).catch((err) => {

popup/popup.js

@@ -40,7 +40,14 @@ document.addEventListener("DOMContentLoaded", () => {
 
 document.addEventListener("DOMContentLoaded", () => {
     browser.storage.local.get(null).then((allData) => {
-        const problems = Object.values(allData).filter(p => p.status === "Solved");
+        // Filter out invalid/undefined problems before displaying
+        const problems = Object.values(allData).filter(p =>
+            p &&
+            typeof p.title === 'string' && p.title !== 'Unknown Title' &&
+            typeof p.slug === 'string' && p.slug !== 'unknown-problem' &&
+            typeof p.difficulty === 'string' && p.difficulty !== 'Unknown Difficulty' &&
+            p.status === "Solved"
+        );
         // Sort by solvedAt descending (most recent first)
         problems.sort((a, b) => (b.solvedAt || 0) - (a.solvedAt || 0));