@su-record/vibe 2.7.18 → 2.7.20

package/dist/tools/spec/specGenerator.js

@@ -71,45 +71,45 @@ function generateSplitSpec(prd, featureName, phases, options) {
 function buildSpecContent(prd, featureName, phases, options) {
     const { techStack = [], relatedCodePaths = [], designReference, additionalConstraints = [], additionalOutputs = [] } = options;
     const now = new Date().toISOString();
-    let content = `---
-status: pending
-currentPhase: 0
-totalPhases: ${phases.length}
-createdAt: ${now}
-lastUpdated: ${now}
----
-
-# SPEC: ${featureName}
-
-## Persona
-<role>
-Senior developer implementing ${featureName}.
-- Follow existing code patterns and conventions
-- Write testable, maintainable code
-- Consider security and performance implications
-</role>
-
-## Context
-<context>
-### Background
-${prd.description || `Implementation of ${prd.title}`}
-
-### Tech Stack
-${techStack.length > 0 ? techStack.map(t => `- ${t}`).join('\n') : '- (To be determined based on project)'}
-
-### Related Code
-${relatedCodePaths.length > 0 ? relatedCodePaths.map(p => `- \`${p}\``).join('\n') : '- (Analyze existing codebase for patterns)'}
-
-### Design Reference
-${designReference || '- (None specified)'}
-
-### Requirements Source
-- Parsed from PRD: ${prd.requirements.length} requirements
-- Format: ${prd.metadata.format}
-</context>
-
-## Task
-<task>
+    let content = `---
+status: pending
+currentPhase: 0
+totalPhases: ${phases.length}
+createdAt: ${now}
+lastUpdated: ${now}
+---
+
+# SPEC: ${featureName}
+
+## Persona
+<role>
+Senior developer implementing ${featureName}.
+- Follow existing code patterns and conventions
+- Write testable, maintainable code
+- Consider security and performance implications
+</role>
+
+## Context
+<context>
+### Background
+${prd.description || `Implementation of ${prd.title}`}
+
+### Tech Stack
+${techStack.length > 0 ? techStack.map(t => `- ${t}`).join('\n') : '- (To be determined based on project)'}
+
+### Related Code
+${relatedCodePaths.length > 0 ? relatedCodePaths.map(p => `- \`${p}\``).join('\n') : '- (Analyze existing codebase for patterns)'}
+
+### Design Reference
+${designReference || '- (None specified)'}
+
+### Requirements Source
+- Parsed from PRD: ${prd.requirements.length} requirements
+- Format: ${prd.metadata.format}
+</context>
+
+## Task
+<task>
 `;
     // Phase별 태스크 추가
     for (let i = 0; i < phases.length; i++) {
@@ -121,47 +121,47 @@ ${designReference || '- (None specified)'}
         }
         content += '\n';
     }
-    content += `</task>
-
-## Constraints
-<constraints>
-### Must Follow
-- Follow existing code patterns (ES Module, async/await)
-- Maintain backward compatibility
-- TypeScript strict mode compliance
-- No \`any\` type → Use \`unknown\` + type guards
-- Functions ≤30 lines recommended, ≤50 lines max
-- Nesting ≤3 levels
-
-### Error Handling
-- Proper try-catch with meaningful error messages
-- Loading state handling for async operations
-- User-friendly error messages
-
-### Security
-- Input validation for all user inputs
-- Authentication/authorization checks where needed
-- No sensitive data in logs
-${additionalConstraints.map(c => `\n- ${c}`).join('')}
-</constraints>
-
-## Output Format
-<output_format>
-### Files to Create
-${generateFileList(phases, 'create')}
-
-### Files to Modify
-${generateFileList(phases, 'modify')}
-
-### Verification Commands
-- \`npm run build\` (build success)
-- \`npm test\` (tests pass)
-- \`tsc --noEmit\` (type check)
-${additionalOutputs.map(o => `- ${o}`).join('\n')}
-</output_format>
-
-## Acceptance Criteria
-<acceptance>
+    content += `</task>
+
+## Constraints
+<constraints>
+### Must Follow
+- Follow existing code patterns (ES Module, async/await)
+- Maintain backward compatibility
+- TypeScript strict mode compliance
+- No \`any\` type → Use \`unknown\` + type guards
+- Functions ≤30 lines recommended, ≤50 lines max
+- Nesting ≤3 levels
+
+### Error Handling
+- Proper try-catch with meaningful error messages
+- Loading state handling for async operations
+- User-friendly error messages
+
+### Security
+- Input validation for all user inputs
+- Authentication/authorization checks where needed
+- No sensitive data in logs
+${additionalConstraints.map(c => `\n- ${c}`).join('')}
+</constraints>
+
+## Output Format
+<output_format>
+### Files to Create
+${generateFileList(phases, 'create')}
+
+### Files to Modify
+${generateFileList(phases, 'modify')}
+
+### Verification Commands
+- \`npm run build\` (build success)
+- \`npm test\` (tests pass)
+- \`tsc --noEmit\` (type check)
+${additionalOutputs.map(o => `- ${o}`).join('\n')}
+</output_format>
+
+## Acceptance Criteria
+<acceptance>
 `;
     // 요구사항별 AC 추가
     for (const req of prd.requirements) {
@@ -176,11 +176,11 @@ ${additionalOutputs.map(o => `- ${o}`).join('\n')}
         }
         content += '\n';
     }
