fix weird issues with inconsistent section info

Author: Chew

pages/uscf/tournament/[id].vue

@@ -15,7 +15,7 @@
       <div v-for="section in gameData.sections" :key="section.id" class="col-md-12 mb-3">
         <h3>{{ titleize(section.name) }}</h3>
 
-        <div class="row">
+        <div v-if="section.stats" class="row">
           <div class="col-md-6">
             <h4>Stats</h4>
             <p>
@@ -25,7 +25,7 @@
           </div>
         </div>
 
-        <v-data-table v-model:expanded="expanded[section.id - 1]" show-expand
+        <v-data-table v-if="section.stats && section.players.length > 0" v-model:expanded="expanded[section.id - 1]" show-expand
                       :items-per-page="section.players.length > 10 ? 10 : -1"
                       :headers="buildHeaders(section.stats.rounds)" :items="section.players"
                       theme="dark" item-value="pairNumber" :search="search">

server/api/uscf/tournament/[id].ts

@@ -52,20 +52,31 @@ export default defineEventHandler(async (event) => {
 
         const sectionID = sectionInfo[0][0]
 
-        const processedData = sectionInfo[2][1]
+        const processedData = findElement(sectionInfo, 'Processed')
 
-        const processedInfo = {
+        const processedInfo = processedData ? {
             received: processedData.split('Received: ')[1].split(' ')[0],
             entered: processedData.split('Entered: ')[1].split(' ')[0],
             rated: processedData.split('Rated: ')[1].split(' ')[0],
             reRated: undefined as string | undefined
-        }
+        } : undefined
 
-        if (processedData.includes('Re-Rated')) {
+        if (processedData?.includes('Re-Rated') && processedInfo) {
             processedInfo.reRated = processedData.split('Re-Rated: ')[1].split(' ')[0]
         }
 
-        const statsData = sectionInfo[3][1]
+        const statsData = findElement(sectionInfo, 'Stats')
+        if (statsData == null) {
+            sections.push({
+                id: parseInt(sectionID.split(' - ')[0].split('Section ')[1]),
+                name: sectionID.split(' - ')[1],
+                processed: processedInfo,
+                stats: undefined,
+                players: []
+            })
+            continue
+        }
+
         const statsInfo = {
             rounds: parseInt(statsData.split(' ')[0]),
             players: parseInt(statsData.split(' Rounds, ')[1].split(' Players')[0]),
@@ -76,7 +87,17 @@ export default defineEventHandler(async (event) => {
         }
 
         const players: USCFTournamentSectionPlayer[] = []
-        const playerInfo = section[5][0].split('\n')
+        const playerInfo = findElement(section, '---------------', false, 0)?.split('\n')
+        if (!playerInfo) {
+            sections.push({
+                id: parseInt(sectionID.split(' - ')[0].split('Section ')[1]),
+                name: sectionID.split(' - ')[1],
+                processed: processedInfo,
+                stats: statsInfo,
+                players: []
+            })
+            continue
+        }
         const base = 13
         let rowsOfData = 0
         while (!playerInfo[base + (rowsOfData)].includes('---------')) {

types/uscf.ts

@@ -125,13 +125,13 @@ export interface USCFTournamentSectionPlayer {
 export interface USCFTournamentSection {
     id: number;
     name: string;
-    processed: {
+    processed?: {
         received: string;
         entered: string;
         rated: string;
         reRated?: string
     };
-    stats: {
+    stats?: {
         rounds: number;
         players: number;
         kFactor: string;

utils/elements.ts

@@ -41,15 +41,16 @@ export function gatherElements(data: HTMLElement) {
  * @param elements The elements
  * @param text The string to find in the first box
  * @param exact Whether or not to match the text exactly
+ * @param key The key to return
  */
-export function findElement(elements: string[][], text: string, exact: boolean = true) {
+export function findElement(elements: string[][], text: string, exact: boolean = true, key: number = 1) {
     const element = elements.find(element => exact ? element[0] === text : element[0].includes(text))
 
     if (!element) {
         return null
     }
 
-    return element[1]
+    return element[key]
 }
 
 /**