feat: using leetcode graphql api to get problem data | also cleaned up code

Author: kiing-dom

content.js

@@ -1,40 +1,28 @@
 async function getProblemData() {
-    const titleEl = document.querySelector('div[class*="text-title-large"]');
-    const title = titleEl ? titleEl.textContent.trim() : "Unknown Title";
-
-    const difficultyEl = Array.from(document.querySelectorAll('div[class*="text-difficulty"]')).find((el) =>
-        el.textContent?.match(/Easy|Medium|Hard/)
-    );
-    const difficulty = difficultyEl
-        ? difficultyEl.textContent.trim()
-        : "Unknown Difficulty";
-
     const pathParts = window.location.pathname.split("/").filter(Boolean);
     const problemSlug = pathParts[1] || "unknown-problem";
-
-    // Fetch tags using the API helper
-    let tags = [];
+    if (!problemSlug || problemSlug === "unknown-problem") {
+        return null;
+    }
+    let apiData = null;
     try {
-        tags = await fetchLeetCodeTags(problemSlug);
+        apiData = await fetchLeetCodeProblemData(problemSlug);
     } catch (e) {
-        tags = [];
+        apiData = null;
+        console.log(e.message);
     }
-
-    // Only return valid data if title and slug are valid
-    if (!title || title === "Unknown Title" || !problemSlug || problemSlug === "unknown-problem") {
+    if (!apiData?.title || !apiData?.difficulty) {
         return null;
     }
-
     const problemData = {
-        title,
-        difficulty,
+        title: apiData.title,
+        difficulty: apiData.difficulty,
         slug: problemSlug,
         url: window.location.href,
         timestamp: Date.now(),
-        tags,
+        tags: apiData.tags,
     };
-
-    console.log("LC Problem Detected:", problemData);
+    console.log("LC Problem Detected (API):", problemData);
     return problemData;
 }
 

leetcodeApi.js

@@ -1,23 +1,4 @@
-async function fetchLeetCodeTags(slug) {
-  const query = {
-    query: `query getQuestionDetail($titleSlug: String!) { question(titleSlug: $titleSlug) { topicTags { name slug } } }`,
-    variables: { titleSlug: slug },
-  };
-
-  const response = await fetch("https://leetcode.com/graphql", {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-    },
-    body: JSON.stringify(query),
-    credentials: "same-origin",
-  });
-
-  if (!response.ok) return [];
-  const data = await response.json();
-  return data.data?.question?.topicTags?.map((tag) => tag.name) || [];
-}
-
+// Fetches title, difficulty, and tags for a LeetCode problem using the GraphQL API
 async function fetchLeetCodeProblemData(slug) {
   const query = {
     query: `query getQuestionDetail($titleSlug: String!) { question(titleSlug: $titleSlug) { title difficulty topicTags { name slug } } }`,