Files
csgowtf/static/index.html
vikingowl 8f3b652740 feat: Implement Phase 1 critical features and fix API integration
This commit completes the first phase of feature parity implementation and
resolves all API integration issues to match the backend API format.

## API Integration Fixes

- Remove all hardcoded default values from transformers (tick_rate, kast, player_count, steam_updated)
- Update TypeScript types to make fields optional where backend doesn't guarantee them
- Update Zod schemas to validate optional fields correctly
- Fix mock data to match real API response format (plain arrays, not wrapped objects)
- Update UI components to handle undefined values with proper fallbacks
- Add comprehensive API documentation for Match and Player endpoints

## Phase 1 Features Implemented (3/6)

### 1. Player Tracking System 
- Created TrackPlayerModal.svelte with auth code input
- Integrated track/untrack player API endpoints
- Added UI for providing optional share code
- Displays tracked status on player profiles
- Full validation and error handling

### 2. Share Code Parsing 
- Created ShareCodeInput.svelte component
- Added to matches page for easy match submission
- Real-time validation of share code format
- Parse status feedback with loading states
- Auto-redirect to match page on success

### 3. VAC/Game Ban Status 
- Added VAC and game ban count/date fields to Player type
- Display status badges on player profile pages
- Show ban count and date when available
- Visual indicators using DaisyUI badge components

## Component Improvements

- Modal.svelte: Added Svelte 5 Snippet types, actions slot support
- ThemeToggle.svelte: Removed deprecated svelte:component usage
- Tooltip.svelte: Fixed type safety with Snippet type
- All new components follow Svelte 5 runes pattern ($state, $derived, $bindable)

## Type Safety & Linting

- Fixed all ESLint errors (any types → proper types)
- Fixed form label accessibility issues
- Replaced error: any with error: unknown + proper type guards
- Added Snippet type imports where needed
- Updated all catch blocks to use instanceof Error checks

## Static Assets

- Migrated all files from public/ to static/ directory per SvelteKit best practices
- Moved 200+ map icons, screenshots, and other assets
- Updated all import paths to use /images/ (served from static/)

## Documentation

- Created IMPLEMENTATION_STATUS.md tracking all 15 missing features
- Updated API.md with optional field annotations
- Created MATCHES_API.md with comprehensive endpoint documentation
- Added inline comments marking optional vs required fields

## Testing

- Updated mock fixtures to remove default values
- Fixed mock handlers to return plain arrays like real API
- Ensured all components handle undefined gracefully

## Remaining Phase 1 Tasks

- [ ] Add VAC status column to match scoreboard
- [ ] Create weapons statistics tab for matches
- [ ] Implement recently visited players on home page

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-12 19:31:18 +01:00

69 lines
2.6 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta content="IE=edge" http-equiv="X-UA-Compatible" />
<meta content="width=device-width,initial-scale=1.0" name="viewport" />
<meta content="Track your CSGO matches and see your match details." name="description" />
<meta content="index, follow, archive" name="robots" />
<meta content="Track your CSGO matches and see your match details." property="st:section" />
<meta content="csgoWTF - Open source CSGO data platform" name="twitter:title" />
<meta
content="Track your CSGO matches and see your match details."
name="twitter:description"
/>
<meta content="summary_large_image" name="twitter:card" />
<meta content="https://csgow.tf/" property="og:url" />
<meta content="csgoWTF - Open source CSGO data platform" property="og:title" />
<meta content="Track your CSGO matches and see your match details." property="og:description" />
<meta content="website" property="og:type" />
<meta content="en_US" property="og:locale" />
<meta content="csgoWTF - Open source CSGO data platform" property="og:site_name" />
<meta content="https://csgow.tf/images/logo.png" name="twitter:image" />
<meta content="https://csgow.tf/images/logo.png" property="og:image" />
<meta content="1024" property="og:image:width" />
<meta content="526" property="og:image:height" />
<meta content="https://csgow.tf/images/logo.png" property="og:image:secure_url" />
<link
href="<%= BASE_URL %>images/apple-touch-icon.png"
rel="apple-touch-icon"
sizes="180x180"
/>
<link
href="<%= BASE_URL %>images/favicon-32x32.png"
rel="icon"
sizes="32x32"
type="image/png"
/>
<link
href="<%= BASE_URL %>images/favicon-16x16.png"
rel="icon"
sizes="16x16"
type="image/png"
/>
<link href="<%= BASE_URL %>site.webmanifest" rel="manifest" />
<link rel="preconnect" href="https://steamcdn-a.akamaihd.net" crossorigin />
<link rel="dns-prefetch" href="https://steamcdn-a.akamaihd.net" />
<link rel="preconnect" href="https://api.csgow.tf" crossorigin />
<link rel="dns-prefetch" href="https://api.csgow.tf" />
<link rel="preconnect" href="https://piwik.harting.hosting" crossorigin />
<link rel="dns-prefetch" href="https://piwik.harting.hosting" />
<title><%= htmlWebpackPlugin.options.title %></title>
</head>
<body>
<noscript>
<strong
>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without
JavaScript enabled. Please enable it to continue.</strong
>
</noscript>
<div id="app" class="d-flex flex-column min-vh-100"></div>
<!-- built files will be auto injected -->
</body>
</html>