Validate

1/**
2 * Copyright 2026 Google LLC
3 *
4 * Licensed under the Apache License, Version 2.0 (the "License");
5 * you may not use this file except in compliance with the License.
6 * You may obtain a copy of the License at
7 *
8 *     http://www.apache.org/licenses/LICENSE-2.0
9 *
10 * Unless required by applicable law or agreed to in writing, software
11 * distributed under the License is distributed on an "AS IS" BASIS,
12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 * See the License for the specific language governing permissions and
14 * limitations under the License.
15 */
16
17import swc from '@swc/core';
18import fs from 'node:fs';
19import path from 'node:path';
20
21const HEX_COLOR_REGEX = /#[0-9A-Fa-f]{3,8}\b/;
22
23async function validateComponent(filePath) {
24  if (!filePath) {
25    console.error("Usage: node validate.js <path-to-component>");
26    process.exit(1);
27  }
28  try {
29    const code = fs.readFileSync(filePath, 'utf-8');
30    const filename = path.basename(filePath);
31    const ast = await swc.parse(code, { syntax: "typescript", tsx: true });
32    let hasInterface = false;
33    let tailwindIssues = [];
34
35    console.log("🔍 Scanning AST...");
36
37    const walk = (node) => {
38      if (!node || typeof node !== 'object') return;
39      if (Array.isArray(node)) {
40        for (const item of node) walk(item);
41        return;
42      }
43      if (typeof node.type !== 'string') return;
44      if (node.type === 'TsInterfaceDeclaration' && node.id.value.endsWith('Props')) hasInterface = true;
45      if (node.type === 'JSXAttribute' && (node.name?.value === 'className' || node.name?.name === 'className')) {
46        if (node.value?.value && HEX_COLOR_REGEX.test(node.value.value)) tailwindIssues.push(node.value.value);
47      }
48      for (const key in node) {
49        if (key === 'span') continue;
50        if (node[key] && typeof node[key] === 'object') walk(node[key]);
51      }
52    };
53    walk(ast);
54
55    console.log(`--- Validation for: ${filename} ---`);
56    if (hasInterface) {
57      console.log("✅ Props declaration found.");
58    } else {
59      console.error("❌ MISSING: Props interface (must end in 'Props').");
60    }
61
62    if (tailwindIssues.length === 0) {
63      console.log("✅ No hardcoded hex values found.");
64    } else {
65      console.error(`❌ STYLE: Found ${tailwindIssues.length} hardcoded hex codes.`);
66      tailwindIssues.forEach(hex => console.error(`   - ${hex}`));
67    }
68
69    if (hasInterface && tailwindIssues.length === 0) {
70      console.log("\n✨ COMPONENT VALID.");
71      process.exit(0);
72    } else {
73      console.error("\n🚫 VALIDATION FAILED.");
74      process.exit(1);
75    }
76  } catch (err) {
77    console.error("❌ ERROR:", err.message);
78    process.exit(1);
79  }
80}
81
82validateComponent(process.argv[2]);