-    content += `### Build & Test
-- [ ] \`npm run build\` succeeds
-- [ ] All tests pass
-- [ ] No TypeScript errors
-</acceptance>
+    content += `### Build & Test
+- [ ] \`npm run build\` succeeds
+- [ ] All tests pass
+- [ ] No TypeScript errors
+</acceptance>
 `;
     return content;
 }
@@ -189,53 +189,53 @@ ${additionalOutputs.map(o => `- ${o}`).join('\n')}
  */
 function buildMasterSpecContent(prd, featureName, phases, options) {
     const now = new Date().toISOString();
-    let content = `---
-status: pending
-currentPhase: 0
-totalPhases: ${phases.length}
-createdAt: ${now}
-lastUpdated: ${now}
-isMaster: true
----
-
-# SPEC: ${featureName} (Master)
-
-## Overview
-- **Feature**: ${prd.title}
-- **Total Phases**: ${phases.length}
-- **Total Requirements**: ${prd.requirements.length}
-- **Format**: Split SPEC (large scope)
-
-## Sub-SPECs
-
-| Order | SPEC File | Description | Status |
-|-------|-----------|-------------|--------|
+    let content = `---
+status: pending
+currentPhase: 0
+totalPhases: ${phases.length}
+createdAt: ${now}
+lastUpdated: ${now}
+isMaster: true
+---
+
+# SPEC: ${featureName} (Master)
+
+## Overview
+- **Feature**: ${prd.title}
+- **Total Phases**: ${phases.length}
+- **Total Requirements**: ${prd.requirements.length}
+- **Format**: Split SPEC (large scope)
+
+## Sub-SPECs
+
+| Order | SPEC File | Description | Status |
+|-------|-----------|-------------|--------|
 `;
     for (let i = 0; i < phases.length; i++) {
         const phase = phases[i];
         const fileName = `phase-${i + 1}-${normalizeFileName(phase.name)}.md`;
         content += `| ${i + 1} | ${fileName} | ${phase.name} | ⬜ |\n`;
     }
-    content += `
-## Shared Context
-
-### Tech Stack
-${options.techStack?.map(t => `- ${t}`).join('\n') || '- (See project configuration)'}
-
-### Constraints (Apply to All Phases)
-- Follow existing code patterns
-- TypeScript strict mode
-- No \`any\` type
-- Functions ≤50 lines max
-${options.additionalConstraints?.map(c => `- ${c}`).join('\n') || ''}
-
-## Execution Order
-\`\`\`
-${phases.map((p, i) => `Phase ${i + 1}: ${p.name}`).join(' → ')}
-\`\`\`
-
-## Dependencies
-${generateDependencyList(phases)}
+    content += `
+## Shared Context
+
+### Tech Stack
+${options.techStack?.map(t => `- ${t}`).join('\n') || '- (See project configuration)'}
+
+### Constraints (Apply to All Phases)
+- Follow existing code patterns
+- TypeScript strict mode
+- No \`any\` type
+- Functions ≤50 lines max
+${options.additionalConstraints?.map(c => `- ${c}`).join('\n') || ''}
+
+## Execution Order
+\`\`\`
+${phases.map((p, i) => `Phase ${i + 1}: ${p.name}`).join(' → ')}
+\`\`\`
+
+## Dependencies
+${generateDependencyList(phases)}
 `;
     return content;
 }
