From 273aab5cf224afa3ed0d5835561d3b760bcdda05 Mon Sep 17 00:00:00 2001 From: hided62 Date: Wed, 19 Aug 2026 11:06:46 +0000 Subject: [PATCH] =?UTF-8?q?fix(gateway):=20=EC=9E=85=EA=B5=AC=20=EA=B3=B5?= =?UTF-8?q?=EC=A7=80=EC=9D=98=20=EC=9E=90=EC=9C=A8=ED=96=89=EB=8F=99=20?= =?UTF-8?q?=EB=B3=B5=EC=82=AC=EB=A5=BC=20=EB=B3=B5=EC=9B=90?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/game-api/src/router/lobby/index.ts | 19 +- app/game-api/test/lobbyRouter.test.ts | 49 ++++- .../e2e/lobby-game-auth.spec.ts | 146 ++++++++++++- app/gateway-frontend/src/views/LobbyView.vue | 200 +++++++++++++++--- 4 files changed, 380 insertions(+), 34 deletions(-) diff --git a/app/game-api/src/router/lobby/index.ts b/app/game-api/src/router/lobby/index.ts index 97e800c2..5cfc213c 100644 --- a/app/game-api/src/router/lobby/index.ts +++ b/app/game-api/src/router/lobby/index.ts @@ -1,6 +1,6 @@ import { TRPCError } from '@trpc/server'; -import { asRecord } from '@sammo-ts/common'; +import { asNumber, asRecord } from '@sammo-ts/common'; import { zWorldStateConfig, zWorldStateMeta } from '../../context.js'; import { isSelectionPoolWorld, resolveSelectionMaxGeneral } from '@sammo-ts/game-engine/turn/selectPoolService.js'; @@ -26,7 +26,14 @@ export const lobbyRouter = router({ const userCnt = await ctx.db.general.count({ where: { npcState: { lt: 2 } } }); const npcCnt = await ctx.db.general.count({ where: { npcState: { gte: 2 } } }); const nationCnt = await ctx.db.nation.count({ where: { level: { gt: 0 } } }); + const rawConfig = asRecord(rawWorldState.config); const scenarioTitle = asRecord(asRecord(rawWorldState.meta).scenarioMeta).title; + const autorunUser = worldState.meta.autorun_user; + const autorunOptions = autorunUser?.options + ? Object.entries(autorunUser.options) + .filter(([, enabled]) => enabled) + .map(([option]) => option) + : []; const gameTime = await loadCurrentGameTime(ctx.db); let myGeneral = null; @@ -55,10 +62,20 @@ export const lobbyRouter = router({ fictionMode: worldState.config.fictionMode ?? '사실', starttime: worldState.meta.starttime ?? '', opentime: worldState.meta.opentime ?? '', + preopenAt: worldState.meta.preopenAt ?? '', turntime: worldState.meta.turntime ?? '', serverTime: gameTime.now.toISOString(), clockMode: gameTime.mode ?? 'realtime', otherTextInfo: worldState.meta.otherTextInfo ?? '', + npcMode: worldState.config.npcMode ?? 0, + defaultStatTotal: asNumber(asRecord(rawConfig.stat).total, 165), + autorunUser: + autorunUser?.limit_minutes && autorunUser.limit_minutes > 0 && autorunOptions.length > 0 + ? { + limitMinutes: autorunUser.limit_minutes, + options: autorunOptions, + } + : null, isUnited: worldState.meta.isunited ?? worldState.meta.isUnited ?? 0, selectionPoolEnabled: isSelectionPoolWorld(rawWorldState), npcPossessionEnabled: worldState.config.npcMode === 1, diff --git a/app/game-api/test/lobbyRouter.test.ts b/app/game-api/test/lobbyRouter.test.ts index ecd9de5a..a8aa4396 100644 --- a/app/game-api/test/lobbyRouter.test.ts +++ b/app/game-api/test/lobbyRouter.test.ts @@ -10,7 +10,8 @@ const buildContext = ( tick?: bigint; mode?: string; wallAnchor?: Date; - } = {} + } = {}, + config: Record = {} ): GameApiContext => ({ auth: null, @@ -22,7 +23,7 @@ const buildContext = ( currentYear: 200, currentMonth: 1, tickSeconds: 3_600, - config: {}, + config, meta, clockBaseTime: clock.baseTime ?? null, clockTick: clock.tick ?? null, @@ -67,4 +68,48 @@ describe('lobby season state', () => { expect(result.serverTime).toBe('2026-08-15T02:00:00.000Z'); expect(result.clockMode).toBe('manual'); }); + + it('projects the Ref-compatible opening announcement settings without exposing disabled autorun options', async () => { + const result = await appRouter + .createCaller( + buildContext( + { + preopenAt: '2026-08-19 22:00:00', + opentime: '2026-08-19 23:00:00', + scenarioMeta: { title: '【가상모드27-b】 아시아 명장전(비급)' }, + autorun_user: { + limit_minutes: 1_440, + options: { + develop: true, + warp: true, + recruit: false, + recruit_high: true, + train: true, + battle: true, + chief: true, + }, + }, + }, + {}, + { + fictionMode: '가상', + npcMode: 0, + stat: { total: 310, min: 10, max: 110 }, + } + ) + ) + .lobby.info(); + + expect(result).toMatchObject({ + preopenAt: '2026-08-19 22:00:00', + opentime: '2026-08-19 23:00:00', + scenarioTitle: '【가상모드27-b】 아시아 명장전(비급)', + npcMode: 0, + defaultStatTotal: 310, + autorunUser: { + limitMinutes: 1_440, + options: ['develop', 'warp', 'recruit_high', 'train', 'battle', 'chief'], + }, + }); + }); }); diff --git a/app/gateway-frontend/e2e/lobby-game-auth.spec.ts b/app/gateway-frontend/e2e/lobby-game-auth.spec.ts index 32353d8c..1311d99a 100644 --- a/app/gateway-frontend/e2e/lobby-game-auth.spec.ts +++ b/app/gateway-frontend/e2e/lobby-game-auth.spec.ts @@ -51,7 +51,18 @@ type LobbyFixtureOptions = { isUnited?: number; starttime?: string; opentime?: string; + preopenAt?: string; turntime?: string; + turnTerm?: number; + scenarioTitle?: string; + npcMode?: number; + defaultStatTotal?: number; + korName?: string; + otherTextInfo?: string; + autorunUser?: { + limitMinutes: number; + options: string[]; + } | null; lobbyBundleFailures?: number; profileStatus?: 'RUNNING' | 'PREOPEN' | 'PAUSED' | 'COMPLETED' | 'STOPPED'; includeStoppedProfile?: boolean; @@ -78,7 +89,15 @@ const installFixture = async (page: Page, options: LobbyFixtureOptions = {}) => isUnited = 0, starttime = '2026-07-30 00:00:00', opentime = '2026-07-30 00:00:00', + preopenAt = '', turntime = '2026-07-30 00:05:00', + turnTerm = 5, + scenarioTitle = '', + npcMode = 0, + defaultStatTotal = 165, + korName = 'hwe', + otherTextInfo = '', + autorunUser = null, lobbyBundleFailures = 0, profileStatus = 'RUNNING', includeStoppedProfile = false, @@ -134,7 +153,7 @@ const installFixture = async (page: Page, options: LobbyFixtureOptions = {}) => battleSimRunning: true, tournamentRunning: true, }, - korName: 'hwe', + korName, color: '#ffffff', localAccountPolicy: { accessAllowed: true, @@ -223,12 +242,17 @@ const installFixture = async (page: Page, options: LobbyFixtureOptions = {}) => maxUserCnt, npcCnt: 0, nationCnt, - turnTerm: 5, + turnTerm, fictionMode: '가상', starttime, opentime, + preopenAt, turntime, - otherTextInfo: '', + otherTextInfo, + scenarioTitle, + npcMode, + defaultStatTotal, + autorunUser, isUnited, selectionPoolEnabled, npcPossessionEnabled, @@ -279,6 +303,118 @@ test('exchanges the gateway token before loading authenticated lobby general dat }); }); +test('copies the complete preopen announcement and reveals autorun details without changing layout', async ({ + page, +}, testInfo) => { + await installFixture(page, { + roles: ['superuser'], + kakaoVerified: false, + profileStatus: 'PREOPEN', + korName: '훼', + specialAccess: { + kind: 'OPERATOR', + grantId: null, + expiresAt: null, + allowsGeneralCreation: true, + }, + preopenAt: '2026-08-19 22:00:00', + opentime: '2026-08-19 23:00:00', + starttime: '2026-08-19 23:00:00', + turnTerm: 1, + scenarioTitle: '【가상모드27-b】 아시아 명장전(비급)', + npcMode: 0, + defaultStatTotal: 310, + autorunUser: { + limitMinutes: 1_440, + options: ['develop', 'warp', 'recruit_high', 'train', 'battle', 'chief'], + }, + }); + await page.setViewportSize({ width: 1200, height: 900 }); + + await page.goto('lobby'); + const row = page.locator('tbody tr').filter({ hasText: '훼섭' }); + const serverName = row.locator('.profile-server-cell .font-bold'); + const settings = row.locator('.profile-announcement-settings'); + const autorun = row.locator('.copyable-autorun'); + const detail = row.locator('.copyable-autorun-detail'); + await expect(row.getByTestId('profile-preopen-at')).toHaveText('- 가오픈 일시 : 2026-08-19 22:00:00 -'); + await expect(row.getByTestId('profile-open-at')).toHaveText('- 오픈 일시 : 2026-08-19 23:00:00 -'); + await expect(row.getByTestId('profile-scenario-announcement')).toHaveText( + '【가상모드27-b】 아시아 명장전(비급) 1분 턴 서버' + ); + const settingsText = (await settings.textContent())?.replace(/\s+/g, ' ').trim(); + expect(settingsText).toBe( + '(상성 설정:가상), (빙의 여부:불가), (최대 스탯:310), ' + + '(기타 설정:자율행동[내정, 순간이동, 모병, 훈련/사기진작, 출병, 사령턴, 24시간 유효])' + ); + await expect(detail).toHaveCSS('font-size', '0px'); + await expect(detail).toHaveCSS('color', 'rgba(0, 0, 0, 0)'); + await expect(page.getByText('특수 접근 · OPERATOR')).toHaveCount(0); + await expect(page.getByText('카카오 인증이 필요합니다.')).toHaveCount(0); + + const baseGeometry = await row.evaluate((element) => ({ + row: element.getBoundingClientRect().toJSON(), + documentWidth: document.documentElement.scrollWidth, + })); + await autorun.hover(); + await expect(detail).toBeVisible(); + await expect(detail).toContainText('내정, 순간이동, 모병, 훈련/사기진작, 출병, 사령턴, 24시간 유효'); + const hoverGeometry = await row.evaluate((element) => ({ + row: element.getBoundingClientRect().toJSON(), + documentWidth: document.documentElement.scrollWidth, + })); + expect(hoverGeometry).toEqual(baseGeometry); + await page.screenshot({ path: testInfo.outputPath('gateway-autorun-announcement-hover.png'), fullPage: true }); + + await autorun.focus(); + await expect(autorun).toBeFocused(); + await expect(detail).toBeVisible(); + await expect(autorun).toHaveCSS('outline-width', '2px'); + + await page.mouse.click(8, 8); + const start = await serverName.boundingBox(); + const end = await settings.boundingBox(); + if (!start || !end) throw new Error('expected announcement selection geometry'); + await page.mouse.move(start.x + 1, start.y + start.height / 2); + await page.mouse.down(); + await page.mouse.move(end.x + end.width - 1, end.y + end.height / 2, { steps: 24 }); + await page.mouse.up(); + const selectedText = await page.evaluate(() => window.getSelection()?.toString() ?? ''); + const compactSelection = selectedText.replace(/\s+/g, ' ').trim(); + expect(compactSelection).toContain( + '훼섭 - 가오픈 일시 : 2026-08-19 22:00:00 - - 오픈 일시 : 2026-08-19 23:00:00 - ' + + '【가상모드27-b】 아시아 명장전(비급) 1분 턴 서버 ' + + '(상성 설정:가상), (빙의 여부:불가), (최대 스탯:310), ' + + '(기타 설정:자율행동[내정, 순간이동, 모병, 훈련/사기진작, 출병, 사령턴, 24시간 유효])' + ); + expect(compactSelection).not.toContain('OPERATOR'); + + await page.evaluate(() => window.getSelection()?.removeAllRanges()); + await page.setViewportSize({ width: 390, height: 844 }); + await autorun.scrollIntoViewIfNeeded(); + const mobileBase = await row.evaluate((element) => ({ + row: element.getBoundingClientRect().toJSON(), + documentWidth: document.documentElement.scrollWidth, + })); + await autorun.hover(); + await expect(detail).toBeVisible(); + const mobileHover = await row.evaluate((element) => { + const tooltip = element.querySelector('.copyable-autorun-detail'); + if (!tooltip) throw new Error('expected autorun tooltip'); + return { + row: element.getBoundingClientRect().toJSON(), + tooltip: tooltip.getBoundingClientRect().toJSON(), + documentWidth: document.documentElement.scrollWidth, + viewportWidth: window.innerWidth, + }; + }); + expect(mobileHover.row).toEqual(mobileBase.row); + expect(mobileHover.documentWidth).toBe(mobileHover.viewportWidth); + expect(mobileHover.tooltip.left).toBeGreaterThanOrEqual(8); + expect(mobileHover.tooltip.right).toBeLessThanOrEqual(mobileHover.viewportWidth - 8); + await page.screenshot({ path: testInfo.outputPath('gateway-autorun-announcement-mobile.png'), fullPage: true }); +}); + test('loads and labels a PAUSED profile whose runtime remains available', async ({ page }, testInfo) => { const gameOperations = await installFixture(page, { profileStatus: 'PAUSED' }); await page.setViewportSize({ width: 1365, height: 900 }); @@ -484,7 +620,7 @@ test('hides the Kakao verification banner for operator special access', async ({ }); await page.goto('lobby'); - await expect(page.getByText('특수 접근 · OPERATOR')).toBeVisible(); + await expect(page.getByText('특수 접근 · OPERATOR')).toHaveCount(0); await expect(page.getByText('카카오 인증이 필요합니다.')).toHaveCount(0); }); @@ -502,7 +638,7 @@ test('hides the Kakao verification banner when a grant removes the remaining ver }); await page.goto('lobby'); - await expect(page.getByText('특수 접근 · RECOVERY')).toBeVisible(); + await expect(page.getByText('특수 접근 · RECOVERY')).toHaveCount(0); await expect(page.getByText('카카오 인증이 필요합니다.')).toHaveCount(0); }); diff --git a/app/gateway-frontend/src/views/LobbyView.vue b/app/gateway-frontend/src/views/LobbyView.vue index b340d10c..078c6dce 100644 --- a/app/gateway-frontend/src/views/LobbyView.vue +++ b/app/gateway-frontend/src/views/LobbyView.vue @@ -106,6 +106,34 @@ const handleMapTabKeydown = (event: KeyboardEvent, profileName: string): void => const formatGraceEndsAt = (value: string | null | undefined): string => formatServerDateTime(value); const serverSeasonStatus = (info: LobbyInfo) => resolveServerSeasonStatus(info); +const formatAnnouncementDate = (value: string | null | undefined): string => + formatServerDateTime(value, { fallback: '-' }); +const npcModeText = (mode: number): string => ['불가', '가능', '선택 생성'][mode] ?? '불가'; +const autorunDetailText = (info: LobbyInfo): string => { + const autorun = info.autorunUser; + if (!autorun) return ''; + + const enabled = new Set(autorun.options); + const labels: string[] = []; + if (enabled.has('develop')) labels.push('내정'); + if (enabled.has('warp')) labels.push('순간이동'); + if (enabled.has('recruit_high')) labels.push('모병'); + else if (enabled.has('recruit')) labels.push('징병'); + if (enabled.has('train')) labels.push('훈련/사기진작'); + if (enabled.has('battle')) labels.push('출병'); + if (enabled.has('chief')) labels.push('사령턴'); + + const limit = + autorun.limitMinutes >= 43_200 + ? '항상 유효' + : autorun.limitMinutes % 60 === 0 + ? `${autorun.limitMinutes / 60}시간 유효` + : `${autorun.limitMinutes}분 유효`; + labels.push(limit); + return labels.join(', '); +}; +const autorunTooltipId = (profileName: string): string => + `profile-autorun-${profileName.replaceAll(/[^a-zA-Z0-9_-]/g, '-')}`; const isProfileRuntimeAvailable = (profile: LobbyProfile): boolean => profile.lifecycle.userAccessible; const unavailableProfileText = (profile: LobbyProfile): string => { if (!profile.lifecycle.dataInitialized) return '- DB 초기화 전 · 접근 불가 -'; @@ -455,13 +483,7 @@ const handleEnter = async (profile: LobbyProfile, targetPath: string) => { 턴 일시정지 · 조회/예약턴 가능
- 특수 접근 · {{ profile.localAccountPolicy.specialAccess.kind }} -
-
{ + +
(상성 설정:{{ profileDetails[profile.profileName]?.fictionMode }}), - (기타 설정:{{ profileDetails[profile.profileName]?.otherTextInfo }}) + + (기타 설정:자율행동[{{ + autorunDetailText(profileDetails[profile.profileName]!) + }}])
@@ -793,6 +879,68 @@ const handleEnter = async (profile: LobbyProfile, targetPath: string) => { min-width: 760px; } +.season-status { + user-select: none; +} + +.copyable-autorun { + position: relative; + cursor: help; + text-decoration: underline; + text-underline-offset: 2px; +} + +.copyable-autorun-detail { + display: inline; + color: transparent; + font-size: 0; +} + +.copyable-autorun-bracket { + color: transparent; + font-size: 0; +} + +.copyable-autorun:hover .copyable-autorun-detail, +.copyable-autorun:focus-visible .copyable-autorun-detail { + position: absolute; + z-index: 30; + right: 0; + bottom: calc(100% + 6px); + display: block; + box-sizing: border-box; + width: max-content; + max-width: min(520px, calc(100vw - 32px)); + padding: 6px 8px; + border: 1px solid #52525b; + border-radius: 4px; + background: #18181b; + box-shadow: 0 4px 12px rgb(0 0 0 / 45%); + color: #f4f4f5; + font-size: 12px; + line-height: 1.4; + text-align: left; + white-space: normal; +} + +.copyable-autorun:focus-visible { + border-radius: 2px; + outline: 2px solid #fdba74; + outline-offset: 2px; +} + +@media (max-width: 640px) { + .copyable-autorun:hover .copyable-autorun-detail, + .copyable-autorun:focus-visible .copyable-autorun-detail { + position: fixed; + right: 16px; + bottom: 16px; + left: 16px; + width: auto; + max-width: none; + } +} + .map-preview-tabs { display: flex; gap: 4px;