@polymorphism-tech/morph-spec 2.2.0 → 2.4.0

package/src/commands/validate-blazor.js

@@ -0,0 +1,156 @@
+/**
+ * validate-blazor command
+ *
+ * Validates Fluent UI Blazor patterns and icons in Razor files.
+ *
+ * Usage:
+ *   morph-spec validate-blazor [path]
+ *   morph-spec validate-blazor src/Components --verbose
+ */
+
+import { glob } from 'glob';
+import { readFileSync, existsSync, statSync } from 'fs';
+import { join, resolve } from 'path';
+import chalk from 'chalk';
+import ora from 'ora';
+
+import {
+  validateBlazorFile,
+  formatIssues,
+  countIssues,
+} from '../lib/blazor-validator.js';
+
+/**
+ * Main command handler for validate-blazor.
+ *
+ * @param {string} [targetPath] - Path to validate (file or directory)
+ * @param {Object} options - Command options
+ * @param {boolean} [options.verbose] - Show detailed output
+ * @param {boolean} [options.fix] - Auto-fix issues where possible
+ */
+export async function validateBlazorCommand(targetPath, options = {}) {
+  const { verbose = false } = options;
+
+  console.log('');
+  console.log(
+    chalk.cyan('\uD83D\uDD0D Validating Fluent UI Blazor patterns...')
+  );
+  console.log('');
+
+  // Determine target path
+  const basePath = targetPath ? resolve(targetPath) : process.cwd();
+
+  if (!existsSync(basePath)) {
+    console.log(chalk.red(`\u274C Path not found: ${basePath}`));
+    process.exit(1);
+  }
+
+  const spinner = ora('Scanning for Razor files...').start();
+
+  let files = [];
+
+  try {
+    const stats = statSync(basePath);
+
+    if (stats.isFile()) {
+      // Single file
+      if (
+        basePath.endsWith('.razor') ||
+        basePath.endsWith('.razor.cs') ||
+        basePath.endsWith('.cs')
+      ) {
+        files = [basePath];
+      } else {
+        spinner.fail('File must be .razor or .cs');
+        process.exit(1);
+      }
+    } else {
+      // Directory - find all Razor files
+      const pattern = join(basePath, '**/*.{razor,razor.cs}');
+      files = await glob(pattern, {
+        ignore: ['**/node_modules/**', '**/bin/**', '**/obj/**'],
+        windowsPathsNoEscape: true,
+      });
+    }
+
+    spinner.succeed(`Found ${files.length} Razor file(s)`);
+  } catch (error) {
+    spinner.fail(`Error scanning files: ${error.message}`);
+    process.exit(1);
+  }
+
+  if (files.length === 0) {
+    console.log(chalk.yellow('\n\u26A0\uFE0F No Razor files found to validate'));
+    return;
+  }
+
+  // Validate each file
+  const allIssues = [];
+  const fileResults = [];
+
+  for (const file of files) {
+    try {
+      const content = readFileSync(file, 'utf-8');
+      const issues = validateBlazorFile(content, file);
+
+      if (issues.length > 0) {
+        allIssues.push(...issues);
+        fileResults.push({ file, issues });
+      }
+    } catch (error) {
+      console.log(chalk.red(`\u274C Error reading ${file}: ${error.message}`));
+    }
+  }
+
+  // Output results
+  console.log('');
+
+  if (allIssues.length === 0) {
+    console.log(
+      chalk.green('\u2705 No issues found! All patterns look correct.')
+    );
+    console.log('');
+    return;
+  }
+
+  // Group and display issues
+  if (verbose) {
+    // Verbose: show all issues with details
+    fileResults.forEach(({ file, issues }) => {
+      console.log(chalk.white.bold(`\n${file}`));
+      console.log(chalk.gray('-'.repeat(60)));
+      console.log(formatIssues(issues));
+    });
+  } else {
+    // Compact: just list issues
+    allIssues.forEach((issue) => {
+      const icon = issue.type === 'error' ? '\u274C' : '\u26A0\uFE0F';
+      const location = issue.line ? `${issue.file}:${issue.line}` : issue.file;
+
+      console.log(`${icon} ${issue.message}`);
+      if (issue.suggestion) {
+        console.log(chalk.gray(`   \u2192 ${issue.suggestion}`));
+      }
+      console.log(chalk.dim(`   ${location}`));
+      console.log('');
+    });
+  }
+
+  // Summary
+  const { errors, warnings } = countIssues(allIssues);
+  const summaryColor = errors > 0 ? chalk.red : chalk.yellow;
+
+  console.log(chalk.gray('-'.repeat(60)));
+  console.log(
+    summaryColor(
+      `\n${files.length} arquivo(s) validado(s) | ${errors} erro(s) | ${warnings} warning(s)\n`
+    )
+  );
+
+  // Exit with error code if there are errors
+  if (errors > 0) {
+    process.exit(1);
+  }
+}
+
+export default validateBlazorCommand;

package/src/commands/validate-css.js

