rename methods

packages/website/src/components/AvatarCard.tsx

@@ -1,23 +1,18 @@
 import { alias, Avatar } from "@blitzkit/core";
 import { Cross1Icon, DownloadIcon } from "@radix-ui/react-icons";
-import {
-  Dialog,
-  Flex,
-  IconButton,
-  Link,
-  Skeleton,
-  Text,
-} from "@radix-ui/themes";
 import { useRef } from "react";
-import { useIntersection } from "../../hooks/useIntersection";
-import { useLocale } from "../../hooks/useLocale";
-import type { MaybeSkeletonComponentProps } from "../../types/maybeSkeletonComponentProps";
+import { useIntersection } from "../hooks/useIntersection";
+import { useLocale } from "../hooks/useLocale";
+import type { MaybeSkeletonComponentProps } from "../types/maybeSkeletonComponentProps";
+import { Flex } from "./Flex";
+import { Skeleton } from "./Skeleton";
+import { Text } from "./Text";
 
 type GalleryCardProps = MaybeSkeletonComponentProps<{
   avatar: Avatar;
 }>;
 
-export function GalleryCard(props: GalleryCardProps) {
+export function AvatarCard(props: GalleryCardProps) {
   const src = alias(
     "api",
     `/gallery/avatars/${!props.skeleton && `${props.avatar.id}${props.avatar.extension}`}`,
@@ -31,17 +26,16 @@ export function GalleryCard(props: GalleryCardProps) {
 
   const content = (
     <Flex
-      direction="column"
+      column
       align="center"
-      width="6rem"
       gap="1"
       ref={card}
       style={{ cursor: "pointer" }}
     >
       {props.skeleton && (
         <>
-          <Skeleton width="100%" height="4.57rem" />
-          <Skeleton width="100%" height="1em" />
+          <Skeleton />
+          <Skeleton />
         </>
       )}
 
@@ -58,7 +52,7 @@ export function GalleryCard(props: GalleryCardProps) {
             alt={unwrap(props.avatar.name!)}
           />
 
-          <Text size="1" align="center" style={{ maxWidth: "100%" }}>
+          <Text size="minor" align="center" style={{ maxWidth: "100%" }}>
             {unwrap(props.avatar.name!)}
           </Text>
         </>

packages/website/src/components/Avatars/Search.tsx

@@ -1,19 +1,18 @@
 import { MagnifyingGlassIcon } from "@radix-ui/react-icons";
-import { TextField } from "@radix-ui/themes";
 import { useRef } from "react";
 import { useLocale } from "../../hooks/useLocale";
 import { Gallery } from "../../stores/gallery";
 import type { MaybeSkeletonComponentProps } from "../../types/maybeSkeletonComponentProps";
+import { TextField } from "../TextField";
 
-export function GallerySearch({ skeleton }: MaybeSkeletonComponentProps) {
+export function AvatarsSearch({ skeleton }: MaybeSkeletonComponentProps) {
   const input = useRef<HTMLInputElement>(null);
   const { strings } = useLocale();
 
   return (
-    <TextField.Root
-      variant="classic"
+    <TextField
       disabled={skeleton}
-      placeholder={strings.website.tools.gallery.search.hint}
+      placeholder={strings.website.tools.avatars.search.hint}
       ref={input}
       onChange={(event) => {
         Gallery.mutate((draft) => {
@@ -22,9 +21,7 @@ export function GallerySearch({ skeleton }: MaybeSkeletonComponentProps) {
         });
       }}
     >
-      <TextField.Slot>
-        <MagnifyingGlassIcon />
-      </TextField.Slot>
-    </TextField.Root>
+      <MagnifyingGlassIcon />
+    </TextField>
   );
 }

packages/website/src/components/AvatarsList/index.tsx

@@ -1,6 +1,5 @@
 import locales from "@blitzkit/i18n/locales.json";
 import { literals } from "@blitzkit/i18n/src/literals";
-import { Flex, Text } from "@radix-ui/themes";
 import fuzzysort from "fuzzysort";
 import { times } from "lodash-es";
 import { useMemo, useState } from "react";
@@ -8,20 +7,22 @@ import { api } from "../../core/blitzkit/api";
 import { useLocale } from "../../hooks/useLocale";
 import { Gallery } from "../../stores/gallery";
 import type { MaybeSkeletonComponentProps } from "../../types/maybeSkeletonComponentProps";
+import { AvatarCard } from "../AvatarCard";
+import { Flex } from "../Flex";
 import { InlineSkeleton } from "../InlineSkeleton";
-import { GalleryCard } from "./Card";
+import { Text } from "../Text";
 
 export interface Avatar {
   name: string;
   id: string;
 }
 
-const gallery = await api.galleryDefinitions();
+const gallery = await api.gallery();
 
 const DEFAULT_LOADED = 42;
 const PREVIEW_COUNT = 28;
 
-export function GalleryList({ skeleton }: MaybeSkeletonComponentProps) {
+export function AvatarsList({ skeleton }: MaybeSkeletonComponentProps) {
   const search = Gallery.use((state) => state.search);
   const [loadedCards, setLoadedCards] = useState(DEFAULT_LOADED);
   const { locale, strings } = useLocale();
@@ -48,9 +49,9 @@ export function GalleryList({ skeleton }: MaybeSkeletonComponentProps) {
     <>
       <Text align="center" color="gray">
         {skeleton ? (
-          <InlineSkeleton width="7rem" />
+          <InlineSkeleton />
         ) : (
-          literals(strings.website.tools.gallery.search.results, {
+          literals(strings.website.tools.avatars.search.results, {
             count: filtered.length.toLocaleString(locale),
           })
         )}
@@ -60,14 +61,14 @@ export function GalleryList({ skeleton }: MaybeSkeletonComponentProps) {
         {!skeleton &&
           filtered
             .slice(0, loadedCards)
-            .map((avatar) => <GalleryCard key={avatar.id} avatar={avatar} />)}
+            .map((avatar) => <AvatarCard key={avatar.id} avatar={avatar} />)}
 
         {times(
           skeleton
             ? DEFAULT_LOADED + PREVIEW_COUNT
             : Math.min(PREVIEW_COUNT, filtered.length - loadedCards),
           (index) => (
-            <GalleryCard
+            <AvatarCard
               key={index}
               skeleton
               onIntersection={() => setLoadedCards((state) => state + 2)}

packages/website/src/components/Code/index.module.css

@@ -0,0 +1,16 @@
+.code {
+  font: inherit;
+  font-family: var(--font-family-mono);
+
+  white-space: pre;
+
+  display: inline-block;
+
+  &[data-variant="solid"] {
+    background-color: var(--gray-3);
+
+    border-radius: var(--space-3);
+
+    padding: var(--space-4);
+  }
+}

packages/website/src/components/Code/index.tsx

@@ -0,0 +1,18 @@
+import { classNames } from "../../ui/classNames";
+import { Text, type TextProps } from "../Text";
+import styles from "./index.module.css";
+
+export interface CodeProps extends TextProps {
+  lowContrast?: boolean;
+  variant?: "ghost" | "solid";
+}
+
+export function Code({ className, variant = "ghost", ...props }: CodeProps) {
+  return (
+    <Text
+      data-variant={variant}
+      className={classNames(styles.code, className)}
+      {...props}
+    />
+  );
+}

packages/website/src/components/Compare/CompareTable.tsx

@@ -39,10 +39,10 @@ const [
   consumableDefinitions,
   provisionDefinitions,
 ] = await Promise.all([
-  api.skillDefinitions(),
-  api.equipmentDefinitions(),
-  api.consumableDefinitions(),
-  api.provisionDefinitions(),
+  api.skill(),
+  api.equipment(),
+  api.consumables(),
+  api.provisions(),
 ]);
 
 export function CompareTable({ stats }: CompareTableProps) {

packages/website/src/components/Compare/Controls.tsx

@@ -15,7 +15,7 @@ interface ControlsProps {
   onAddTankDialogOpenChange: (open: boolean) => void;
 }
 
-const provisionDefinitions = await api.provisionDefinitions();
+const provisionDefinitions = await api.provisions();
 
 export function Controls({
   addTankDialogOpen,

packages/website/src/components/Compare/TankControl.tsx

@@ -13,7 +13,7 @@ interface TankControlProps {
   slug: string;
 }
 
-const provisionDefinitions = await api.provisionDefinitions();
+const provisionDefinitions = await api.provisions();
 
 export function TankControl({ index, slug }: TankControlProps) {
   const { locale, strings } = useLocale();

packages/website/src/components/CrewSkillManager.tsx

@@ -8,7 +8,7 @@ interface CrewSkillManagerProps {
   onChange?: (skillLevels: Record<string, number>) => void;
 }
 
-const skillDefinitions = await api.skillDefinitions();
+const skillDefinitions = await api.skill();
 
 export function CrewSkillManager({
   skillLevels,

packages/website/src/components/Embeds/breakdown.tsx

@@ -30,7 +30,7 @@ export const compositeStatsKeysOptions = compositeStatsKeys.map((value) => ({
 }));
 
 const [tankDefinitions, averageDefinitions] = await Promise.all([
-  api.tankDefinitions(),
+  api.tanks(),
 
   awaitableAverageDefinitions,
 ]);

packages/website/src/components/ErrorWrapper/index.module.css

@@ -0,0 +1,55 @@
+.error-display {
+  z-index: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+
+  gap: var(--space-4);
+  padding: var(--space-4);
+  box-sizing: border-box;
+
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100dvw;
+  height: 100dvh;
+
+  text-align: center;
+  background-color: var(--gray-1);
+
+  .info {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+
+    gap: var(--space-3);
+  }
+
+  .error {
+    text-align: left;
+    overflow: hidden;
+    position: relative;
+    box-sizing: border-box;
+
+    max-width: min(100%, var(--page-width));
+
+    .cover {
+      position: absolute;
+      right: 0;
+      top: 0;
+
+      width: 25%;
+      height: 100%;
+
+      background: linear-gradient(90deg, transparent, var(--gray-1));
+    }
+  }
+
+  .options {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: var(--space-3);
+  }
+}

packages/website/src/components/ErrorWrapper/index.tsx

@@ -0,0 +1,84 @@
+import { useState, type ReactNode } from "react";
+import {
+  ErrorBoundary,
+  getErrorMessage,
+  type FallbackProps,
+} from "react-error-boundary";
+import { discordLink } from "../../config/socials";
+import { Button } from "../Button";
+import { Code } from "../Code";
+import { Heading } from "../Heading";
+import { Link } from "../Link";
+import { Text } from "../Text";
+import styles from "./index.module.css";
+
+interface Props {
+  children: ReactNode;
+}
+
+export function ErrorWrapper({ children }: Props) {
+  return (
+    <ErrorBoundary fallbackRender={(props) => <Fallback {...props} />}>
+      {children}
+    </ErrorBoundary>
+  );
+}
+
+function Fallback({ error, resetErrorBoundary }: FallbackProps) {
+  const [showError, setShowError] = useState(false);
+
+  let body: string | undefined;
+
+  if (error instanceof Error) {
+    body = error.stack || getErrorMessage(error);
+  } else {
+    body = getErrorMessage(error);
+  }
+
+  body ??= "No error message";
+
+  return (
+    <div className={styles["error-display"]}>
+      <div className={styles.info}>
+        <Heading size="3">BlitzKit crashed</Heading>
+        <Text lowContrast>Sorry about that! You have a couple of options.</Text>
+      </div>
+
+      {showError && (
+        <Code variant="solid" className={styles.error}>
+          {body}
+          <div className={styles.cover} />
+        </Code>
+      )}
+
+      <div className={styles.options}>
+        {!showError && (
+          <Button variant="outline" onClick={() => setShowError(true)}>
+            View error
+          </Button>
+        )}
+
+        {showError && (
+          <Button
+            variant="outline"
+            onClick={() => navigator.clipboard.writeText(body)}
+          >
+            Copy error
+          </Button>
+        )}
+
+        <Link href="" underline="never">
+          <Button variant="outline">Hard reload</Button>
+        </Link>
+
+        <Button variant="outline" onClick={resetErrorBoundary}>
+          Soft reset
+        </Button>
+
+        <Link href={discordLink} target="_blank" underline="never">
+          <Button>Discord server</Button>
+        </Link>
+      </div>
+    </div>
+  );
+}

packages/website/src/components/Footer.astro

@@ -11,7 +11,7 @@ export interface Props {
   locale: string;
 }
 
-const gameDefinitions = await api.gameDefinitions();
+const gameDefinitions = await api.game();
 const environment = assertSecret(import.meta.env.PUBLIC_ENVIRONMENT);
 const { locale } = Astro.props;
 const strings = getStrings(locale);

packages/website/src/components/GuessBackground/index.tsx

@@ -9,8 +9,8 @@ import { Tankopedia } from "../../stores/tankopedia";
 import "./index.css";
 
 const [modelDefinitions, provisionDefinitions] = await Promise.all([
-  api.modelDefinitions(),
-  api.provisionDefinitions(),
+  api.models(),
+  api.provisions(),
 ]);
 
 export function GuessBackground() {

packages/website/src/components/Guesser.tsx

@@ -40,7 +40,7 @@ const { go } = fuzzysort;
 
 const [tankNames, tankDefinitions] = await Promise.all([
   awaitableTankNames,
-  api.tankDefinitions(),
+  api.tanks(),
 ]);
 
 const ids = Object.keys(tankDefinitions.tanks);

packages/website/src/components/HomePageHotTanks.tsx

@@ -11,7 +11,7 @@ import {
 import { TankCard } from "./TankCard";
 
 const [tankDefinitions, popularTanks] = await Promise.all([
-  api.tankDefinitions(),
+  api.tanks(),
   awaitablePopularTanks,
 ]);
 

packages/website/src/components/MixerScene/components/Model.tsx

@@ -12,7 +12,7 @@ import { controlsEnabledEvent } from "../../../core/controlsEnabled";
 import { useModel } from "../../../hooks/useModel";
 import { Mixer } from "../../../stores/mixer";
 
-const modelDefinitions = await api.modelDefinitions();
+const modelDefinitions = await api.models();
 
 export function Model() {
   const canvas = useThree((state) => state.gl.domElement);

packages/website/src/components/ModuleButtons/ConsumableButton.tsx

@@ -13,7 +13,7 @@ interface ConsumableButtonProps extends TankComponentButtonProps {
   cooldown?: number;
 }
 
-const consumableDefinitions = await api.consumableDefinitions();
+const consumableDefinitions = await api.consumables();
 
 export function ConsumableButton({
   consumable,

packages/website/src/components/ModuleButtons/EquipmentButton.tsx

@@ -8,7 +8,7 @@ interface EquipmentButtonProps extends TankComponentButtonProps {
   equipment: number;
 }
 
-const equipmentDefinitions = await api.equipmentDefinitions();
+const equipmentDefinitions = await api.equipment();
 
 export function EquipmentButton({ equipment, ...props }: EquipmentButtonProps) {
   const { unwrap } = useLocale();

packages/website/src/components/ModuleButtons/ProvisionButton.tsx

@@ -8,7 +8,7 @@ interface ProvisionButtonProps extends TankComponentButtonProps {
   provision: number;
 }
 
-const provisionDefinitions = await api.provisionDefinitions();
+const provisionDefinitions = await api.provisions();
 
 export function ProvisionButton({ provision, ...props }: ProvisionButtonProps) {
   const { unwrap } = useLocale();

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

@@ -27,7 +27,7 @@ const PREVIEW_COUNT = 10;
 const DEFAULT_LOADED_ROWS = 25;
 
 const [tankDefinitions, averageDefinitions] = await Promise.all([
-  api.tankDefinitions(),
+  api.tanks(),
   awaitableAverageDefinitions,
 ]);
 

packages/website/src/components/PlaylistGenerator.tsx

@@ -22,7 +22,7 @@ import type { MaybeSkeletonComponentProps } from "../types/maybeSkeletonComponen
 import { LinkI18n } from "./LinkI18n";
 import { TankSearchFilters } from "./TankSearchFilters";
 
-const tankDefinitions = await api.tankDefinitions();
+const tankDefinitions = await api.tanks();
 
 const POOL_HEIGHT = "16rem";
 

packages/website/src/components/PlaylistTankEntry.tsx

@@ -14,7 +14,7 @@ interface Props extends PlaylistEntry {
   index: number;
 }
 
-const tankDefinitions = await api.tankDefinitions();
+const tankDefinitions = await api.tanks();
 
 export const PlaylistTankEntry = memo<Props>(
   ({ id, checked, then, now, index }) => {

packages/website/src/components/ProvisionsManager.tsx

@@ -9,7 +9,7 @@ interface ProvisionsManagerProps {
   onChange?: (provisions: number[]) => void;
 }
 
-const provisionDefinitions = await api.provisionDefinitions();
+const provisionDefinitions = await api.provisions();
 
 export function ProvisionsManager({
   provisions,

packages/website/src/components/RecentlyViewedTanks/index.tsx

@@ -11,7 +11,7 @@ import { TankCardWrapper } from "../TankCardWrapper";
 import { Text } from "../Text";
 import styles from "./index.module.css";
 
-const tankDefinitions = await api.tankDefinitions();
+const tankDefinitions = await api.tanks();
 
 export function RecentlyViewedTanks() {
   const filters = TankFilters.use();

packages/website/src/components/TankCard/index.tsx

@@ -21,7 +21,7 @@ type TankCardProps = {
   compact?: boolean;
 };
 
-const tankDefinitions = await api.tankDefinitions();
+const tankDefinitions = await api.tanks();
 
 export const TankCard = (props: MaybeSkeletonComponentProps<TankCardProps>) => {
   if (props.skeleton) {

packages/website/src/components/TankSearch/components/Card.tsx

@@ -15,7 +15,7 @@ interface TankSearchCardProps {
   onSelect?: (tank: TankDefinition) => void;
 }
 
-const modelDefinitions = await api.modelDefinitions();
+const modelDefinitions = await api.models();
 
 export function TankSearchCard({ tank, onSelect }: TankSearchCardProps) {
   const by = TankSort.use((state) => state.by);

packages/website/src/components/TankSearch/index.tsx

@@ -45,9 +45,9 @@ export type TankSearchProps = MaybeSkeletonComponentProps & {
 
 const [gameDefinitions, modelDefinitions, tankDefinitions, tankNames] =
   await Promise.all([
-    api.gameDefinitions(),
-    api.modelDefinitions(),
-    api.tankDefinitions(),
+    api.game(),
+    api.models(),
+    api.tanks(),
     awaitableTankNames,
   ]);
 

packages/website/src/components/TankSearchFilters/index.tsx

@@ -1,19 +1,19 @@
 import {
-  alias,
-  GunDefinition,
-  ShellType,
-  TANK_CLASSES,
-  TANK_TYPES,
-  TankType,
-  TIER_ROMAN_NUMERALS,
+    alias,
+    GunDefinition,
+    ShellType,
+    TANK_CLASSES,
+    TANK_TYPES,
+    TankType,
+    TIER_ROMAN_NUMERALS,
 } from "@blitzkit/core";
 import { literals } from "@blitzkit/i18n";
 import locales from "@blitzkit/i18n/locales.json";
 import {
-  LockClosedIcon,
-  LockOpen2Icon,
-  ResetIcon,
-  TrashIcon,
+    LockClosedIcon,
+    LockOpen2Icon,
+    ResetIcon,
+    TrashIcon,
 } from "@radix-ui/react-icons";
 import { times } from "lodash-es";
 import { Fragment, type ComponentProps, type ReactNode } from "react";
@@ -37,10 +37,10 @@ import { Text } from "../Text";
 import { Tooltip } from "../Tooltip";
 import styles from "./index.module.css";
 
-const gameDefinitions = await api.gameDefinitions();
-const consumableDefinitions = await api.consumableDefinitions();
-const provisionDefinitions = await api.provisionDefinitions();
-const tankDefinitions = await api.tankDefinitions();
+const gameDefinitions = await api.game();
+const consumableDefinitions = await api.consumables();
+const provisionDefinitions = await api.provisions();
+const tankDefinitions = await api.tanks();
 
 const gameModeRoleSets: Record<number, Set<number>> = {};
 

packages/website/src/components/Tankopedia/CalloutsSection.tsx

@@ -10,7 +10,7 @@ import { AesonPlug } from "../AesonPlug";
 import { ExperimentIcon } from "../ExperimentIcon";
 import { MAX_RECENTLY_VIEWED } from "../TankSearch/constants";
 
-const tankDefinitions = await api.tankDefinitions();
+const tankDefinitions = await api.tanks();
 
 export function CalloutsSection() {
   const tank = Duel.use((state) => state.protagonist.tank);

packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/Crew.tsx

@@ -11,7 +11,7 @@ import { InfoWithDelta } from "./InfoWithDelta";
 import { StatsTableWrapper } from "./StatsTableWrapper";
 import type { StatsAcceptorProps } from "./TraverseVisualizer";
 
-const provisionDefinitions = await api.provisionDefinitions();
+const provisionDefinitions = await api.provisions();
 
 export function Crew({ stats }: StatsAcceptorProps) {
   const tank = Duel.use((state) => state.protagonist.tank);

packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/GunFlexibilityVisualizer/components/CanvasContent.tsx

@@ -9,7 +9,7 @@ import {
 import { Duel } from "../../../../../../../../stores/duel";
 import { ModelChunk } from "./ModelChunk";
 
-const modelDefinitions = await api.modelDefinitions();
+const modelDefinitions = await api.models();
 
 export function CanvasContent() {
   const hullWrapper = useRef<Group>(null);

packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/GunFlexibilityVisualizer/components/ModelChunk.tsx

@@ -5,7 +5,7 @@ import { jsxTree } from "../../../../../../../../core/blitzkit/jsxTree";
 import { useModel } from "../../../../../../../../hooks/useModel";
 import { Duel } from "../../../../../../../../stores/duel";
 
-const modelDefinitions = await api.modelDefinitions();
+const modelDefinitions = await api.models();
 
 const surfaceMaterial: Record<Props["only"], MeshBasicMaterial> = {
   gun: new MeshBasicMaterial({

packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/GunFlexibilityVisualizer/index.tsx

@@ -20,7 +20,7 @@ import { FlexibilityCanvas } from "./components/FlexibilityCanvas";
 
 const ANGLE_COEFFICIENT = 1 / 10;
 
-const modelDefinition = await api.modelDefinitions();
+const modelDefinition = await api.models();
 
 function mag(x: number) {
   return (1 / Math.PI) * Math.atan(ANGLE_COEFFICIENT * x) + 1 / 2;

packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/InfoWithDelta.tsx

@@ -37,11 +37,11 @@ const [
   modelDefinitions,
   skillDefinitions,
 ] = await Promise.all([
-  api.tankDefinitions(),
-  api.provisionDefinitions(),
-  api.equipmentDefinitions(),
-  api.modelDefinitions(),
-  api.skillDefinitions(),
+  api.tanks(),
+  api.provisions(),
+  api.equipment(),
+  api.models(),
+  api.skill(),
 ]);
 
 export const InfoWithDelta = memo<InfoWithDeltaProps>(

packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/index.tsx

@@ -15,8 +15,8 @@ import { Maneuverability } from "./components/Maneuverability";
 import { Survivability } from "./components/Survivability";
 
 const [equipmentDefinitions, provisionDefinitions] = await Promise.all([
-  api.equipmentDefinitions(),
-  api.provisionDefinitions(),
+  api.equipment(),
+  api.provisions(),
 ]);
 
 export function Characteristics({ skeleton }: MaybeSkeletonComponentProps) {

packages/website/src/components/Tankopedia/CharacteristicsSection/components/Consumables.tsx

@@ -15,7 +15,7 @@ import { Duel } from "../../../../stores/duel";
 import { ConsumablesManager } from "../../../ConsumablesManager";
 import { ConfigurationChildWrapper } from "./ConfigurationChildWrapper";
 
-const consumableDefinitions = await api.consumableDefinitions();
+const consumableDefinitions = await api.consumables();
 
 export function Consumables() {
   const protagonist = Duel.use((state) => state.protagonist);

packages/website/src/components/Tankopedia/CharacteristicsSection/components/Equipment.tsx

@@ -5,7 +5,7 @@ import { Duel } from "../../../../stores/duel";
 import { EquipmentManager } from "../../../EquipmentManager";
 import { ConfigurationChildWrapper } from "./ConfigurationChildWrapper";
 
-const equipmentDefinitions = await api.equipmentDefinitions();
+const equipmentDefinitions = await api.equipment();
 
 export function Equipment() {
   const protagonist = Duel.use((state) => state.protagonist);

packages/website/src/components/Tankopedia/CharacteristicsSection/components/Modules.tsx

@@ -156,7 +156,7 @@ function ModuleButton({
   return <Tooltip content={tooltip}>{node}</Tooltip>;
 }
 
-const tankDefinitions = await api.tankDefinitions();
+const tankDefinitions = await api.tanks();
 
 export function Modules() {
   const tank = Duel.use((state) => state.protagonist.tank);

packages/website/src/components/Tankopedia/CharacteristicsSection/components/Provisions.tsx

@@ -6,7 +6,7 @@ import { Duel } from "../../../../stores/duel";
 import { ProvisionsManager } from "../../../ProvisionsManager";
 import { ConfigurationChildWrapper } from "./ConfigurationChildWrapper";
 
-const provisionDefinitions = await api.provisionDefinitions();
+const provisionDefinitions = await api.provisions();
 
 export function Provisions() {
   const { tank, gun } = Duel.use((state) => state.protagonist);

packages/website/src/components/Tankopedia/GameModeSection.tsx

@@ -5,11 +5,7 @@ import { useLocale } from "../../hooks/useLocale";
 import { Duel } from "../../stores/duel";
 
 const [gameDefinitions, consumableDefinitions, provisionDefinitions] =
-  await Promise.all([
-    api.gameDefinitions(),
-    api.consumableDefinitions(),
-    api.provisionDefinitions(),
-  ]);
+  await Promise.all([api.game(), api.consumables(), api.provisions()]);
 
 export function GameModeSection() {
   const { unwrap, strings } = useLocale();

packages/website/src/components/Tankopedia/HeroSection/components/TankSandbox/components/Control.tsx

@@ -21,7 +21,7 @@ const poseDistances: Record<Pose, number> = {
 
 const inspectModeInitialPosition = new Vector3(-8, 2, -13);
 
-const modelDefinitions = await api.modelDefinitions();
+const modelDefinitions = await api.models();
 
 interface ControlsProps {
   autoRotate?: boolean;

packages/website/src/components/Tankopedia/HeroSection/components/TankSandbox/components/InitialAligner.tsx

@@ -5,7 +5,7 @@ import { api } from "../../../../../../core/blitzkit/api";
 import { modelTransformEvent } from "../../../../../../core/blitzkit/modelTransform";
 import { Duel } from "../../../../../../stores/duel";
 
-const modelDefinitions = await api.modelDefinitions();
+const modelDefinitions = await api.models();
 
 export function InitialAligner() {
   const tank = Duel.use((state) => state.protagonist.tank);

packages/website/src/components/Tankopedia/HeroSection/index.tsx

@@ -12,7 +12,7 @@ import { Options } from "./components/Options";
 import { TankSandbox } from "./components/TankSandbox";
 import { Title } from "./components/TankSandbox/Title";
 
-const tankDefinitions = await api.tankDefinitions();
+const tankDefinitions = await api.tanks();
 
 export function HeroSection({ skeleton }: MaybeSkeletonComponentProps) {
   const equalize = Duel.use((state) => state.equalize);

packages/website/src/components/Tankopedia/TechTreeSection/components/Node.tsx

@@ -15,7 +15,7 @@ type NodeProps = MaybeSkeletonComponentProps & {
 };
 
 const [tankDefinitions, averageDefinitions] = await Promise.all([
-  api.tankDefinitions(),
+  api.tanks(),
   awaitableAverageDefinitions,
 ]);
 

packages/website/src/components/Tankopedia/TechTreeSection/index.tsx

@@ -13,7 +13,7 @@ import { Node } from "./components/Node";
 
 type Line = number[];
 
-const tankDefinitions = await api.tankDefinitions();
+const tankDefinitions = await api.tanks();
 
 export const XP_MULTIPLIERS = [1, 2, 3, 4, 5, 10];
 

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

@@ -10,7 +10,7 @@ interface TierListRowProps {
   index: number;
 }
 
-const tankDefinitions = await api.tankDefinitions();
+const tankDefinitions = await api.tanks();
 
 export function TierListRow({ index }: TierListRowProps) {
   const tanks = TierList.use((state) => state.rows[index].tanks);

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

@@ -6,13 +6,13 @@ import { api } from "../../core/blitzkit/api";
 import { filterTanks } from "../../core/blitzkit/filterTanks";
 import { TankFilters } from "../../stores/tankFilters";
 import { TierList } from "../../stores/tierList";
-import { TankCardWrapper } from "../TankCardWrapper";
 import { TankCardSkeleton } from "../TankCardSkeleton";
+import { TankCardWrapper } from "../TankCardWrapper";
 import { TierListTile } from "./Tile";
 
 const [tankDefinitions, gameDefinitions] = await Promise.all([
-  api.tankDefinitions(),
-  api.gameDefinitions(),
+  api.tanks(),
+  api.game(),
 ]);
 
 const tanks = Object.values(tankDefinitions.tanks);

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

@@ -3,7 +3,7 @@ import { api } from "../../core/blitzkit/api";
 import { generateTierListParams } from "../../core/blitzkit/generateTierListParams";
 import { TierList } from "../../stores/tierList";
 
-const tankDefinitions = await api.tankDefinitions();
+const tankDefinitions = await api.tanks();
 
 export function URLManager() {
   const rows = TierList.use((state) => state.rows);