feat: add leaderboard rank calculations to entries table

Introduce leaderboard rank calculations to enhance the leaderboard's 
entries table functionality. Import the leaderboard rank calculations 
handler and incorporate it into the application. Update the entries 
table component to display user rankings correctly, leveraging 
tracked properties for state management. Implement server endpoints 
for retrieving and creating leaderboard rank calculations in the 
Mirage backend.

Author: rohitpaulk

app/components/leaderboard-page/entries-table.hbs

@@ -31,8 +31,8 @@
           {{else if this.shouldShowSurroundingEntries}}
             <LeaderboardPage::EntriesTable::FillerRow @text="... other users ..." />
 
-            {{#each this.sortedSurroundingEntries as |entry|}}
-              <LeaderboardPage::EntriesTable::Row @entry={{entry}} @rankText={{"#~5000"}} />
+            {{#each this.sortedSurroundingEntriesWithRanks as |entryWithRank|}}
+              <LeaderboardPage::EntriesTable::Row @entry={{entryWithRank.entry}} @rankText={{concat "#" entryWithRank.rank}} />
             {{/each}}
           {{/if}}
         </tbody>

app/components/leaderboard-page/entries-table.ts

@@ -2,10 +2,11 @@ import Component from '@glimmer/component';
 import type AuthenticatorService from 'codecrafters-frontend/services/authenticator';
 import type LanguageModel from 'codecrafters-frontend/models/language';
 import type LeaderboardEntryModel from 'codecrafters-frontend/models/leaderboard-entry';
+import type LeaderboardRankCalculationModel from 'codecrafters-frontend/models/leaderboard-rank-calculation';
 import type Store from '@ember-data/store';
 import { inject as service } from '@ember/service';
-import { tracked } from '@glimmer/tracking';
 import { task } from 'ember-concurrency';
+import { tracked } from '@glimmer/tracking';
 
 interface Signature {
   Element: HTMLDivElement;
@@ -21,6 +22,7 @@ export default class LeaderboardPageEntriesTable extends Component<Signature> {
   @service declare store: Store;
 
   @tracked surroundingEntries: LeaderboardEntryModel[] = [];
+  @tracked userRankCalculation: LeaderboardRankCalculationModel | null = null;
 
   constructor(owner: unknown, args: Signature['Args']) {
     super(owner, args);
@@ -50,6 +52,17 @@ Harder stages have higher scores assigned to them.
     return !this.userIsInTopLeaderboardEntries && this.surroundingEntries.length > 0;
   }
 
+  get userEntryIndexInSurroundingEntries() {
+    return this.sortedSurroundingEntries.findIndex((entry) => entry.user.id === this.authenticator.currentUserId);
+  }
+
+  get sortedSurroundingEntriesWithRanks() {
+    return this.sortedSurroundingEntries.map((entry, index) => ({
+      entry: entry,
+      rank: this.userRankCalculation!.rank + (index - this.userEntryIndexInSurroundingEntries),
+    }));
+  }
+
   get sortedSurroundingEntries() {
     return this.surroundingEntries.filter((entry) => !entry.isBanned).sort((a, b) => b.score - a.score);
   }
@@ -74,6 +87,26 @@ Harder stages have higher scores assigned to them.
         user_id: this.authenticator.currentUserId, // Only used in tests since mirage doesn't have auth context
         filter_type: 'around_me',
       })) as unknown as LeaderboardEntryModel[];
+
+      const userRankCalculations = (await this.store.query('leaderboard-rank-calculation', {
+        include: 'user',
+        leaderboard_id: this.args.language.leaderboard!.id,
+        user_id: this.authenticator.currentUserId, // Only used in tests since mirage doesn't have auth context
+      })) as unknown as LeaderboardRankCalculationModel[];
+
+      this.userRankCalculation = userRankCalculations[0] || null;
+
+      // TODO: Also look at "outdated" user rank calculations?
+      if (!this.userRankCalculation) {
+        this.userRankCalculation = await this.store
+          .createRecord('leaderboard-rank-calculation', {
+            leaderboard: this.args.language.leaderboard!,
+            user: this.authenticator.currentUser!,
+          })
+          .save();
+      }
+
+      console.log(this.userRankCalculation!.rank);
     }
   });
 }

app/models/user.ts