@@ -244,54 +244,54 @@ ${generateDependencyList(phases)}
  */
 function buildPhaseSpecContent(prd, featureName, phase, phaseNumber, totalPhases, options) {
     const now = new Date().toISOString();
-    let content = `---
-status: pending
-phase: ${phaseNumber}
-totalPhases: ${totalPhases}
-masterSpec: _index.md
-createdAt: ${now}
-lastUpdated: ${now}
----
-
-# SPEC: ${featureName} - Phase ${phaseNumber}: ${phase.name}
-
-## Persona
-<role>
-Developer implementing Phase ${phaseNumber} of ${featureName}.
-- Focus on ${phase.name}
-- Follow project conventions
-- Write testable code
-</role>
-
-## Context
-<context>
-### Phase Goal
-${getPhaseGoal(phase)}
-
-### Requirements (${phase.requirements.length})
-${phase.requirements.map(r => `- ${r.id}: ${truncateText(r.description, 50)}`).join('\n')}
-
-### Dependencies
-${phaseNumber > 1 ? `- Requires Phase ${phaseNumber - 1} completion` : '- No dependencies (first phase)'}
-</context>
-
-## Task
-<task>
+    let content = `---
+status: pending
+phase: ${phaseNumber}
+totalPhases: ${totalPhases}
+masterSpec: _index.md
+createdAt: ${now}
+lastUpdated: ${now}
+---
+
+# SPEC: ${featureName} - Phase ${phaseNumber}: ${phase.name}
+
+## Persona
+<role>
+Developer implementing Phase ${phaseNumber} of ${featureName}.
+- Focus on ${phase.name}
+- Follow project conventions
+- Write testable code
+</role>
+
+## Context
+<context>
+### Phase Goal
+${getPhaseGoal(phase)}
+
+### Requirements (${phase.requirements.length})
+${phase.requirements.map(r => `- ${r.id}: ${truncateText(r.description, 50)}`).join('\n')}
+
+### Dependencies
+${phaseNumber > 1 ? `- Requires Phase ${phaseNumber - 1} completion` : '- No dependencies (first phase)'}
+</context>
+
+## Task
+<task>
 `;
     for (const task of phase.tasks) {
         content += `1. [ ] ${task}\n`;
     }
-    content += `</task>
-
-## Acceptance Criteria
-<acceptance>
+    content += `</task>
+
+## Acceptance Criteria
+<acceptance>
 `;
     for (const req of phase.requirements) {
         content += `- [ ] ${req.id}: ${truncateText(req.description, 60)}\n`;
     }
-    content += `- [ ] Phase ${phaseNumber} build succeeds
-- [ ] Phase ${phaseNumber} tests pass
-</acceptance>
+    content += `- [ ] Phase ${phaseNumber} build succeeds
+- [ ] Phase ${phaseNumber} tests pass
+</acceptance>
 `;
     return content;
 }
@@ -384,11 +384,11 @@ function getPhaseGoal(phase) {
 function generateFileList(phases, type) {
     // 실제로는 요구사항을 분석해서 추론해야 하지만, 기본 템플릿 제공
     if (type === 'create') {
-        return `- (To be determined based on implementation)
-- \`src/[feature]/index.ts\`
+        return `- (To be determined based on implementation)
+- \`src/[feature]/index.ts\`
 - \`src/[feature]/[feature].test.ts\``;
     }
