feat: add verbose mode to survey validation script and implement error-only formatting

Author: yjose

scripts/validate-survey.ts

@@ -6,19 +6,43 @@
 
 import { SURVEY_DIR } from "../src/lib/validators/constants";
 import {
+  formatErrorsOnly,
   formatValidationReport,
   validateAllSurveyFiles
 } from "../src/lib/validators/survey-validator";
 
 async function main() {
+  // Check for --verbose flag
+  const isVerbose = process.argv.includes("--verbose");
+
   console.log("🔍 Validating survey YAML files...\n");
 
   const validationReport = validateAllSurveyFiles(SURVEY_DIR);
 
-  console.log(formatValidationReport(validationReport));
+  if (isVerbose) {
+    // Verbose mode: show full report
+    console.log(formatValidationReport(validationReport));
+  }
+  else {
+    // Default mode: show only errors or success message
+    if (validationReport.success) {
+      // No errors, just show success
+      console.log("✓ All validations passed!");
+      process.exit(0);
+    }
+    else {
+      // Show only ERROR-level issues
+      const errorsOutput = formatErrorsOnly(validationReport);
+      if (errorsOutput) {
+        console.log(errorsOutput);
+      }
+    }
+  }
 
   if (validationReport.success) {
-    console.log("\n✓ All validations passed!");
+    if (isVerbose) {
+      console.log("\n✓ All validations passed!");
+    }
     process.exit(0);
   }
   else {

src/components/google-analytics.astro

@@ -9,7 +9,7 @@ const gtagUrl = `https://www.googletagmanager.com/gtag/js?id=${id}`;
 ---
 
 <!-- Global site tag (gtag.js) - Google Analytics -->
-<script async src={gtagUrl}></script>
+<script is:inline async src={gtagUrl}></script>
 <script define:vars={{ id }} is:inline>
 window.dataLayer = window.dataLayer || [];
 function gtag(...args) {

src/lib/validators/survey-validator.ts

@@ -480,6 +480,56 @@ const colors = {
   cyan: "\x1B[36m"
 };
 
+/**
+ * Formats only ERROR-level validation issues in a concise format
+ * @param report - Validation report to format
+ * @returns Formatted string with only errors (no warnings)
+ */
+export function formatErrorsOnly(report: ValidationReport): string {
+  const lines: string[] = [];
+
+  // Collect all ERROR-level issues from file results
+  const fileErrors = report.fileResults.filter(
+    result => result.errors?.some(e => e.severity === ValidationSeverity.ERROR)
+  );
+
+  if (fileErrors.length > 0) {
+    lines.push(`${colors.red}✗ Validation errors found:${colors.reset}`);
+    lines.push("");
+
+    for (const result of fileErrors) {
+      const errors = result.errors?.filter(
+        e => e.severity === ValidationSeverity.ERROR
+      ) || [];
+
+      if (errors.length > 0) {
+        lines.push(`${colors.bright}File: ${result.filename}${colors.reset}`);
+        errors.forEach((error) => {
+          const pathInfo = error.path ? ` [${error.path}]` : "";
+          lines.push(`  ${colors.red}✗${colors.reset} ${error.message}${pathInfo}`);
+        });
+        lines.push("");
+      }
+    }
+  }
+
+  // Collect ERROR-level cross-file issues
+  const crossFileErrors = report.crossFileErrors.filter(
+    e => e.severity === ValidationSeverity.ERROR
+  );
+
+  if (crossFileErrors.length > 0) {
+    lines.push(`${colors.bright}Cross-file errors:${colors.reset}`);
+    crossFileErrors.forEach((error) => {
+      const pathInfo = error.path ? ` [${error.path}]` : "";
+      lines.push(`  ${colors.red}✗${colors.reset} ${error.message}${pathInfo}`);
+    });
+    lines.push("");
+  }
+
+  return lines.join("\n");
+}
+
 /**
  * Formats validation report as a human-readable string with colors
  * @param report - Validation report to format