Better dev experience, better front page

frontend/types/api.ts

@@ -1,44 +1,74 @@
 declare global {
-    type ItemTree = {
-        count: number
-        data: number
-        children: Array<ItemTree>
-    }
-    type Builds = {
-        start: Array<{count: number, data: number}>
-        tree: ItemTree
-        bootsFirst: number
-        boots: Array<{count: number, data: number}>
-        lateGame: Array<{count: number, data: number}>
-        suppItems?: Array<{count: number, data: number}>
-    }
-    type Rune = {
-        count: number
-        primaryStyle: number
-        secondaryStyle: number
-        selections: Array<number>
-        pickrate: number
-    }
-    type LaneData = {
-        data: string
-        count: number
-        winningMatches: number
-        losingMatches: number
-        winrate: number
-        pickrate: number
-        runes?: Array<Rune>
-        builds?: Builds
+    /**
+     * Represents an item in the build tree
+     */
+    interface ItemTree {
+        count: number;
+        data: number;
+        children: ItemTree[];
     }
 
-    type ChampionData = {
-        id: number
-        name: string
-        alias: string
-        gameCount: number
-        winrate: number
-        pickrate: number
-        lanes: Array<LaneData>
+    /**
+     * Represents champion build information
+     */
+    interface Builds {
+        start: Array<{count: number, data: number}>;
+        tree: ItemTree;
+        bootsFirst: number;
+        boots: Array<{count: number, data: number}>;
+        lateGame: Array<{count: number, data: number}>;
+        suppItems?: Array<{count: number, data: number}>;
+    }
+
+    /**
+     * Represents a rune configuration
+     */
+    interface Rune {
+        count: number;
+        primaryStyle: number;
+        secondaryStyle: number;
+        selections: number[];
+        pickrate: number;
+    }
+
+    /**
+     * Represents lane-specific champion data
+     */
+    interface LaneData {
+        data: string;
+        count: number;
+        winningMatches: number;
+        losingMatches: number;
+        winrate: number;
+        pickrate: number;
+        runes?: Rune[];
+        builds?: Builds;
+    }
+
+    /**
+     * Represents complete champion data
+     */
+    interface ChampionData {
+        id: number;
+        name: string;
+        alias: string;
+        gameCount: number;
+        winrate: number;
+        pickrate: number;
+        lanes: LaneData[];
+    }
+
+
+    /**
+     * Champion summary from CDragon
+     */
+    interface ChampionSummary {
+        id: number;
+        name: string;
+        alias: string;
+        squarePortraitPath: string;
+        // Add other relevant fields as needed
     }
 }
 
-export {};
+export {};