2025-11-14 21:18:34 -08:00
|
|
|
import { getAuth } from "@clerk/react-router/server";
|
2026-03-12 10:12:38 -07:00
|
|
|
import { addDays } from "date-fns";
|
2025-11-14 21:18:34 -08:00
|
|
|
import {
|
|
|
|
|
findLeagueById,
|
|
|
|
|
findTeamsBySeasonId,
|
|
|
|
|
findCommissionersByLeagueId,
|
|
|
|
|
isUserLeagueMember,
|
|
|
|
|
isCommissioner,
|
|
|
|
|
findUserByClerkId,
|
|
|
|
|
findDraftSlotsBySeasonId,
|
|
|
|
|
} from "~/models";
|
|
|
|
|
import { findCurrentSeasonWithSports } from "~/models/season";
|
2026-03-05 10:07:15 -08:00
|
|
|
import { getSeasonStandings } from "~/models/standings";
|
2026-03-12 10:12:38 -07:00
|
|
|
import { getUpcomingEventsForDraftedParticipants } from "~/models/scoring-event";
|
|
|
|
|
import { getDraftedParticipantsBySportsSeason } from "~/models/draft-pick";
|
Claude/fix pick timer ghll n (#29)
* Fix force-manual-pick resetting next team's timer to initial time
When a commissioner forced a manual pick, the next team's timer was
being reset to the initial time (2 minutes) instead of carrying
forward their existing time bank balance.
This aligns force-manual-pick with the behavior of regular user picks
and force-autopick: the picking team gets their increment added, and
the next team's timer is left untouched so their bank carries forward.
https://claude.ai/code/session_01X7gwWmafUSEvVHcV7Raz5p
* Add regression tests for draft.force-manual-pick timer behavior
18 tests across 5 describe blocks covering:
- Authorization (401/403)
- Input validation (missing fields, bad participant, ineligible sport)
- Successful pick (response shape, draft-complete detection, socket events)
- Timer behavior (increment added to picking team, new timer creation, additive not reset)
- Two regression tests confirming the next team's timer is never touched:
draftTimers.findFirst called exactly once, no timer-update emitted for
next team, db.update called exactly twice (not three times)
https://claude.ai/code/session_01X7gwWmafUSEvVHcV7Raz5p
* Add TypeScript types and improve draft validation (#28)
* Code review fixes: type safety, security hardening, and dead code removal
- Fix Socket.IO event types: draft-paused and draft-resumed were typed as
() => void but are emitted with { seasonId, paused } data payloads
- Fix draft.force-manual-pick: add missing season.status === "draft" guard
so commissioners cannot force picks outside an active draft; add duplicate
pick-number check so a slot cannot be assigned two picks (the previous
code only checked participant uniqueness, not slot uniqueness)
- Replace args: any with ActionFunctionArgs / Route.LoaderArgs across all
API routes and league loaders; replace (auth as any).userId casts with
proper const { userId } = await getAuth(args) destructuring
- Remove unused isSnakeDraft = true dead variable from draft.make-pick
- Replace autodraftSettings: any and draftSlots: any[] in draft-utils with
properly typed InferSelectModel / DraftSlot types
- Update force-manual-pick tests: sequence draftPicks.findFirst mock for
the two-call flow; add new tests for status-check and slot-uniqueness
https://claude.ai/code/session_01FKq2gPFYpgdfxr8cw4Z2AZ
* Fix RouterContextProvider type errors in action test files
Cast context argument to RouterContextProvider in test helpers so
ActionFunctionArgs strict typing is satisfied without weakening the
production action signatures back to any.
https://claude.ai/code/session_01FKq2gPFYpgdfxr8cw4Z2AZ
---------
Co-authored-by: Claude <noreply@anthropic.com>
---------
Co-authored-by: Claude <noreply@anthropic.com>
2026-02-22 19:29:29 -08:00
|
|
|
import type { Route } from "./+types/$leagueId";
|
2025-11-14 21:18:34 -08:00
|
|
|
|
Claude/fix pick timer ghll n (#29)
* Fix force-manual-pick resetting next team's timer to initial time
When a commissioner forced a manual pick, the next team's timer was
being reset to the initial time (2 minutes) instead of carrying
forward their existing time bank balance.
This aligns force-manual-pick with the behavior of regular user picks
and force-autopick: the picking team gets their increment added, and
the next team's timer is left untouched so their bank carries forward.
https://claude.ai/code/session_01X7gwWmafUSEvVHcV7Raz5p
* Add regression tests for draft.force-manual-pick timer behavior
18 tests across 5 describe blocks covering:
- Authorization (401/403)
- Input validation (missing fields, bad participant, ineligible sport)
- Successful pick (response shape, draft-complete detection, socket events)
- Timer behavior (increment added to picking team, new timer creation, additive not reset)
- Two regression tests confirming the next team's timer is never touched:
draftTimers.findFirst called exactly once, no timer-update emitted for
next team, db.update called exactly twice (not three times)
https://claude.ai/code/session_01X7gwWmafUSEvVHcV7Raz5p
* Add TypeScript types and improve draft validation (#28)
* Code review fixes: type safety, security hardening, and dead code removal
- Fix Socket.IO event types: draft-paused and draft-resumed were typed as
() => void but are emitted with { seasonId, paused } data payloads
- Fix draft.force-manual-pick: add missing season.status === "draft" guard
so commissioners cannot force picks outside an active draft; add duplicate
pick-number check so a slot cannot be assigned two picks (the previous
code only checked participant uniqueness, not slot uniqueness)
- Replace args: any with ActionFunctionArgs / Route.LoaderArgs across all
API routes and league loaders; replace (auth as any).userId casts with
proper const { userId } = await getAuth(args) destructuring
- Remove unused isSnakeDraft = true dead variable from draft.make-pick
- Replace autodraftSettings: any and draftSlots: any[] in draft-utils with
properly typed InferSelectModel / DraftSlot types
- Update force-manual-pick tests: sequence draftPicks.findFirst mock for
the two-call flow; add new tests for status-check and slot-uniqueness
https://claude.ai/code/session_01FKq2gPFYpgdfxr8cw4Z2AZ
* Fix RouterContextProvider type errors in action test files
Cast context argument to RouterContextProvider in test helpers so
ActionFunctionArgs strict typing is satisfied without weakening the
production action signatures back to any.
https://claude.ai/code/session_01FKq2gPFYpgdfxr8cw4Z2AZ
---------
Co-authored-by: Claude <noreply@anthropic.com>
---------
Co-authored-by: Claude <noreply@anthropic.com>
2026-02-22 19:29:29 -08:00
|
|
|
export async function loader(args: Route.LoaderArgs) {
|
2025-11-14 21:18:34 -08:00
|
|
|
const { userId } = await getAuth(args);
|
|
|
|
|
const { params } = args;
|
|
|
|
|
const { leagueId } = params;
|
|
|
|
|
|
|
|
|
|
// Fetch league
|
|
|
|
|
const league = await findLeagueById(leagueId);
|
|
|
|
|
|
|
|
|
|
if (!league) {
|
|
|
|
|
throw new Response("League not found", { status: 404 });
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Fetch current season with sports
|
|
|
|
|
const seasonWithSports = await findCurrentSeasonWithSports(leagueId);
|
|
|
|
|
const season = seasonWithSports || null;
|
|
|
|
|
|
|
|
|
|
// Fetch commissioners
|
|
|
|
|
const commissioners = await findCommissionersByLeagueId(leagueId);
|
|
|
|
|
|
|
|
|
|
// Check if current user is a commissioner
|
|
|
|
|
const isUserCommissioner = userId
|
|
|
|
|
? await isCommissioner(leagueId, userId)
|
|
|
|
|
: false;
|
|
|
|
|
|
|
|
|
|
// Check if user is a member (has a team in current season)
|
|
|
|
|
const isUserMember = userId
|
|
|
|
|
? await isUserLeagueMember(leagueId, userId)
|
|
|
|
|
: false;
|
|
|
|
|
|
|
|
|
|
// Check access: user must be a commissioner, a member, or an admin
|
|
|
|
|
// If not logged in or not authorized, throw 403
|
|
|
|
|
if (!userId) {
|
|
|
|
|
throw new Response("You must be logged in to view this league", {
|
|
|
|
|
status: 401,
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (!isUserCommissioner && !isUserMember) {
|
|
|
|
|
throw new Response("You do not have access to this league", {
|
|
|
|
|
status: 403,
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Fetch teams for current season
|
|
|
|
|
const teams = season ? await findTeamsBySeasonId(season.id) : [];
|
|
|
|
|
|
|
|
|
|
// Fetch draft slots if season is in pre_draft or draft status
|
|
|
|
|
const draftSlots =
|
|
|
|
|
season && (season.status === "pre_draft" || season.status === "draft")
|
|
|
|
|
? await findDraftSlotsBySeasonId(season.id)
|
|
|
|
|
: [];
|
|
|
|
|
|
2026-03-05 10:07:15 -08:00
|
|
|
// Fetch standings for active/completed seasons
|
|
|
|
|
const standings =
|
|
|
|
|
season && (season.status === "active" || season.status === "completed")
|
|
|
|
|
? await getSeasonStandings(season.id)
|
|
|
|
|
: [];
|
|
|
|
|
|
2025-11-14 21:18:34 -08:00
|
|
|
// Fetch user data for team owners
|
|
|
|
|
const ownerIds = teams
|
|
|
|
|
.map((t) => t.ownerId)
|
|
|
|
|
.filter((id): id is string => id !== null);
|
|
|
|
|
const uniqueOwnerIds = [...new Set(ownerIds)];
|
|
|
|
|
const owners = await Promise.all(
|
|
|
|
|
uniqueOwnerIds.map(async (ownerId) => {
|
|
|
|
|
const user = await findUserByClerkId(ownerId);
|
|
|
|
|
return user
|
|
|
|
|
? { clerkId: ownerId, name: user.username || user.displayName }
|
|
|
|
|
: null;
|
|
|
|
|
})
|
|
|
|
|
);
|
|
|
|
|
const ownerMap = new Map(
|
|
|
|
|
owners
|
|
|
|
|
.filter((o): o is NonNullable<typeof o> => o !== null)
|
|
|
|
|
.map((o) => [o.clerkId, o.name])
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
// Fetch user data for commissioners
|
|
|
|
|
const commissionerIds = commissioners.map((c) => c.userId);
|
|
|
|
|
const commissionerUsers = await Promise.all(
|
|
|
|
|
commissionerIds.map(async (commissionerId) => {
|
|
|
|
|
const user = await findUserByClerkId(commissionerId);
|
|
|
|
|
return user
|
|
|
|
|
? { clerkId: commissionerId, name: user.username || user.displayName }
|
|
|
|
|
: null;
|
|
|
|
|
})
|
|
|
|
|
);
|
|
|
|
|
const commissionerMap = new Map(
|
|
|
|
|
commissionerUsers
|
|
|
|
|
.filter((c): c is NonNullable<typeof c> => c !== null)
|
|
|
|
|
.map((c) => [c.clerkId, c.name])
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
// Count available teams
|
|
|
|
|
const availableTeamCount = teams.filter((t) => !t.ownerId).length;
|
|
|
|
|
|
|
|
|
|
// Count teams with owners
|
|
|
|
|
const teamsWithOwners = teams.filter((t) => t.ownerId !== null).length;
|
|
|
|
|
|
2026-03-12 10:12:38 -07:00
|
|
|
// Get sports seasons data with upcoming participant events for the current user
|
2026-03-07 21:59:29 -08:00
|
|
|
const rawSportsSeasons = seasonWithSports?.seasonSports?.map((ss) => ss.sportsSeason) || [];
|
|
|
|
|
|
2026-03-12 10:12:38 -07:00
|
|
|
const myTeam = teams.find((t) => t.ownerId === userId) ?? null;
|
|
|
|
|
const today = new Date();
|
|
|
|
|
const calendarDateFrom = today;
|
|
|
|
|
const calendarDateTo = addDays(today, 30);
|
|
|
|
|
|
|
|
|
|
const participantsBySportsSeason = myTeam
|
|
|
|
|
? await getDraftedParticipantsBySportsSeason(myTeam.id, season!.id)
|
|
|
|
|
: new Map<string, Array<{ id: string; name: string }>>();
|
|
|
|
|
|
2026-03-07 21:59:29 -08:00
|
|
|
const sportsSeasons = await Promise.all(
|
|
|
|
|
rawSportsSeasons.map(async (ss) => {
|
2026-03-12 10:12:38 -07:00
|
|
|
const draftedParticipants = participantsBySportsSeason.get(ss.id) ?? [];
|
|
|
|
|
const upcomingParticipantEvents =
|
|
|
|
|
draftedParticipants.length > 0
|
|
|
|
|
? await getUpcomingEventsForDraftedParticipants(
|
|
|
|
|
ss.id,
|
|
|
|
|
ss.scoringPattern ?? "",
|
|
|
|
|
draftedParticipants,
|
|
|
|
|
calendarDateFrom,
|
|
|
|
|
calendarDateTo
|
|
|
|
|
)
|
|
|
|
|
: [];
|
2026-03-07 21:59:29 -08:00
|
|
|
return {
|
|
|
|
|
id: ss.id,
|
|
|
|
|
name: ss.name,
|
|
|
|
|
status: ss.status as "upcoming" | "active" | "completed",
|
|
|
|
|
scoringPattern: ss.scoringPattern,
|
|
|
|
|
sport: ss.sport,
|
2026-03-12 10:12:38 -07:00
|
|
|
upcomingParticipantEvents,
|
2026-03-07 21:59:29 -08:00
|
|
|
};
|
|
|
|
|
})
|
|
|
|
|
);
|
2025-11-14 21:18:34 -08:00
|
|
|
const sportsCount = sportsSeasons.length;
|
|
|
|
|
|
2026-03-12 10:12:38 -07:00
|
|
|
// Flatten all events into a panel-ready list, sorted by date
|
|
|
|
|
const upcomingCalendarEvents = sportsSeasons
|
|
|
|
|
.flatMap((ss) =>
|
|
|
|
|
ss.upcomingParticipantEvents.map((e) => ({
|
|
|
|
|
...e,
|
|
|
|
|
sportName: ss.sport.name,
|
|
|
|
|
sportSeasonName: ss.name,
|
|
|
|
|
sportsSeasonPageUrl: `/leagues/${leagueId}/sports-seasons/${ss.id}`,
|
|
|
|
|
}))
|
|
|
|
|
)
|
|
|
|
|
.sort((a, b) => {
|
|
|
|
|
// Prefer eventDate; fall back to the date portion of earliestGameTime for bracket
|
|
|
|
|
// events where the admin set times on individual games rather than the event record.
|
|
|
|
|
const dateA = a.eventDate ?? (a.earliestGameTime ? a.earliestGameTime.split("T")[0] : "");
|
|
|
|
|
const dateB = b.eventDate ?? (b.earliestGameTime ? b.earliestGameTime.split("T")[0] : "");
|
|
|
|
|
return dateA.localeCompare(dateB);
|
|
|
|
|
});
|
|
|
|
|
|
2025-11-14 21:18:34 -08:00
|
|
|
// Check if draft order is set
|
|
|
|
|
const isDraftOrderSet = draftSlots.length > 0;
|
|
|
|
|
|
2026-03-07 15:57:51 -08:00
|
|
|
// Extract origin for client use (avoids SSR/client mismatch on invite URLs)
|
|
|
|
|
const origin = new URL(args.request.url).origin;
|
|
|
|
|
|
2025-11-14 21:18:34 -08:00
|
|
|
return {
|
|
|
|
|
league,
|
|
|
|
|
season,
|
|
|
|
|
teams,
|
|
|
|
|
commissioners,
|
|
|
|
|
currentUserId: userId,
|
|
|
|
|
isUserCommissioner,
|
|
|
|
|
ownerMap: Object.fromEntries(ownerMap),
|
|
|
|
|
commissionerMap: Object.fromEntries(commissionerMap),
|
|
|
|
|
availableTeamCount,
|
|
|
|
|
sportsCount,
|
|
|
|
|
teamsWithOwners,
|
|
|
|
|
isDraftOrderSet,
|
User/chris/bracket UI redesign (#95)
* feat: redesign playoff bracket UI with compact layout and owner display
- Replace per-match Card wrappers with compact left-vs-right rows (stacks on mobile)
- Add TeamOwnerBadge component (colored avatar + team name + username), matching the standings "Drafted By" style
- Show owner info below each participant name in bracket matches
- Add TBD forward-reference labels ("Winner of Quarterfinals M1") computed via buildFeederMap
- Add Final Rankings table below bracket showing all participants ranked by elimination round
- Fix round ordering in loader: sort by match count descending (more matches = earlier round)
- Add loser relation to playoff matches query for elimination tracking
- Extract getAvatarColor to app/lib/color-hash.ts (shared across GroupStageDisplay, SeasonStandings, TeamOwnerBadge)
- Extract groupMatchesByRound helper; share grouped map between feeder computation and render
- Remove dead getTeamAvatar from SeasonStandings after TeamOwnerBadge adoption
- Add tests for groupMatchesByRound and buildFeederMap (7 tests)
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
* feat: add draft order card to league home page
Show draft order on the league home page when order is set and season
is in pre_draft or draft status. Includes team name, owner name, and
a link to the draft room.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
* feat: enhance playoff bracket with eliminated teams, points, and ownership highlights
- Show eliminated teams (including group-stage losers) in Final Rankings card
- Display computed fantasy points per participant in rankings table
- Card title switches between "Eliminated Teams" and "Final Rankings" based on bracket completion
- Highlight owned participants with electric blue name, dot indicator, and card border in bracket matches
- Highlight owned rows with electric border/background in rankings table
- Suppress EventSchedule for playoff_bracket sports seasons
- Fix title redundancy: bracket section title no longer repeats sport name
- Two-column match grid on desktop (md:grid-cols-2)
- Code review fixes: parallel DB fetches, targeted query for pre-eliminated, single-pass parseFloat, remove IIFE
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---------
Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-09 22:44:33 -07:00
|
|
|
draftSlots,
|
2025-11-14 21:18:34 -08:00
|
|
|
sportsSeasons,
|
2026-03-05 10:07:15 -08:00
|
|
|
standings,
|
2026-03-07 15:57:51 -08:00
|
|
|
origin,
|
2026-03-12 10:12:38 -07:00
|
|
|
upcomingCalendarEvents,
|
2025-11-14 21:18:34 -08:00
|
|
|
};
|
|
|
|
|
}
|