`;
if (!this.tryAdd(`|html|${buf}`)) {
const hiddenBuf = BattleLog.html`
${this.tournamentName()} created (and hidden).
`;
this.room.add(`|html|${hiddenBuf}`);
}
if (notify) {
this.room.notify({
title: "Tournament created",
body: `Room: ${this.room.title}\nFormat: ${formatName}\nType: ${type}`,
id: 'tournament-create',
});
}
break;
}
case 'join':
case 'leave': {
this.handleJoinLeave(cmd, args[2]);
break;
}
case 'replace': {
this.tryAdd(`||${args[3]} has joined the tournament, replacing ${args[4]}.`);
break;
}
case 'start':
this.room.dismissNotification('tournament-create');
if (!this.info.isJoined) {
this.boxVisible = false;
} else if (this.info.teambuilderFormat?.startsWith('gen5') && !Dex.loadedSpriteData['bw']) {
Dex.loadSpriteData('bw');
}
let participants = data[0] ? ` (${data[0]} players)` : "";
this.room.add(`|html|
The tournament has started!${participants}
`);
break;
case 'disqualify':
this.tryAdd(BattleLog.html`|html|
${data[0]} has been disqualified from the tournament.
`);
break;
case 'autodq':
if (data[0] === 'off') {
this.tryAdd(`|html|
The tournament's automatic disqualify timer has been turned off.
`);
} else if (data[0] === 'on') {
let minutes = Math.round(parseInt(data[1]) / 1000 / 60);
this.tryAdd(BattleLog.html`|html|
The tournament's automatic disqualify timer has been set to ${minutes} minute${minutes === 1 ? "" : "s"}.
`);
} else {
let seconds = Math.floor(parseInt(data[1]) / 1000);
PS.alert(`Please respond to the tournament within ${seconds} seconds or you may be automatically disqualified.`);
if (notify) {
this.room.notify({
title: "Tournament Automatic Disqualification Warning",
body: `Room: ${this.room.title}\nSeconds: ${seconds}`,
id: 'tournament-autodq-warning',
});
}
}
break;
case 'autostart':
if (data[0] === 'off') {
this.tryAdd(`|html|
The tournament's automatic start is now off.
`);
} else if (data[0] === 'on') {
let minutes = (parseInt(data[1]) / 1000 / 60);
this.tryAdd(BattleLog.html`|html|
The tournament will automatically start in ${minutes} minute${minutes === 1 ? "" : "s"}.
`);
}
break;
case 'scouting':
if (data[0] === 'allow') {
this.tryAdd(`|html|
Scouting is now allowed (Tournament players can watch other tournament battles)
`);
} else if (data[0] === 'disallow') {
this.tryAdd(`|html|
Scouting is now banned (Tournament players can't watch other tournament battles)
`);
}
break;
case 'update':
Object.assign(this.updates, JSON.parse(data.join('|')));
break;
case 'updateend':
const info = { ...this.info, ...this.updates };
if (!info.isActive) {
if (!info.isStarted || info.isJoined)
this.boxVisible = true;
info.isActive = true;
}
if ('format' in this.updates || 'teambuilderFormat' in this.updates) {
if (!info.teambuilderFormat) info.teambuilderFormat = info.format;
}
if (info.isStarted && info.isJoined) {
// Update the challenges
if ('challenges' in this.updates) {
if (info.challenges?.length) {
this.boxVisible = true;
if (!this.info.challenges?.length) {
// app.playNotificationSound();
if (notify) {
this.room.notify({
title: "Tournament challenges available",
body: `Room: ${this.room.title}`,
id: 'tournament-challenges',
});
}
}
}
}
if ('challenged' in this.updates) {
if (info.challenged) {
this.boxVisible = true;
if (!this.info.challenged) {
if (notify) {
this.room.notify({
title: `Tournament challenge from ${info.challenged}`,
body: `Room: ${this.room.title}`,
id: 'tournament-challenged',
});
}
}
}
}
}
this.info = info;
this.updates = {};
this.update();
break;
case 'battlestart': {
const roomid = toRoomid(data[2]);
this.tryAdd(`|uhtml|tournament-${roomid}|
`);
break;
}
case 'battleend': {
let result = "drawn";
if (data[2] === 'win')
result = "won";
else if (data[2] === 'loss')
result = "lost";
const message = `${BattleLog.escapeHTML(data[0])} has ${result} the match ${BattleLog.escapeHTML(data[3].split(',').join(' - '))} against ${BattleLog.escapeHTML(data[1])}${data[4] === 'fail' ? " but the tournament does not support drawing, so it did not count" : ""}.`;
const roomid = toRoomid(data[5]);
this.tryAdd(`|uhtml|tournament-${roomid}|
`);
}
// Fallthrough
case 'forceend':
this.room.dismissNotification('tournament-create');
this.updates = {};
this.info.isActive = false;
this.boxVisible = false;
if (cmd === 'forceend') {
this.info = {}; // not needed; nothing to pop out
this.room.add(`|html|
The tournament was forcibly ended.
`);
}
// clear room's tour, so next tour gets a different tour object
// (and the bracket for this one's pop-out is unaffected)
this.room.tour = null;
this.update();
break;
case 'error': {
let appendError = (message: string) => {
this.tryAdd(`|html|
${BattleLog.sanitizeHTML(message)}
`);
};
switch (data[0]) {
case 'BracketFrozen':
case 'AlreadyStarted':
appendError("The tournament has already started.");
break;
case 'BracketNotFrozen':
case 'NotStarted':
appendError("The tournament hasn't started yet.");
break;
case 'UserAlreadyAdded':
appendError("You are already in the tournament.");
break;
case 'AltUserAlreadyAdded':
appendError("One of your alts is already in the tournament.");
break;
case 'UserNotAdded':
appendError(`${data[1] && data[1] === PS.user.userid ? "You aren't" : "This user isn't"} in the tournament.`);
break;
case 'NotEnoughUsers':
appendError("There aren't enough users.");
break;
case 'InvalidAutoDisqualifyTimeout':
case 'InvalidAutoStartTimeout':
appendError("That isn't a valid timeout value.");
break;
case 'InvalidMatch':
appendError("That isn't a valid tournament matchup.");
break;
case 'UserNotNamed':
appendError("You must have a name in order to join the tournament.");
break;
case 'Full':
appendError("The tournament is already at maximum capacity for users.");
break;
case 'AlreadyDisqualified':
appendError(`${data[1] && data[1] === PS.user.userid ? "You have" : "This user has"} already been disqualified.`);
break;
case 'Banned':
appendError("You are banned from entering tournaments.");
break;
default:
appendError("Unknown error: " + data[0]);
break;
}
break;
}
default:
return true;
}
}
}
}
export class TournamentBox extends preact.Component<{ tour: ChatTournament, left?: number }> {
subscription!: PSSubscription;
override componentDidMount(): void {
this.subscription = this.props.tour.subscribe(() => {
this.forceUpdate();
});
}
override componentWillUnmount(): void {
this.subscription.unsubscribe();
}
selectChallengeUser(ev: Event) {
const target = ev.target as HTMLSelectElement;
if (target.tagName !== 'SELECT') return;
const selectedIndex = target.selectedIndex;
if (selectedIndex < 0) return;
this.props.tour.selectedChallenge = selectedIndex;
this.forceUpdate();
}
acceptChallenge = (ev: Event, format: string, team?: Team) => {
const tour = this.props.tour;
const room = tour.room;
const packedTeam = team ? team.packedTeam : '';
PS.send(`/utm ${packedTeam}`);
if (tour.info.challenged) {
room.send(`/tournament acceptchallenge`);
} else if (tour.info.challenges?.length) {
const target = tour.info.challenges[tour.selectedChallenge] || tour.info.challenges[0];
room.send(`/tournament challenge ${target}`);
}
room.update(null);
};
validate = (ev: Event, format: string, team?: Team) => {
const room = this.props.tour.room;
const packedTeam = team ? team.packedTeam : '';
PS.send(`/utm ${packedTeam}`);
room.send(`/tournament vtm`);
room.update(null);
};
toggleBoxVisibility = () => {
this.props.tour.boxVisible = !this.props.tour.boxVisible;
this.forceUpdate();
};
renderTournamentTools() {
const tour = this.props.tour;
const info = tour.info;
if (!info.isJoined) {
if (info.isStarted) return null;
return