[WIP] Fix prototype extension usages (tests 302 > 290)

Author: VasylMarchuk

app/components/track-leaderboard-entry.ts

@@ -1,3 +1,4 @@
+import { get } from '@ember/object';
 import Component from '@glimmer/component';
 import type AuthenticatorService from 'codecrafters-frontend/services/authenticator';
 import type CourseModel from 'codecrafters-frontend/models/course';
@@ -33,9 +34,9 @@ export default class TrackLeaderboardEntryComponent extends Component<Signature>
   get progressDenominator() {
     return this.store
       .peekAll('course')
-      .rejectBy('releaseStatusIsAlpha')
+      .filter((item) => !item.releaseStatusIsAlpha)
       .filter((course: CourseModel) => course.betaOrLiveLanguages.includes(this.args.entry!.language as LanguageModel))
-      .mapBy('stages.length')
+      .map((item) => item.stages.length)
       .reduce((a, b) => a + b, 0);
   }
 

app/components/track-leaderboard.ts

@@ -1,3 +1,4 @@
+import { compare } from '@ember/utils';
 import Component from '@glimmer/component';
 import TrackLeaderboardEntry from 'codecrafters-frontend/utils/track-leaderboard-entry';
 import fade from 'ember-animated/transitions/fade';
@@ -39,9 +40,9 @@ export default class TrackLeaderboardComponent extends Component<Signature> {
     let entries: TrackLeaderboardEntryModel[] = [];
 
     if (this.entriesFromCurrentUser.length > 0) {
-      entries = entries.concat(this.entriesFromAPI!.toArray().filter((entry) => entry.user !== this.currentUser));
+      entries = entries.concat([...this.entriesFromAPI!].filter((entry) => entry.user !== this.currentUser));
     } else {
-      entries = entries.concat(this.entriesFromAPI!.toArray());
+      entries = entries.concat([...this.entriesFromAPI!]);
     }
 
     return entries.concat(this.entriesFromCurrentUser);
@@ -52,14 +53,22 @@ export default class TrackLeaderboardComponent extends Component<Signature> {
       return [];
     }
 
-    const currentUserRepositories = this.currentUser.repositories.filterBy('language', this.args.language).filterBy('firstSubmissionCreated');
+    const currentUserRepositories = this.currentUser.repositories
+      .filter((item) => item.language === this.args.language)
+      .filter((item) => item.firstSubmissionCreated);
 
     if (currentUserRepositories.length === 0) {
       return [];
     }
 
     const completedStagesCount = currentUserRepositories.reduce((result, repository) => {
-      return result.concat(repository.courseStageCompletions.toArray()).uniqBy('courseStage');
+      return result.concat([...repository.courseStageCompletions]).reduce<CourseStageCompletionModel[]>((unique, item) => {
+        if (!unique.find((i) => item.courseStage === i.courseStage)) {
+          unique.push(item);
+        }
+
+        return unique;
+      }, []);
     }, [] as CourseStageCompletionModel[]).length;
 
     return [
@@ -73,7 +82,7 @@ export default class TrackLeaderboardComponent extends Component<Signature> {
   }
 
   get sortedEntries() {
-    return this.entries.sortBy('completedStagesCount').reverse();
+    return [...this.entries].sort((a, b) => compare(a.completedStagesCount, b.completedStagesCount)).reverse();
   }
 
   @action

app/components/track-page/course-card-list.ts

@@ -1,3 +1,5 @@
+import { compare } from '@ember/utils';
+import { get } from '@ember/object';
 import Component from '@glimmer/component';
 import CourseModel from 'codecrafters-frontend/models/course';
 import LanguageModel from 'codecrafters-frontend/models/language';
@@ -24,11 +26,24 @@ export default class TrackPageCourseCardListComponent extends Component<Signatur
   get coursesWithProgress() {
     return this.args.courses.map((course) => {
       const repositoryWithMostProgress = this.authenticator.currentUser
-        ? this.authenticator.currentUser.repositories
-            .filterBy('language', this.args.language)
-            .filterBy('course', course)
-            .filterBy('firstSubmissionCreated')
-            .sortBy('completedStages.length', 'lastSubmissionAt').lastObject
+        ? [
+            ...this.authenticator.currentUser.repositories
+              .filter((item) => item.language === this.args.language)
+              .filter((item) => item.course === course)
+              .filter((item) => item.firstSubmissionCreated),
+          ]
+            .sort((a, b) => {
+              for (const key of ['completedStages.length', 'lastSubmissionAt']) {
+                const compareValue = compare(get(a, key), get(b, key));
+
+                if (compareValue) {
+                  return compareValue;
+                }
+              }
+
+              return 0;
+            })
+            .at(-1)
         : null;
 
       return {

app/components/track-page/header/index.ts

@@ -1,10 +1,12 @@
+import { compare } from '@ember/utils';
 import Component from '@glimmer/component';
 import LanguageModel from 'codecrafters-frontend/models/language';
 import type AuthenticatorService from 'codecrafters-frontend/services/authenticator';
 import type CourseModel from 'codecrafters-frontend/models/course';
 import type Store from '@ember-data/store';
 import { inject as service } from '@ember/service';
 import type UserModel from 'codecrafters-frontend/models/user';
+import TrackLeaderboardEntry from 'codecrafters-frontend/utils/track-leaderboard-entry';
 
 interface Signature {
   Element: HTMLDivElement;
@@ -24,18 +26,22 @@ export default class TrackPageHeaderComponent extends Component<Signature> {
   @service declare store: Store;
 
   get currentUserHasStartedTrack() {
-    return this.authenticator.currentUser && this.authenticator.currentUser.repositories.filterBy('language', this.args.language)[0];
+    return this.authenticator.currentUser && this.authenticator.currentUser.repositories.filter((item) => item.language === this.args.language)[0];
   }
 
   get topParticipants(): UserModel[] {
-    return this.store
-      .peekAll('track-leaderboard-entry')
-      .filterBy('language', this.args.language)
-      .sortBy('completedStagesCount')
+    return [...this.store.peekAll('track-leaderboard-entry').filter((item) => item.language === this.args.language)]
+      .sort((a, b) => compare(a.completedStagesCount, b.completedStagesCount))
       .reverse()
-      .uniqBy('user')
+      .reduce<TrackLeaderboardEntry[]>((unique, item) => {
+        if (!unique.find((i) => item.user === i.user)) {
+          unique.push(item);
+        }
+
+        return unique;
+      }, [])
       .slice(0, 3)
-      .mapBy('user');
+      .map((item) => item.user);
   }
 }
 

app/controllers/join-track.ts

@@ -1,3 +1,4 @@
+import { compare } from '@ember/utils';
 import Controller from '@ember/controller';
 import { inject as service } from '@ember/service';
 import type AuthenticatorService from 'codecrafters-frontend/services/authenticator';
@@ -12,11 +13,14 @@ export default class JoinTrackController extends Controller {
   @service declare authenticator: AuthenticatorService;
 
   get courses(): CourseModel[] {
-    return this.model.courses.rejectBy('releaseStatusIsAlpha').rejectBy('releaseStatusIsDeprecated').rejectBy('visibilityIsPrivate');
+    return this.model.courses
+      .filter((item) => !item.releaseStatusIsAlpha)
+      .filter((item) => !item.releaseStatusIsDeprecated)
+      .filter((item) => !item.visibilityIsPrivate);
   }
 
   get sortedCourses(): CourseModel[] {
-    return this.courses.sortBy('sortPositionForTrack');
+    return [...this.courses].sort((a, b) => compare(a.sortPositionForTrack, b.sortPositionForTrack));
   }
 
   get testimonials(): CourseModel['testimonials'] {

app/controllers/track.ts

@@ -1,3 +1,4 @@
+import { compare } from '@ember/utils';
 import Controller from '@ember/controller';
 import { inject as service } from '@ember/service';
 import type AuthenticatorService from 'codecrafters-frontend/services/authenticator';
@@ -14,11 +15,14 @@ export default class TrackController extends Controller {
       return this.model.courses;
     }
 
-    return this.model.courses.rejectBy('releaseStatusIsAlpha').rejectBy('releaseStatusIsDeprecated').rejectBy('visibilityIsPrivate');
+    return this.model.courses
+      .filter((item) => !item.releaseStatusIsAlpha)
+      .filter((item) => !item.releaseStatusIsDeprecated)
+      .filter((item) => !item.visibilityIsPrivate);
   }
 
   get sortedCourses(): CourseModel[] {
-    return this.courses.sortBy('sortPositionForTrack');
+    return [...this.courses].sort((a, b) => compare(a.sortPositionForTrack, b.sortPositionForTrack));
   }
 
   get testimonials(): CourseModel['testimonials'] {