feat: optimize awaitables

packages/website/src/components/Performance/Charts/components/PlayersByTierAndClass.tsx

@@ -1,6 +1,4 @@
 import {
-  fetchAverageDefinitions,
-  fetchTankDefinitions,
   formatCompact,
   TANK_CLASSES,
   TankClass,
@@ -10,14 +8,19 @@ import {
 import strings from '@blitzkit/core/lang/en-US.json';
 import { useStore } from '@nanostores/react';
 import { Box, Flex, Heading } from '@radix-ui/themes';
+import { awaitableAverageDefinitions } from '../../../../core/awaitables/averageDefinitions';
+import { awaitableTankDefinitions } from '../../../../core/awaitables/tankDefinitions';
 import { filterTank } from '../../../../core/blitzkit/filterTank';
 import { useAveragesExclusionRatio } from '../../../../hooks/useAveragesExclusionRatio';
 import { $tankFilters } from '../../../../stores/tankFilters';
 import { TankPerformanceEphemeral } from '../../../../stores/tankPerformanceEphemeral';
 import { ThemedBar } from '../../../Nivo/ThemedBar';
 
-const averageDefinitions = await fetchAverageDefinitions();
-const tankDefinitions = await fetchTankDefinitions();
+const [tankDefinitions, averageDefinitions] = await Promise.all([
+  awaitableTankDefinitions,
+  awaitableAverageDefinitions,
+]);
+
 const averageDefinitionsArray = Object.entries(averageDefinitions.averages);
 
 export function PlayersByTierAndClass() {

packages/website/src/components/Performance/PerformanceInfo.tsx

@@ -1,15 +1,15 @@
-import {
-  fetchAverageDefinitions,
-  fetchDiscoveredIdsDefinitions,
-  formatCompact,
-} from '@blitzkit/core';
+import { formatCompact } from '@blitzkit/core';
 import { InfoCircledIcon } from '@radix-ui/react-icons';
 import { Callout, Flex } from '@radix-ui/themes';
+import { awaitableAverageDefinitions } from '../../core/awaitables/averageDefinitions';
+import { awaitableDiscoveredIdsDefinitions } from '../../core/awaitables/discoveredIdsDefinitions';
 import type { MaybeSkeletonComponentProps } from '../../types/maybeSkeletonComponentProps';
 import { InlineSkeleton } from '../InlineSkeleton';
 
-const discoveredIdsDefinitions = await fetchDiscoveredIdsDefinitions();
-const averageDefinitions = await fetchAverageDefinitions();
+const [discoveredIdsDefinitions, averageDefinitions] = await Promise.all([
+  awaitableDiscoveredIdsDefinitions,
+  awaitableAverageDefinitions,
+]);
 
 export function PerformanceInfo({ skeleton }: MaybeSkeletonComponentProps) {
   const samples = formatCompact(Math.round(discoveredIdsDefinitions.count));

packages/website/src/components/Performance/TankRow.tsx

@@ -1,10 +1,7 @@
-import {
-  TankDefinition,
-  fetchAverageDefinitions,
-  formatCompact,
-} from '@blitzkit/core';
+import { TankDefinition, formatCompact } from '@blitzkit/core';
 import { Table } from '@radix-ui/themes';
 import { memo } from 'react';
+import { awaitableAverageDefinitions } from '../../core/awaitables/averageDefinitions';
 import { useAveragesExclusionRatio } from '../../hooks/useAveragesExclusionRatio';
 import { TankPerformanceEphemeral } from '../../stores/tankPerformanceEphemeral';
 import { TankRowHeaderCell } from '../TankRowHeaderCell';
@@ -13,7 +10,7 @@ interface TankRowProps {
   tank: TankDefinition;
 }
 
-const averageDefinitions = await fetchAverageDefinitions();
+const averageDefinitions = await awaitableAverageDefinitions;
 
 export const TankRow = memo<TankRowProps>(
   ({ tank }) => {

packages/website/src/components/Performance/Tanks.tsx

@@ -1,8 +1,9 @@
-import { fetchAverageDefinitions, fetchTankDefinitions } from '@blitzkit/core';
 import { useStore } from '@nanostores/react';
 import { Table } from '@radix-ui/themes';
 import { times } from 'lodash-es';
 import { Fragment, Suspense, useEffect, useMemo, useState } from 'react';
+import { awaitableAverageDefinitions } from '../../core/awaitables/averageDefinitions';
+import { awaitableTankDefinitions } from '../../core/awaitables/tankDefinitions';
 import { filterTank } from '../../core/blitzkit/filterTank';
 import { $tankFilters } from '../../stores/tankFilters';
 import { TankPerformanceEphemeral } from '../../stores/tankPerformanceEphemeral';
@@ -15,13 +16,16 @@ import { Total } from './Total';
 const PREVIEW_COUNT = 10;
 const DEFAULT_LOADED_ROWS = 25;
 
-const tankDefinitions = await fetchTankDefinitions();
-const averageDefinitionsArray = await fetchAverageDefinitions().then(
-  ({ averages }) =>
-    Object.entries(averages).map(([id, average]) => ({
-      id: Number(id),
-      ...average,
-    })),
+const [tankDefinitions, averageDefinitions] = await Promise.all([
+  awaitableTankDefinitions,
+  awaitableAverageDefinitions,
+]);
+
+const averageDefinitionsArray = Object.entries(averageDefinitions.averages).map(
+  ([id, average]) => ({
+    id: Number(id),
+    ...average,
+  }),
 );
 
 export function Tanks({ skeleton }: MaybeSkeletonComponentProps) {

packages/website/src/components/Performance/Total.tsx

@@ -1,11 +1,11 @@
 import {
   AverageDefinitionsEntry,
-  fetchAverageDefinitions,
   formatCompact,
   type BlitzkitStats,
 } from '@blitzkit/core';
 import { Table } from '@radix-ui/themes';
 import { memo, useCallback } from 'react';
+import { awaitableAverageDefinitions } from '../../core/awaitables/averageDefinitions';
 import { useAveragesExclusionRatio } from '../../hooks/useAveragesExclusionRatio';
 import { TankPerformanceEphemeral } from '../../stores/tankPerformanceEphemeral';
 import { StickyRowHeaderCell } from '../StickyRowHeaderCell';
@@ -18,7 +18,7 @@ interface TotalProps {
   tanks: AverageDefinitionsEntryWithId[];
 }
 
-const averageDefinitions = await fetchAverageDefinitions();
+const averageDefinitions = await awaitableAverageDefinitions;
 
 export const Total = memo<TotalProps>(
   ({ tanks }) => {