@@ -1,8 +1,8 @@
+import AffiliateEarningsPayoutModel from 'codecrafters-frontend/models/affiliate-earnings-payout';
 import AffiliateLinkModel from 'codecrafters-frontend/models/affiliate-link';
 import AffiliateReferralModel from 'codecrafters-frontend/models/affiliate-referral';
 import BadgeAwardModel from 'codecrafters-frontend/models/badge-award';
 import ConceptEngagementModel from 'codecrafters-frontend/models/concept-engagement';
-import config from 'codecrafters-frontend/config/environment';
 import CourseExtensionIdeaVoteModel from 'codecrafters-frontend/models/course-extension-idea-vote';
 import CourseIdeaVoteModel from 'codecrafters-frontend/models/course-idea-vote';
 import CourseLanguageRequestModel from 'codecrafters-frontend/models/course-language-request';
@@ -16,15 +16,16 @@ import GitHubAppInstallationModel from 'codecrafters-frontend/models/github-app-
 import InstitutionMembershipGrantApplicationModel from 'codecrafters-frontend/models/institution-membership-grant-application';
 import InstitutionMembershipGrantModel from 'codecrafters-frontend/models/institution-membership-grant';
 import InvoiceModel from 'codecrafters-frontend/models/invoice';
+import LeaderboardRankCalculationModel from './leaderboard-rank-calculation';
 import Model, { attr, hasMany } from '@ember-data/model';
+import PromotionalDiscountModel from 'codecrafters-frontend/models/promotional-discount';
 import ReferralActivationModel from 'codecrafters-frontend/models/referral-activation';
-import AffiliateEarningsPayoutModel from 'codecrafters-frontend/models/affiliate-earnings-payout';
 import ReferralLinkModel from 'codecrafters-frontend/models/referral-link';
 import RepositoryModel from 'codecrafters-frontend/models/repository';
-import PromotionalDiscountModel from 'codecrafters-frontend/models/promotional-discount';
 import SubscriptionModel from 'codecrafters-frontend/models/subscription';
 import TeamMembershipModel from 'codecrafters-frontend/models/team-membership';
 import UserProfileEventModel from 'codecrafters-frontend/models/user-profile-event';
+import config from 'codecrafters-frontend/config/environment';
 import { collectionAction, memberAction } from 'ember-api-actions';
 import { inject as service } from '@ember/service';
 
@@ -70,6 +71,7 @@ export default class UserModel extends Model {
   @hasMany('institution-membership-grant', { async: false, inverse: 'user' })
   institutionMembershipGrants!: InstitutionMembershipGrantModel[];
 
+  @hasMany('leaderboard-rank-calculation', { async: false, inverse: 'user' }) leaderboardRankCalculations!: LeaderboardRankCalculationModel[];
   @hasMany('referral-activation', { async: false, inverse: 'customer' }) referralActivationsAsCustomer!: ReferralActivationModel[];
   @hasMany('referral-activation', { async: false, inverse: 'referrer' }) referralActivationsAsReferrer!: ReferralActivationModel[];
   @hasMany('affiliate-earnings-payout', { async: false, inverse: 'user' }) affiliateEarningsPayouts!: AffiliateEarningsPayoutModel[];

mirage/config.js

@@ -43,6 +43,7 @@ import institutionMembershipGrantApplications from './handlers/institution-membe
 import institutions from './handlers/institutions';
 import languages from './handlers/languages';
 import leaderboardEntries from './handlers/leaderboard-entries';
+import leaderboardRankCalculations from './handlers/leaderboard-rank-calculations';
 import logstreams from './handlers/logstreams';
 import onboardingSurveys from './handlers/onboarding-surveys';
 import perks from './handlers/perks';
@@ -181,6 +182,7 @@ function routes() {
   institutions(this);
   languages(this);
   leaderboardEntries(this);
+  leaderboardRankCalculations(this);
   logstreams(this);
   onboardingSurveys(this);
   perks(this);

mirage/handlers/leaderboard-rank-calculations.js

@@ -0,0 +1,17 @@
+export default function (server) {
+  server.get('/leaderboard-rank-calculations', function (schema, request) {
+    if (!request.queryParams.leaderboard_id) {
+      throw new Error('No leaderboard ID provided');
+    }
+
+    return schema.leaderboardRankCalculations.all().filter((calculation) => calculation.leaderboard.id === request.queryParams.leaderboard_id);
+  });
+
+  server.post('/leaderboard-rank-calculations', function (schema, request) {
+    const attrs = this.normalizedRequestAttrs();
+    attrs.calculatedAt = new Date();
+    attrs.rank = 37812;
+
+    return schema.leaderboardRankCalculations.create(attrs);
+  });
+}