feat: CS2 format support, player tracking fixes, and homepage enhancements

- Add dynamic MR12/MR15 halftime calculation to RoundTimeline component
- Fix TrackPlayerModal API signature (remove shareCode, change isOpen to open binding)
- Update Player types for string IDs and add ban fields (vac_count, vac_date, game_ban_count, game_ban_date)
- Add target/rel props to Button component for external links
- Enhance homepage with processing matches indicator
- Update preferences store for string player IDs
- Document Phase 5 progress and TypeScript fixes in TODO.md

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-11-29 19:10:13 +01:00
parent 3192180c60
commit 49033560fa
18 changed files with 655 additions and 204 deletions

View File

@@ -8,15 +8,23 @@
playerId: string;
playerName: string;
isTracked: boolean;
isOpen: boolean;
open: boolean;
ontracked?: () => void;
onuntracked?: () => void;
}
let { playerId, playerName, isTracked, isOpen = $bindable() }: Props = $props();
let {
playerId,
playerName,
isTracked,
open = $bindable(),
ontracked,
onuntracked
}: Props = $props();
const dispatch = createEventDispatcher();
let authCode = $state('');
let shareCode = $state('');
let isLoading = $state(false);
let error = $state('');
@@ -30,10 +38,11 @@
error = '';
try {
await playersAPI.trackPlayer(playerId, authCode, shareCode || undefined);
await playersAPI.trackPlayer(playerId, authCode);
toast.success('Player tracking activated successfully!');
isOpen = false;
open = false;
dispatch('tracked');
ontracked?.();
} catch (err: unknown) {
error = err instanceof Error ? err.message : 'Failed to track player';
toast.error(error);
@@ -43,19 +52,15 @@
}
async function handleUntrack() {
if (!authCode.trim()) {
error = 'Auth code is required to untrack';
return;
}
isLoading = true;
error = '';
try {
await playersAPI.untrackPlayer(playerId, authCode);
await playersAPI.untrackPlayer(playerId);
toast.success('Player tracking removed successfully');
isOpen = false;
open = false;
dispatch('untracked');
onuntracked?.();
} catch (err: unknown) {
error = err instanceof Error ? err.message : 'Failed to untrack player';
toast.error(error);
@@ -65,14 +70,13 @@
}
function handleClose() {
isOpen = false;
open = false;
authCode = '';
shareCode = '';
error = '';
}
</script>
<Modal bind:isOpen onClose={handleClose} title={isTracked ? 'Untrack Player' : 'Track Player'}>
<Modal bind:open onClose={handleClose} title={isTracked ? 'Untrack Player' : 'Track Player'}>
<div class="space-y-4">
<div class="alert alert-info">
<svg
@@ -99,44 +103,24 @@
</div>
</div>
<!-- Auth Code Input -->
<div class="form-control">
<label class="label" for="authCode">
<span class="label-text font-medium">Authentication Code *</span>
</label>
<input
id="authCode"
type="text"
placeholder="Enter your auth code"
class="input input-bordered w-full"
bind:value={authCode}
disabled={isLoading}
required
/>
<div class="label">
<span class="label-text-alt text-base-content/60">
Required to verify ownership of this Steam account
</span>
</div>
</div>
<!-- Share Code Input (only for tracking) -->
<!-- Auth Code Input (only for tracking, untrack doesn't need auth) -->
{#if !isTracked}
<div class="form-control">
<label class="label" for="shareCode">
<span class="label-text font-medium">Share Code (Optional)</span>
<label class="label" for="authCode">
<span class="label-text font-medium">Authentication Code *</span>
</label>
<input
id="shareCode"
id="authCode"
type="text"
placeholder="CSGO-XXXXX-XXXXX-XXXXX-XXXXX-XXXXX"
placeholder="Enter your auth code"
class="input input-bordered w-full"
bind:value={shareCode}
bind:value={authCode}
disabled={isLoading}
required
/>
<div class="label">
<span class="label-text-alt text-base-content/60">
Optional: Provide a share code if you have no matches yet
Required to verify ownership of this Steam account
</span>
</div>
</div>