feat: optimize awaitables

packages/website/src/components/TierList/Row/index.tsx

@@ -1,6 +1,6 @@
-import { fetchTankDefinitions } from '@blitzkit/core';
 import { Flex, Table } from '@radix-ui/themes';
 import { useEffect, useRef } from 'react';
+import { awaitableTankDefinitions } from '../../../core/awaitables/tankDefinitions';
 import { TierList } from '../../../stores/tierList';
 import { tierListRowElements } from '../Table/constants';
 import { TierListTile } from '../Tile';
@@ -10,7 +10,7 @@ interface TierListRowProps {
   index: number;
 }
 
-const tankDefinitions = await fetchTankDefinitions();
+const tankDefinitions = await awaitableTankDefinitions;
 
 export function TierListRow({ index }: TierListRowProps) {
   const tanks = TierList.use((state) => state.rows[index].tanks);

packages/website/src/components/TierList/Tiles.tsx

@@ -1,11 +1,9 @@
-import {
-  fetchGameDefinitions,
-  fetchTankDefinitions,
-  metaSortTank,
-} from '@blitzkit/core';
+import { metaSortTank } from '@blitzkit/core';
 import { useStore } from '@nanostores/react';
 import { times } from 'lodash-es';
 import { useMemo, useState } from 'react';
+import { awaitableGameDefinitions } from '../../core/awaitables/gameDefinitions';
+import { awaitableTankDefinitions } from '../../core/awaitables/tankDefinitions';
 import { filterTank } from '../../core/blitzkit/filterTank';
 import { $tankFilters } from '../../stores/tankFilters';
 import { TierList } from '../../stores/tierList';
@@ -13,8 +11,11 @@ import { SkeletonTankCard } from '../TankSearch/components/SkeletonTankCard';
 import { TankCardWrapper } from '../TankSearch/components/TankCardWrapper';
 import { TierListTile } from './Tile';
 
-const tankDefinitions = await fetchTankDefinitions();
-const gameDefinitions = await fetchGameDefinitions();
+const [tankDefinitions, gameDefinitions] = await Promise.all([
+  awaitableTankDefinitions,
+  awaitableGameDefinitions,
+]);
+
 const tanks = Object.values(tankDefinitions.tanks);
 
 const PREVIEW_COUNT = 32;

packages/website/src/components/TierList/URLManager.tsx

@@ -1,9 +1,9 @@
-import { fetchTankDefinitions } from '@blitzkit/core';
 import { useEffect } from 'react';
+import { awaitableTankDefinitions } from '../../core/awaitables/tankDefinitions';
 import { generateTierListParams } from '../../core/blitzkit/generateTierListParams';
 import { TierList } from '../../stores/tierList';
 
-const tankDefinitions = await fetchTankDefinitions();
+const tankDefinitions = await awaitableTankDefinitions;
 
 export function URLManager() {
   const rows = TierList.use((state) => state.rows);