From 1285d74245125ce5e1effabebf15cfe9f8962004 Mon Sep 17 00:00:00 2001 From: Karen Yao Date: Tue, 18 Aug 2026 18:00:51 -0700 Subject: [PATCH 1/8] feat: reregister users when server restarts and also clears cookie if connecting fails 3 times --- frontend/src/app/core/credentials.service.ts | 9 +++ .../src/app/core/player-name.service.spec.ts | 79 +++++++++++++++++++ frontend/src/app/core/player-name.service.ts | 26 ++++++ .../app/core/sockets/game-socket.service.ts | 29 ++++++- .../game-page/game-page.component.spec.ts | 8 +- .../pages/game-page/game-page.component.ts | 47 +++++++++++ .../register-page/register-page.component.ts | 3 + 7 files changed, 197 insertions(+), 4 deletions(-) create mode 100644 frontend/src/app/core/player-name.service.spec.ts create mode 100644 frontend/src/app/core/player-name.service.ts diff --git a/frontend/src/app/core/credentials.service.ts b/frontend/src/app/core/credentials.service.ts index 1c0b881..8c40233 100644 --- a/frontend/src/app/core/credentials.service.ts +++ b/frontend/src/app/core/credentials.service.ts @@ -47,4 +47,13 @@ export class CredentialsService { const attributes = `; Path=/; SameSite=Lax${secure}`; this.document.cookie = `id=${encodeURIComponent(credentials.id)}${attributes}`; } + + clear(): void { + if (!this.browserWindow) { + return; + } + + const secure = this.browserWindow.location.protocol === 'https:' ? '; Secure' : ''; + this.document.cookie = `id=; Path=/; SameSite=Lax${secure}; Max-Age=0`; + } } diff --git a/frontend/src/app/core/player-name.service.spec.ts b/frontend/src/app/core/player-name.service.spec.ts new file mode 100644 index 0000000..6c70f4e --- /dev/null +++ b/frontend/src/app/core/player-name.service.spec.ts @@ -0,0 +1,79 @@ +import { TestBed } from '@angular/core/testing'; + +import { PAC_WINDOW } from './browser-window.token'; +import { PlayerNameService } from './player-name.service'; + +describe('PlayerNameService', () => { + let service: PlayerNameService; + let mockStorage: Record; + + beforeEach(() => { + mockStorage = {}; + const mockWindow = { + localStorage: { + getItem: (key: string) => mockStorage[key] ?? null, + setItem: (key: string, value: string) => { + mockStorage[key] = value; + }, + }, + }; + + TestBed.configureTestingModule({ + providers: [PlayerNameService, { provide: PAC_WINDOW, useValue: mockWindow }], + }); + service = TestBed.inject(PlayerNameService); + }); + + it('returns an empty string when no name has been saved', () => { + expect(service.get()).toBe(''); + }); + + it('saves and retrieves a player name', () => { + service.save('Odin'); + expect(service.get()).toBe('Odin'); + }); + + it('returns an empty string when localStorage throws on get', () => { + TestBed.resetTestingModule(); + const throwingWindow = { + localStorage: { + getItem: () => { + throw new Error('unavailable'); + }, + setItem: () => {}, + }, + }; + TestBed.configureTestingModule({ + providers: [PlayerNameService, { provide: PAC_WINDOW, useValue: throwingWindow }], + }); + service = TestBed.inject(PlayerNameService); + expect(service.get()).toBe(''); + }); + + it('silently ignores localStorage errors on save', () => { + TestBed.resetTestingModule(); + const throwingWindow = { + localStorage: { + getItem: () => null, + setItem: () => { + throw new Error('quota exceeded'); + }, + }, + }; + TestBed.configureTestingModule({ + providers: [PlayerNameService, { provide: PAC_WINDOW, useValue: throwingWindow }], + }); + service = TestBed.inject(PlayerNameService); + expect(() => service.save('Odin')).not.toThrow(); + }); + + it('returns an empty string when PAC_WINDOW is null', () => { + TestBed.resetTestingModule(); + TestBed.configureTestingModule({ + providers: [PlayerNameService, { provide: PAC_WINDOW, useValue: null }], + }); + service = TestBed.inject(PlayerNameService); + expect(service.get()).toBe(''); + expect(() => service.save('Odin')).not.toThrow(); + }); +}); diff --git a/frontend/src/app/core/player-name.service.ts b/frontend/src/app/core/player-name.service.ts new file mode 100644 index 0000000..4bde22a --- /dev/null +++ b/frontend/src/app/core/player-name.service.ts @@ -0,0 +1,26 @@ +import { inject, Service, signal } from '@angular/core'; +import { PAC_WINDOW } from './browser-window.token'; + +const PLAYER_NAME_KEY = 'playerName'; + +@Service() +export class PlayerNameService { + private readonly browserWindow = inject(PAC_WINDOW); + private readonly statusMessage = signal(null); + + get(): string { + try { + return this.browserWindow?.localStorage.getItem(PLAYER_NAME_KEY) ?? ''; + } catch { + return ''; + } + } + + save(name: string): void { + try { + this.browserWindow?.localStorage.setItem(PLAYER_NAME_KEY, name); + } catch { + this.statusMessage.set('Could not save your name for auto-re-registration.'); + } + } +} diff --git a/frontend/src/app/core/sockets/game-socket.service.ts b/frontend/src/app/core/sockets/game-socket.service.ts index 15a74f8..b969854 100644 --- a/frontend/src/app/core/sockets/game-socket.service.ts +++ b/frontend/src/app/core/sockets/game-socket.service.ts @@ -32,15 +32,19 @@ export class GameSocketService extends WebSocketService { private reconnecting = false; private suspendedReason = 'Paused while the browser is offline.'; private readonly statusMessage = signal(null); - + private consecutiveFailures = 0; readonly players = signal>({}); readonly isFlagFound = signal(false); + readonly sessionExpired = signal(false); + readonly MAX_FAILED_ATTEMPTS = 3; start(id: string, onConnected: () => void): void { this.stop(); this.mode = 'player'; this.playerId = id; this.onConnected = onConnected; + this.consecutiveFailures = 0; + this.sessionExpired.set(false); this.resume(); } @@ -74,6 +78,8 @@ export class GameSocketService extends WebSocketService { this.onConnected = null; this.reconnecting = false; this.statusMessage.set(null); + this.consecutiveFailures = 0; + this.sessionExpired.set(false); this.disconnect(); } @@ -94,8 +100,9 @@ export class GameSocketService extends WebSocketService { // Every connection receives a fresh list of active players. Clearing the // cache removes disconnects that may have been missed while unavailable. this.players.set({}); - this.reconnecting = false; this.statusMessage.set(null); + this.reconnecting = false; + this.consecutiveFailures = 0; this.onConnected?.(); } @@ -103,6 +110,24 @@ export class GameSocketService extends WebSocketService { this.reconnecting = true; } + protected override shouldReconnect(closeEvent: CloseEvent): boolean { + if (this.mode !== 'player') { + return true; + } + + this.consecutiveFailures++; + + if (this.consecutiveFailures >= this.MAX_FAILED_ATTEMPTS) { + this.sessionExpired.set(true); + this.statusMessage.set( + 'Session has expired as game server restarted.', + ); + return false; + } + + return true; + } + protected override onSocketError(): void { this.statusMessage.set( this.mode === 'viewer' diff --git a/frontend/src/app/pages/game-page/game-page.component.spec.ts b/frontend/src/app/pages/game-page/game-page.component.spec.ts index 5d040de..5f7a145 100644 --- a/frontend/src/app/pages/game-page/game-page.component.spec.ts +++ b/frontend/src/app/pages/game-page/game-page.component.spec.ts @@ -10,6 +10,7 @@ import { GeolocationService } from '../../core/geolocation.service'; import { MapInfo, PlayerStatus, PlayerType } from '../../core/game.models'; import { WakeLockService } from '../../core/wake-lock.service'; import { GamePageComponent } from './game-page.component'; +import { PlayerNameService } from '../../core/player-name.service'; describe('GamePageComponent leader link', () => { let fixture: ComponentFixture; @@ -34,6 +35,7 @@ describe('GamePageComponent leader link', () => { }), status: signal('Connected.'), isFlagFound: signal(false), + sessionExpired: signal(false), start: vi.fn(), stop: vi.fn(), resume: vi.fn(), @@ -69,7 +71,8 @@ describe('GamePageComponent leader link', () => { imports: [GamePageComponent], providers: [ { provide: ApiService, useValue: { getMap: vi.fn(() => of(map)) } }, - { provide: CredentialsService, useValue: { get: () => ({ id: 'SELF' }) } }, + { provide: CredentialsService, useValue: { get: () => ({ id: 'SELF' }), save: vi.fn(), clear: vi.fn() } }, + { provide: PlayerNameService, useValue: { get: vi.fn(() => ''), save: vi.fn() } }, { provide: Router, useValue: { navigateByUrl: vi.fn() } }, ], }) @@ -110,6 +113,7 @@ describe('GamePageComponent leader link', () => { it('does not show the leader link to a non-leader', async () => { const page = await render(PlayerType.Ghost); - expect(page.querySelector('.game-page__leader-link')).toBeNull(); + const link = page.querySelector('.game-page__leader-link a'); + expect(link?.style.visibility).toBe('hidden'); }); }); diff --git a/frontend/src/app/pages/game-page/game-page.component.ts b/frontend/src/app/pages/game-page/game-page.component.ts index b435cb3..918184b 100644 --- a/frontend/src/app/pages/game-page/game-page.component.ts +++ b/frontend/src/app/pages/game-page/game-page.component.ts @@ -4,6 +4,7 @@ import { Component, computed, DestroyRef, + effect, inject, signal, } from '@angular/core'; @@ -19,6 +20,7 @@ import { isLeaderType, MapInfo, typeLabel } from '../../core/game.models'; import { WakeLockService } from '../../core/wake-lock.service'; import { GameCanvasComponent } from '../../game/game-canvas/game-canvas.component'; import { BrandHeaderComponent } from '../../shared/brand-header/brand-header.component'; +import { PlayerNameService } from '../../core/player-name.service'; @Component({ selector: 'pac-game-page', @@ -34,6 +36,7 @@ export class GamePageComponent { private readonly credentials = inject(CredentialsService); private readonly destroyRef = inject(DestroyRef); private readonly router = inject(Router); + private readonly playerName = inject(PlayerNameService); protected readonly socket = inject(GameSocketService); protected readonly geolocation = inject(GeolocationService); @@ -41,6 +44,8 @@ export class GamePageComponent { protected readonly map = signal(null); protected readonly selfId = signal(''); protected readonly pageStatus = signal('Loading the game map…'); + + private readonly reregistering = signal(false); protected readonly selfSummary = computed(() => { const player = this.socket.players()[this.selfId()]?.player; return player ? `${player.name} (${player.id}) is ${typeLabel(player.type)}` : ''; @@ -62,12 +67,54 @@ export class GamePageComponent { constructor() { afterNextRender(() => void this.initialize()); this.destroyRef.onDestroy(() => this.cleanup()); + + effect(() => { + if (this.socket.sessionExpired() && !this.reregistering()) { + void this.autoReregister(); + } + }); } protected async toggleWakeLock(event: Event): Promise { await this.wakeLock.setEnabled((event.target as HTMLInputElement).checked); } + private async autoReregister(): Promise { + const name = this.playerName.get(); + if (!name) { + this.credentials.clear(); + this.socket.stop(); + await this.router.navigateByUrl('/register'); + return; + } + + this.reregistering.set(true); + this.pageStatus.set('Re-registering…'); + + try { + const response = await firstValueFrom(this.api.registerPlayer(name)); + const id = response.id.trim(); + if (!id) { + throw new Error('The API returned an empty player ID.'); + } + + this.credentials.save({ id }); + this.selfId.set(id); + this.pageStatus.set('Re-registered. Reconnecting…'); + this.socket.start(id, () => { + this.pageStatus.set('Connected to PacMacro.'); + this.geolocation.start((coordinate) => this.socket.sendCoordinate(coordinate)); + }); + } catch { + this.credentials.clear(); + this.socket.stop(); + this.pageStatus.set('Could not re-register. Redirecting…'); + await this.router.navigateByUrl('/register'); + } finally { + this.reregistering.set(false); + } + } + private async initialize(): Promise { if (!this.browserWindow) { return; diff --git a/frontend/src/app/pages/register-page/register-page.component.ts b/frontend/src/app/pages/register-page/register-page.component.ts index c04ca41..6b251ca 100644 --- a/frontend/src/app/pages/register-page/register-page.component.ts +++ b/frontend/src/app/pages/register-page/register-page.component.ts @@ -12,6 +12,7 @@ import { firstValueFrom } from 'rxjs'; import { ApiService } from '../../core/api.service'; import { CredentialsService } from '../../core/credentials.service'; import { BrandHeaderComponent } from '../../shared/brand-header/brand-header.component'; +import { PlayerNameService } from '../../core/player-name.service'; interface RegistrationModel { name: string; @@ -28,6 +29,7 @@ export class RegisterPageComponent { private readonly api = inject(ApiService); private readonly credentials = inject(CredentialsService); private readonly router = inject(Router); + private readonly playerName = inject(PlayerNameService); protected readonly registrationModel = signal({ name: '', @@ -62,6 +64,7 @@ export class RegisterPageComponent { throw new Error('The API returned an empty player ID.'); } this.credentials.save({ id }); + this.playerName.save(trimmedName); await this.router.navigateByUrl('/'); } catch (error) { this.status.set('Registration failed. Check your details and the API connection.'); From 7a8c616331c2621e2b962a7ed42871cca6dc82d6 Mon Sep 17 00:00:00 2001 From: Karen Yao Date: Tue, 18 Aug 2026 18:04:44 -0700 Subject: [PATCH 2/8] style: code ordering --- frontend/src/app/core/sockets/game-socket.service.ts | 5 +++-- frontend/src/app/pages/game-page/game-page.component.ts | 2 +- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/frontend/src/app/core/sockets/game-socket.service.ts b/frontend/src/app/core/sockets/game-socket.service.ts index b969854..cd80361 100644 --- a/frontend/src/app/core/sockets/game-socket.service.ts +++ b/frontend/src/app/core/sockets/game-socket.service.ts @@ -31,8 +31,9 @@ export class GameSocketService extends WebSocketService { private onConnected: (() => void) | null = null; private reconnecting = false; private suspendedReason = 'Paused while the browser is offline.'; - private readonly statusMessage = signal(null); private consecutiveFailures = 0; + private readonly statusMessage = signal(null); + readonly players = signal>({}); readonly isFlagFound = signal(false); readonly sessionExpired = signal(false); @@ -100,8 +101,8 @@ export class GameSocketService extends WebSocketService { // Every connection receives a fresh list of active players. Clearing the // cache removes disconnects that may have been missed while unavailable. this.players.set({}); - this.statusMessage.set(null); this.reconnecting = false; + this.statusMessage.set(null); this.consecutiveFailures = 0; this.onConnected?.(); } diff --git a/frontend/src/app/pages/game-page/game-page.component.ts b/frontend/src/app/pages/game-page/game-page.component.ts index 918184b..7f0b548 100644 --- a/frontend/src/app/pages/game-page/game-page.component.ts +++ b/frontend/src/app/pages/game-page/game-page.component.ts @@ -37,6 +37,7 @@ export class GamePageComponent { private readonly destroyRef = inject(DestroyRef); private readonly router = inject(Router); private readonly playerName = inject(PlayerNameService); + private readonly reregistering = signal(false); protected readonly socket = inject(GameSocketService); protected readonly geolocation = inject(GeolocationService); @@ -45,7 +46,6 @@ export class GamePageComponent { protected readonly selfId = signal(''); protected readonly pageStatus = signal('Loading the game map…'); - private readonly reregistering = signal(false); protected readonly selfSummary = computed(() => { const player = this.socket.players()[this.selfId()]?.player; return player ? `${player.name} (${player.id}) is ${typeLabel(player.type)}` : ''; From fe5a0368dab387a342986811370d7db1b1d63007 Mon Sep 17 00:00:00 2001 From: Karen Yao Date: Wed, 19 Aug 2026 01:33:41 -0700 Subject: [PATCH 3/8] test: add unit tests for re-registration after server restart --- .../src/app/core/credentials.service.spec.ts | 53 +++- .../core/sockets/game-socket.service.spec.ts | 96 ++++++++ .../game-page/game-page.component.spec.ts | 232 +++++++++++++----- .../register-page.component.spec.ts | 8 +- 4 files changed, 324 insertions(+), 65 deletions(-) diff --git a/frontend/src/app/core/credentials.service.spec.ts b/frontend/src/app/core/credentials.service.spec.ts index 3b3ddae..90edebb 100644 --- a/frontend/src/app/core/credentials.service.spec.ts +++ b/frontend/src/app/core/credentials.service.spec.ts @@ -1,4 +1,8 @@ -import { readCookie } from './credentials.service'; +import { DOCUMENT } from '@angular/common'; +import { TestBed } from '@angular/core/testing'; + +import { PAC_WINDOW } from './browser-window.token'; +import { CredentialsService, readCookie } from './credentials.service'; describe('readCookie', () => { it('reads and decodes an exact cookie name', () => { @@ -10,3 +14,50 @@ describe('readCookie', () => { expect(readCookie('theme=dark', 'id')).toBe(''); }); }); + +describe('CredentialsService', () => { + let service: CredentialsService; + let mockDocument: { cookie: string }; + let mockWindow: { location: { protocol: string } }; + + beforeEach(() => { + mockDocument = { cookie: '' }; + mockWindow = { location: { protocol: 'http:' } }; + + TestBed.configureTestingModule({ + providers: [ + CredentialsService, + { provide: DOCUMENT, useValue: mockDocument }, + { provide: PAC_WINDOW, useValue: mockWindow }, + ], + }); + service = TestBed.inject(CredentialsService); + }); + + it.each(['http:', 'https:'] as const)('expires the id cookie over %s', (protocol) => { + mockWindow.location.protocol = protocol; + mockDocument.cookie = 'id=ABC; theme=dark'; + + service.clear(); + + const secure = protocol === 'https:' ? '; Secure' : ''; + expect(mockDocument.cookie).toBe(`id=; Path=/; SameSite=Lax${secure}; Max-Age=0`); + }); + + it('leaves the cookie untouched when PAC_WINDOW is null', () => { + TestBed.resetTestingModule(); + TestBed.configureTestingModule({ + providers: [ + CredentialsService, + { provide: DOCUMENT, useValue: mockDocument }, + { provide: PAC_WINDOW, useValue: null }, + ], + }); + service = TestBed.inject(CredentialsService); + mockDocument.cookie = 'id=ABC'; + + service.clear(); + + expect(mockDocument.cookie).toBe('id=ABC'); + }); +}); diff --git a/frontend/src/app/core/sockets/game-socket.service.spec.ts b/frontend/src/app/core/sockets/game-socket.service.spec.ts index e0b6040..d8f3b20 100644 --- a/frontend/src/app/core/sockets/game-socket.service.spec.ts +++ b/frontend/src/app/core/sockets/game-socket.service.spec.ts @@ -297,4 +297,100 @@ describe('GameSocketService', () => { expect(service.state()).toBe('error'); expect(service.status()).toContain('Register as admin again in this browser'); }); + + it('expires the session after three consecutive failed player connections', () => { + vi.useFakeTimers(); + vi.spyOn(console, 'log').mockImplementation(() => undefined); + vi.spyOn(console, 'warn').mockImplementation(() => undefined); + service.start('ABCD', () => undefined); + + MockGameWebSocket.instances[0].serverClose(false); + vi.advanceTimersByTime(1000); + MockGameWebSocket.instances[1].serverClose(false); + vi.advanceTimersByTime(2000); + MockGameWebSocket.instances[2].serverClose(false); + vi.runAllTimers(); + + expect(service.sessionExpired()).toBe(true); + expect(service.state()).toBe('error'); + expect(service.status()).toContain('Session has expired as game server restarted.'); + expect(MockGameWebSocket.instances).toHaveLength(3); + }); + + it('keeps reconnecting a player socket after fewer than three failures', () => { + vi.useFakeTimers(); + vi.spyOn(console, 'log').mockImplementation(() => undefined); + vi.spyOn(console, 'warn').mockImplementation(() => undefined); + service.start('ABCD', () => undefined); + + MockGameWebSocket.instances[0].serverClose(false); + vi.advanceTimersByTime(1000); + MockGameWebSocket.instances[1].serverClose(false); + vi.advanceTimersByTime(2000); + + expect(service.sessionExpired()).toBe(false); + expect(service.state()).toBe('connecting'); + expect(MockGameWebSocket.instances).toHaveLength(3); + }); + + it('resets the failure counter when a player connection succeeds', () => { + vi.useFakeTimers(); + vi.spyOn(console, 'log').mockImplementation(() => undefined); + vi.spyOn(console, 'warn').mockImplementation(() => undefined); + service.start('ABCD', () => undefined); + + MockGameWebSocket.instances[0].serverClose(false); + vi.advanceTimersByTime(1000); + MockGameWebSocket.instances[1].serverClose(false); + vi.advanceTimersByTime(2000); + + MockGameWebSocket.instances[2].open(); + MockGameWebSocket.instances[2].serverClose(false); + vi.advanceTimersByTime(4000); + MockGameWebSocket.instances[3].serverClose(false); + vi.runAllTimers(); + + expect(service.sessionExpired()).toBe(false); + expect(MockGameWebSocket.instances).toHaveLength(5); + }); + + it('never expires the session for a viewer socket', () => { + vi.useFakeTimers(); + vi.spyOn(console, 'log').mockImplementation(() => undefined); + vi.spyOn(console, 'warn').mockImplementation(() => undefined); + service.startViewer(); + + MockGameWebSocket.instances[0].serverClose(false); + vi.advanceTimersByTime(1000); + MockGameWebSocket.instances[1].serverClose(false); + vi.advanceTimersByTime(2000); + MockGameWebSocket.instances[2].serverClose(false); + vi.runAllTimers(); + + expect(service.sessionExpired()).toBe(false); + expect(MockGameWebSocket.instances.length).toBeGreaterThan(3); + }); + + it('start and stop clear an expired session', () => { + vi.useFakeTimers(); + vi.spyOn(console, 'log').mockImplementation(() => undefined); + vi.spyOn(console, 'warn').mockImplementation(() => undefined); + service.start('ABCD', () => undefined); + + MockGameWebSocket.instances[0].serverClose(false); + vi.advanceTimersByTime(1000); + MockGameWebSocket.instances[1].serverClose(false); + vi.advanceTimersByTime(2000); + MockGameWebSocket.instances[2].serverClose(false); + vi.runAllTimers(); + + expect(service.sessionExpired()).toBe(true); + + service.stop(); + expect(service.sessionExpired()).toBe(false); + + service.start('ABCD', () => undefined); + expect(service.sessionExpired()).toBe(false); + expect(MockGameWebSocket.instances).toHaveLength(4); + }); }); diff --git a/frontend/src/app/pages/game-page/game-page.component.spec.ts b/frontend/src/app/pages/game-page/game-page.component.spec.ts index 5f7a145..3d69963 100644 --- a/frontend/src/app/pages/game-page/game-page.component.spec.ts +++ b/frontend/src/app/pages/game-page/game-page.component.spec.ts @@ -1,7 +1,7 @@ import { signal } from '@angular/core'; import { ComponentFixture, TestBed } from '@angular/core/testing'; import { Router } from '@angular/router'; -import { of } from 'rxjs'; +import { of, throwError } from 'rxjs'; import { ApiService } from '../../core/api.service'; import { CredentialsService } from '../../core/credentials.service'; @@ -12,51 +12,88 @@ import { WakeLockService } from '../../core/wake-lock.service'; import { GamePageComponent } from './game-page.component'; import { PlayerNameService } from '../../core/player-name.service'; +const map: MapInfo = { + min: { latitude: 49.27, longitude: -122.92 }, + max: { latitude: 49.28, longitude: -122.9 }, + width: 32, + height: 32, + isFlagFound: false, +}; +const api = { + getMap: vi.fn(() => of(map)), + registerPlayer: vi.fn(() => of({ id: 'NEWID' })), +}; +const credentials = { + get: vi.fn(() => ({ id: 'SELF' })), + save: vi.fn(), + clear: vi.fn(), +}; +const playerName = { + get: vi.fn(() => ''), + save: vi.fn(), +}; +const router = { navigateByUrl: vi.fn() }; +const gameSocket = { + players: signal({ + SELF: { + coordinate: { latitude: 49.275, longitude: -122.91 }, + player: { + id: 'SELF', + name: 'Leader', + type: PlayerType.Ghost, + status: PlayerStatus.Connected, + }, + }, + }), + status: signal('Connected.'), + isFlagFound: signal(false), + sessionExpired: signal(false), + start: vi.fn((_id: string, _onConnected: () => void) => gameSocket.sessionExpired.set(false)), + stop: vi.fn(() => gameSocket.sessionExpired.set(false)), + resume: vi.fn(), + suspend: vi.fn(), + sendCoordinate: vi.fn(), + setInitialState: vi.fn(), +}; +const geolocation = { + status: signal('Ready.'), + start: vi.fn(), + stop: vi.fn(), +}; +const wakeLock = { + supported: signal(true), + enabled: signal(false), + status: signal('Screen wake lock is off.'), + initialize: vi.fn(), + setEnabled: vi.fn(async () => undefined), + handleVisibilityChange: vi.fn(async () => undefined), + release: vi.fn(async () => undefined), +}; + +async function configureTestBed(): Promise { + await TestBed.configureTestingModule({ + imports: [GamePageComponent], + providers: [ + { provide: ApiService, useValue: api }, + { provide: CredentialsService, useValue: credentials }, + { provide: PlayerNameService, useValue: playerName }, + { provide: Router, useValue: router }, + ], + }) + .overrideComponent(GamePageComponent, { + set: { + providers: [ + { provide: GameSocketService, useValue: gameSocket }, + { provide: GeolocationService, useValue: geolocation }, + { provide: WakeLockService, useValue: wakeLock }, + ], + }, + }) + .compileComponents(); +} + describe('GamePageComponent leader link', () => { let fixture: ComponentFixture; - const map: MapInfo = { - min: { latitude: 49.27, longitude: -122.92 }, - max: { latitude: 49.28, longitude: -122.9 }, - width: 32, - height: 32, - isFlagFound: false, - }; - const gameSocket = { - players: signal({ - SELF: { - coordinate: { latitude: 49.275, longitude: -122.91 }, - player: { - id: 'SELF', - name: 'Leader', - type: PlayerType.Ghost, - status: PlayerStatus.Connected, - }, - }, - }), - status: signal('Connected.'), - isFlagFound: signal(false), - sessionExpired: signal(false), - start: vi.fn(), - stop: vi.fn(), - resume: vi.fn(), - suspend: vi.fn(), - sendCoordinate: vi.fn(), - setInitialState: vi.fn(), - }; - const geolocation = { - status: signal('Ready.'), - start: vi.fn(), - stop: vi.fn(), - }; - const wakeLock = { - supported: signal(true), - enabled: signal(false), - status: signal('Screen wake lock is off.'), - initialize: vi.fn(), - setEnabled: vi.fn(async () => undefined), - handleVisibilityChange: vi.fn(async () => undefined), - release: vi.fn(async () => undefined), - }; beforeEach(async () => { gameSocket.players.update((players) => ({ @@ -67,25 +104,7 @@ describe('GamePageComponent leader link', () => { }, })); - await TestBed.configureTestingModule({ - imports: [GamePageComponent], - providers: [ - { provide: ApiService, useValue: { getMap: vi.fn(() => of(map)) } }, - { provide: CredentialsService, useValue: { get: () => ({ id: 'SELF' }), save: vi.fn(), clear: vi.fn() } }, - { provide: PlayerNameService, useValue: { get: vi.fn(() => ''), save: vi.fn() } }, - { provide: Router, useValue: { navigateByUrl: vi.fn() } }, - ], - }) - .overrideComponent(GamePageComponent, { - set: { - providers: [ - { provide: GameSocketService, useValue: gameSocket }, - { provide: GeolocationService, useValue: geolocation }, - { provide: WakeLockService, useValue: wakeLock }, - ], - }, - }) - .compileComponents(); + await configureTestBed(); }); async function render(playerType: PlayerType): Promise { @@ -117,3 +136,90 @@ describe('GamePageComponent leader link', () => { expect(link?.style.visibility).toBe('hidden'); }); }); + +describe('GamePageComponent re-registration', () => { + let fixture: ComponentFixture; + + beforeEach(async () => { + vi.clearAllMocks(); + gameSocket.sessionExpired.set(false); + await configureTestBed(); + }); + + async function render(): Promise { + fixture = TestBed.createComponent(GamePageComponent); + fixture.detectChanges(); + await new Promise((resolve) => setTimeout(resolve, 0)); + fixture.detectChanges(); + return fixture.nativeElement as HTMLElement; + } + + async function flushReRegistration(): Promise { + fixture.detectChanges(); + await new Promise((resolve) => setTimeout(resolve, 0)); + fixture.detectChanges(); + } + + it('clears credentials and redirects to /register when no name is saved', async () => { + playerName.get.mockReturnValue(''); + await render(); + + gameSocket.sessionExpired.set(true); + await flushReRegistration(); + + expect(credentials.clear).toHaveBeenCalled(); + expect(gameSocket.stop).toHaveBeenCalled(); + expect(router.navigateByUrl).toHaveBeenCalledWith('/register'); + }); + + it('re-registers with the saved name and reconnects', async () => { + playerName.get.mockReturnValue('Odin'); + api.registerPlayer.mockReturnValue(of({ id: 'NEWID' })); + const page = await render(); + + gameSocket.sessionExpired.set(true); + await flushReRegistration(); + + expect(api.registerPlayer).toHaveBeenCalledWith('Odin'); + expect(credentials.save).toHaveBeenCalledWith({ id: 'NEWID' }); + expect(credentials.clear).not.toHaveBeenCalled(); + expect(page.textContent).toContain('Re-registered. Reconnecting…'); + + const startCalls = gameSocket.start.mock.calls; + const onConnected = startCalls[startCalls.length - 1][1] as () => void; + expect(startCalls[startCalls.length - 1][0]).toBe('NEWID'); + onConnected(); + fixture.detectChanges(); + + expect(geolocation.start).toHaveBeenCalledWith(expect.any(Function)); + expect(page.textContent).toContain('Connected to PacMacro.'); + }); + + it('clears credentials and redirects when re-registration fails', async () => { + playerName.get.mockReturnValue('Odin'); + api.registerPlayer.mockReturnValue(throwError(() => new Error('API is down'))); + const page = await render(); + + gameSocket.sessionExpired.set(true); + await flushReRegistration(); + + expect(credentials.clear).toHaveBeenCalled(); + expect(gameSocket.stop).toHaveBeenCalled(); + expect(router.navigateByUrl).toHaveBeenCalledWith('/register'); + expect(page.textContent).toContain('Could not re-register. Redirecting…'); + }); + + it('treats an empty player ID from the API as a failure', async () => { + playerName.get.mockReturnValue('Odin'); + api.registerPlayer.mockReturnValue(of({ id: ' ' })); + const page = await render(); + + gameSocket.sessionExpired.set(true); + await flushReRegistration(); + + expect(credentials.clear).toHaveBeenCalled(); + expect(gameSocket.stop).toHaveBeenCalled(); + expect(router.navigateByUrl).toHaveBeenCalledWith('/register'); + expect(page.textContent).toContain('Could not re-register. Redirecting…'); + }); +}); diff --git a/frontend/src/app/pages/register-page/register-page.component.spec.ts b/frontend/src/app/pages/register-page/register-page.component.spec.ts index e560a89..263c45b 100644 --- a/frontend/src/app/pages/register-page/register-page.component.spec.ts +++ b/frontend/src/app/pages/register-page/register-page.component.spec.ts @@ -5,6 +5,7 @@ import { of } from 'rxjs'; import { ApiService } from '../../core/api.service'; import { CredentialsService } from '../../core/credentials.service'; +import { PlayerNameService } from '../../core/player-name.service'; import { RegisterPageComponent } from './register-page.component'; describe('RegisterPageComponent', () => { @@ -13,6 +14,7 @@ describe('RegisterPageComponent', () => { registerPlayer: vi.fn(() => of({ id: 'ABCD' })), }; const credentials = { save: vi.fn() }; + const playerName = { save: vi.fn() }; const router = { navigateByUrl: vi.fn(() => Promise.resolve(true)) }; beforeEach(() => { @@ -22,6 +24,7 @@ describe('RegisterPageComponent', () => { providers: [ { provide: ApiService, useValue: api }, { provide: CredentialsService, useValue: credentials }, + { provide: PlayerNameService, useValue: playerName }, { provide: Router, useValue: router }, ], }); @@ -31,7 +34,7 @@ describe('RegisterPageComponent', () => { const component = TestBed.createComponent(RegisterPageComponent) .componentInstance as unknown as RegisterPageHarness; component.registrationModel.set({ - name: 'Test2', + name: ' Test2 ', }); await component.submit(submitEvent()); @@ -39,6 +42,7 @@ describe('RegisterPageComponent', () => { expect(api.registerPlayer).toHaveBeenCalledWith('Test2'); expect(api.registerAdmin).not.toHaveBeenCalled(); expect(credentials.save).toHaveBeenCalledWith({ id: 'ABCD' }); + expect(playerName.save).toHaveBeenCalledWith('Test2'); expect(router.navigateByUrl).toHaveBeenCalledWith('/'); }); @@ -52,6 +56,8 @@ describe('RegisterPageComponent', () => { await component.submit(submitEvent()); expect(api.registerPlayer).not.toHaveBeenCalled(); + expect(credentials.save).not.toHaveBeenCalled(); + expect(playerName.save).not.toHaveBeenCalled(); }); }); From 9e60e143d0e7a9ef74128bc507e48d1b5edd2585 Mon Sep 17 00:00:00 2001 From: Karen Yao Date: Wed, 19 Aug 2026 01:53:27 -0700 Subject: [PATCH 4/8] refactor: extract socket connect to deduplicate socket start callback --- .../src/app/pages/game-page/game-page.component.ts | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/frontend/src/app/pages/game-page/game-page.component.ts b/frontend/src/app/pages/game-page/game-page.component.ts index 7f0b548..e88f8f8 100644 --- a/frontend/src/app/pages/game-page/game-page.component.ts +++ b/frontend/src/app/pages/game-page/game-page.component.ts @@ -101,10 +101,7 @@ export class GamePageComponent { this.credentials.save({ id }); this.selfId.set(id); this.pageStatus.set('Re-registered. Reconnecting…'); - this.socket.start(id, () => { - this.pageStatus.set('Connected to PacMacro.'); - this.geolocation.start((coordinate) => this.socket.sendCoordinate(coordinate)); - }); + this.connectAs(id); } catch { this.credentials.clear(); this.socket.stop(); @@ -143,7 +140,11 @@ export class GamePageComponent { this.browserWindow.document.addEventListener('visibilitychange', this.onVisibilityChange); this.browserWindow.addEventListener('online', this.onOnline); this.browserWindow.addEventListener('offline', this.onOffline); - this.socket.start(credentials.id, () => { + this.connectAs(credentials.id); + } + + private connectAs(id: string): void { + this.socket.start(id, () => { this.pageStatus.set('Connected to PacMacro.'); this.geolocation.start((coordinate) => this.socket.sendCoordinate(coordinate)); }); From 20cc73bc5a550772c90832d030b47b4ec84bce53 Mon Sep 17 00:00:00 2001 From: Karen Yao Date: Wed, 19 Aug 2026 02:18:34 -0700 Subject: [PATCH 5/8] refactor: simplify session-expiry handling so it can't double-fire --- frontend/angular.json | 3 ++- .../core/sockets/game-socket.service.spec.ts | 20 +++++++++++++++- .../app/core/sockets/game-socket.service.ts | 6 ++++- .../game-page/game-page.component.spec.ts | 15 ++++++++---- .../pages/game-page/game-page.component.ts | 23 +++++++------------ 5 files changed, 44 insertions(+), 23 deletions(-) diff --git a/frontend/angular.json b/frontend/angular.json index 1d74f66..21e6be7 100644 --- a/frontend/angular.json +++ b/frontend/angular.json @@ -2,7 +2,8 @@ "$schema": "./node_modules/@angular/cli/lib/config/schema.json", "version": 1, "cli": { - "packageManager": "npm" + "packageManager": "npm", + "analytics": "132fecc1-3206-4f36-bf3c-2dcfd0f12560" }, "newProjectRoot": "projects", "projects": { diff --git a/frontend/src/app/core/sockets/game-socket.service.spec.ts b/frontend/src/app/core/sockets/game-socket.service.spec.ts index d8f3b20..6138836 100644 --- a/frontend/src/app/core/sockets/game-socket.service.spec.ts +++ b/frontend/src/app/core/sockets/game-socket.service.spec.ts @@ -302,7 +302,8 @@ describe('GameSocketService', () => { vi.useFakeTimers(); vi.spyOn(console, 'log').mockImplementation(() => undefined); vi.spyOn(console, 'warn').mockImplementation(() => undefined); - service.start('ABCD', () => undefined); + const onSessionExpired = vi.fn(); + service.start('ABCD', () => undefined, onSessionExpired); MockGameWebSocket.instances[0].serverClose(false); vi.advanceTimersByTime(1000); @@ -315,6 +316,23 @@ describe('GameSocketService', () => { expect(service.state()).toBe('error'); expect(service.status()).toContain('Session has expired as game server restarted.'); expect(MockGameWebSocket.instances).toHaveLength(3); + expect(onSessionExpired).toHaveBeenCalledOnce(); + }); + + it('does not invoke the session-expired callback after fewer than three failures', () => { + vi.useFakeTimers(); + vi.spyOn(console, 'log').mockImplementation(() => undefined); + vi.spyOn(console, 'warn').mockImplementation(() => undefined); + const onSessionExpired = vi.fn(); + service.start('ABCD', () => undefined, onSessionExpired); + + MockGameWebSocket.instances[0].serverClose(false); + vi.advanceTimersByTime(1000); + MockGameWebSocket.instances[1].serverClose(false); + vi.advanceTimersByTime(2000); + + expect(service.sessionExpired()).toBe(false); + expect(onSessionExpired).not.toHaveBeenCalled(); }); it('keeps reconnecting a player socket after fewer than three failures', () => { diff --git a/frontend/src/app/core/sockets/game-socket.service.ts b/frontend/src/app/core/sockets/game-socket.service.ts index cd80361..8f835b6 100644 --- a/frontend/src/app/core/sockets/game-socket.service.ts +++ b/frontend/src/app/core/sockets/game-socket.service.ts @@ -29,6 +29,7 @@ export class GameSocketService extends WebSocketService { private playerId: string | null = null; private mode: SocketMode | null = null; private onConnected: (() => void) | null = null; + private onSessionExpired: (() => void) | null = null; private reconnecting = false; private suspendedReason = 'Paused while the browser is offline.'; private consecutiveFailures = 0; @@ -39,11 +40,12 @@ export class GameSocketService extends WebSocketService { readonly sessionExpired = signal(false); readonly MAX_FAILED_ATTEMPTS = 3; - start(id: string, onConnected: () => void): void { + start(id: string, onConnected: () => void, onSessionExpired: () => void = () => undefined): void { this.stop(); this.mode = 'player'; this.playerId = id; this.onConnected = onConnected; + this.onSessionExpired = onSessionExpired; this.consecutiveFailures = 0; this.sessionExpired.set(false); this.resume(); @@ -77,6 +79,7 @@ export class GameSocketService extends WebSocketService { this.mode = null; this.playerId = null; this.onConnected = null; + this.onSessionExpired = null; this.reconnecting = false; this.statusMessage.set(null); this.consecutiveFailures = 0; @@ -123,6 +126,7 @@ export class GameSocketService extends WebSocketService { this.statusMessage.set( 'Session has expired as game server restarted.', ); + this.onSessionExpired?.(); return false; } diff --git a/frontend/src/app/pages/game-page/game-page.component.spec.ts b/frontend/src/app/pages/game-page/game-page.component.spec.ts index 3d69963..5b7dd2e 100644 --- a/frontend/src/app/pages/game-page/game-page.component.spec.ts +++ b/frontend/src/app/pages/game-page/game-page.component.spec.ts @@ -33,6 +33,7 @@ const playerName = { save: vi.fn(), }; const router = { navigateByUrl: vi.fn() }; +let triggerSessionExpired: (() => void) | null = null; const gameSocket = { players: signal({ SELF: { @@ -48,7 +49,10 @@ const gameSocket = { status: signal('Connected.'), isFlagFound: signal(false), sessionExpired: signal(false), - start: vi.fn((_id: string, _onConnected: () => void) => gameSocket.sessionExpired.set(false)), + start: vi.fn((_id: string, _onConnected: () => void, onSessionExpired: () => void) => { + triggerSessionExpired = onSessionExpired; + gameSocket.sessionExpired.set(false); + }), stop: vi.fn(() => gameSocket.sessionExpired.set(false)), resume: vi.fn(), suspend: vi.fn(), @@ -143,6 +147,7 @@ describe('GamePageComponent re-registration', () => { beforeEach(async () => { vi.clearAllMocks(); gameSocket.sessionExpired.set(false); + triggerSessionExpired = null; await configureTestBed(); }); @@ -164,7 +169,7 @@ describe('GamePageComponent re-registration', () => { playerName.get.mockReturnValue(''); await render(); - gameSocket.sessionExpired.set(true); + triggerSessionExpired?.(); await flushReRegistration(); expect(credentials.clear).toHaveBeenCalled(); @@ -177,7 +182,7 @@ describe('GamePageComponent re-registration', () => { api.registerPlayer.mockReturnValue(of({ id: 'NEWID' })); const page = await render(); - gameSocket.sessionExpired.set(true); + triggerSessionExpired?.(); await flushReRegistration(); expect(api.registerPlayer).toHaveBeenCalledWith('Odin'); @@ -200,7 +205,7 @@ describe('GamePageComponent re-registration', () => { api.registerPlayer.mockReturnValue(throwError(() => new Error('API is down'))); const page = await render(); - gameSocket.sessionExpired.set(true); + triggerSessionExpired?.(); await flushReRegistration(); expect(credentials.clear).toHaveBeenCalled(); @@ -214,7 +219,7 @@ describe('GamePageComponent re-registration', () => { api.registerPlayer.mockReturnValue(of({ id: ' ' })); const page = await render(); - gameSocket.sessionExpired.set(true); + triggerSessionExpired?.(); await flushReRegistration(); expect(credentials.clear).toHaveBeenCalled(); diff --git a/frontend/src/app/pages/game-page/game-page.component.ts b/frontend/src/app/pages/game-page/game-page.component.ts index e88f8f8..3574ae2 100644 --- a/frontend/src/app/pages/game-page/game-page.component.ts +++ b/frontend/src/app/pages/game-page/game-page.component.ts @@ -4,7 +4,6 @@ import { Component, computed, DestroyRef, - effect, inject, signal, } from '@angular/core'; @@ -37,7 +36,6 @@ export class GamePageComponent { private readonly destroyRef = inject(DestroyRef); private readonly router = inject(Router); private readonly playerName = inject(PlayerNameService); - private readonly reregistering = signal(false); protected readonly socket = inject(GameSocketService); protected readonly geolocation = inject(GeolocationService); @@ -67,12 +65,6 @@ export class GamePageComponent { constructor() { afterNextRender(() => void this.initialize()); this.destroyRef.onDestroy(() => this.cleanup()); - - effect(() => { - if (this.socket.sessionExpired() && !this.reregistering()) { - void this.autoReregister(); - } - }); } protected async toggleWakeLock(event: Event): Promise { @@ -88,7 +80,6 @@ export class GamePageComponent { return; } - this.reregistering.set(true); this.pageStatus.set('Re-registering…'); try { @@ -107,8 +98,6 @@ export class GamePageComponent { this.socket.stop(); this.pageStatus.set('Could not re-register. Redirecting…'); await this.router.navigateByUrl('/register'); - } finally { - this.reregistering.set(false); } } @@ -144,10 +133,14 @@ export class GamePageComponent { } private connectAs(id: string): void { - this.socket.start(id, () => { - this.pageStatus.set('Connected to PacMacro.'); - this.geolocation.start((coordinate) => this.socket.sendCoordinate(coordinate)); - }); + this.socket.start( + id, + () => { + this.pageStatus.set('Connected to PacMacro.'); + this.geolocation.start((coordinate) => this.socket.sendCoordinate(coordinate)); + }, + () => void this.autoReregister(), + ); } private cleanup(): void { From f72fbeacd1ff284565dd5cfa93c16e6889e9f498 Mon Sep 17 00:00:00 2001 From: Karen Yao Date: Wed, 19 Aug 2026 02:19:21 -0700 Subject: [PATCH 6/8] fix: restore frontend/angular.json file --- frontend/angular.json | 3 +-- .../app/pages/register-page/register-page.component.spec.ts | 2 +- 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/frontend/angular.json b/frontend/angular.json index 21e6be7..1d74f66 100644 --- a/frontend/angular.json +++ b/frontend/angular.json @@ -2,8 +2,7 @@ "$schema": "./node_modules/@angular/cli/lib/config/schema.json", "version": 1, "cli": { - "packageManager": "npm", - "analytics": "132fecc1-3206-4f36-bf3c-2dcfd0f12560" + "packageManager": "npm" }, "newProjectRoot": "projects", "projects": { diff --git a/frontend/src/app/pages/register-page/register-page.component.spec.ts b/frontend/src/app/pages/register-page/register-page.component.spec.ts index 263c45b..9ff5f38 100644 --- a/frontend/src/app/pages/register-page/register-page.component.spec.ts +++ b/frontend/src/app/pages/register-page/register-page.component.spec.ts @@ -34,7 +34,7 @@ describe('RegisterPageComponent', () => { const component = TestBed.createComponent(RegisterPageComponent) .componentInstance as unknown as RegisterPageHarness; component.registrationModel.set({ - name: ' Test2 ', + name: 'Test2', }); await component.submit(submitEvent()); From 9093e93fa09c68ecd2120b858f3a76ce55f2efa4 Mon Sep 17 00:00:00 2001 From: Karen Yao Date: Sun, 23 Aug 2026 20:53:54 -0700 Subject: [PATCH 7/8] feat: handle server restart and graceful shutdown with auto re-registration --- api/admin.go | 1 + api/admin_socket.go | 2 ++ api/admin_test.go | 6 +++++ api/etc.go | 2 ++ api/hub.go | 22 ++++++++++++++++++- api/socket.go | 9 ++++++++ frontend/src/app/core/game.models.ts | 2 +- .../app/core/sockets/game-socket.service.ts | 17 ++++++++++++++ main.go | 21 +++++++++++++++++- 9 files changed, 79 insertions(+), 3 deletions(-) diff --git a/api/admin.go b/api/admin.go index 1834bf4..f066fe0 100644 --- a/api/admin.go +++ b/api/admin.go @@ -143,6 +143,7 @@ func (a *Admin) ServeReset(w http.ResponseWriter, r *http.Request) { if !a.authorizePost(w, r) { return } + a.sockets.BroadcastShutDown(CMD_RESET) changed := a.players.ResetNonLeaders() a.sockets.ClearOfflineLocations() for _, player := range changed { diff --git a/api/admin_socket.go b/api/admin_socket.go index b083ad3..7e0691d 100644 --- a/api/admin_socket.go +++ b/api/admin_socket.go @@ -11,6 +11,8 @@ const ( AdminEventSnapshot = "snapshot" AdminEventUpsert = "upsert" AdminEventFlag = "flag" + AdminEventShutdown = "shutdown" // server is shutting down gracefully; admin should reconnect + AdminEventReset = "reset" // game was reset; admin should reconnect ) type AdminSocketMessage struct { diff --git a/api/admin_test.go b/api/admin_test.go index e6bc556..1744e11 100644 --- a/api/admin_test.go +++ b/api/admin_test.go @@ -274,6 +274,12 @@ func TestAdminResetClearsOfflineLocationsButPreservesActiveCoordinates(t *testin if coordinate := sockets.hub.coordinates[activeID]; coordinate != activeCoordinate { t.Errorf("active coordinate after reset = %#v, want %#v", coordinate, activeCoordinate) } + // ServeReset now broadcasts CMD_RESET before wiping state so that + // connected players know to re-register. Consume that message first. + resetMsg := receiveTestMessage(t, viewer) + if resetMsg.Command != CMD_RESET { + t.Errorf("expected reset signal first, got command = %q", resetMsg.Command) + } message := receiveTestMessage(t, viewer) if message.Command != CMD_REMOVE || message.Data != string(offlineID) { t.Errorf("Admin reset location removal = %#v", message) diff --git a/api/etc.go b/api/etc.go index 15c1b9e..867d0d3 100644 --- a/api/etc.go +++ b/api/etc.go @@ -21,6 +21,8 @@ const ( CMD_INFORM = "inform" // inform another player change/connection CMD_REMOVE = "remove" // remove a player marker without disclosing a location CMD_STATE = "state" // inform clients of shared game state + CMD_SHUTDOWN = "shutdown" // inform clients of server shutdown + CMD_RESET = "reset" // inform clients of server reset // player type TypeHidden PlayerType = 0 diff --git a/api/hub.go b/api/hub.go index b55b4b7..da34e5a 100644 --- a/api/hub.go +++ b/api/hub.go @@ -23,6 +23,12 @@ type Hub struct { inform chan PlayerID state chan GameState clearOffline chan chan struct{} + shutdown chan shutdownEvent +} + +type shutdownEvent struct { + command string + done chan struct{} } func NewHub(players *Players, games ...*Game) *Hub { @@ -38,6 +44,7 @@ func NewHub(players *Players, games ...*Game) *Hub { inform: make(chan PlayerID), state: make(chan GameState), clearOffline: make(chan chan struct{}), + shutdown: make(chan shutdownEvent), } if len(games) > 0 { hub.game = games[0] @@ -61,8 +68,11 @@ func (h *Hub) Run() { case done := <-h.clearOffline: h.clearOfflineLocations() close(done) + case event := <-h.shutdown: + h.broadcastShutDown(event.command) + close(event.done) } - } + } } func isPrivateMapRole(playerType PlayerType) bool { @@ -420,3 +430,13 @@ func (h *Hub) clearOfflineLocations() { h.broadcastRemove(playerID, onlyViewers, nil) } } + +func (h *Hub) broadcastShutDown(command string) { + message, err := json.Marshal(Message{Command: command}) + if err != nil { + return + } + for connection := range h.connections { + h.enqueue(connection, message) + } +} \ No newline at end of file diff --git a/api/socket.go b/api/socket.go index 89c777e..3685fe1 100644 --- a/api/socket.go +++ b/api/socket.go @@ -36,6 +36,15 @@ type Sockets struct { hub *Hub } +// BroadcastShutDown signals every client.. +// CMD_RESET keeps socket open so players can re-register. +// CMD_SHUTDOWN closes everything. +func (s *Sockets) BroadcastShutDown(command string) { + done := make(chan struct{}) + s.hub.shutdown <- shutdownEvent{command: command, done: done} + <-done +} + func (s *Sockets) Init(players *Players, games ...*Game) { s.players = players s.hub = NewHub(players, games...) diff --git a/frontend/src/app/core/game.models.ts b/frontend/src/app/core/game.models.ts index 54a801c..681aa1b 100644 --- a/frontend/src/app/core/game.models.ts +++ b/frontend/src/app/core/game.models.ts @@ -52,7 +52,7 @@ export interface LivePlayer { export interface SocketMessage { coordinate?: Coordinate; - command: 'inform' | 'move' | 'remove' | 'state' | string; + command: 'inform' | 'move' | 'remove' | 'state' | 'shutdown' | 'reset' | string; data: string; } diff --git a/frontend/src/app/core/sockets/game-socket.service.ts b/frontend/src/app/core/sockets/game-socket.service.ts index 8f835b6..00ae3c5 100644 --- a/frontend/src/app/core/sockets/game-socket.service.ts +++ b/frontend/src/app/core/sockets/game-socket.service.ts @@ -200,6 +200,21 @@ export class GameSocketService extends WebSocketService { return; } + if (message.command === 'shutdown') { + // Server is restarting cleanly — let the existing retry pipeline + // reconnect automatically. Just show a friendly status message. + this.statusMessage.set('Server is restarting. Reconnecting automatically…'); + return; + } + + if (message.command === 'reset') { + // Game was reset — this player's ID is no longer valid. + this.statusMessage.set('The game was reset. Redirecting to registration…'); + this.sessionExpired.set(true); + this.onSessionExpired?.(); + return; + } + if (message.command === 'remove') { this.players.update((players) => { if (!(message.data in players)) { @@ -262,6 +277,8 @@ function isSocketMessage(value: unknown): value is SocketMessage { switch (value['command']) { case 'remove': + case 'shutdown': + case 'reset': return true; case 'inform': case 'move': diff --git a/main.go b/main.go index 5531ddb..3905dbb 100644 --- a/main.go +++ b/main.go @@ -5,6 +5,9 @@ import ( "log" "net/http" "os" + "os/signal" + "syscall" + "time" "github.com/joho/godotenv" "pacmacro/api" @@ -81,5 +84,21 @@ func main() { // PacMacro API is served on port 49152. // this should be proxied inside the web server used. - log.Fatal(http.ListenAndServe(port, nil)) + go func() { + if err := http.ListenAndServe(port, nil); err != nil && err != http.ErrServerClosed { + log.Fatal(err) + } + }() + + // Block until SIGINT (Ctrl+C) or SIGTERM (systemd stop/restart). + quit := make(chan os.Signal, 1) + signal.Notify(quit, syscall.SIGINT, syscall.SIGTERM) + <-quit + + fmt.Println("Shutdown signal received. Notifying players...") + sock.BroadcastShutDown(api.CMD_SHUTDOWN) + + // Give write pumps ~1 second to flush the shutdown message before exiting. + time.Sleep(1 * time.Second) + fmt.Println("Server exiting.") } From bdb0c2439c84c98d7af155722dc97fc21f6018cc Mon Sep 17 00:00:00 2001 From: Karen Yao Date: Sun, 23 Aug 2026 21:50:53 -0700 Subject: [PATCH 8/8] refactor: move player service to credentials --- .../src/app/core/credentials.service.spec.ts | 87 ++++++++++++++++++- frontend/src/app/core/credentials.service.ts | 18 ++++ .../src/app/core/player-name.service.spec.ts | 79 ----------------- frontend/src/app/core/player-name.service.ts | 26 ------ .../core/sockets/game-socket.service.spec.ts | 40 ++------- .../app/core/sockets/game-socket.service.ts | 1 - .../game-page/game-page.component.spec.ts | 16 ++-- .../pages/game-page/game-page.component.ts | 4 +- .../register-page.component.spec.ts | 9 +- .../register-page/register-page.component.ts | 4 +- 10 files changed, 121 insertions(+), 163 deletions(-) delete mode 100644 frontend/src/app/core/player-name.service.spec.ts delete mode 100644 frontend/src/app/core/player-name.service.ts diff --git a/frontend/src/app/core/credentials.service.spec.ts b/frontend/src/app/core/credentials.service.spec.ts index 90edebb..f168d58 100644 --- a/frontend/src/app/core/credentials.service.spec.ts +++ b/frontend/src/app/core/credentials.service.spec.ts @@ -18,11 +18,27 @@ describe('readCookie', () => { describe('CredentialsService', () => { let service: CredentialsService; let mockDocument: { cookie: string }; - let mockWindow: { location: { protocol: string } }; + let mockStorage: Record; + let mockWindow: { + location: { protocol: string }; + localStorage: { + getItem: (key: string) => string | null; + setItem: (key: string, value: string) => void; + }; + }; beforeEach(() => { mockDocument = { cookie: '' }; - mockWindow = { location: { protocol: 'http:' } }; + mockStorage = {}; + mockWindow = { + location: { protocol: 'http:' }, + localStorage: { + getItem: (key) => mockStorage[key] ?? null, + setItem: (key, value) => { + mockStorage[key] = value; + }, + }, + }; TestBed.configureTestingModule({ providers: [ @@ -60,4 +76,71 @@ describe('CredentialsService', () => { expect(mockDocument.cookie).toBe('id=ABC'); }); + + it('saves and retrieves the player name for auto re-registration', () => { + service.savePlayerName('Odin'); + + expect(service.getPlayerName()).toBe('Odin'); + }); + + it('returns an empty player name when localStorage throws on get', () => { + TestBed.resetTestingModule(); + const throwingWindow = { + location: { protocol: 'http:' }, + localStorage: { + getItem: () => { + throw new Error('unavailable'); + }, + setItem: () => undefined, + }, + }; + TestBed.configureTestingModule({ + providers: [ + CredentialsService, + { provide: DOCUMENT, useValue: mockDocument }, + { provide: PAC_WINDOW, useValue: throwingWindow }, + ], + }); + service = TestBed.inject(CredentialsService); + + expect(service.getPlayerName()).toBe(''); + }); + + it('silently ignores localStorage errors when saving the player name', () => { + TestBed.resetTestingModule(); + const throwingWindow = { + location: { protocol: 'http:' }, + localStorage: { + getItem: () => null, + setItem: () => { + throw new Error('quota exceeded'); + }, + }, + }; + TestBed.configureTestingModule({ + providers: [ + CredentialsService, + { provide: DOCUMENT, useValue: mockDocument }, + { provide: PAC_WINDOW, useValue: throwingWindow }, + ], + }); + service = TestBed.inject(CredentialsService); + + expect(() => service.savePlayerName('Odin')).not.toThrow(); + }); + + it('returns an empty player name and ignores saves when PAC_WINDOW is null', () => { + TestBed.resetTestingModule(); + TestBed.configureTestingModule({ + providers: [ + CredentialsService, + { provide: DOCUMENT, useValue: mockDocument }, + { provide: PAC_WINDOW, useValue: null }, + ], + }); + service = TestBed.inject(CredentialsService); + + expect(service.getPlayerName()).toBe(''); + expect(() => service.savePlayerName('Odin')).not.toThrow(); + }); }); diff --git a/frontend/src/app/core/credentials.service.ts b/frontend/src/app/core/credentials.service.ts index 8c40233..e7fba9f 100644 --- a/frontend/src/app/core/credentials.service.ts +++ b/frontend/src/app/core/credentials.service.ts @@ -4,6 +4,8 @@ import { inject, Service } from '@angular/core'; import { PAC_WINDOW } from './browser-window.token'; import { Credentials } from './game.models'; +const PLAYER_NAME_KEY = 'playerName'; + export function readCookie(cookieHeader: string, name: string): string { const prefix = `${name}=`; const value = cookieHeader @@ -48,6 +50,22 @@ export class CredentialsService { this.document.cookie = `id=${encodeURIComponent(credentials.id)}${attributes}`; } + getPlayerName(): string { + try { + return this.browserWindow?.localStorage.getItem(PLAYER_NAME_KEY) ?? ''; + } catch { + return ''; + } + } + + savePlayerName(name: string): void { + try { + this.browserWindow?.localStorage.setItem(PLAYER_NAME_KEY, name); + } catch { + // Local storage may be unavailable or full; re-registration can fall back to the form. + } + } + clear(): void { if (!this.browserWindow) { return; diff --git a/frontend/src/app/core/player-name.service.spec.ts b/frontend/src/app/core/player-name.service.spec.ts deleted file mode 100644 index 6c70f4e..0000000 --- a/frontend/src/app/core/player-name.service.spec.ts +++ /dev/null @@ -1,79 +0,0 @@ -import { TestBed } from '@angular/core/testing'; - -import { PAC_WINDOW } from './browser-window.token'; -import { PlayerNameService } from './player-name.service'; - -describe('PlayerNameService', () => { - let service: PlayerNameService; - let mockStorage: Record; - - beforeEach(() => { - mockStorage = {}; - const mockWindow = { - localStorage: { - getItem: (key: string) => mockStorage[key] ?? null, - setItem: (key: string, value: string) => { - mockStorage[key] = value; - }, - }, - }; - - TestBed.configureTestingModule({ - providers: [PlayerNameService, { provide: PAC_WINDOW, useValue: mockWindow }], - }); - service = TestBed.inject(PlayerNameService); - }); - - it('returns an empty string when no name has been saved', () => { - expect(service.get()).toBe(''); - }); - - it('saves and retrieves a player name', () => { - service.save('Odin'); - expect(service.get()).toBe('Odin'); - }); - - it('returns an empty string when localStorage throws on get', () => { - TestBed.resetTestingModule(); - const throwingWindow = { - localStorage: { - getItem: () => { - throw new Error('unavailable'); - }, - setItem: () => {}, - }, - }; - TestBed.configureTestingModule({ - providers: [PlayerNameService, { provide: PAC_WINDOW, useValue: throwingWindow }], - }); - service = TestBed.inject(PlayerNameService); - expect(service.get()).toBe(''); - }); - - it('silently ignores localStorage errors on save', () => { - TestBed.resetTestingModule(); - const throwingWindow = { - localStorage: { - getItem: () => null, - setItem: () => { - throw new Error('quota exceeded'); - }, - }, - }; - TestBed.configureTestingModule({ - providers: [PlayerNameService, { provide: PAC_WINDOW, useValue: throwingWindow }], - }); - service = TestBed.inject(PlayerNameService); - expect(() => service.save('Odin')).not.toThrow(); - }); - - it('returns an empty string when PAC_WINDOW is null', () => { - TestBed.resetTestingModule(); - TestBed.configureTestingModule({ - providers: [PlayerNameService, { provide: PAC_WINDOW, useValue: null }], - }); - service = TestBed.inject(PlayerNameService); - expect(service.get()).toBe(''); - expect(() => service.save('Odin')).not.toThrow(); - }); -}); diff --git a/frontend/src/app/core/player-name.service.ts b/frontend/src/app/core/player-name.service.ts deleted file mode 100644 index 4bde22a..0000000 --- a/frontend/src/app/core/player-name.service.ts +++ /dev/null @@ -1,26 +0,0 @@ -import { inject, Service, signal } from '@angular/core'; -import { PAC_WINDOW } from './browser-window.token'; - -const PLAYER_NAME_KEY = 'playerName'; - -@Service() -export class PlayerNameService { - private readonly browserWindow = inject(PAC_WINDOW); - private readonly statusMessage = signal(null); - - get(): string { - try { - return this.browserWindow?.localStorage.getItem(PLAYER_NAME_KEY) ?? ''; - } catch { - return ''; - } - } - - save(name: string): void { - try { - this.browserWindow?.localStorage.setItem(PLAYER_NAME_KEY, name); - } catch { - this.statusMessage.set('Could not save your name for auto-re-registration.'); - } - } -} diff --git a/frontend/src/app/core/sockets/game-socket.service.spec.ts b/frontend/src/app/core/sockets/game-socket.service.spec.ts index 6138836..ea6e3bb 100644 --- a/frontend/src/app/core/sockets/game-socket.service.spec.ts +++ b/frontend/src/app/core/sockets/game-socket.service.spec.ts @@ -298,7 +298,7 @@ describe('GameSocketService', () => { expect(service.status()).toContain('Register as admin again in this browser'); }); - it('expires the session after three consecutive failed player connections', () => { + it('reconnects after two failures and expires the session after the third', () => { vi.useFakeTimers(); vi.spyOn(console, 'log').mockImplementation(() => undefined); vi.spyOn(console, 'warn').mockImplementation(() => undefined); @@ -309,6 +309,12 @@ describe('GameSocketService', () => { vi.advanceTimersByTime(1000); MockGameWebSocket.instances[1].serverClose(false); vi.advanceTimersByTime(2000); + + expect(service.sessionExpired()).toBe(false); + expect(service.state()).toBe('connecting'); + expect(MockGameWebSocket.instances).toHaveLength(3); + expect(onSessionExpired).not.toHaveBeenCalled(); + MockGameWebSocket.instances[2].serverClose(false); vi.runAllTimers(); @@ -319,38 +325,6 @@ describe('GameSocketService', () => { expect(onSessionExpired).toHaveBeenCalledOnce(); }); - it('does not invoke the session-expired callback after fewer than three failures', () => { - vi.useFakeTimers(); - vi.spyOn(console, 'log').mockImplementation(() => undefined); - vi.spyOn(console, 'warn').mockImplementation(() => undefined); - const onSessionExpired = vi.fn(); - service.start('ABCD', () => undefined, onSessionExpired); - - MockGameWebSocket.instances[0].serverClose(false); - vi.advanceTimersByTime(1000); - MockGameWebSocket.instances[1].serverClose(false); - vi.advanceTimersByTime(2000); - - expect(service.sessionExpired()).toBe(false); - expect(onSessionExpired).not.toHaveBeenCalled(); - }); - - it('keeps reconnecting a player socket after fewer than three failures', () => { - vi.useFakeTimers(); - vi.spyOn(console, 'log').mockImplementation(() => undefined); - vi.spyOn(console, 'warn').mockImplementation(() => undefined); - service.start('ABCD', () => undefined); - - MockGameWebSocket.instances[0].serverClose(false); - vi.advanceTimersByTime(1000); - MockGameWebSocket.instances[1].serverClose(false); - vi.advanceTimersByTime(2000); - - expect(service.sessionExpired()).toBe(false); - expect(service.state()).toBe('connecting'); - expect(MockGameWebSocket.instances).toHaveLength(3); - }); - it('resets the failure counter when a player connection succeeds', () => { vi.useFakeTimers(); vi.spyOn(console, 'log').mockImplementation(() => undefined); diff --git a/frontend/src/app/core/sockets/game-socket.service.ts b/frontend/src/app/core/sockets/game-socket.service.ts index 00ae3c5..64e0c97 100644 --- a/frontend/src/app/core/sockets/game-socket.service.ts +++ b/frontend/src/app/core/sockets/game-socket.service.ts @@ -129,7 +129,6 @@ export class GameSocketService extends WebSocketService { this.onSessionExpired?.(); return false; } - return true; } diff --git a/frontend/src/app/pages/game-page/game-page.component.spec.ts b/frontend/src/app/pages/game-page/game-page.component.spec.ts index 5b7dd2e..be8b3f1 100644 --- a/frontend/src/app/pages/game-page/game-page.component.spec.ts +++ b/frontend/src/app/pages/game-page/game-page.component.spec.ts @@ -10,7 +10,6 @@ import { GeolocationService } from '../../core/geolocation.service'; import { MapInfo, PlayerStatus, PlayerType } from '../../core/game.models'; import { WakeLockService } from '../../core/wake-lock.service'; import { GamePageComponent } from './game-page.component'; -import { PlayerNameService } from '../../core/player-name.service'; const map: MapInfo = { min: { latitude: 49.27, longitude: -122.92 }, @@ -26,12 +25,10 @@ const api = { const credentials = { get: vi.fn(() => ({ id: 'SELF' })), save: vi.fn(), + getPlayerName: vi.fn(() => ''), + savePlayerName: vi.fn(), clear: vi.fn(), }; -const playerName = { - get: vi.fn(() => ''), - save: vi.fn(), -}; const router = { navigateByUrl: vi.fn() }; let triggerSessionExpired: (() => void) | null = null; const gameSocket = { @@ -80,7 +77,6 @@ async function configureTestBed(): Promise { providers: [ { provide: ApiService, useValue: api }, { provide: CredentialsService, useValue: credentials }, - { provide: PlayerNameService, useValue: playerName }, { provide: Router, useValue: router }, ], }) @@ -166,7 +162,7 @@ describe('GamePageComponent re-registration', () => { } it('clears credentials and redirects to /register when no name is saved', async () => { - playerName.get.mockReturnValue(''); + credentials.getPlayerName.mockReturnValue(''); await render(); triggerSessionExpired?.(); @@ -178,7 +174,7 @@ describe('GamePageComponent re-registration', () => { }); it('re-registers with the saved name and reconnects', async () => { - playerName.get.mockReturnValue('Odin'); + credentials.getPlayerName.mockReturnValue('Odin'); api.registerPlayer.mockReturnValue(of({ id: 'NEWID' })); const page = await render(); @@ -201,7 +197,7 @@ describe('GamePageComponent re-registration', () => { }); it('clears credentials and redirects when re-registration fails', async () => { - playerName.get.mockReturnValue('Odin'); + credentials.getPlayerName.mockReturnValue('Odin'); api.registerPlayer.mockReturnValue(throwError(() => new Error('API is down'))); const page = await render(); @@ -215,7 +211,7 @@ describe('GamePageComponent re-registration', () => { }); it('treats an empty player ID from the API as a failure', async () => { - playerName.get.mockReturnValue('Odin'); + credentials.getPlayerName.mockReturnValue('Odin'); api.registerPlayer.mockReturnValue(of({ id: ' ' })); const page = await render(); diff --git a/frontend/src/app/pages/game-page/game-page.component.ts b/frontend/src/app/pages/game-page/game-page.component.ts index 3574ae2..106a960 100644 --- a/frontend/src/app/pages/game-page/game-page.component.ts +++ b/frontend/src/app/pages/game-page/game-page.component.ts @@ -19,7 +19,6 @@ import { isLeaderType, MapInfo, typeLabel } from '../../core/game.models'; import { WakeLockService } from '../../core/wake-lock.service'; import { GameCanvasComponent } from '../../game/game-canvas/game-canvas.component'; import { BrandHeaderComponent } from '../../shared/brand-header/brand-header.component'; -import { PlayerNameService } from '../../core/player-name.service'; @Component({ selector: 'pac-game-page', @@ -35,7 +34,6 @@ export class GamePageComponent { private readonly credentials = inject(CredentialsService); private readonly destroyRef = inject(DestroyRef); private readonly router = inject(Router); - private readonly playerName = inject(PlayerNameService); protected readonly socket = inject(GameSocketService); protected readonly geolocation = inject(GeolocationService); @@ -72,7 +70,7 @@ export class GamePageComponent { } private async autoReregister(): Promise { - const name = this.playerName.get(); + const name = this.credentials.getPlayerName(); if (!name) { this.credentials.clear(); this.socket.stop(); diff --git a/frontend/src/app/pages/register-page/register-page.component.spec.ts b/frontend/src/app/pages/register-page/register-page.component.spec.ts index 9ff5f38..353517c 100644 --- a/frontend/src/app/pages/register-page/register-page.component.spec.ts +++ b/frontend/src/app/pages/register-page/register-page.component.spec.ts @@ -5,7 +5,6 @@ import { of } from 'rxjs'; import { ApiService } from '../../core/api.service'; import { CredentialsService } from '../../core/credentials.service'; -import { PlayerNameService } from '../../core/player-name.service'; import { RegisterPageComponent } from './register-page.component'; describe('RegisterPageComponent', () => { @@ -13,8 +12,7 @@ describe('RegisterPageComponent', () => { registerAdmin: vi.fn(() => of(void 0)), registerPlayer: vi.fn(() => of({ id: 'ABCD' })), }; - const credentials = { save: vi.fn() }; - const playerName = { save: vi.fn() }; + const credentials = { save: vi.fn(), savePlayerName: vi.fn() }; const router = { navigateByUrl: vi.fn(() => Promise.resolve(true)) }; beforeEach(() => { @@ -24,7 +22,6 @@ describe('RegisterPageComponent', () => { providers: [ { provide: ApiService, useValue: api }, { provide: CredentialsService, useValue: credentials }, - { provide: PlayerNameService, useValue: playerName }, { provide: Router, useValue: router }, ], }); @@ -42,7 +39,7 @@ describe('RegisterPageComponent', () => { expect(api.registerPlayer).toHaveBeenCalledWith('Test2'); expect(api.registerAdmin).not.toHaveBeenCalled(); expect(credentials.save).toHaveBeenCalledWith({ id: 'ABCD' }); - expect(playerName.save).toHaveBeenCalledWith('Test2'); + expect(credentials.savePlayerName).toHaveBeenCalledWith('Test2'); expect(router.navigateByUrl).toHaveBeenCalledWith('/'); }); @@ -57,7 +54,7 @@ describe('RegisterPageComponent', () => { expect(api.registerPlayer).not.toHaveBeenCalled(); expect(credentials.save).not.toHaveBeenCalled(); - expect(playerName.save).not.toHaveBeenCalled(); + expect(credentials.savePlayerName).not.toHaveBeenCalled(); }); }); diff --git a/frontend/src/app/pages/register-page/register-page.component.ts b/frontend/src/app/pages/register-page/register-page.component.ts index 6b251ca..6330212 100644 --- a/frontend/src/app/pages/register-page/register-page.component.ts +++ b/frontend/src/app/pages/register-page/register-page.component.ts @@ -12,7 +12,6 @@ import { firstValueFrom } from 'rxjs'; import { ApiService } from '../../core/api.service'; import { CredentialsService } from '../../core/credentials.service'; import { BrandHeaderComponent } from '../../shared/brand-header/brand-header.component'; -import { PlayerNameService } from '../../core/player-name.service'; interface RegistrationModel { name: string; @@ -29,7 +28,6 @@ export class RegisterPageComponent { private readonly api = inject(ApiService); private readonly credentials = inject(CredentialsService); private readonly router = inject(Router); - private readonly playerName = inject(PlayerNameService); protected readonly registrationModel = signal({ name: '', @@ -64,7 +62,7 @@ export class RegisterPageComponent { throw new Error('The API returned an empty player ID.'); } this.credentials.save({ id }); - this.playerName.save(trimmedName); + this.credentials.savePlayerName(trimmedName); await this.router.navigateByUrl('/'); } catch (error) { this.status.set('Registration failed. Check your details and the API connection.');