perf: 프로필 프런트엔드 자산을 커밋 단위로 공유한다

정적 운영 빌드에서 프로필별 base와 API 설정을 런타임 JSON으로 분리하고, 공용 Vite 번들과 sourcemap을 한 번만 생성·게시한다. Preview와 기존 정적 artifact의 전환 호환 경계는 유지한다.
2026-08-22 17:54:43 +00:00
parent ecc8721238
commit ade543f936
24 changed files with 628 additions and 79 deletions
@@ -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');
+    });
 });