refactor: update language handling in track and catalog routes

Refactor the Track and Catalog routes to improve language 
management. Change the way primer concept groups are accessed 
by using the language model directly. Remove unnecessary 
promises for concept groups and concepts, and streamline 
the fetching of language data. This enhances code clarity 
and optimizes data retrieval for better performance.

Author: rohitpaulk

app/routes/catalog.ts

@@ -7,8 +7,7 @@ import BaseRoute from 'codecrafters-frontend/utils/base-route';
 import RepositoryPoller from 'codecrafters-frontend/utils/repository-poller';
 import { hash as RSVPHash } from 'rsvp';
 import RouteInfoMetadata, { RouteColorScheme } from 'codecrafters-frontend/utils/route-info-metadata';
-import type ConceptGroupModel from 'codecrafters-frontend/models/concept-group';
-import type ConceptModel from 'codecrafters-frontend/models/concept';
+import type LanguageModel from 'codecrafters-frontend/models/language';
 
 export type ModelType = {
   repositories?: RepositoryModel[];
@@ -28,8 +27,7 @@ export default class CatalogRoute extends BaseRoute {
     const modelPromises: {
       repositories?: Promise<RepositoryModel[]>;
       courses?: Promise<CourseModel[]>;
-      _conceptGroups?: Promise<ConceptGroupModel[]>;
-      _concepts?: Promise<ConceptModel[]>;
+      _languages?: Promise<LanguageModel[]>;
     } = {};
 
     if (this.authenticator.isAuthenticated) {
@@ -44,8 +42,9 @@ export default class CatalogRoute extends BaseRoute {
     }) as unknown as Promise<CourseModel[]>;
 
     // Resources required by the track page
-    modelPromises._conceptGroups = this.store.findAll('concept-group', { include: 'author' }) as unknown as Promise<ConceptGroupModel[]>;
-    modelPromises._concepts = this.store.findAll('concept', { include: 'author,questions' }) as unknown as Promise<ConceptModel[]>;
+    modelPromises._languages = this.store.findAll('language', {
+      include: 'primer-concept-group,primer-concept-group.author,primer-concept-group.concepts,primer-concept-group.concepts.author',
+    }) as unknown as Promise<LanguageModel[]>;
 
     return RSVPHash(modelPromises) as Promise<ModelType>;
   }

app/routes/track.ts

@@ -9,12 +9,10 @@ import type MetaDataService from 'codecrafters-frontend/services/meta-data';
 import type CourseModel from 'codecrafters-frontend/models/course';
 import type LanguageModel from 'codecrafters-frontend/models/language';
 import RouteInfoMetadata, { RouteColorScheme } from 'codecrafters-frontend/utils/route-info-metadata';
-import type ConceptGroupModel from 'codecrafters-frontend/models/concept-group';
 
 export type ModelType = {
   courses: CourseModel[];
   language: LanguageModel;
-  primerConceptGroup: ConceptGroupModel | null;
 };
 
 export default class TrackRoute extends BaseRoute {
@@ -49,25 +47,19 @@ export default class TrackRoute extends BaseRoute {
       include: 'extensions,stages,language-configurations.language',
     })) as unknown as CourseModel[];
 
-    const language = this.store.peekAll('language').findBy('slug', params.track_slug) as LanguageModel;
+    const languages = (await this.store.findAll('language', {
+      include: 'primer-concept-group,primer-concept-group.author,primer-concept-group.concepts,primer-concept-group.concepts.author',
+    })) as unknown as LanguageModel[];
 
-    const relatedResourcePromises: Promise<unknown>[] = [];
-
-    if (language.trackPrimerConceptGroupSlug) {
-      relatedResourcePromises.push(this.store.findAll('concept-group', { include: 'author' }));
-      relatedResourcePromises.push(this.store.findAll('concept', { include: 'author,questions' }));
-    }
+    const language = languages.find((language) => language.slug === params.track_slug)!;
 
     if (this.authenticator.isAuthenticated) {
-      relatedResourcePromises.push(this.store.findAll('repository', { include: RepositoryPoller.defaultIncludedResources }));
+      await this.store.findAll('repository', { include: RepositoryPoller.defaultIncludedResources });
     }
 
-    await Promise.all(relatedResourcePromises);
-
     return {
       courses: courses.filter((course) => course.betaOrLiveLanguages.includes(language)),
       language: language,
-      primerConceptGroup: this.store.peekAll('concept-group').find((conceptGroup) => conceptGroup.slug === language.trackPrimerConceptGroupSlug),
     };
   }
 }

app/templates/track.hbs

@@ -10,8 +10,12 @@
   <div class="container mx-auto lg:max-w-screen-lg px-3 md:px-6 py-6 md:py-10">
     <div class="flex items-start">
       <div class="flex-grow">
-        {{#if @model.primerConceptGroup}}
-          <TrackPage::PrimerConceptGroupSection @language={{@model.language}} @conceptGroup={{@model.primerConceptGroup}} class="w-full mb-6" />
+        {{#if @model.language.primerConceptGroup}}
+          <TrackPage::PrimerConceptGroupSection
+            @language={{@model.language}}
+            @conceptGroup={{@model.language.primerConceptGroup}}
+            class="w-full mb-6"
+          />
         {{/if}}
 
         <div class="border-b pb-1 mb-4 flex">