chore: update Angular cache and TypeScript build info

src/components/themes/provider-theme-page.component.ts

@@ -8,13 +8,42 @@ import { YoutubeApiService } from '../../services/youtube-api.service';
 import { Video } from '../../models/video.model';
 import { TranslatePipe } from '../../pipes/translate.pipe';
 import { LikeButtonComponent } from '../shared/components/like-button/like-button.component';
+import { DurationPipe } from '../../app/shared/pipes/duration.pipe';
+import { map, of, switchMap } from 'rxjs';
 
+const TWITCH_THEME_KEYWORDS: Record<string, string[]> = {
+  trending: ['just chatting', 'highlights'],
+  live: ['live', 'stream'],
+  gaming: ['gaming', 'playthrough'],
+  sports: ['sports', 'esports'],
+  'finance-crypto': ['finance', 'crypto'],
+  business: ['business', 'entrepreneur'],
+  tech: ['technology', 'coding'],
+  science: ['science', 'space'],
+  health: ['fitness', 'wellness'],
+  music: ['music', 'performance'],
+  podcasts: ['podcast', 'talk show'],
+  'movies-tv': ['movie review', 'tv discussion'],
+  education: ['education', 'tutorial'],
+  travel: ['travel vlog'],
+  food: ['cooking', 'food'],
+  'diy-makers': ['diy', 'maker'],
+  autos: ['car build', 'automotive'],
+  'nature-animals': ['outdoors', 'wildlife'],
+  comedy: ['comedy', 'standup'],
+  'art-design': ['art stream', 'drawing'],
+  vlogs: ['vlog', 'lifestyle'],
+  reviews: ['tech review', 'unboxing'],
+  documentary: ['history', 'documentary'],
+  'family-kids': ['family', 'kids'],
+  news: ['news', 'politics'],
+};
 @Component({
   selector: 'app-provider-theme',
   standalone: true,
   templateUrl: './provider-theme-page.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [CommonModule, FormsModule, RouterLink, TranslatePipe, LikeButtonComponent]
+  imports: [CommonModule, FormsModule, RouterLink, TranslatePipe, LikeButtonComponent, DurationPipe]
 })
 export class ProviderThemePageComponent implements OnDestroy {
   private route = inject(ActivatedRoute);
@@ -76,9 +105,21 @@ export class ProviderThemePageComponent implements OnDestroy {
     this.loadMore();
   }
 
-  private buildQuery(): string {
-    const tokens = this.themes.tokensFor(this.theme());
-    return tokens.join(' ').trim();
+  private buildQuery(provider: Provider): string {
+    const slug = this.theme();
+    const baseTokens = this.themes.tokensFor(slug);
+
+    if (provider === 'twitch') {
+      const twitchTokens = TWITCH_THEME_KEYWORDS[slug] || [];
+      const merged = [...new Set([...twitchTokens, ...baseTokens])];
+      const value = merged.join(' ').trim();
+      if (value) return value;
+      if (twitchTokens.length) return twitchTokens.join(' ');
+      return slug.replace(/-/g, ' ');
+    }
+
+    const value = baseTokens.join(' ').trim();
+    return value || slug.replace(/-/g, ' ');
   }
 
   loadMore() {
@@ -93,12 +134,33 @@ export class ProviderThemePageComponent implements OnDestroy {
     this.loading.set(true);
     this.error.set(null);
     const snapshotVersion = this.version;
-    const query = this.buildQuery();
     const provider = this.provider();
+    const query = this.buildQuery(provider);
+    const cursor = this.nextCursor();
+    const themeSlug = this.theme();
+    const isLiveTheme = themeSlug === 'live';
 
-    const apiCall = query
-      ? this.api.searchVideosPage(query, this.nextCursor(), provider)
-      : this.api.getTrendingPage(this.nextCursor(), provider);
+    let apiCall;
+    if (provider === 'twitch') {
+      if (isLiveTheme) {
+        apiCall = this.api.searchTwitchChannelsPage(query || 'live', cursor || undefined);
+      } else {
+        apiCall = this.api.searchTwitchVodsPage(query, cursor || undefined).pipe(
+          switchMap((res) => {
+            if ((res?.items?.length || 0) >= 8) {
+              return of(res);
+            }
+            return this.api.searchTwitchClipsPage(query, cursor || undefined).pipe(
+              map((clips) => ({ ...clips, items: [...(res?.items || []), ...(clips.items || [])] }))
+            );
+          })
+        );
+      }
+    } else {
+      apiCall = query
+        ? this.api.searchVideosPage(query, cursor, provider)
+        : this.api.getTrendingPage(cursor, provider);
+    }
 
     apiCall.subscribe({
       next: (res) => {