-    return `- (Analyze existing codebase)
+    return `- (Analyze existing codebase)
 - Relevant existing files`;
 }
 /**

package/dist/tools/spec/traceabilityMatrix.js

@@ -116,74 +116,74 @@ export function formatMatrixAsMarkdown(matrix) {
  * 매트릭스를 HTML로 출력
  */
 export function formatMatrixAsHtml(matrix) {
-    let html = `<!DOCTYPE html>
-<html>
-<head>
-  <title>RTM: ${matrix.featureName}</title>
-  <style>
-    body { font-family: -apple-system, BlinkMacSystemFont, sans-serif; margin: 2rem; }
-    table { border-collapse: collapse; width: 100%; }
-    th, td { border: 1px solid #ddd; padding: 8px; text-align: left; }
-    th { background: #f5f5f5; }
-    .full { background: #d4edda; }
-    .partial { background: #fff3cd; }
-    .none { background: #f8d7da; }
-    .summary { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin: 1rem 0; }
-    .summary-card { padding: 1rem; border-radius: 8px; background: #f5f5f5; }
-    .coverage-bar { height: 20px; background: #e0e0e0; border-radius: 4px; overflow: hidden; }
-    .coverage-fill { height: 100%; background: #4caf50; }
-  </style>
-</head>
-<body>
-  <h1>RTM: ${matrix.featureName}</h1>
-  <p>Generated: ${matrix.generatedAt}</p>
-
-  <div class="summary">
-    <div class="summary-card">
-      <strong>Requirements</strong><br>${matrix.summary.totalRequirements}
-    </div>
-    <div class="summary-card">
-      <strong>Feature Coverage</strong><br>${matrix.summary.featureCovered}/${matrix.summary.totalRequirements}
-    </div>
-    <div class="summary-card">
-      <strong>Test Coverage</strong><br>${matrix.summary.testCovered}/${matrix.summary.totalRequirements}
-    </div>
-    <div class="summary-card">
-      <strong>Overall</strong><br>
-      <div class="coverage-bar">
-        <div class="coverage-fill" style="width: ${matrix.summary.coveragePercent}%"></div>
-      </div>
-      ${matrix.summary.coveragePercent}%
-    </div>
-  </div>
-
-  <table>
-    <thead>
-      <tr>
-        <th>Requirement</th>
-        <th>Description</th>
-        <th>SPEC</th>
-        <th>Feature</th>
-        <th>Test</th>
-        <th>Coverage</th>
-      </tr>
-    </thead>
-    <tbody>
+    let html = `<!DOCTYPE html>
+<html>
+<head>
+  <title>RTM: ${matrix.featureName}</title>
+  <style>
+    body { font-family: -apple-system, BlinkMacSystemFont, sans-serif; margin: 2rem; }
+    table { border-collapse: collapse; width: 100%; }
+    th, td { border: 1px solid #ddd; padding: 8px; text-align: left; }
+    th { background: #f5f5f5; }
+    .full { background: #d4edda; }
+    .partial { background: #fff3cd; }
+    .none { background: #f8d7da; }
+    .summary { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin: 1rem 0; }
+    .summary-card { padding: 1rem; border-radius: 8px; background: #f5f5f5; }
+    .coverage-bar { height: 20px; background: #e0e0e0; border-radius: 4px; overflow: hidden; }
+    .coverage-fill { height: 100%; background: #4caf50; }
+  </style>
+</head>
+<body>
+  <h1>RTM: ${matrix.featureName}</h1>
+  <p>Generated: ${matrix.generatedAt}</p>
+
+  <div class="summary">
+    <div class="summary-card">
+      <strong>Requirements</strong><br>${matrix.summary.totalRequirements}
+    </div>
+    <div class="summary-card">
+      <strong>Feature Coverage</strong><br>${matrix.summary.featureCovered}/${matrix.summary.totalRequirements}
+    </div>
+    <div class="summary-card">
+      <strong>Test Coverage</strong><br>${matrix.summary.testCovered}/${matrix.summary.totalRequirements}
+    </div>
+    <div class="summary-card">
+      <strong>Overall</strong><br>
+      <div class="coverage-bar">
+        <div class="coverage-fill" style="width: ${matrix.summary.coveragePercent}%"></div>
+      </div>
+      ${matrix.summary.coveragePercent}%
+    </div>
+  </div>
+
+  <table>
+    <thead>
+      <tr>
+        <th>Requirement</th>
+        <th>Description</th>
+        <th>SPEC</th>
+        <th>Feature</th>
+        <th>Test</th>
+        <th>Coverage</th>
+      </tr>
+    </thead>
+    <tbody>
 `;
     for (const item of matrix.items) {
-        html += `      <tr class="${item.coverage}">
-        <td>${item.requirementId}</td>
-        <td>${escapeHtml(truncate(item.requirementDesc, 50))}</td>
-        <td>${item.specSection ? '✅' : '❌'}</td>
-        <td>${item.featureScenario ? '✅' : '❌'}</td>
-        <td>${item.testName ? '✅' : '❌'}</td>
-        <td>${getCoverageIcon(item.coverage)}</td>
-      </tr>
+        html += `      <tr class="${item.coverage}">
+        <td>${item.requirementId}</td>
+        <td>${escapeHtml(truncate(item.requirementDesc, 50))}</td>
+        <td>${item.specSection ? '✅' : '❌'}</td>
+        <td>${item.featureScenario ? '✅' : '❌'}</td>
+        <td>${item.testName ? '✅' : '❌'}</td>
+        <td>${getCoverageIcon(item.coverage)}</td>
+      </tr>
 `;
     }
-    html += `    </tbody>
-  </table>
-</body>
+    html += `    </tbody>
+  </table>
+</body>
 </html>`;
     return html;
 }

package/dist/tools/spec/traceabilityMatrix.test.js

@@ -8,37 +8,37 @@ import { generateTraceabilityMatrix, formatMatrixAsMarkdown, formatMatrixAsHtml,
 vi.mock('fs', () => ({
     readFileSync: vi.fn((path) => {
         if (path.includes('test-feature.md')) {
-            return `# SPEC: test-feature
-
-## Task
-
-### Phase 1: Setup
-
-1. [ ] REQ-test-001: Setup authentication
-2. [ ] REQ-test-002: Create login form
-3. [ ] REQ-test-003: Implement validation
+            return `# SPEC: test-feature
+
+## Task
+
+### Phase 1: Setup
+
+1. [ ] REQ-test-001: Setup authentication
+2. [ ] REQ-test-002: Create login form
+3. [ ] REQ-test-003: Implement validation
 `;
         }
         if (path.includes('test-feature.feature')) {
-            return `# Feature: test-feature
-
-## Scenarios
-
-### Scenario 1: User can login
-\`\`\`gherkin
-Given user is on login page
-When user enters valid credentials
-Then user is logged in
-\`\`\`
-**Verification**: REQ-test-001
-
-### Scenario 2: Validation errors
-\`\`\`gherkin
-Given user is on login page
-When user enters invalid email
-Then error message is shown
-\`\`\`
-**Verification**: REQ-test-003
+            return `# Feature: test-feature
+
+## Scenarios
+
+### Scenario 1: User can login
+\`\`\`gherkin
+Given user is on login page
+When user enters valid credentials
+Then user is logged in
+\`\`\`
+**Verification**: REQ-test-001
+
+### Scenario 2: Validation errors
+\`\`\`gherkin
+Given user is on login page
+When user enters invalid email
+Then error message is shown
+\`\`\`
+**Verification**: REQ-test-003
 `;
         }
         throw new Error(`File not found: ${path}`);