@@ -0,0 +1,84 @@
+/**
+ * MORPH-SPEC validate-css Command
+ *
+ * Validates that all CSS classes used in Razor files are defined in CSS files.
+ * Helps catch missing CSS definitions before runtime.
+ *
+ * Usage:
+ *   morph-spec validate-css [path]
+ *   morph-spec validate-css src/MyApp.Web
+ *   morph-spec validate-css --verbose
+ *   morph-spec validate-css --generate-stub
+ */
+
+import chalk from 'chalk';
+import { existsSync, writeFileSync } from 'fs';
+import { resolve, join } from 'path';
+import {
+  validateCssClasses,
+  formatValidationResults,
+  generateCssStub
+} from '../lib/css-validator.js';
+
+/**
+ * Execute the validate-css command
+ * @param {string} path - Project path to validate
+ * @param {Object} options - Command options
+ */
+export async function validateCssCommand(path, options = {}) {
+  const projectPath = resolve(path || '.');
+  const { verbose, generateStub, includeUtilities } = options;
+
+  // Validate path exists
+  if (!existsSync(projectPath)) {
+    console.error(chalk.red(`\n Error: Path does not exist: ${projectPath}\n`));
+    process.exit(1);
+  }
+
+  console.log(chalk.cyan('\n Validating CSS classes...\n'));
+  console.log(chalk.gray(`  Path: ${projectPath}`));
+  console.log('');
+
+  try {
+    // Run validation
+    const results = await validateCssClasses(projectPath, {
+      verbose,
+      includeUtilities
+    });
+
+    // Output results
+    const formatted = formatValidationResults(results, verbose);
+    console.log(formatted);
+
+    // Generate stub if requested
+    if (generateStub && !results.valid) {
+      const stubContent = generateCssStub(results);
+      const stubPath = join(projectPath, 'missing-classes.css');
+
+      writeFileSync(stubPath, stubContent, 'utf8');
+      console.log(chalk.green(`\n Generated stub file: ${stubPath}\n`));
+    }
+
+    // Summary with colors
+    if (results.valid) {
+      console.log(chalk.green('\n All CSS classes are properly defined!\n'));
+      process.exit(0);
+    } else {
+      console.log(chalk.yellow(`\n Found ${results.missingClasses.length} missing CSS class(es)\n`));
+
+      // Suggestions
+      console.log(chalk.cyan('Suggestions:'));
+      console.log(chalk.gray('  1. Add the missing classes to your design-system.css'));
+      console.log(chalk.gray('  2. Run with --generate-stub to create a template file'));
+      console.log(chalk.gray('  3. If using utility frameworks (Tailwind), add --include-utilities\n'));
+
+      process.exit(1);
+    }
+  } catch (error) {
+    console.error(chalk.red(`\n Error: ${error.message}\n`));
+    if (verbose) {
+      console.error(error.stack);
+    }
+    process.exit(1);
+  }
+}

package/src/commands/validate-phase.js

