scaffolding-verification

Scaffolding Verification — Post-creation checklist

Objetivo

Verificar que el scaffolding de Angular (ng new, ng generate) no dejó archivos legacy que interfieran con el desarrollo o causen errores de compilación silenciosos.

Responsable

• @package-manager (ejecución post-scaffolding)
• @build (delegación de verificación post-package-manager)

Cuándo ejecutar

• Después de cada scaffolding inicial (ng new)
• Después de ng generate component (si existe src/app/app/ legacy, puede crear dentro de él)
• Después de migraciones o refactors grandes que toquen src/app/

---

Checklist (OBLIGATORIO)

1. Estructura de directorios

ls -R src/app/

• src/app/app/ NO debe existir (componente raíz anidado)
• Si existe → rm -rf src/app/app/
• src/app/ debe contener solo archivos estándar: app.component.ts, app.config.ts, y subdirectorios (components/, services/, models/, etc.)

2. Archivos legacy planos

test -f src/app/app.ts && echo "LEGACY" || echo "OK"
test -f src/app/app.html && echo "LEGACY" || echo "OK"
test -f src/app/app.scss && echo "LEGACY" || echo "OK"

• Si algún legacy existe → rm -f src/app/app.ts src/app/app.html src/app/app.scss
• El componente raíz debe ser app.component.ts, no app.ts

3. main.ts imports correctos

grep "from.*app.component" src/main.ts

• Debe importar AppComponent, no App (del legacy app.ts)
• Si importa App → corregir import a AppComponent

4. app.spec.ts imports correctos

grep "from.*app.component" src/app/app.spec.ts

• Debe importar AppComponent, no App
• Si importa App → reescribir spec con TestBed.createComponent(AppComponent)

5. Sin selectores duplicados

grep -rn "selector:.*app-root" src/app/ | wc -l

• Debe ser exactamente 1 (solo app.component.ts)
• Si >= 2 → eliminar archivos duplicados (el legacy)

6. styleUrl vs styleUrls

grep -rn "styleUrls" src/app/ || echo "OK"

• Debe devolver 0 matches
• Si hay matches → corregir a styleUrl (singular)