Hero Refactored

Author: parthratra11

.github/Pull_request_Template.md

@@ -1,7 +1,7 @@
 # Pull Request Template
 
 ## Summary
-Please include a summary of the changes and the related issue. Please also include relevant motivation and context. List any dependencies that are required for this change.
+Just write what issue worked on and how it is working now.
 
 Fixes # (issue)
 
@@ -10,23 +10,6 @@ Please mark [X] for applicable items:
 
 - [ ] Bug fix (non-breaking change which fixes an issue)
 - [ ] New feature (non-breaking change which adds functionality)
-- [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
-- [ ] Documentation update
-- [ ] Code refactoring
-- [ ] Other (please describe):
 
-## Testing
-Please describe the tests you performed to verify your changes:
-
-## Screenshots/Videos
-Please attach relevant screenshots or videos demonstrating the changes.
-
-## Checklist
-Please mark [X] for completed items:
-
-- [ ] My code follows the project's style guidelines
-- [ ] I have performed a self-review of my code
-- [ ] I have commented my code, particularly in hard-to-understand areas
-- [ ] I have updated the documentation accordingly
-- [ ] My changes generate no new warnings
-- [ ] I have added tests that prove my fix is effective or that my feature works
+## Screenshots/Videos (optional)
+Please attach relevant screenshots or videos demonstrating the changes.

GQL_Queries/contest.ts

@@ -0,0 +1,49 @@
+/**
+ * This GraphQL query retrieves the contest ranking and ranking history for a specific user.
+ * 
+ * The `getUserContestRanking` query takes the `username` as a parameter and returns the user's contest ranking, including:
+ * - `attendedContestsCount`: The number of contests the user has attended.
+ * - `rating`: The user's rating.
+ * - `globalRanking`: The user's global ranking.
+ * - `totalParticipants`: The total number of participants.
+ * - `topPercentage`: The user's top percentage.
+ * - `badge`: The badge information, including the badge name.
+ * 
+ * The `userContestRankingHistory` query takes the `username` as a parameter and returns the user's contest ranking history, including:
+ * - `attended`: Whether the user attended the contest.
+ * - `rating`: The user's rating for the contest.
+ * - `ranking`: The user's ranking in the contest.
+ * - `trendDirection`: The trend direction of the user's ranking.
+ * - `problemsSolved`: The number of problems solved by the user.
+ * - `totalProblems`: The total number of problems in the contest.
+ * - `finishTimeInSeconds`: The finish time in seconds.
+ * - `contest`: The contest information, including the title and start time.
+ */
+const query = `#graphql
+query getUserContestRanking ($username: String!) {
+    userContestRanking(username: $username) {
+        attendedContestsCount
+        rating
+        globalRanking
+        totalParticipants
+        topPercentage
+        badge {
+            name
+        }
+    }
+    userContestRankingHistory(username: $username) {
+        attended
+        rating
+        ranking
+        trendDirection
+        problemsSolved
+        totalProblems
+        finishTimeInSeconds
+        contest {
+            title
+            startTime
+        }
+    }
+}`;
+
+export default query;

GQL_Queries/index.ts

@@ -0,0 +1,11 @@
+// import exp from 'constants';
+
+/**
+ * @fileoverview This file exports the default export from the 'recentAcSubmit' module 
+ *               as 'AcSubmissionQuery'.
+ */
+export { default as AcSubmissionQuery } from './recentAcSubmit';
+export { default as contestQuery } from './contest';
+export { default as userProfileQuery } from './userProfile';
+export { default as submissionQuery } from './recentSubmit';
+export { default as languageStatsQuery } from './languageStats';

GQL_Queries/languageStats.ts

@@ -0,0 +1,34 @@
+/**
+ * This GraphQL query retrieves the count of problems solved by a user for each programming language.
+ * 
+ * @param $username - The username of the user whose language problem count is being queried.
+ * @returns An object containing the user's language problem count, including the language name and the number of problems solved.
+ * 
+ * Example usage:
+ * 
+ * ```typescript
+ * const query = `
+ *     query languageStats($username: String!) {
+ *         matchedUser(username: $username) {
+ *             languageProblemCount {
+ *                 languageName
+ *                 problemsSolved
+ *             }
+ *         }
+ *     }
+ * `;
+ * ```
+ */
+const query = `
+    query languageStats($username: String!) {
+        matchedUser(username: $username) {
+            languageProblemCount {
+                languageName
+                problemsSolved
+            }
+        }
+    }
+`;
+
+
+export default query;

GQL_Queries/recentAcSubmit.ts

@@ -0,0 +1,25 @@
+/**
+ * GraphQL query to fetch recent Accepted (AC) submissions of a user.
+ * 
+ * @param $username - The username of the user whose submissions are to be fetched.
+ * @param $limit - The maximum number of submissions to fetch.
+ * 
+ * @returns An object containing the following fields for each submission:
+ * - title: The title of the problem.
+ * - titleSlug: The URL-friendly slug of the problem title.
+ * - timestamp: The timestamp when the submission was made.
+ * - statusDisplay: The display status of the submission.
+ * - lang: The programming language used for the submission.
+ */
+const query = `#graphql
+query getACSubmissions ($username: String!, $limit: Int) {
+    recentAcSubmissionList(username: $username, limit: $limit) {
+        title
+        titleSlug
+        timestamp
+        statusDisplay
+        lang
+    }
+}`;
+
+export default query;

GQL_Queries/recentSubmit.ts

@@ -0,0 +1,25 @@
+/**
+ * GraphQL query to fetch recent submissions of a user.
+ * 
+ * @param $username - The username of the user whose recent submissions are to be fetched.
+ * @param $limit - The maximum number of recent submissions to fetch.
+ * 
+ * @returns An object containing the following fields:
+ * - title: The title of the submission.
+ * - titleSlug: The slugified title of the submission.
+ * - timestamp: The timestamp of the submission.
+ * - statusDisplay: The status of the submission (e.g., Accepted, Wrong Answer).
+ * - lang: The programming language used for the submission.
+ */
+const query = `#graphql
+query getRecentSubmissions($username: String!, $limit: Int) {
+    recentSubmissionList(username: $username, limit: $limit) {
+        title
+        titleSlug
+        timestamp
+        statusDisplay
+        lang
+    }
+}`;
+
+export default query;

GQL_Queries/userProfile.ts

@@ -0,0 +1,92 @@
+/**
+ * GraphQL query to fetch user profile information from LeetCode.
+ * 
+ * This query retrieves various details about a user, including:
+ * 
+ * - `allQuestionsCount`: The count of all questions categorized by difficulty.
+ * - `matchedUser`: Detailed information about the matched user, including:
+ *   - `username`: The username of the user.
+ *   - `githubUrl`: The GitHub profile URL of the user.
+ *   - `twitterUrl`: The Twitter profile URL of the user.
+ *   - `linkedinUrl`: The LinkedIn profile URL of the user.
+ *   - `contributions`: The user's contributions, including points, question count, and testcase count.
+ *   - `profile`: The user's profile details, such as real name, avatar, birthday, ranking, reputation, websites, country, company, school, skills, about me, and star rating.
+ *   - `badges`: The badges earned by the user, including id, display name, icon, and creation date.
+ *   - `upcomingBadges`: The badges that the user is about to earn, including name and icon.
+ *   - `activeBadge`: The currently active badge of the user, including id, display name, icon, and creation date.
+ *   - `submitStats`: The user's submission statistics, including total and accepted submissions categorized by difficulty.
+ *   - `submissionCalendar`: The user's submission calendar.
+ * - `recentSubmissionList`: The list of recent submissions by the user, including title, title slug, timestamp, status display, and language.
+ * 
+ * @param {string} $username - The username of the user whose profile is to be fetched.
+ */
+const query = `#graphql
+query getUserProfile($username: String!) {
+    allQuestionsCount {
+        difficulty
+        count
+    }
+    matchedUser(username: $username) {
+        username
+        githubUrl
+        twitterUrl
+        linkedinUrl
+        contributions {
+            points
+            questionCount
+            testcaseCount
+        }
+        profile {
+            realName
+            userAvatar
+            birthday
+            ranking
+            reputation
+            websites
+            countryName
+            company
+            school
+            skillTags
+            aboutMe
+            starRating
+        }
+        badges {
+            id
+            displayName
+            icon
+            creationDate
+        }
+        upcomingBadges {
+            name
+            icon
+        }
+        activeBadge {
+            id
+            displayName
+            icon
+            creationDate
+        }
+        submitStats {
+            totalSubmissionNum {
+                difficulty
+                count
+                submissions
+            }
+            acSubmissionNum {
+                difficulty
+                count
+                submissions
+            }
+        }
+        submissionCalendar
+    }
+    recentSubmissionList(username: $username, limit: 20) {
+        title
+        titleSlug
+        timestamp
+        statusDisplay
+        lang
+    }
+}`;
+
+export default query;

app/actions/action.ts

@@ -47,5 +47,5 @@ export async function signout() {
     const supabase = await createClient();
     await supabase.auth.signOut();
     revalidatePath('/', 'layout');
-    redirect('/auth/signin');
+    redirect('/');
 }

app/api/leetcode/controllers/fetchDataRawFormat.ts

@@ -0,0 +1,39 @@
+import { Response } from 'express';
+
+const fetchDataRawFormat = async (
+    options: { username: string },
+    res: Response,
+    query: string
+) => {
+    try {
+
+        const response = await fetch('https://leetcode.com/graphql', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                Referer: 'https://leetcode.com',
+            },
+            body: JSON.stringify({
+                query: query,
+                variables: {
+                    username: options.username, 
+                },
+            }),
+        });
+        
+        const result = await response.json();
+        if (!response.ok) {
+            console.error(`HTTP error! status: ${response.status}`);
+        }
+        if (result.errors) {
+            return res.send(result);
+        }
+
+        return res.json(result.data);
+    } catch (err) {
+        console.error('Error: ', err);
+        return res.send(err);
+    }
+};
+
+export default fetchDataRawFormat;

app/api/leetcode/controllers/fetchUserDetails.ts

@@ -0,0 +1,39 @@
+import { Response } from 'express';
+import { UserData } from '../../../../types/typeInterfaces';
+
+const fetchUserDetails = async (
+  options: { username: string; limit: number },
+  res: Response,
+  formatData: (data: UserData) => {},
+  query: string
+) => {
+  try {
+    const response = await fetch('https://leetcode.com/graphql', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        Referer: 'https://leetcode.com',
+      },
+      body: JSON.stringify({
+        query: query,
+        variables: {
+          username: options.username, //username required
+          limit: options.limit, //only for submission
+        },
+      }),
+    });
+
+    const result = await response.json();
+
+    if (result.errors) {
+      return res.send(result);
+    }
+
+    return res.json(formatData(result.data));
+  } catch (err) {
+    console.error('Error: ', err);
+    return res.send(err);
+  }
+};
+
+export default fetchUserDetails;