5d4b339b33
Mismo layout que la ventana de escritorio: los dos lados arriba, barra de control, árbol y, debajo, las diferencias del fichero seleccionado. Mismas cadenas (inglés y español, según el idioma del navegador), mismos colores de estado y el mismo logo. - pestañas, atajos (⌘T/⌘W/⌘F, siguiente/anterior diferencia) y ventana Acerca de - árbol con chevron a ambos lados, tamaño por lado e icono del modo aplicado - filtros, búsqueda, modos de comparación y tolerancias de texto - diff lado a lado con resaltado de los caracteres que cambian y leyenda por tipo de cambio (contenido / comentarios / espacios) - carpetas y ficheros por selector o arrastrando; soltar dos rellena ambos lados - comparar texto pegado sin ficheros El árbol y el diff sólo tienen en el DOM las filas visibles: un EAR se aplana a decenas de miles y dibujarlas todas hace que el scroll se arrastre. Prueba en Chrome real (tests/smoke.mjs, 26 comprobaciones) porque compilar no demuestra que la página funcione. Encontró dos fallos de layout reales: sin min-height:0 la comparación se montaba sobre las pestañas, y un `display: flex` propio ganaba al atributo `hidden`, dejando paneles invisibles ocupando sitio. Closes #7 Co-Authored-By: Claude <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_015hEAYuHRKMYz9sSa9zmbzz
23 lines
468 B
JSON
23 lines
468 B
JSON
{
|
|
"name": "kotej-web",
|
|
"private": true,
|
|
"version": "0.1.0",
|
|
"type": "module",
|
|
"scripts": {
|
|
"dev": "vite",
|
|
"build": "tsc --noEmit && vite build",
|
|
"preview": "vite preview",
|
|
"test": "vitest run",
|
|
"smoke": "node tests/smoke.mjs"
|
|
},
|
|
"devDependencies": {
|
|
"@types/jsdom": "^28.0.3",
|
|
"fflate": "^0.8.2",
|
|
"jsdom": "^25.0.0",
|
|
"playwright": "1.55",
|
|
"typescript": "^5.6.0",
|
|
"vite": "^5.4.0",
|
|
"vitest": "^2.1.0"
|
|
}
|
|
}
|