#!/usr/bin/env node import { readFileSync } from 'node:fs'; import { execSync } from 'node:child_process'; const files = execSync('git ls-files "src/**/*.svelte"', { encoding: 'utf8' }) .split('\n') .filter(Boolean); const ARBITRARY_WHITELIST = [ /^text-\[clamp\([^)]+\)\]$/, // tipografía fluida (login, Logo) /^leading-\[[\d.]+\]$/, // leading ajustado del display gigante de login /^grid-cols-\[auto_1fr\]$/, // upload: portada + campos /^max-h-\[85dvh\]$/, // Modal /^my-\[\d+d?vh\]$/, // +error.svelte: centrado vertical de página de error /^py-\[\d+d?vh\]$/, // Explorar: centrado vertical de "sin resultados" /^transition-\[filter\]$/, // Explorar: genre-tile hover /^bg-\[image:var\(--mf-[\w-]+\)\]$/ ]; const RAW_ROUNDED = /\brounded(-(none|xs|sm|md|lg|xl|2xl|3xl))?(?![\w-])/g; const PAIRED_HW = /\b(?:([a-z0-9-]+:))?h-([\d.]+)\s+\1w-\2\b/g; const QUARTER_STEP_SPACING = /\b[a-z-]+-\d+\.(25|75)\b/g; const HEX_COLOR = /#[0-9a-fA-F]{3,8}\b/g; const RGBA_LITERAL = /\brgba?\(/g; const LUCIDE_IMPORT = /import (\w+) from '@lucide\/svelte\/icons\/[\w-]+'/g; const ICON_PIXEL_SIZE = /\bsize=\{\d+\}/; const ICON_RAW_SIZE = /\bclass="[^"]*\bsize-\d[\w.]*/; let violations = []; for (const file of files) { const content = readFileSync(file, 'utf8'); const lines = content.split('\n'); const icons = [...content.matchAll(LUCIDE_IMPORT)].map((m) => m[1]); lines.forEach((line, i) => { const lineNo = i + 1; for (const match of line.matchAll(/[a-zA-Z][a-zA-Z0-9-]*-\[[^\]]+\]/g)) { if (!ARBITRARY_WHITELIST.some((re) => re.test(match[0]))) { violations.push(`${file}:${lineNo} — arbitrario fuera de la lista blanca: \`${match[0]}\``); } } for (const icon of icons) { const tag = line.match(new RegExp(`<${icon}\\s[^>]*`)); if (!tag) continue; if (ICON_PIXEL_SIZE.test(tag[0])) { violations.push(`${file}:${lineNo} — icono con size={N}: usa una clase size-icon-*`); } if (ICON_RAW_SIZE.test(tag[0])) { violations.push(`${file}:${lineNo} — icono con size-N: usa una clase size-icon-*`); } } for (const match of line.matchAll(RAW_ROUNDED)) { violations.push(`${file}:${lineNo} — radio de Tailwind sin tokenizar: \`${match[0]}\``); } for (const match of line.matchAll(PAIRED_HW)) { violations.push(`${file}:${lineNo} — usa \`size-${match[2]}\` en vez de \`${match[0]}\``); } for (const match of line.matchAll(QUARTER_STEP_SPACING)) { violations.push( `${file}:${lineNo} — espaciado fraccionario en cuartos: \`${match[0]}\` (redondear al entero más cercano)` ); } for (const match of line.matchAll(HEX_COLOR)) { violations.push( `${file}:${lineNo} — color hex literal: \`${match[0]}\` (usa un token --mf-*)` ); } for (const match of line.matchAll(RGBA_LITERAL)) { violations.push( `${file}:${lineNo} — color rgba() literal: \`${match[0]}\` (usa un token --mf-*)` ); } }); } if (violations.length > 0) { console.error(`\n${violations.length} violación(es) del sistema de diseño:\n`); for (const v of violations) console.error(` ${v}`); console.error('\nVer la lista blanca (ARBITRARY_WHITELIST) en este script, o CLAUDE.md.\n'); process.exit(1); } console.log('check-tokens: sin violaciones.');