@@ -0,0 +1,221 @@
+/**
+ * MORPH-SPEC Phase Validator Command
+ *
+ * Validates that required previous phases have been completed before advancing.
+ * Prevents skipping phases accidentally.
+ *
+ * Usage:
+ *   morph-spec validate-phase <feature-name> <target-phase>
+ *
+ * Example:
+ *   morph-spec validate-phase scheduled-reports implement
+ */
+
+import fs from 'fs';
+import path from 'path';
+import chalk from 'chalk';
+import { loadState, getFeature } from '../lib/state-manager.js';
+
+// Phase definitions with requirements
+const PHASES = {
+  'proposal': {
+    order: 0,
+    name: 'FASE 0: PROPOSAL',
+    requiredOutputs: [],
+    description: 'Initial proposal and agent detection'
+  },
+  'setup': {
+    order: 1,
+    name: 'FASE 1: SETUP',
+    requiredOutputs: ['proposal.md'],
+    description: 'Load context and standards'
+  },
+  'uiux': {
+    order: 2,
+    name: 'FASE 1.5: UI/UX DESIGN',
+    requiredOutputs: ['proposal.md'],
+    optionalOutputs: ['ui-design-system.md', 'ui-mockups.md', 'ui-components.md', 'ui-flows.md'],
+    description: 'UI/UX design (conditional - only if frontend)',
+    optional: true
+  },
+  'design': {
+    order: 3,
+    name: 'FASE 2: DESIGN',
+    requiredOutputs: ['proposal.md'],
+    description: 'Technical specification and contracts'
+  },
+  'clarify': {
+    order: 4,
+    name: 'FASE 3: CLARIFY',
+    requiredOutputs: ['proposal.md', 'spec.md'],
+    description: 'Clarify ambiguities and edge cases'
+  },
+  'tasks': {
+    order: 5,
+    name: 'FASE 4: TASKS',
+    requiredOutputs: ['proposal.md', 'spec.md'],
+    description: 'Break down into executable tasks'
+  },
+  'implement': {
+    order: 6,
+    name: 'FASE 5: IMPLEMENT',
+    requiredOutputs: ['proposal.md', 'spec.md'],
+    description: 'Execute tasks and implement code'
+  },
+  'sync': {
+    order: 7,
+    name: 'FASE 6: SYNC',
+    requiredOutputs: ['proposal.md', 'spec.md', 'decisions.md'],
+    description: 'Sync decisions to project standards',
+    optional: true
+  }
+};
+
+/**
+ * Check if output file exists
+ */
+function checkOutput(featurePath, outputFile) {
+  const filePath = path.join(featurePath, outputFile);
+  return fs.existsSync(filePath);
+}
+
+/**
+ * Validate phase requirements
+ */
+function validatePhase(featureName, targetPhase) {
+  const featurePath = path.join(process.cwd(), '.morph/project/outputs', featureName);
+
+  // Check if feature directory exists
+  if (!fs.existsSync(featurePath)) {
+    return {
+      valid: false,
+      error: `Feature directory not found: ${featurePath}`,
+      suggestion: `Run 'morph-spec state set ${featureName} phase proposal' to start`,
+      missingOutputs: [],
+      phase: null
+    };
+  }
+
+  // Get target phase definition
+  const phaseDefinition = PHASES[targetPhase];
+  if (!phaseDefinition) {
+    return {
+      valid: false,
+      error: `Unknown phase: ${targetPhase}`,
+      validPhases: Object.keys(PHASES),
+      missingOutputs: [],
+      phase: null
+    };
+  }
+
+  // Check required outputs
+  const missingOutputs = [];
+  for (const output of phaseDefinition.requiredOutputs) {
+    if (!checkOutput(featurePath, output)) {
+      missingOutputs.push(output);
+    }
+  }
+
+  // Check state.json for current phase
+  let stateWarning = null;
+  try {
+    const feature = getFeature(featureName);
+    if (feature) {
+      const currentPhaseOrder = PHASES[feature.phase]?.order ?? -1;
+      const targetPhaseOrder = phaseDefinition.order;
+
+      if (targetPhaseOrder > currentPhaseOrder + 1) {
+        stateWarning = `Skipping phases: current is '${feature.phase}' (order ${currentPhaseOrder}), target is '${targetPhase}' (order ${targetPhaseOrder})`;
+      }
+    }
+  } catch {
+    // State file may not exist, that's OK
+  }
+
+  // Special validation: if target is 'implement', check tasks exist in state
+  if (targetPhase === 'implement') {
+    try {
+      const feature = getFeature(featureName);
+      if (feature && (!feature.tasks || feature.tasks.total === 0)) {
+        missingOutputs.push('tasks in state.json (run morph-spec task to add tasks)');
+      }
+    } catch {
+      // State file may not exist
+    }
+  }
+
+  return {
+    valid: missingOutputs.length === 0,
+    error: null,
+    missingOutputs,
+    phase: phaseDefinition,
+    featurePath,
+    stateWarning
+  };
+}
+
+/**
+ * Main command handler
+ */
+export async function validatePhaseCommand(feature, phase, options = {}) {
+  console.log(chalk.cyan('\n╔════════════════════════════════════════════════╗'));
+  console.log(chalk.cyan('║     MORPH-SPEC PHASE VALIDATOR                 ║'));
+  console.log(chalk.cyan('╚════════════════════════════════════════════════╝\n'));
+
+  const result = validatePhase(feature, phase);
+
+  console.log(chalk.gray('Feature:'), feature);
+  console.log(chalk.gray('Target Phase:'), result.phase ? result.phase.name : phase);
+
+  if (result.phase) {
+    console.log(chalk.gray('Description:'), result.phase.description);
+  }
+
+  if (result.stateWarning) {
+    console.log(chalk.yellow(`\n⚠️  Warning: ${result.stateWarning}`));
+  }
+
+  if (result.valid) {
+    console.log(chalk.green('\n✓ VALIDATION PASSED'));
+    console.log(chalk.green('  All required outputs are present.'));
+    console.log(chalk.green(`  Safe to proceed to ${result.phase.name}\n`));
+
+    if (options.verbose) {
+      console.log(chalk.gray('Required outputs found:'));
+      result.phase.requiredOutputs.forEach(output => {
+        console.log(chalk.gray(`  ✓ ${output}`));
+      });
+      console.log('');
+    }
+  } else {
+    console.log(chalk.red('\n✗ VALIDATION FAILED'));
+
+    if (result.error) {
+      console.log(chalk.red(`  Error: ${result.error}\n`));
+
+      if (result.suggestion) {
+        console.log(chalk.yellow(`  Suggestion: ${result.suggestion}\n`));
+      }
+
+      if (result.validPhases) {
+        console.log(chalk.yellow('Valid phases:'));
+        result.validPhases.forEach(p => {
+          const def = PHASES[p];
+          console.log(chalk.gray(`  - ${p}: ${def.name}${def.optional ? ' (optional)' : ''}`));
+        });
+      }
+    } else {
+      console.log(chalk.red('  Missing required outputs:'));
+      result.missingOutputs.forEach(output => {
+        console.log(chalk.gray(`  - ${output}`));
+      });
+
+      console.log(chalk.yellow(`\n  Action required:`));
+      console.log(chalk.yellow(`  Complete the missing outputs before advancing to ${result.phase.name}`));
+    }
+    console.log('');
+    process.exit(1);
+  }
+}
+
+export { PHASES, validatePhase };