perf: 프로필 프런트엔드 자산을 커밋 단위로 공유한다
정적 운영 빌드에서 프로필별 base와 API 설정을 런타임 JSON으로 분리하고, 공용 Vite 번들과 sourcemap을 한 번만 생성·게시한다. Preview와 기존 정적 artifact의 전환 호환 경계는 유지한다.
This commit is contained in:
@@ -1,6 +1,7 @@
|
||||
import { onBeforeUnmount, onMounted } from 'vue';
|
||||
import { createDeploymentVersionChecker } from '../config/deploymentVersion';
|
||||
import { useGameFeedback } from './useGameFeedback';
|
||||
import { gameFrontendRuntimeConfig } from '../config/runtimeConfig';
|
||||
|
||||
const pollIntervalMs = 60_000;
|
||||
const noticeMessage = '새 버전이 준비되었습니다. 새로고침하면 변경사항이 반영됩니다.';
|
||||
@@ -14,8 +15,8 @@ const resolveSessionStorage = (): Pick<Storage, 'getItem' | 'setItem'> | undefin
|
||||
};
|
||||
|
||||
export const useDeploymentVersionNotice = (): void => {
|
||||
const currentCommitSha = import.meta.env.VITE_BUILD_COMMIT_SHA?.trim() ?? '';
|
||||
const versionUrl = `${import.meta.env.BASE_URL}deployment-version.json`;
|
||||
const currentCommitSha = gameFrontendRuntimeConfig.buildCommitSha;
|
||||
const versionUrl = `${gameFrontendRuntimeConfig.appBasePath}deployment-version.json`;
|
||||
const { info: showInfoToast } = useGameFeedback();
|
||||
const checker = createDeploymentVersionChecker({
|
||||
currentCommitSha,
|
||||
|
||||
@@ -0,0 +1,73 @@
|
||||
export const GAME_FRONTEND_RUNTIME_CONFIG_ID = 'sammo-runtime-config';
|
||||
|
||||
export interface GameFrontendRuntimeConfig {
|
||||
version: 1;
|
||||
profile?: string;
|
||||
profileName?: string;
|
||||
appBasePath: string;
|
||||
gameApiUrl: string;
|
||||
gameSseUrl: string;
|
||||
gatewayApiUrl: string;
|
||||
gatewayWebUrl: string;
|
||||
buildCommitSha: string;
|
||||
assetReleaseId?: string;
|
||||
}
|
||||
|
||||
interface RuntimeConfigEnvironment {
|
||||
VITE_APP_BASE_PATH?: string;
|
||||
VITE_GAME_API_URL?: string;
|
||||
VITE_GAME_SSE_URL?: string;
|
||||
VITE_GAME_PROFILE?: string;
|
||||
VITE_GATEWAY_API_URL?: string;
|
||||
VITE_GATEWAY_WEB_URL?: string;
|
||||
VITE_BUILD_COMMIT_SHA?: string;
|
||||
}
|
||||
|
||||
const normalizeBasePath = (value: string | undefined): string => {
|
||||
const normalized = value?.trim().replace(/^\/+|\/+$/gu, '') ?? '';
|
||||
return normalized ? `/${normalized}/` : '/';
|
||||
};
|
||||
|
||||
const nonEmpty = (value: unknown): string | undefined =>
|
||||
typeof value === 'string' && value.trim() ? value.trim() : undefined;
|
||||
|
||||
const readEmbeddedConfig = (documentValue: Pick<Document, 'getElementById'> | undefined): Record<string, unknown> => {
|
||||
const source = documentValue?.getElementById(GAME_FRONTEND_RUNTIME_CONFIG_ID)?.textContent?.trim();
|
||||
if (!source) return {};
|
||||
try {
|
||||
const parsed: unknown = JSON.parse(source);
|
||||
return parsed !== null && typeof parsed === 'object' && !Array.isArray(parsed)
|
||||
? (parsed as Record<string, unknown>)
|
||||
: {};
|
||||
} catch {
|
||||
return {};
|
||||
}
|
||||
};
|
||||
|
||||
export const resolveGameFrontendRuntimeConfig = (
|
||||
documentValue: Pick<Document, 'getElementById'> | undefined,
|
||||
env: RuntimeConfigEnvironment
|
||||
): GameFrontendRuntimeConfig => {
|
||||
const embedded = readEmbeddedConfig(documentValue);
|
||||
const appBasePath = normalizeBasePath(nonEmpty(embedded.appBasePath) ?? env.VITE_APP_BASE_PATH);
|
||||
const profile = nonEmpty(embedded.profile) ?? nonEmpty(env.VITE_GAME_PROFILE);
|
||||
const profileName = nonEmpty(embedded.profileName);
|
||||
const assetReleaseId = nonEmpty(embedded.assetReleaseId);
|
||||
return Object.freeze({
|
||||
version: 1,
|
||||
...(profile ? { profile } : {}),
|
||||
...(profileName ? { profileName } : {}),
|
||||
appBasePath,
|
||||
gameApiUrl: nonEmpty(embedded.gameApiUrl) ?? nonEmpty(env.VITE_GAME_API_URL) ?? `${appBasePath}api/trpc`,
|
||||
gameSseUrl: nonEmpty(embedded.gameSseUrl) ?? nonEmpty(env.VITE_GAME_SSE_URL) ?? `${appBasePath}api/events`,
|
||||
gatewayApiUrl: nonEmpty(embedded.gatewayApiUrl) ?? nonEmpty(env.VITE_GATEWAY_API_URL) ?? '/gateway/api/trpc',
|
||||
gatewayWebUrl: nonEmpty(embedded.gatewayWebUrl) ?? nonEmpty(env.VITE_GATEWAY_WEB_URL) ?? '/gateway/',
|
||||
buildCommitSha: nonEmpty(embedded.buildCommitSha) ?? nonEmpty(env.VITE_BUILD_COMMIT_SHA) ?? 'unknown',
|
||||
...(assetReleaseId ? { assetReleaseId } : {}),
|
||||
});
|
||||
};
|
||||
|
||||
export const gameFrontendRuntimeConfig = resolveGameFrontendRuntimeConfig(
|
||||
typeof document === 'undefined' ? undefined : document,
|
||||
import.meta.env ?? {}
|
||||
);
|
||||
Vendored
+1
@@ -8,6 +8,7 @@ declare module '*.vue' {
|
||||
|
||||
interface ImportMetaEnv {
|
||||
readonly VITE_APP_BASE_PATH?: string;
|
||||
readonly VITE_ASSET_BASE_PATH?: string;
|
||||
readonly VITE_GATEWAY_API_URL?: string;
|
||||
readonly VITE_GAME_API_URL?: string;
|
||||
readonly VITE_GAME_SSE_URL?: string;
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
import { createRouter, createWebHistory, type RouteRecordRaw } from 'vue-router';
|
||||
import { gameFrontendRuntimeConfig } from '../config/runtimeConfig';
|
||||
import { useSessionStore } from '../stores/session';
|
||||
import { trpc } from '../utils/trpc';
|
||||
|
||||
@@ -384,7 +385,7 @@ const routes = [
|
||||
] satisfies RouteRecordRaw[];
|
||||
|
||||
const router = createRouter({
|
||||
history: createWebHistory(import.meta.env.BASE_URL),
|
||||
history: createWebHistory(gameFrontendRuntimeConfig.appBasePath),
|
||||
routes,
|
||||
});
|
||||
|
||||
|
||||
@@ -22,6 +22,7 @@ import { createBroadcastTabCoordinator, type BroadcastTabCoordinator } from '../
|
||||
import { resolveWithReadModelSnapshotFallback } from '../utils/readModelDeltaRecovery';
|
||||
import { createRealtimeRequestOptions } from '../utils/realtimeAccessGrant';
|
||||
import { markGameServerContact } from '../utils/gameServerActivity';
|
||||
import { gameFrontendRuntimeConfig } from '../config/runtimeConfig';
|
||||
|
||||
const REALTIME_FULL_REFRESH_MIN_INTERVAL_MS = 5_000;
|
||||
|
||||
@@ -1026,7 +1027,7 @@ export const useMainDashboardStore = defineStore('mainDashboard', () => {
|
||||
const isAccessToken = (token: string | null): boolean => Boolean(token?.startsWith('ga_'));
|
||||
|
||||
const buildRealtimeUrl = (token: string): string => {
|
||||
const base = import.meta.env.VITE_GAME_SSE_URL ?? '/events';
|
||||
const base = gameFrontendRuntimeConfig.gameSseUrl;
|
||||
const url = new URL(base, window.location.origin);
|
||||
url.searchParams.set('token', token);
|
||||
return url.toString();
|
||||
|
||||
@@ -2,6 +2,7 @@ import { defineStore } from 'pinia';
|
||||
import { takeGameSessionTransfer, type GameSessionTransfer } from '@sammo-ts/common/auth/gameSessionTransfer';
|
||||
import { gatewayTrpc } from '../utils/gatewayTrpc';
|
||||
import { trpc as gameTrpc } from '../utils/trpc';
|
||||
import { gameFrontendRuntimeConfig } from '../config/runtimeConfig';
|
||||
|
||||
export type SessionStatus = 'unknown' | 'public' | 'authed' | 'general';
|
||||
|
||||
@@ -222,7 +223,7 @@ export const useSessionStore = defineStore('session', {
|
||||
this.setGameToken(storedGameToken);
|
||||
}
|
||||
|
||||
const storedProfile = this.profile ?? readStorage(PROFILE_KEY) ?? import.meta.env.VITE_GAME_PROFILE;
|
||||
const storedProfile = this.profile ?? readStorage(PROFILE_KEY) ?? gameFrontendRuntimeConfig.profile;
|
||||
if (storedProfile && storedProfile !== this.profile) {
|
||||
this.setProfile(storedProfile);
|
||||
}
|
||||
|
||||
@@ -8,6 +8,7 @@ import { createRealtimeRequestOptions } from '../utils/realtimeAccessGrant';
|
||||
import { structurallyShare } from '../utils/structuralShare';
|
||||
import { trpc } from '../utils/trpc';
|
||||
import { useSessionStore } from './session';
|
||||
import { gameFrontendRuntimeConfig } from '../config/runtimeConfig';
|
||||
|
||||
type Snapshot = Awaited<ReturnType<typeof trpc.tournament.getSnapshot.query>>;
|
||||
type BettingSummary = Awaited<ReturnType<typeof trpc.tournament.getBettingSummary.query>>;
|
||||
@@ -136,7 +137,7 @@ export const useTournamentPagesStore = defineStore('tournamentPages', () => {
|
||||
return session.gameToken && isAccessToken(session.gameToken) ? session.gameToken : null;
|
||||
};
|
||||
const buildRealtimeUrl = (token: string): string => {
|
||||
const base = import.meta.env.VITE_GAME_SSE_URL ?? '/events';
|
||||
const base = gameFrontendRuntimeConfig.gameSseUrl;
|
||||
const url = new URL(base, window.location.origin);
|
||||
url.searchParams.set('token', token);
|
||||
url.searchParams.set('scope', 'tournament');
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
import { trpcJsonBodyHttpClientOptions } from '@sammo-ts/common/http/trpcTransport';
|
||||
import { createTRPCProxyClient, httpBatchLink } from '@trpc/client';
|
||||
import type { AppRouter } from '@sammo-ts/gateway-api';
|
||||
import { gameFrontendRuntimeConfig } from '../config/runtimeConfig';
|
||||
|
||||
const getSessionToken = (): string | null => {
|
||||
if (typeof window === 'undefined') {
|
||||
@@ -13,7 +14,7 @@ const getSessionToken = (): string | null => {
|
||||
export const gatewayTrpc = createTRPCProxyClient<AppRouter>({
|
||||
links: [
|
||||
httpBatchLink({
|
||||
url: import.meta.env.VITE_GATEWAY_API_URL ?? '/api/trpc',
|
||||
url: gameFrontendRuntimeConfig.gatewayApiUrl,
|
||||
...trpcJsonBodyHttpClientOptions,
|
||||
headers() {
|
||||
const token = getSessionToken();
|
||||
|
||||
@@ -4,6 +4,7 @@ import {
|
||||
DEFAULT_USER_ICON_PUBLIC_URL,
|
||||
externalizeLegacyImageUrl,
|
||||
} from './imageAssets.ts';
|
||||
import { gameFrontendRuntimeConfig } from '../config/runtimeConfig.ts';
|
||||
|
||||
export const DEFAULT_GENERAL_ICON_URL = `${configuredSharedIconPublicUrl()}/default.jpg`;
|
||||
export const DEFAULT_GATEWAY_USER_ICON_BASE_URL = DEFAULT_USER_ICON_PUBLIC_URL;
|
||||
@@ -68,7 +69,7 @@ export const resolveMessageGeneralIconUrl = (
|
||||
if (normalized.startsWith('/') || /^https?:\/\//iu.test(normalized)) {
|
||||
return normalized;
|
||||
}
|
||||
return `${import.meta.env.BASE_URL}${normalized.replace(/^\/+/u, '')}`;
|
||||
return `${gameFrontendRuntimeConfig.appBasePath}${normalized.replace(/^\/+/u, '')}`;
|
||||
};
|
||||
|
||||
export const useDefaultGeneralIcon = (event: Event): void => {
|
||||
|
||||
@@ -2,6 +2,7 @@ import { trpcJsonBodyHttpClientOptions } from '@sammo-ts/common/http/trpcTranspo
|
||||
import { REALTIME_ACCESS_GRANT_HEADER } from '@sammo-ts/common/realtime/types';
|
||||
import { createTRPCProxyClient, httpBatchLink } from '@trpc/client';
|
||||
import type { AppRouter } from '@sammo-ts/game-api';
|
||||
import { gameFrontendRuntimeConfig } from '../config/runtimeConfig';
|
||||
import { resolveBatchRealtimeAccessGrant } from './realtimeAccessGrant';
|
||||
import { markGameServerContact } from './gameServerActivity';
|
||||
|
||||
@@ -16,7 +17,7 @@ const getGameToken = (): string | null => {
|
||||
export const trpc = createTRPCProxyClient<AppRouter>({
|
||||
links: [
|
||||
httpBatchLink({
|
||||
url: import.meta.env.VITE_GAME_API_URL ?? '/api/trpc',
|
||||
url: gameFrontendRuntimeConfig.gameApiUrl,
|
||||
...trpcJsonBodyHttpClientOptions,
|
||||
async fetch(input, init) {
|
||||
const result = await globalThis.fetch(input, init);
|
||||
|
||||
@@ -1,7 +1,8 @@
|
||||
<script setup lang="ts">
|
||||
import { onMounted } from 'vue';
|
||||
import { gameFrontendRuntimeConfig } from '../config/runtimeConfig';
|
||||
|
||||
const gatewayUrl = import.meta.env.VITE_GATEWAY_WEB_URL || '/gateway/';
|
||||
const gatewayUrl = gameFrontendRuntimeConfig.gatewayWebUrl;
|
||||
|
||||
onMounted(() => {
|
||||
window.location.replace(gatewayUrl);
|
||||
|
||||
@@ -30,6 +30,7 @@ import { useMainDashboardStore } from '../stores/mainDashboard';
|
||||
import { useGameFeedback } from '../composables/useGameFeedback';
|
||||
import { trpc } from '../utils/trpc';
|
||||
import type { CommandPatternEntry } from '../components/command/types';
|
||||
import { gameFrontendRuntimeConfig } from '../config/runtimeConfig';
|
||||
import {
|
||||
loadMobileMainPanelOrder,
|
||||
MOBILE_MAIN_PANEL_ORDER_CHANGED_EVENT,
|
||||
@@ -45,9 +46,9 @@ const isMobile = useMediaQuery('(max-width: 939.98px)');
|
||||
const npcMode = ref(0);
|
||||
const globalNavigation = ref<MainNavigationEntry[]>(defaultGlobalNavigation);
|
||||
const versionDialog = ref<HTMLDialogElement | null>(null);
|
||||
const buildCommitSha = import.meta.env.VITE_BUILD_COMMIT_SHA?.trim() || 'unknown';
|
||||
const buildCommitSha = gameFrontendRuntimeConfig.buildCommitSha;
|
||||
const mobilePanelOrder = ref(loadMobileMainPanelOrder());
|
||||
const navigationUrl = (import.meta.env.VITE_GATEWAY_API_URL ?? '/api/trpc').replace(/\/trpc\/?$/u, '/navigation');
|
||||
const navigationUrl = gameFrontendRuntimeConfig.gatewayApiUrl.replace(/\/trpc\/?$/u, '/navigation');
|
||||
|
||||
const reloadMobilePanelOrder = () => {
|
||||
mobilePanelOrder.value = loadMobileMainPanelOrder();
|
||||
@@ -188,7 +189,7 @@ const requestManualRefresh = () => {
|
||||
};
|
||||
|
||||
const moveLobby = () => {
|
||||
window.location.replace(import.meta.env.VITE_GATEWAY_WEB_URL?.trim() || '/gateway/');
|
||||
window.location.replace(gameFrontendRuntimeConfig.gatewayWebUrl);
|
||||
};
|
||||
|
||||
const moveQuick = (item: QuickNavigationItem) => {
|
||||
|
||||
@@ -9,6 +9,7 @@ import { useSessionStore } from '../stores/session';
|
||||
import { resolveGeneralIconUrl, useDefaultGeneralIcon } from '../utils/generalIcon';
|
||||
import GeneralInformationPanel from '../components/main/GeneralInformationPanel.vue';
|
||||
import { useGameFeedback } from '../composables/useGameFeedback';
|
||||
import { gameFrontendRuntimeConfig } from '../config/runtimeConfig';
|
||||
|
||||
const PENDING_DIE_ON_PRESTART_KEY = 'sam.pending.dieOnPrestart';
|
||||
const { error: showErrorToast, showDialog } = useGameFeedback();
|
||||
@@ -308,7 +309,7 @@ const dieOnPrestart = async () => {
|
||||
await trpc.general.dieOnPrestart.mutate({ clientRequestId });
|
||||
window.sessionStorage.removeItem(PENDING_DIE_ON_PRESTART_KEY);
|
||||
session.leaveGame();
|
||||
window.location.replace(import.meta.env.VITE_GATEWAY_WEB_URL?.trim() || '/gateway/');
|
||||
window.location.replace(gameFrontendRuntimeConfig.gatewayWebUrl);
|
||||
} catch (cause) {
|
||||
const code = asRecord(asRecord(cause).data).code;
|
||||
if (code !== 'TIMEOUT') {
|
||||
|
||||
@@ -0,0 +1,75 @@
|
||||
import assert from 'node:assert/strict';
|
||||
import { describe, it } from 'node:test';
|
||||
|
||||
import { resolveGameFrontendRuntimeConfig } from '../src/config/runtimeConfig.ts';
|
||||
|
||||
const documentWithConfig = (value: string | null): Pick<Document, 'getElementById'> => ({
|
||||
getElementById: () => (value === null ? null : ({ textContent: value } as HTMLElement)),
|
||||
});
|
||||
|
||||
void describe('game frontend runtime config', () => {
|
||||
void it('prefers the embedded profile wrapper config over build-time fallbacks', () => {
|
||||
const config = resolveGameFrontendRuntimeConfig(
|
||||
documentWithConfig(
|
||||
JSON.stringify({
|
||||
version: 1,
|
||||
profile: 'pya',
|
||||
profileName: 'pya:default',
|
||||
appBasePath: '/pya',
|
||||
gameApiUrl: '/pya/api/trpc',
|
||||
gameSseUrl: '/pya/api/events',
|
||||
gatewayApiUrl: '/gateway/api/trpc',
|
||||
gatewayWebUrl: '/gateway/',
|
||||
buildCommitSha: 'a'.repeat(40),
|
||||
assetReleaseId: `${'a'.repeat(40)}-${'b'.repeat(16)}`,
|
||||
})
|
||||
),
|
||||
{
|
||||
VITE_APP_BASE_PATH: '/che',
|
||||
VITE_GAME_API_URL: '/che/api/trpc',
|
||||
VITE_GAME_SSE_URL: '/che/api/events',
|
||||
VITE_GAME_PROFILE: 'che',
|
||||
VITE_BUILD_COMMIT_SHA: 'c'.repeat(40),
|
||||
}
|
||||
);
|
||||
|
||||
assert.equal(config.profile, 'pya');
|
||||
assert.equal(config.appBasePath, '/pya/');
|
||||
assert.equal(config.gameApiUrl, '/pya/api/trpc');
|
||||
assert.equal(config.gameSseUrl, '/pya/api/events');
|
||||
assert.equal(config.buildCommitSha, 'a'.repeat(40));
|
||||
assert.equal(config.assetReleaseId, `${'a'.repeat(40)}-${'b'.repeat(16)}`);
|
||||
});
|
||||
|
||||
void it('keeps preview and local development compatible through Vite environment fallbacks', () => {
|
||||
const config = resolveGameFrontendRuntimeConfig(documentWithConfig(null), {
|
||||
VITE_APP_BASE_PATH: '/hwe',
|
||||
VITE_GAME_API_URL: '/hwe/api/trpc',
|
||||
VITE_GAME_SSE_URL: '/hwe/api/events',
|
||||
VITE_GAME_PROFILE: 'hwe',
|
||||
VITE_GATEWAY_API_URL: '/gateway/api/trpc',
|
||||
VITE_GATEWAY_WEB_URL: '/gateway/',
|
||||
VITE_BUILD_COMMIT_SHA: 'd'.repeat(40),
|
||||
});
|
||||
|
||||
assert.deepEqual(config, {
|
||||
version: 1,
|
||||
profile: 'hwe',
|
||||
appBasePath: '/hwe/',
|
||||
gameApiUrl: '/hwe/api/trpc',
|
||||
gameSseUrl: '/hwe/api/events',
|
||||
gatewayApiUrl: '/gateway/api/trpc',
|
||||
gatewayWebUrl: '/gateway/',
|
||||
buildCommitSha: 'd'.repeat(40),
|
||||
});
|
||||
});
|
||||
|
||||
void it('falls back safely when the embedded script is malformed', () => {
|
||||
const config = resolveGameFrontendRuntimeConfig(documentWithConfig('{'), {});
|
||||
|
||||
assert.equal(config.appBasePath, '/');
|
||||
assert.equal(config.gameApiUrl, '/api/trpc');
|
||||
assert.equal(config.gameSseUrl, '/api/events');
|
||||
assert.equal(config.buildCommitSha, 'unknown');
|
||||
});
|
||||
});
|
||||
@@ -29,6 +29,31 @@ void describe('game frontend Vite config', () => {
|
||||
assert.equal(loaded?.config.build?.sourcemap, true);
|
||||
});
|
||||
|
||||
void it('allows a profile-neutral relative asset base without changing the application base fallback', async () => {
|
||||
const previousAssetBasePath = process.env.VITE_ASSET_BASE_PATH;
|
||||
const previousAppBasePath = process.env.VITE_APP_BASE_PATH;
|
||||
process.env.VITE_ASSET_BASE_PATH = './';
|
||||
process.env.VITE_APP_BASE_PATH = '/che';
|
||||
try {
|
||||
const configPath = path.resolve(import.meta.dirname, '../vite.config.ts');
|
||||
const loaded = await loadConfigFromFile(
|
||||
{ command: 'build', mode: 'production' },
|
||||
configPath,
|
||||
path.dirname(configPath),
|
||||
undefined,
|
||||
undefined,
|
||||
'runner'
|
||||
);
|
||||
|
||||
assert.equal(loaded?.config.base, './');
|
||||
} finally {
|
||||
if (previousAssetBasePath === undefined) delete process.env.VITE_ASSET_BASE_PATH;
|
||||
else process.env.VITE_ASSET_BASE_PATH = previousAssetBasePath;
|
||||
if (previousAppBasePath === undefined) delete process.env.VITE_APP_BASE_PATH;
|
||||
else process.env.VITE_APP_BASE_PATH = previousAppBasePath;
|
||||
}
|
||||
});
|
||||
|
||||
void it('uses the deployment-pinned full commit SHA as the displayed build version', async () => {
|
||||
const commitSha = 'ABCDEF0123456789ABCDEF0123456789ABCDEF01';
|
||||
const previousCommitSha = process.env.VITE_BUILD_COMMIT_SHA;
|
||||
|
||||
@@ -38,6 +38,9 @@ export const createDeploymentVersionPlugin = (buildCommitSha: string): Plugin =>
|
||||
|
||||
const normalizeBasePath = (value: string | undefined): string => {
|
||||
const pathValue = (value ?? '/').trim();
|
||||
if (pathValue === './') {
|
||||
return './';
|
||||
}
|
||||
if (!pathValue || pathValue === '/') {
|
||||
return '/';
|
||||
}
|
||||
@@ -61,7 +64,7 @@ export default defineConfig(({ mode }) => {
|
||||
const env = mergeViteEnv(loadEnv(mode, process.cwd(), ''), process.env);
|
||||
const buildCommitSha = resolveBuildCommitSha(env.VITE_BUILD_COMMIT_SHA, path.resolve(import.meta.dirname, '../..'));
|
||||
return {
|
||||
base: normalizeBasePath(env.VITE_APP_BASE_PATH),
|
||||
base: normalizeBasePath(env.VITE_ASSET_BASE_PATH ?? env.VITE_APP_BASE_PATH),
|
||||
plugins: [vue(), tailwindcss(), createDeploymentVersionPlugin(buildCommitSha)],
|
||||
define: {
|
||||
'import.meta.env.VITE_BUILD_COMMIT_SHA': JSON.stringify(buildCommitSha),
|
||||
|
||||
@@ -19,9 +19,26 @@ export interface StagedFrontendArtifact {
|
||||
manifest: FrontendArtifactManifest;
|
||||
}
|
||||
|
||||
export interface ProfileFrontendRuntimeConfig {
|
||||
version: 1;
|
||||
profile: string;
|
||||
profileName: string;
|
||||
appBasePath: string;
|
||||
gameApiUrl: string;
|
||||
gameSseUrl: string;
|
||||
gatewayApiUrl: string;
|
||||
gatewayWebUrl: string;
|
||||
buildCommitSha: string;
|
||||
assetReleaseId: string;
|
||||
}
|
||||
|
||||
export const SHARED_GAME_FRONTEND_KEY = 'game-assets';
|
||||
export const GAME_FRONTEND_RUNTIME_CONFIG_ID = 'sammo-runtime-config';
|
||||
|
||||
const MANIFEST_FILE = '.sammo-artifact.json';
|
||||
const FRONTEND_KEY = /^[a-z0-9][a-z0-9_-]{0,63}$/u;
|
||||
const COMMIT_SHA = /^[0-9a-f]{40,64}$/iu;
|
||||
const PUBLIC_ASSET_BASE = /^\/[0-9A-Za-z/_-]*$/u;
|
||||
|
||||
export const resolveFrontendServeMode = (value: string | undefined): FrontendServeMode => {
|
||||
const normalized = value?.trim().toLowerCase();
|
||||
@@ -84,7 +101,9 @@ const buildDigest = async (sourceRoot: string, files: string[]): Promise<string>
|
||||
};
|
||||
|
||||
const readManifest = async (releasePath: string): Promise<FrontendArtifactManifest> => {
|
||||
const raw = JSON.parse(await fs.readFile(path.join(releasePath, MANIFEST_FILE), 'utf8')) as Partial<FrontendArtifactManifest>;
|
||||
const raw = JSON.parse(
|
||||
await fs.readFile(path.join(releasePath, MANIFEST_FILE), 'utf8')
|
||||
) as Partial<FrontendArtifactManifest>;
|
||||
if (
|
||||
raw.version !== 1 ||
|
||||
typeof raw.frontendKey !== 'string' ||
|
||||
@@ -102,6 +121,43 @@ const readManifest = async (releasePath: string): Promise<FrontendArtifactManife
|
||||
const isMissing = (error: unknown): boolean =>
|
||||
error instanceof Error && 'code' in error && (error as NodeJS.ErrnoException).code === 'ENOENT';
|
||||
|
||||
const escapeEmbeddedJson = (value: unknown): string =>
|
||||
JSON.stringify(value)
|
||||
.replaceAll('&', '\\u0026')
|
||||
.replaceAll('<', '\\u003c')
|
||||
.replaceAll('>', '\\u003e')
|
||||
.replaceAll('\u2028', '\\u2028')
|
||||
.replaceAll('\u2029', '\\u2029');
|
||||
|
||||
export const renderProfileFrontendIndex = (options: {
|
||||
sharedIndexHtml: string;
|
||||
sharedReleaseId: string;
|
||||
sharedAssetPublicBase: string;
|
||||
runtimeConfig: ProfileFrontendRuntimeConfig;
|
||||
}): string => {
|
||||
const publicBase = options.sharedAssetPublicBase.trim().replace(/\/+$/u, '');
|
||||
if (!PUBLIC_ASSET_BASE.test(publicBase) || !publicBase) {
|
||||
throw new Error(`Invalid shared frontend asset public base: ${options.sharedAssetPublicBase}`);
|
||||
}
|
||||
if (options.runtimeConfig.assetReleaseId !== options.sharedReleaseId) {
|
||||
throw new Error('Profile frontend runtime config does not match the shared asset release.');
|
||||
}
|
||||
const releaseBase = `${publicBase}/${options.sharedReleaseId}`;
|
||||
const rewritten = options.sharedIndexHtml.replace(
|
||||
/\b(src|href)="\.\/(assets\/[^"?#]+(?:[?#][^"]*)?)"/gu,
|
||||
(_match, attribute: string, assetPath: string) => `${attribute}="${releaseBase}/${assetPath}"`
|
||||
);
|
||||
if (rewritten === options.sharedIndexHtml || /(?:src|href)="\.\/assets\//u.test(rewritten)) {
|
||||
throw new Error('Shared frontend index does not contain only rewritable relative asset URLs.');
|
||||
}
|
||||
const moduleScript = rewritten.search(/<script\b[^>]*\btype="module"/iu);
|
||||
if (moduleScript < 0) {
|
||||
throw new Error('Shared frontend index is missing its module script.');
|
||||
}
|
||||
const runtimeScript = ` <script id="${GAME_FRONTEND_RUNTIME_CONFIG_ID}" type="application/json">${escapeEmbeddedJson(options.runtimeConfig)}</script>\n`;
|
||||
return `${rewritten.slice(0, moduleScript)}${runtimeScript}${rewritten.slice(moduleScript)}`;
|
||||
};
|
||||
|
||||
export class FrontendArtifactManager {
|
||||
readonly root: string;
|
||||
|
||||
@@ -170,7 +226,12 @@ export class FrontendArtifactManager {
|
||||
try {
|
||||
await fs.rename(stagingPath, releasePath);
|
||||
} catch (error) {
|
||||
if (!isMissing(error) && error instanceof Error && 'code' in error && (error as NodeJS.ErrnoException).code === 'EEXIST') {
|
||||
if (
|
||||
!isMissing(error) &&
|
||||
error instanceof Error &&
|
||||
'code' in error &&
|
||||
(error as NodeJS.ErrnoException).code === 'EEXIST'
|
||||
) {
|
||||
const existing = await readManifest(releasePath);
|
||||
if (existing.digest !== digest || existing.commitSha !== commitSha) throw error;
|
||||
} else {
|
||||
@@ -183,6 +244,51 @@ export class FrontendArtifactManager {
|
||||
return { releaseId, releasePath, manifest };
|
||||
}
|
||||
|
||||
async stageProfileWrapper(options: {
|
||||
frontendKey: string;
|
||||
sharedArtifact: StagedFrontendArtifact;
|
||||
sharedAssetPublicBase: string;
|
||||
runtimeConfig: Omit<ProfileFrontendRuntimeConfig, 'buildCommitSha' | 'assetReleaseId'>;
|
||||
}): Promise<StagedFrontendArtifact> {
|
||||
if (options.runtimeConfig.profile !== options.frontendKey) {
|
||||
throw new Error('Profile frontend wrapper key does not match its runtime profile.');
|
||||
}
|
||||
await fs.mkdir(this.root, { recursive: true, mode: 0o755 });
|
||||
const sourceRoot = await fs.mkdtemp(path.join(this.root, '.profile-wrapper-'));
|
||||
try {
|
||||
const runtimeConfig: ProfileFrontendRuntimeConfig = {
|
||||
...options.runtimeConfig,
|
||||
buildCommitSha: options.sharedArtifact.manifest.commitSha,
|
||||
assetReleaseId: options.sharedArtifact.releaseId,
|
||||
};
|
||||
const sharedIndexHtml = await fs.readFile(
|
||||
path.join(options.sharedArtifact.releasePath, 'index.html'),
|
||||
'utf8'
|
||||
);
|
||||
const wrapperIndexHtml = renderProfileFrontendIndex({
|
||||
sharedIndexHtml,
|
||||
sharedReleaseId: options.sharedArtifact.releaseId,
|
||||
sharedAssetPublicBase: options.sharedAssetPublicBase,
|
||||
runtimeConfig,
|
||||
});
|
||||
await fs.writeFile(path.join(sourceRoot, 'index.html'), wrapperIndexHtml, {
|
||||
encoding: 'utf8',
|
||||
mode: 0o644,
|
||||
});
|
||||
await fs.copyFile(
|
||||
path.join(options.sharedArtifact.releasePath, 'deployment-version.json'),
|
||||
path.join(sourceRoot, 'deployment-version.json')
|
||||
);
|
||||
return await this.stage({
|
||||
frontendKey: options.frontendKey,
|
||||
sourceRoot,
|
||||
commitSha: options.sharedArtifact.manifest.commitSha,
|
||||
});
|
||||
} finally {
|
||||
await fs.rm(sourceRoot, { recursive: true, force: true });
|
||||
}
|
||||
}
|
||||
|
||||
async readCurrentReleaseId(frontendKey: string): Promise<string | null> {
|
||||
const frontendRoot = this.frontendRoot(frontendKey);
|
||||
try {
|
||||
|
||||
@@ -57,7 +57,9 @@ import { assertReleaseComponents, readReleaseManifest } from './releaseManifest.
|
||||
import {
|
||||
FrontendArtifactManager,
|
||||
resolveFrontendServeMode,
|
||||
SHARED_GAME_FRONTEND_KEY,
|
||||
type FrontendServeMode,
|
||||
type StagedFrontendArtifact,
|
||||
} from './frontendArtifactManager.js';
|
||||
|
||||
export interface GatewayProcessConfig {
|
||||
@@ -573,6 +575,9 @@ const sanitizeArtifactName = (value: string): string => value.replace(/[^0-9A-Za
|
||||
const buildProfileFrontendOutDir = (workspaceRoot: string, profileName: string): string =>
|
||||
path.join(workspaceRoot, '.release-dist', sanitizeArtifactName(profileName), 'game-frontend');
|
||||
|
||||
const buildSharedProfileFrontendOutDir = (workspaceRoot: string): string =>
|
||||
path.join(workspaceRoot, 'app', 'game-frontend', '.release-build');
|
||||
|
||||
export const buildProfileFrontendCommands = (
|
||||
workspaceRoot: string,
|
||||
profile: Pick<GatewayProfileRecord, 'profileName' | 'profile' | 'apiPort'>,
|
||||
@@ -609,6 +614,37 @@ export const buildProfileFrontendCommands = (
|
||||
];
|
||||
};
|
||||
|
||||
export const buildSharedProfileFrontendCommands = (
|
||||
workspaceRoot: string,
|
||||
buildCommitSha: string,
|
||||
env?: Record<string, string>,
|
||||
cacheAnchorRoot: string = workspaceRoot
|
||||
): BuildCommand[] => {
|
||||
if (!/^[0-9a-f]{40,64}$/iu.test(buildCommitSha.trim())) {
|
||||
throw new Error('Shared profile frontend build requires a full commit SHA.');
|
||||
}
|
||||
const sharedEnv = { ...(env ?? {}) };
|
||||
for (const key of ['VITE_APP_BASE_PATH', 'VITE_GAME_API_URL', 'VITE_GAME_SSE_URL', 'VITE_GAME_PROFILE']) {
|
||||
delete sharedEnv[key];
|
||||
}
|
||||
const profileFrontendBuildNodeOptions = env?.PROFILE_FRONTEND_BUILD_NODE_OPTIONS?.trim();
|
||||
const buildEnv = sanitizeReleaseBuildEnv({
|
||||
...sharedEnv,
|
||||
...(profileFrontendBuildNodeOptions ? { NODE_OPTIONS: profileFrontendBuildNodeOptions } : {}),
|
||||
VITE_ASSET_BASE_PATH: './',
|
||||
VITE_BUILD_COMMIT_SHA: buildCommitSha.trim().toLowerCase(),
|
||||
});
|
||||
return [
|
||||
buildTurboReleaseTaskCommand(
|
||||
workspaceRoot,
|
||||
cacheAnchorRoot,
|
||||
'build:release',
|
||||
['@sammo-ts/game-frontend'],
|
||||
buildEnv
|
||||
),
|
||||
];
|
||||
};
|
||||
|
||||
export const buildWorkspaceCommands = (
|
||||
workspaceRoot: string,
|
||||
needsInstall: boolean,
|
||||
@@ -1556,13 +1592,20 @@ export class GatewayOrchestrator implements GatewayOrchestratorHandle {
|
||||
this.processConfig.workspaceRoot,
|
||||
['@sammo-ts/game-api']
|
||||
),
|
||||
...buildProfileFrontendCommands(
|
||||
workspace.root,
|
||||
profile,
|
||||
commitSha,
|
||||
this.processConfig.baseEnv,
|
||||
this.processConfig.workspaceRoot
|
||||
),
|
||||
...(this.frontendServeMode === 'static'
|
||||
? buildSharedProfileFrontendCommands(
|
||||
workspace.root,
|
||||
commitSha,
|
||||
this.processConfig.baseEnv,
|
||||
this.processConfig.workspaceRoot
|
||||
)
|
||||
: buildProfileFrontendCommands(
|
||||
workspace.root,
|
||||
profile,
|
||||
commitSha,
|
||||
this.processConfig.baseEnv,
|
||||
this.processConfig.workspaceRoot
|
||||
)),
|
||||
];
|
||||
await this.appendOperationLog(operationId, 'build', `${profile.profileName} 구성 요소를 빌드합니다.`);
|
||||
const result = await this.releaseBuildRunner.run(commands, this.buildProgress(operationId, 'build'), {
|
||||
@@ -2148,13 +2191,20 @@ export class GatewayOrchestrator implements GatewayOrchestratorHandle {
|
||||
this.processConfig.workspaceRoot
|
||||
),
|
||||
...(profile
|
||||
? buildProfileFrontendCommands(
|
||||
workspace.root,
|
||||
profile,
|
||||
commitSha,
|
||||
this.processConfig.baseEnv,
|
||||
this.processConfig.workspaceRoot
|
||||
)
|
||||
? this.frontendServeMode === 'static'
|
||||
? buildSharedProfileFrontendCommands(
|
||||
workspace.root,
|
||||
commitSha,
|
||||
this.processConfig.baseEnv,
|
||||
this.processConfig.workspaceRoot
|
||||
)
|
||||
: buildProfileFrontendCommands(
|
||||
workspace.root,
|
||||
profile,
|
||||
commitSha,
|
||||
this.processConfig.baseEnv,
|
||||
this.processConfig.workspaceRoot
|
||||
)
|
||||
: []),
|
||||
];
|
||||
if (operationId) {
|
||||
@@ -2255,10 +2305,7 @@ export class GatewayOrchestrator implements GatewayOrchestratorHandle {
|
||||
}
|
||||
|
||||
private resolveProfileDatabaseUrl(profile: GatewayProfileRecord): string {
|
||||
return resolveGatewayPostgresConfigFromEnv(
|
||||
this.processConfig.baseEnv ?? process.env,
|
||||
profile.profile
|
||||
).url;
|
||||
return resolveGatewayPostgresConfigFromEnv(this.processConfig.baseEnv ?? process.env, profile.profile).url;
|
||||
}
|
||||
|
||||
private async clearTournamentRuntimeStateFromRedis(profileName: string): Promise<void> {
|
||||
@@ -2324,6 +2371,49 @@ export class GatewayOrchestrator implements GatewayOrchestratorHandle {
|
||||
}
|
||||
}
|
||||
|
||||
private async stageStaticProfileFrontend(profile: GatewayProfileRecord): Promise<StagedFrontendArtifact> {
|
||||
if (!profile.buildCommitSha) {
|
||||
throw new Error(`Profile ${profile.profileName} is missing the build commit SHA.`);
|
||||
}
|
||||
const runtimeWorkspace = profile.buildWorkspace ?? this.processConfig.workspaceRoot;
|
||||
const sharedSourceRoot = buildSharedProfileFrontendOutDir(runtimeWorkspace);
|
||||
const sharedIndexPath = path.join(sharedSourceRoot, 'index.html');
|
||||
const sharedIndexHtml = await fs.readFile(sharedIndexPath, 'utf8').catch((error: unknown) => {
|
||||
if (error instanceof Error && 'code' in error && (error as NodeJS.ErrnoException).code === 'ENOENT') {
|
||||
return null;
|
||||
}
|
||||
throw error;
|
||||
});
|
||||
if (sharedIndexHtml?.includes('./assets/')) {
|
||||
const sharedArtifact = await this.artifactManager.stage({
|
||||
frontendKey: SHARED_GAME_FRONTEND_KEY,
|
||||
sourceRoot: sharedSourceRoot,
|
||||
commitSha: profile.buildCommitSha,
|
||||
});
|
||||
const baseEnv = this.processConfig.baseEnv ?? {};
|
||||
return this.artifactManager.stageProfileWrapper({
|
||||
frontendKey: profile.profile,
|
||||
sharedArtifact,
|
||||
sharedAssetPublicBase: baseEnv.FRONTEND_SHARED_ASSET_PUBLIC_PATH?.trim() || '/gateway/profile-assets',
|
||||
runtimeConfig: {
|
||||
version: 1,
|
||||
profile: profile.profile,
|
||||
profileName: profile.profileName,
|
||||
appBasePath: `/${profile.profile}/`,
|
||||
gameApiUrl: `/${profile.profile}/api/trpc`,
|
||||
gameSseUrl: `/${profile.profile}/api/events`,
|
||||
gatewayApiUrl: baseEnv.VITE_GATEWAY_API_URL?.trim() || '/gateway/api/trpc',
|
||||
gatewayWebUrl: baseEnv.VITE_GATEWAY_WEB_URL?.trim() || '/gateway/',
|
||||
},
|
||||
});
|
||||
}
|
||||
return this.artifactManager.stage({
|
||||
frontendKey: profile.profile,
|
||||
sourceRoot: buildProfileFrontendOutDir(runtimeWorkspace, profile.profileName),
|
||||
commitSha: profile.buildCommitSha,
|
||||
});
|
||||
}
|
||||
|
||||
private async startProfile(profile: GatewayProfileRecord, assertLease?: () => Promise<void>): Promise<boolean> {
|
||||
const definitions = buildProcessDefinitions(profile, this.processConfig);
|
||||
const orderedDefinitions = [
|
||||
@@ -2337,19 +2427,7 @@ export class GatewayOrchestrator implements GatewayOrchestratorHandle {
|
||||
const attemptedNames: string[] = [];
|
||||
try {
|
||||
const stagedArtifact =
|
||||
this.frontendServeMode === 'static'
|
||||
? await (async () => {
|
||||
if (!profile.buildCommitSha) {
|
||||
throw new Error(`Profile ${profile.profileName} is missing the build commit SHA.`);
|
||||
}
|
||||
const runtimeWorkspace = profile.buildWorkspace ?? this.processConfig.workspaceRoot;
|
||||
return this.artifactManager.stage({
|
||||
frontendKey: profile.profile,
|
||||
sourceRoot: buildProfileFrontendOutDir(runtimeWorkspace, profile.profileName),
|
||||
commitSha: profile.buildCommitSha,
|
||||
});
|
||||
})()
|
||||
: null;
|
||||
this.frontendServeMode === 'static' ? await this.stageStaticProfileFrontend(profile) : null;
|
||||
const expectedNames = new Set(orderedDefinitions.map((definition) => definition.name));
|
||||
const obsoleteNames =
|
||||
this.frontendServeMode === 'static' ? new Set([definitions.frontend.name]) : new Set<string>();
|
||||
|
||||
@@ -4,7 +4,13 @@ import path from 'node:path';
|
||||
|
||||
import { afterEach, describe, expect, it } from 'vitest';
|
||||
|
||||
import { FrontendArtifactManager, resolveFrontendServeMode } from '../src/orchestrator/frontendArtifactManager.js';
|
||||
import {
|
||||
FrontendArtifactManager,
|
||||
GAME_FRONTEND_RUNTIME_CONFIG_ID,
|
||||
renderProfileFrontendIndex,
|
||||
resolveFrontendServeMode,
|
||||
SHARED_GAME_FRONTEND_KEY,
|
||||
} from '../src/orchestrator/frontendArtifactManager.js';
|
||||
|
||||
const roots: string[] = [];
|
||||
const sha = 'a'.repeat(40);
|
||||
@@ -70,4 +76,73 @@ describe('FrontendArtifactManager', () => {
|
||||
/symbolic link/u
|
||||
);
|
||||
});
|
||||
|
||||
it('publishes one shared asset release and a small profile runtime-config wrapper', async () => {
|
||||
const { source, artifacts } = await fixture();
|
||||
await fs.writeFile(
|
||||
path.join(source, 'index.html'),
|
||||
'<!doctype html><head><script type="module" src="./assets/app-deadbeef.js"></script></head>'
|
||||
);
|
||||
await fs.writeFile(path.join(source, 'deployment-version.json'), `${JSON.stringify({ commitSha: sha })}\n`);
|
||||
const manager = new FrontendArtifactManager(artifacts);
|
||||
const sharedArtifact = await manager.stage({
|
||||
frontendKey: SHARED_GAME_FRONTEND_KEY,
|
||||
sourceRoot: source,
|
||||
commitSha: sha,
|
||||
});
|
||||
const wrapper = await manager.stageProfileWrapper({
|
||||
frontendKey: 'pya',
|
||||
sharedArtifact,
|
||||
sharedAssetPublicBase: '/gateway/profile-assets',
|
||||
runtimeConfig: {
|
||||
version: 1,
|
||||
profile: 'pya',
|
||||
profileName: 'pya:default',
|
||||
appBasePath: '/pya/',
|
||||
gameApiUrl: '/pya/api/trpc',
|
||||
gameSseUrl: '/pya/api/events',
|
||||
gatewayApiUrl: '/gateway/api/trpc',
|
||||
gatewayWebUrl: '/gateway/',
|
||||
},
|
||||
});
|
||||
await manager.activate('pya', wrapper.releaseId);
|
||||
|
||||
const indexHtml = await fs.readFile(path.join(artifacts, 'pya', 'current', 'index.html'), 'utf8');
|
||||
expect(indexHtml).toContain(`id="${GAME_FRONTEND_RUNTIME_CONFIG_ID}" type="application/json"`);
|
||||
expect(indexHtml).toContain('"profile":"pya"');
|
||||
expect(indexHtml).toContain(`"assetReleaseId":"${sharedArtifact.releaseId}"`);
|
||||
expect(indexHtml).toContain(`src="/gateway/profile-assets/${sharedArtifact.releaseId}/assets/app-deadbeef.js"`);
|
||||
expect(await fs.readdir(path.join(artifacts, 'pya', 'current'))).toEqual([
|
||||
'.sammo-artifact.json',
|
||||
'deployment-version.json',
|
||||
'index.html',
|
||||
]);
|
||||
expect(await fs.readFile(path.join(sharedArtifact.releasePath, 'assets', 'app-deadbeef.js'), 'utf8')).toBe(
|
||||
'console.log(1)'
|
||||
);
|
||||
});
|
||||
|
||||
it('escapes script-closing runtime values before embedding JSON', () => {
|
||||
const releaseId = `${sha}-${'b'.repeat(16)}`;
|
||||
const rendered = renderProfileFrontendIndex({
|
||||
sharedIndexHtml: '<script type="module" src="./assets/app-deadbeef.js"></script>',
|
||||
sharedReleaseId: releaseId,
|
||||
sharedAssetPublicBase: '/gateway/profile-assets',
|
||||
runtimeConfig: {
|
||||
version: 1,
|
||||
profile: 'che',
|
||||
profileName: 'che:default',
|
||||
appBasePath: '/che/',
|
||||
gameApiUrl: '/che/api/trpc?</script>',
|
||||
gameSseUrl: '/che/api/events',
|
||||
gatewayApiUrl: '/gateway/api/trpc',
|
||||
gatewayWebUrl: '/gateway/',
|
||||
buildCommitSha: sha,
|
||||
assetReleaseId: releaseId,
|
||||
},
|
||||
});
|
||||
|
||||
expect(rendered).not.toContain('trpc?</script>');
|
||||
expect(rendered).toContain('\\u003c/script\\u003e');
|
||||
});
|
||||
});
|
||||
|
||||
@@ -391,7 +391,52 @@ describe('GatewayOrchestrator first-class operations', () => {
|
||||
expect(harness.completions).toEqual(['SUCCEEDED']);
|
||||
});
|
||||
|
||||
it('removes a legacy Vite process while publishing the first static artifact', async () => {
|
||||
it('removes a legacy Vite process while publishing a shared static asset and profile wrapper', async () => {
|
||||
const workspace = await fs.mkdtemp(path.join(os.tmpdir(), 'sammo-shared-static-cutover-'));
|
||||
temporaryDirectories.push(workspace);
|
||||
const releaseBuild = path.join(workspace, 'app', 'game-frontend', '.release-build');
|
||||
await fs.mkdir(path.join(releaseBuild, 'assets'), { recursive: true });
|
||||
await fs.writeFile(
|
||||
path.join(releaseBuild, 'index.html'),
|
||||
'<!doctype html><head><script type="module" src="./assets/index-deadbeef.js"></script></head>'
|
||||
);
|
||||
await fs.writeFile(path.join(releaseBuild, 'assets', 'index-deadbeef.js'), 'console.log("shared")');
|
||||
await fs.writeFile(
|
||||
path.join(releaseBuild, 'deployment-version.json'),
|
||||
`${JSON.stringify({ commitSha: profile.buildCommitSha })}\n`
|
||||
);
|
||||
const artifactRoot = path.join(workspace, 'artifacts');
|
||||
const staticProfile = { ...profile, status: 'RUNNING' as const, buildWorkspace: workspace };
|
||||
const harness = createHarness(buildOperation('START'), false, false, true, false, undefined, undefined, {
|
||||
profile: staticProfile,
|
||||
frontendServeMode: 'static',
|
||||
frontendArtifactRoot: artifactRoot,
|
||||
activeOperationProfileNames: [],
|
||||
});
|
||||
|
||||
await harness.orchestrator.reconcileNow();
|
||||
|
||||
expect(harness.deleted).toContain('sammo:che:2:game-frontend');
|
||||
expect(harness.started.map((definition) => definition.name)).toEqual([
|
||||
'sammo:che:2:game-api',
|
||||
'sammo:che:2:turn-daemon',
|
||||
'sammo:che:2:auction-worker',
|
||||
'sammo:che:2:battle-sim-worker',
|
||||
'sammo:che:2:tournament-worker',
|
||||
]);
|
||||
const indexHtml = await fs.readFile(path.join(artifactRoot, 'che', 'current', 'index.html'), 'utf8');
|
||||
expect(indexHtml).toContain('id="sammo-runtime-config" type="application/json"');
|
||||
expect(indexHtml).toContain('"profile":"che"');
|
||||
expect(indexHtml).toContain('/gateway/profile-assets/');
|
||||
const sharedReleaseRoot = path.join(artifactRoot, 'game-assets', 'releases');
|
||||
const [sharedReleaseId] = await fs.readdir(sharedReleaseRoot);
|
||||
expect(
|
||||
await fs.readFile(path.join(sharedReleaseRoot, sharedReleaseId, 'assets', 'index-deadbeef.js'), 'utf8')
|
||||
).toBe('console.log("shared")');
|
||||
expect(harness.completions).toEqual([]);
|
||||
});
|
||||
|
||||
it('keeps the legacy full profile artifact compatible during the static cutover', async () => {
|
||||
const workspace = await fs.mkdtemp(path.join(os.tmpdir(), 'sammo-static-cutover-'));
|
||||
temporaryDirectories.push(workspace);
|
||||
await fs.mkdir(path.join(workspace, '.release-dist', 'che_2', 'game-frontend'), { recursive: true });
|
||||
|
||||
@@ -6,6 +6,7 @@ import {
|
||||
buildProfileFrontendCommands,
|
||||
buildProfileMigrationCommand,
|
||||
buildProcessDefinitions,
|
||||
buildSharedProfileFrontendCommands,
|
||||
buildWorkspaceCommands,
|
||||
planProfileReconcile,
|
||||
resolveResetLifecycleStatus,
|
||||
@@ -464,3 +465,43 @@ describe('buildProfileFrontendCommands', () => {
|
||||
);
|
||||
});
|
||||
});
|
||||
|
||||
describe('buildSharedProfileFrontendCommands', () => {
|
||||
const buildCommitSha = '0123456789abcdef0123456789abcdef01234567';
|
||||
|
||||
it('uses one profile-neutral relative-asset build cache key for every profile', () => {
|
||||
const commands = buildSharedProfileFrontendCommands(
|
||||
'/srv/sammo/worktrees/0123456789abcdef',
|
||||
buildCommitSha,
|
||||
{
|
||||
NODE_OPTIONS: '--max-old-space-size=1536',
|
||||
PROFILE_FRONTEND_BUILD_NODE_OPTIONS: '--max-old-space-size=2048',
|
||||
VITE_APP_BASE_PATH: '/che',
|
||||
VITE_GAME_API_URL: '/che/api/trpc',
|
||||
VITE_GAME_SSE_URL: '/che/api/events',
|
||||
VITE_GAME_PROFILE: 'che',
|
||||
VITE_GATEWAY_API_URL: '/gateway/api/trpc',
|
||||
},
|
||||
'/srv/sammo/controller'
|
||||
);
|
||||
|
||||
expect(commands).toHaveLength(1);
|
||||
expect(commands[0]?.env).toMatchObject({
|
||||
NODE_OPTIONS: '--max-old-space-size=2048',
|
||||
VITE_ASSET_BASE_PATH: './',
|
||||
VITE_BUILD_COMMIT_SHA: buildCommitSha,
|
||||
VITE_GATEWAY_API_URL: '/gateway/api/trpc',
|
||||
});
|
||||
expect(commands[0]?.env).not.toHaveProperty('VITE_APP_BASE_PATH');
|
||||
expect(commands[0]?.env).not.toHaveProperty('VITE_GAME_API_URL');
|
||||
expect(commands[0]?.env).not.toHaveProperty('VITE_GAME_SSE_URL');
|
||||
expect(commands[0]?.env).not.toHaveProperty('VITE_GAME_PROFILE');
|
||||
expect(commands[0]?.args).toContain('--cache-dir=/srv/sammo/controller/.turbo/release-cache');
|
||||
});
|
||||
|
||||
it('rejects a non-commit shared build version', () => {
|
||||
expect(() => buildSharedProfileFrontendCommands('/srv/sammo/worktrees/main', 'main')).toThrow(
|
||||
'Shared profile frontend build requires a full commit SHA.'
|
||||
);
|
||||
});
|
||||
});
|
||||
|
||||
@@ -37,17 +37,21 @@ const createReleaseWorkspace = async (): Promise<string> => {
|
||||
components: ['game-api', 'game-engine', 'game-frontend'],
|
||||
})
|
||||
);
|
||||
await fs.mkdir(path.join(workspace, '.release-dist', 'che_1010', 'game-frontend', 'assets'), {
|
||||
await fs.mkdir(path.join(workspace, 'app', 'game-frontend', '.release-build', 'assets'), {
|
||||
recursive: true,
|
||||
});
|
||||
await fs.writeFile(
|
||||
path.join(workspace, '.release-dist', 'che_1010', 'game-frontend', 'index.html'),
|
||||
'<!doctype html><title>static profile</title>'
|
||||
path.join(workspace, 'app', 'game-frontend', '.release-build', 'index.html'),
|
||||
'<!doctype html><title>static profile</title><script type="module" src="./assets/app-deadbeef.js"></script>'
|
||||
);
|
||||
await fs.writeFile(
|
||||
path.join(workspace, '.release-dist', 'che_1010', 'game-frontend', 'assets', 'app-deadbeef.js'),
|
||||
path.join(workspace, 'app', 'game-frontend', '.release-build', 'assets', 'app-deadbeef.js'),
|
||||
'console.log("static")'
|
||||
);
|
||||
await fs.writeFile(
|
||||
path.join(workspace, 'app', 'game-frontend', '.release-build', 'deployment-version.json'),
|
||||
`${JSON.stringify({ buildCommitSha: SHA })}\n`
|
||||
);
|
||||
return workspace;
|
||||
};
|
||||
|
||||
@@ -215,12 +219,12 @@ describe('profile DEPLOY operation', () => {
|
||||
expect(commandGroups[0]?.[2]?.args).toContain('build:release');
|
||||
expect(commandGroups[0]?.[2]?.args).toContain('--cache-dir=/srv/sammo/controller/.turbo/release-cache');
|
||||
expect(commandGroups[0]?.[2]?.args).toContain('--concurrency=1');
|
||||
expect(commandGroups[0]?.[3]?.args).toEqual([
|
||||
'tools/build-scripts/materialize-profile-frontend.mjs',
|
||||
'che:1010',
|
||||
]);
|
||||
expect(commandGroups[0]?.[2]?.env?.VITE_BUILD_COMMIT_SHA).toBe(SHA);
|
||||
expect(commandGroups[0]?.[3]?.env?.VITE_BUILD_COMMIT_SHA).toBe(SHA);
|
||||
expect(commandGroups[0]?.[2]?.env?.VITE_ASSET_BASE_PATH).toBe('./');
|
||||
expect(commandGroups[0]?.[2]?.env).not.toHaveProperty('VITE_APP_BASE_PATH');
|
||||
expect(commandGroups[0]?.[2]?.env).not.toHaveProperty('VITE_GAME_API_URL');
|
||||
expect(commandGroups[0]?.[2]?.env).not.toHaveProperty('VITE_GAME_SSE_URL');
|
||||
expect(commandGroups[0]?.[2]?.env).not.toHaveProperty('VITE_GAME_PROFILE');
|
||||
expect(commandGroups[1]?.map((command) => command.args)).toEqual([
|
||||
['--filter', '@sammo-ts/infra', 'prisma:migrate:deploy:game'],
|
||||
]);
|
||||
@@ -255,6 +259,6 @@ describe('profile DEPLOY operation', () => {
|
||||
expect([...running].sort()).toEqual([...backendProcessNames].sort());
|
||||
expect(
|
||||
await fs.readFile(path.join(workspace, 'artifact-volume', 'che', 'current', 'index.html'), 'utf8')
|
||||
).toContain('static profile');
|
||||
).toContain('/gateway/profile-assets/');
|
||||
});
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user