@atlashub/smartstack-cli 3.26.0 → 3.28.0

package/templates/skills/ralph-loop/steps/step-05-report.md

@@ -70,7 +70,57 @@ if [ -d "$TEST_PROJECT" ]; then
 fi
 ```
 
-### 1e. Final DB Validation (if infrastructure/migration tasks were executed)
+### 1e. Frontend Quality Metrics (if frontend tasks were executed)
+
+```bash
+WEB_SRC=$(find . -name "App.tsx" -not -path "*/node_modules/*" -exec dirname {} \; 2>/dev/null | head -1)
+if [ -n "$WEB_SRC" ]; then
+  PAGE_DIR="$WEB_SRC/pages"
+  HOOK_DIR="$WEB_SRC/hooks"
+  COMP_DIR="$WEB_SRC/components"
+  I18N_DIR="$WEB_SRC/i18n/locales"
+
+  # Count metrics
+  PAGE_COUNT=$(find "$PAGE_DIR" -name "*.tsx" ! -name "*.test.tsx" 2>/dev/null | wc -l)
+  TEST_COUNT=$(find "$PAGE_DIR" -name "*.test.tsx" 2>/dev/null | wc -l)
+  HOOK_COUNT=$(find "$HOOK_DIR" -name "*.ts" -o -name "*.tsx" 2>/dev/null | wc -l)
+
+  # Quality checks
+  RAW_TABLES=$(grep -rl '<table[\s>]' "$PAGE_DIR" --include="*.tsx" 2>/dev/null | wc -l)
+  HARDCODED_COLORS=$(grep -rl '(?:bg|text|border)-(?:red|blue|green|gray|slate)-\d{2,3}' "$PAGE_DIR" "$COMP_DIR" --include="*.tsx" 2>/dev/null | wc -l)
+  CSS_VARS=$(grep -rl 'var(--' "$PAGE_DIR" "$COMP_DIR" --include="*.tsx" 2>/dev/null | wc -l)
+  WINDOW_CONFIRM=$(grep -rl 'window\.confirm' "$PAGE_DIR" --include="*.tsx" 2>/dev/null | wc -l)
+  HARDCODED_TEXT=$(grep -rl '>\s*\(Create\|Edit\|Delete\|Save\|Cancel\)\s*<' "$PAGE_DIR" --include="*.tsx" 2>/dev/null | wc -l)
+  USE_TRANSLATION=$(grep -rl 'useTranslation' "$PAGE_DIR" --include="*.tsx" 2>/dev/null | wc -l)
+  SMART_TABLE=$(grep -rl 'SmartTable\|DataTable' "$PAGE_DIR" --include="*.tsx" 2>/dev/null | wc -l)
+
+  # i18n coverage
+  I18N_LANGS=0
+  for LANG in fr en it de; do
+    [ -d "$I18N_DIR/$LANG" ] && I18N_LANGS=$((I18N_LANGS + 1))
+  done
+fi
+```
+
+Include frontend metrics in report section:
+```markdown
+## Frontend Quality
+| Metric | Value | Target |
+|--------|-------|--------|
+| Pages | {PAGE_COUNT} | — |
+| Tests | {TEST_COUNT} | ≥ {PAGE_COUNT/3} |
+| Hooks | {HOOK_COUNT} | — |
+| SmartTable/DataTable usage | {SMART_TABLE} files | All list pages |
+| Raw HTML tables | {RAW_TABLES} files | 0 |
+| CSS variable usage | {CSS_VARS} files | All TSX files |
+| Hardcoded colors | {HARDCODED_COLORS} files | 0 |
+| useTranslation() usage | {USE_TRANSLATION} files | All page files |
+| Hardcoded English text | {HARDCODED_TEXT} files | 0 |
+| window.confirm() usage | {WINDOW_CONFIRM} files | 0 |
+| i18n languages | {I18N_LANGS}/4 | 4 |
+```
+
+### 1f. Final DB Validation (if infrastructure/migration tasks were executed)
 
 ```bash
 INFRA_PROJECT=$(ls src/*Infrastructure*/*.csproj 2>/dev/null | head -1)