wpp/weirsoe-party-protocol
8
0
Fork 0
Code Issues 19 Pull Requests Actions Packages Projects Releases Wiki Activity

feat(spa): wire lobby join/start round through vertical slice
CI / test-and-quality (push) Successful in 2m24s
Details
CI / test-and-quality (pull_request) Successful in 2m20s
Details

Browse Source
This commit is contained in:
DEV-bot
2026-03-01 15:05:09 +00:00
parent a5c9e4f255
commit c6aaef9d94
2 changed files with 42 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/angular/src/app/features/host/host-shell.component.ts
+17 -7
View File
@@ -2,6 +2,9 @@ import { CommonModule } from '@angular/common';
import { Component } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { createApiClient } from '../../../../../src/api/client';
import { createVerticalSliceController } from '../../../../../src/spa/vertical-slice';
interface SessionDetail {
session: { code: string; status: string; current_round: number };
round_question: { id: number; prompt: string; answers: Array<{ text: string }> } | null;
@@ -51,6 +54,8 @@ export class HostShellComponent {
scoreboardPayload = '';
session: SessionDetail | null = null;
private readonly controller = createVerticalSliceController(createApiClient());
private normalizeCode(value: string): string {
return value.trim().toUpperCase();
}
@@ -79,8 +84,11 @@ export class HostShellComponent {
this.error = '';
this.scoreboardError = '';
try {
const code = this.normalizeCode(this.sessionCode);
this.session = await this.request<SessionDetail>(`/lobby/sessions/${encodeURIComponent(code)}`, 'GET');
const state = await this.controller.hydrateLobby(this.sessionCode);
if (!state.session || state.errorMessage) {
throw new Error(state.errorMessage ?? 'Unknown error');
}
this.session = state.session as SessionDetail;
this.sessionCode = this.session.session.code;
this.roundQuestionId = this.session.round_question?.id ? String(this.session.round_question.id) : '';
} catch (error) {
@@ -92,11 +100,13 @@ export class HostShellComponent {
async startRound(): Promise<void> {
await this.runAction(async () => {
const code = this.normalizeCode(this.sessionCode);
await this.request(`/lobby/sessions/${encodeURIComponent(code)}/rounds/start`, 'POST', {
category_slug: this.categorySlug.trim(),
});
await this.refreshSession();
const state = await this.controller.startRound(this.sessionCode, this.categorySlug.trim());
if (!state.session || state.errorMessage) {
throw new Error(state.errorMessage ?? 'Unknown error');
}
this.session = state.session as SessionDetail;
this.sessionCode = this.session.session.code;
this.roundQuestionId = this.session.round_question?.id ? String(this.session.round_question.id) : '';
});
}