## 소스맵 노출 차단 (공개 이슈 )
배포본에 .map 이 포함돼 원본 TS/TSX 전문(sourcesContent, 한글 주석 포함)이
그대로 노출됐다. 생성·서빙·저장소 유입 3계층을 모두 막는다.
- 빌드 config 15곳(코어 3 + _bundled 12): sourcemap 하드코딩 제거.
G7_BUILD_SOURCEMAP 판정식으로 교체 — 미설정(로컬 npm run build)이면 생성해
개발 디버깅 경험을 보존하고, 0 이면 미생성.
- Build{Core,Module,Plugin,Template}Command: 죽어 있던 --production 플래그 복구.
$productionMode 를 콘솔 문자열에만 쓰고 npm 프로세스에 env 를 넘기지 않아
산출물이 개발 빌드와 동일했다. runNpmCommand 에 $env 를 추가해 주입
(--watch 에는 미주입). Symfony Process 는 부모 환경에 병합하므로 PATH 유실 없음.
- Allowed{Module,Plugin}FileType / {Module,Plugin}Service::getMimeType:
허용 확장자 map 제거 — 익명 200 서빙 차단(템플릿은 원래 미허용, 3종 정책 일치).
- ExtensionBundleService: CSS 번들의 /*# sourceMappingURL=... */ strip 추가.
CSS 는 블록 주석이라 JS 의 //# 패턴으로는 검출되지 않던 구멍.
- 추적 .map 13개 삭제 + .gitignore 전역 *.map 규칙(경로 한정 시 새 확장에서 누락).
실측: 산출 JS 의 sourceMappingURL 13 → 0, 추적 .map 13 → 0,
확장 디렉토리 npm run build 는 여전히 map 생성(개발 경험 회귀 없음).
## 관리자 환경설정 탭 지연 로딩
코어/이커머스/게시판 환경설정 화면이 진입 즉시 전 탭의 데이터소스를 한꺼번에
호출했다. 각 데이터소스에 활성 탭 조건(if)을 걸어 해당 탭에서만 fetch 하도록
변경하고, 결제 플러그인 3종의 테스트모드 상태 조회도 주문설정 탭으로 한정.
## 동반 결함 수정 (무관 결함 — 재발 방지 목적으로 같은 세션 처리)
- 나이스페이먼츠: 체크아웃 캐시 프리페치가 라우트를 가리지 않아 플러그인 번들이
로드되는 모든 페이지(홈/게시판/로그인)에서 주문서를 조회 → 비회원 매번 422.
형제 플러그인(kginicis)의 기존 가드 패턴을 적용해 체크아웃 경로로 한정.
- admin smoke 8건: 대부분 구현이 아니라 테스트 결함이었다 — URL 오타(단수 board),
존재하지 않는 권한키, 앱 로케일이 en 인데 한국어 라벨 로케이터, DataGrid 버튼을
먼저 잡던 휴리스틱 로케이터. 레이아웃에는 sticky className / 안정 id 를 부여.
- PHPDoc ↔ Pint 충돌 3건: 설명 없는 @param 은 no_superfluous_phpdoc_tags 가
삭제해 audit phpdoc-public-method 와 무한 충돌. 한국어 설명을 붙여 양쪽 충족
(리스너 3종의 설명 누락 메서드도 전수 보강).
- Log::spy 500 3건: spy 가 Log::channel('activity') 를 null 로 만들고
logActivity 가 null->info 로 \Error → 같은 줄 catch(\Exception) 은 못 잡아
통과. 운영에선 채널이 항상 로거이므로 제품 무결 → 테스트에 activity 채널
보존 헬퍼 추가.
- NhnKcpApiServiceTest 5건: 스텁이 Unix 바이너리만 만들어 Windows 분기
(pp_cli_exe.exe)에서만 실패. #!/bin/sh 는 Windows 실행 불가 → 파일 내 기존
컨벤션대로 skip 가드.
## 테스트
- 소스맵 범위 130 passed (신규: BuildCommandSourcemapEnv, NoSourcemapArtifacts,
ExtensionBundleService CSS strip, Allowed*FileType 반전, 자산 서빙 거부)
- 결제 3플러그인 505 passed / 0 failed (skipped 9 = Windows 전용 CLI, 사유 명시)
- 나이스페이먼츠 프론트 38 passed (가드 제거 시 red 실증 후 복원)
- E2E: production-sourcemap-exposure.spec.ts 6건 + 시나리오 매니페스트
버전: sirsoft-admin_basic 1.0.2 → 1.0.3, sirsoft-board 1.0.1 → 1.0.2
(각 manifest/package/lock/composer 동기화). 코어 7.0.4 는 미출시 누적.
389 lines
14 KiB
PHP
389 lines
14 KiB
PHP
<?php
|
|
|
|
namespace App\Console\Commands\Core;
|
|
|
|
use App\Extension\Traits\ClearsTemplateCaches;
|
|
use Illuminate\Console\Command;
|
|
use Illuminate\Support\Facades\Log;
|
|
use Symfony\Component\Process\Process;
|
|
|
|
class BuildCoreCommand extends Command
|
|
{
|
|
use ClearsTemplateCaches;
|
|
|
|
/**
|
|
* The name and signature of the console command.
|
|
*/
|
|
protected $signature = 'core:build
|
|
{--watch : 파일 변경 감시 모드}
|
|
{--production : 프로덕션 빌드}
|
|
{--full : 전체 빌드 (npm run build)}';
|
|
|
|
/**
|
|
* The console command description.
|
|
*/
|
|
protected $description = '그누보드7 코어 프론트엔드 에셋을 빌드합니다';
|
|
|
|
/**
|
|
* Execute the console command.
|
|
*
|
|
* @return int 명령 실행 결과 코드
|
|
*/
|
|
public function handle(): int
|
|
{
|
|
$watchMode = $this->option('watch');
|
|
$productionMode = $this->option('production');
|
|
$full = $this->option('full');
|
|
|
|
try {
|
|
$projectPath = base_path();
|
|
$packageJsonPath = $projectPath.'/package.json';
|
|
|
|
// package.json 존재 확인
|
|
if (! file_exists($packageJsonPath)) {
|
|
$this->error('❌ package.json 파일이 없습니다.');
|
|
|
|
return Command::FAILURE;
|
|
}
|
|
|
|
// node_modules 확인 및 설치
|
|
if (! is_dir($projectPath.'/node_modules')) {
|
|
$this->info('📦 의존성 설치 중...');
|
|
$installResult = $this->runNpmCommand(['npm', 'install'], $projectPath);
|
|
|
|
if ($installResult !== Command::SUCCESS) {
|
|
$this->error('❌ npm install 실패');
|
|
|
|
return Command::FAILURE;
|
|
}
|
|
}
|
|
|
|
// 빌드 유형 결정: 기본은 템플릿 엔진만 빌드
|
|
if ($full) {
|
|
return $this->buildFull($projectPath, $watchMode, $productionMode);
|
|
}
|
|
|
|
return $this->buildEngineOnly($projectPath, $watchMode, $productionMode);
|
|
|
|
} catch (\Exception $e) {
|
|
$this->error('❌ '.$e->getMessage());
|
|
Log::error('코어 빌드 실패', [
|
|
'error' => $e->getMessage(),
|
|
]);
|
|
|
|
return Command::FAILURE;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 템플릿 엔진만 빌드 (build:core)
|
|
*
|
|
* @param string $projectPath 프로젝트 경로
|
|
* @param bool $watchMode 파일 감시 모드
|
|
* @param bool $productionMode 프로덕션 빌드
|
|
* @return int 명령 실행 결과 코드
|
|
*/
|
|
private function buildEngineOnly(string $projectPath, bool $watchMode, bool $productionMode): int
|
|
{
|
|
// 감시 모드: 엔진 번들 + 편집기 번들(layout-editor.min.js)을 각각 vite --watch 로
|
|
// 병렬 감시한다. (기존 dev 서버는 코어 lib 를 빌드하지 않으므로 사용 불가)
|
|
if ($watchMode) {
|
|
$this->info('👀 파일 감시 모드로 코어 빌드 시작 (템플릿 엔진 + 레이아웃 편집기)');
|
|
$this->line(' Ctrl+C로 종료할 수 있습니다.');
|
|
|
|
return $this->runWatchBundles($projectPath);
|
|
}
|
|
|
|
// 3개 번들을 npm 스크립트로 순차 호출하므로 빌드 환경변수를 세 곳 모두에 주입한다.
|
|
$buildEnv = $this->buildEnv($productionMode);
|
|
|
|
// ── 1) 템플릿 엔진 번들 (편집기 코드 제외) ──────────────────────────────
|
|
$this->info('🔨 코어 빌드 시작 (템플릿 엔진)'.($productionMode ? ' (프로덕션)' : ''));
|
|
$engineResult = $this->runNpmCommand(['npm', 'run', 'build:core'], $projectPath, true, $buildEnv);
|
|
|
|
if ($engineResult !== Command::SUCCESS) {
|
|
return $engineResult;
|
|
}
|
|
|
|
// ── 2) 레이아웃 편집기 번들 (lazy, /admin/layout-editor/* 진입 시 로드) ──
|
|
$this->info('🔨 코어 빌드 시작 (레이아웃 편집기)'.($productionMode ? ' (프로덕션)' : ''));
|
|
$editorResult = $this->runNpmCommand(['npm', 'run', 'build:core-editor'], $projectPath, true, $buildEnv);
|
|
|
|
if ($editorResult !== Command::SUCCESS) {
|
|
$this->error('❌ 레이아웃 편집기 번들 빌드 실패');
|
|
|
|
return $editorResult;
|
|
}
|
|
|
|
// ── 3) DevTools 번들 (lazy, 디버그 모드에서만 로드) ──
|
|
$this->info('🔨 코어 빌드 시작 (DevTools)'.($productionMode ? ' (프로덕션)' : ''));
|
|
$devtoolsResult = $this->runNpmCommand(['npm', 'run', 'build:core-devtools'], $projectPath, true, $buildEnv);
|
|
|
|
if ($devtoolsResult !== Command::SUCCESS) {
|
|
$this->error('❌ DevTools 번들 빌드 실패');
|
|
|
|
return $devtoolsResult;
|
|
}
|
|
|
|
$this->info('✅ 코어 빌드 완료 (템플릿 엔진 + 레이아웃 편집기 + DevTools)');
|
|
$this->showEngineBuildResults($projectPath);
|
|
$this->incrementExtensionCacheVersion();
|
|
|
|
return Command::SUCCESS;
|
|
}
|
|
|
|
/**
|
|
* 감시 모드에서 엔진 번들 + 편집기 번들을 병렬로 vite --watch 실행합니다.
|
|
*
|
|
* @param string $projectPath 프로젝트 경로
|
|
* @return int 명령 실행 결과 코드
|
|
*/
|
|
private function runWatchBundles(string $projectPath): int
|
|
{
|
|
// 엔진 + 편집기 + DevTools 번들을 각각 vite --watch 로 병렬 감시
|
|
$bundles = [
|
|
'engine' => ['npm', 'run', 'build:core-watch'],
|
|
'editor' => ['npm', 'run', 'build:core-editor-watch'],
|
|
'devtools' => ['npm', 'run', 'build:core-devtools-watch'],
|
|
];
|
|
|
|
/** @var array<string, Process> $processes */
|
|
$processes = [];
|
|
|
|
foreach ($bundles as $label => $command) {
|
|
if (PHP_OS_FAMILY === 'Windows') {
|
|
$command = array_merge(['cmd', '/c'], $command);
|
|
}
|
|
|
|
$process = new Process($command);
|
|
$process->setWorkingDirectory($projectPath);
|
|
$process->setTimeout(null);
|
|
$process->start(function ($type, $buffer) use ($label) {
|
|
$this->output->write("[{$label}] ".$buffer);
|
|
});
|
|
|
|
$processes[$label] = $process;
|
|
}
|
|
|
|
// 하나라도 실행 중이면 계속 대기 (Ctrl+C 로 종료)
|
|
do {
|
|
$anyRunning = false;
|
|
foreach ($processes as $process) {
|
|
if ($process->isRunning()) {
|
|
$anyRunning = true;
|
|
}
|
|
}
|
|
usleep(100000); // 100ms
|
|
} while ($anyRunning);
|
|
|
|
return Command::SUCCESS;
|
|
}
|
|
|
|
/**
|
|
* 전체 빌드
|
|
*
|
|
* @param string $projectPath 프로젝트 경로
|
|
* @param bool $watchMode 파일 감시 모드
|
|
* @param bool $productionMode 프로덕션 빌드
|
|
* @return int 명령 실행 결과 코드
|
|
*/
|
|
private function buildFull(string $projectPath, bool $watchMode, bool $productionMode): int
|
|
{
|
|
$buildCommand = ['npm', 'run'];
|
|
|
|
if ($watchMode) {
|
|
$buildCommand[] = 'dev';
|
|
$this->info('👀 파일 감시 모드로 코어 빌드 시작 (전체)');
|
|
$this->line(' Ctrl+C로 종료할 수 있습니다.');
|
|
} else {
|
|
$buildCommand[] = 'build';
|
|
$this->info('🔨 코어 빌드 시작 (전체)'.($productionMode ? ' (프로덕션)' : ''));
|
|
}
|
|
|
|
// 감시 모드에는 소스맵 억제를 주입하지 않는다 — 개발 중 디버깅 필요
|
|
$result = $this->runNpmCommand(
|
|
$buildCommand,
|
|
$projectPath,
|
|
! $watchMode,
|
|
$watchMode ? [] : $this->buildEnv($productionMode)
|
|
);
|
|
|
|
if ($result === Command::SUCCESS && ! $watchMode) {
|
|
$this->info('✅ 코어 빌드 완료 (전체)');
|
|
$this->showFullBuildResults($projectPath);
|
|
$this->incrementExtensionCacheVersion();
|
|
}
|
|
|
|
return $result;
|
|
}
|
|
|
|
/**
|
|
* 템플릿 엔진 빌드 결과 출력
|
|
*
|
|
* @param string $projectPath 프로젝트 경로
|
|
*/
|
|
private function showEngineBuildResults(string $projectPath): void
|
|
{
|
|
$corePath = $projectPath.'/public/build/core';
|
|
|
|
if (! is_dir($corePath)) {
|
|
return;
|
|
}
|
|
|
|
$this->line(' 빌드 결과:');
|
|
|
|
// template-engine.min.js 확인 (일반 페이지 초기 로드 = 이 번들만)
|
|
$engineFile = $corePath.'/template-engine.min.js';
|
|
if (file_exists($engineFile)) {
|
|
$fileSize = number_format(filesize($engineFile) / 1024, 2);
|
|
$this->line(" - template-engine.min.js ({$fileSize} KB)");
|
|
}
|
|
|
|
// layout-editor.min.js 확인 (편집기 lazy 번들, /admin/layout-editor/* 진입 시 로드)
|
|
$editorFile = $corePath.'/layout-editor.min.js';
|
|
if (file_exists($editorFile)) {
|
|
$fileSize = number_format(filesize($editorFile) / 1024, 2);
|
|
$this->line(" - layout-editor.min.js ({$fileSize} KB, lazy)");
|
|
}
|
|
|
|
// devtools.min.js 확인 (DevTools lazy 번들, 디버그 모드에서만 로드)
|
|
$devtoolsFile = $corePath.'/devtools.min.js';
|
|
if (file_exists($devtoolsFile)) {
|
|
$fileSize = number_format(filesize($devtoolsFile) / 1024, 2);
|
|
$this->line(" - devtools.min.js ({$fileSize} KB, lazy/debug)");
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 전체 빌드 결과 출력
|
|
*
|
|
* @param string $projectPath 프로젝트 경로
|
|
*/
|
|
private function showFullBuildResults(string $projectPath): void
|
|
{
|
|
$buildPath = $projectPath.'/public/build';
|
|
|
|
if (! is_dir($buildPath)) {
|
|
return;
|
|
}
|
|
|
|
$this->line(' 빌드 결과:');
|
|
|
|
// manifest.json 확인
|
|
$manifestPath = $buildPath.'/manifest.json';
|
|
if (file_exists($manifestPath)) {
|
|
$manifest = json_decode(file_get_contents($manifestPath), true);
|
|
if ($manifest) {
|
|
foreach ($manifest as $source => $info) {
|
|
if (is_array($info) && isset($info['file'])) {
|
|
$filePath = $buildPath.'/'.$info['file'];
|
|
if (file_exists($filePath)) {
|
|
$fileName = $info['file'];
|
|
$fileSize = number_format(filesize($filePath) / 1024, 2);
|
|
$this->line(" - {$fileName} ({$fileSize} KB)");
|
|
}
|
|
}
|
|
}
|
|
}
|
|
} else {
|
|
// manifest가 없으면 직접 파일 탐색
|
|
$this->scanBuildFiles($buildPath, 'assets');
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 빌드 파일 스캔 및 출력
|
|
*
|
|
* @param string $buildPath 빌드 경로
|
|
* @param string $subDir 하위 디렉토리
|
|
*/
|
|
private function scanBuildFiles(string $buildPath, string $subDir): void
|
|
{
|
|
$assetsPath = $buildPath.'/'.$subDir;
|
|
|
|
if (! is_dir($assetsPath)) {
|
|
return;
|
|
}
|
|
|
|
$files = scandir($assetsPath);
|
|
foreach ($files as $file) {
|
|
if ($file === '.' || $file === '..') {
|
|
continue;
|
|
}
|
|
|
|
$filePath = $assetsPath.'/'.$file;
|
|
if (is_file($filePath)) {
|
|
$fileName = $subDir.'/'.$file;
|
|
$fileSize = number_format(filesize($filePath) / 1024, 2);
|
|
$this->line(" - {$fileName} ({$fileSize} KB)");
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 빌드 프로세스에 주입할 환경변수를 구성합니다.
|
|
*
|
|
* 프로덕션 빌드에서는 소스맵을 생성하지 않습니다. 배포 산출물에 원본 코드가
|
|
* 포함되는 것을 막기 위함이며, 각 vite config 가 이 값을 읽습니다.
|
|
*
|
|
* @param bool $productionMode 프로덕션 빌드 여부
|
|
* @return array<string, string> Process 에 주입할 환경변수
|
|
*/
|
|
private function buildEnv(bool $productionMode): array
|
|
{
|
|
return $productionMode ? ['G7_BUILD_SOURCEMAP' => '0'] : [];
|
|
}
|
|
|
|
/**
|
|
* npm 명령 실행
|
|
*
|
|
* @param array $command 실행할 명령
|
|
* @param string $cwd 작업 디렉토리
|
|
* @param bool $waitForCompletion 완료 대기 여부
|
|
* @param array<string, string> $env 추가로 주입할 환경변수 (부모 환경에 병합됨)
|
|
* @return int 명령 실행 결과 코드
|
|
*/
|
|
private function runNpmCommand(array $command, string $cwd, bool $waitForCompletion = true, array $env = []): int
|
|
{
|
|
// Windows 환경에서는 cmd /c 사용
|
|
if (PHP_OS_FAMILY === 'Windows') {
|
|
$command = array_merge(['cmd', '/c'], $command);
|
|
}
|
|
|
|
$process = new Process($command);
|
|
$process->setWorkingDirectory($cwd);
|
|
|
|
// Symfony Process 는 지정한 env 를 부모 환경에 병합하므로(PATH 등 유지) 추가분만 넘긴다.
|
|
if ($env !== []) {
|
|
$process->setEnv($env);
|
|
}
|
|
$process->setTimeout(null); // 타임아웃 없음
|
|
|
|
if ($waitForCompletion) {
|
|
$process->run(function ($type, $buffer) {
|
|
// 출력 표시
|
|
if ($type === Process::ERR) {
|
|
// stderr이지만 npm은 정상 출력도 stderr로 보내므로 그냥 표시
|
|
$this->output->write($buffer);
|
|
} else {
|
|
$this->output->write($buffer);
|
|
}
|
|
});
|
|
|
|
return $process->isSuccessful() ? Command::SUCCESS : Command::FAILURE;
|
|
}
|
|
|
|
// 감시 모드: 인터럽트까지 실행
|
|
$process->start(function ($type, $buffer) {
|
|
$this->output->write($buffer);
|
|
});
|
|
|
|
// 프로세스가 실행 중인 동안 대기
|
|
while ($process->isRunning()) {
|
|
usleep(100000); // 100ms
|
|
}
|
|
|
|
return Command::SUCCESS;
|
|
}
|
|
}
|