svelte-kit-vice

History

dev 354d166df1 uix(code-block): temable — 0 % → 81 %, y la demo que no enseña el componente 20 claves en una entrada NUEVA de `recipes/base.ts` (no tenía). Censo 0 % → 81 %. Global 46 % → 47 %, sin contrato 46 → 45. El handoff lo llamaba «el más mecánico de los que quedan». No lo es: sus 26 knobs se parten en dos grupos con doctrinas distintas. 1. El nodo del código NO acuña nada, y la §4 pedía que lo hiciera. `[data-code-block-code]` consume la capa tipográfica `--style-code-` en sus cinco declaraciones, y las dos que pasan por privado usan la forma canónica de la escotilla por instancia (`var(--_code-block-font-size, var(--style-code-font-size))`, escrita por el wrapper desde la prop `size` y sólo si llega). Es el patrón que D-TH.2-b fijó para heading/text/code. Acuñar `code-font-family` y compañía sería el vocabulario paralelo que la regla 2 de capas prohíbe. Todo lo que entra al contrato es el CASCO alrededor. 2. Los tres `font-size` iban al primitivo crudo, y lo cazó un guard.* La propuesta copia el valor del CSS verbatim, y ese valor ya violaba `recipe-css-contract` («recipes consume the size bundle, not the raw size-coordinate primitives»): `title/lang/copy-font-size` corregidos a `var(--size-{k}-font-size)`. Los alias son 1:1 → 0 diffs tras aplicarlo. Aviso general: cuando el CSS de partida ya incumple el contrato, la propuesta generada hereda el incumplimiento. 3. Shorthand partidos: los dos `border` y el `border-bottom` de la cabecera comparten anchura y color → `border-width` + `border`; el `padding` del `<pre>` → `pre-padding`. Los `transparent` de outline/ghost y el `border: 0` de ghost son identidad de variante. El 19 % que falta son esas cinco de la capa, que el censo cuenta como `global` porque `code-block` no está en `TYPOGRAPHIC_PRIMITIVES` — es un compuesto que CONTIENE un primitivo tipográfico, no uno de ellos. Extender la clase `system` del censo a las capas sigue pendiente de tu firma; la métrica penaliza hacer lo correcto y no se fuerza de oficio. DOS HALLAZGOS QUE NO SE ARREGLAN AQUÍ (→ next-features §13): - La demo de `code-block` no enseña el `code-block`. `[data-uix-docs] pre` (`web/routes/uix/uix.css:801`) pesa (0,1,1) contra los (0,1,0) de `[data-code-block-pre]`, y `[data-uix-docs]` es el shell de TODAS las páginas. Siete propiedades del `<pre>` las pinta el harness y no la receta: padding (16px 20px contra 12px), border (1px contra ninguno), radius (8px contra 0), background (gris contra transparente), font-family, font-size (13 contra 14) y line-height (18.2 contra 20.3). El fondo, el borde y el radio que se ven ahí son del sitio. Por eso `pre-padding` lee muerto en el guard, adjudicado con esa medición. Acotar la regla toca el CSS del SITIO, que sirve a ~162 páginas: decisión aparte. - El guard de claves duplicadas del handoff inspeccionaba el VACÍO. El comando documentado usa `grep -oE "^\t…"`, y `grep -E` lee `\t` como una `t` literal: 0 coincidencias sobre 130 bloques reales, así que salía «vacío = OK» sin mirar nada — el antipatrón que el proyecto tiene registrado, dentro del propio handoff. Comprobado con un contador fiable: cero duplicados en el árbol, así que no hay daño en los commits que confiaron en él. CONTINUE queda corregido con una versión que CUENTA los bloques y avisa de que «0 bloques» significa guard roto, no fichero limpio. Artefactos y gates: - Sonda antes/después = 0 diffs en 1.305 valores × 7 estados (dos veces: tras la tokenización y tras la corrección del bundle). Determinismo verificado. - R-5.4: 19/20; `pre-padding` adjudicado con las siete propiedades medidas. - censo --only 81 % · component:audit PASS · eidos-lint invalid 0, class-hooks 0 · suite eidos de vuelta al único rojo conocido (skin-media-player) tras corregir el bundle · rtl:check 0 · docs:check 0 · check por fichero limpio. - README con su «Talla y tema» y tab `Tokens` en la demo (20 claves, en vivo). Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>	2 months ago
..
+page.svelte	uix(code-block): temable — 0 % → 81 %, y la demo que no enseña el componente	2 months ago

dev 354d166df1 uix(code-block): temable — 0 % → 81 %, y la demo que no enseña el componente

20 claves en una entrada NUEVA de `recipes/base.ts` (no tenía). Censo 0 % →
81 %. Global 46 % → 47 %, sin contrato 46 → 45.

El handoff lo llamaba «el más mecánico de los que quedan». No lo es: sus 26
knobs se parten en dos grupos con doctrinas distintas.

1. **El nodo del código NO acuña nada, y la §4 pedía que lo hiciera.**
   `[data-code-block-code]` consume la capa tipográfica `--style-code-*` en sus
   cinco declaraciones, y las dos que pasan por privado usan la forma canónica
   de la escotilla por instancia
   (`var(--_code-block-font-size, var(--style-code-font-size))`, escrita por el
   wrapper desde la prop `size` y sólo si llega). Es el patrón que D-TH.2-b
   fijó para heading/text/code. Acuñar `code-font-family` y compañía sería el
   vocabulario paralelo que la regla 2 de capas prohíbe. Todo lo que entra al
   contrato es el CASCO alrededor.
2. **Los tres `font-size` iban al primitivo crudo, y lo cazó un guard.** La
   propuesta copia el valor del CSS verbatim, y ese valor ya violaba
   `recipe-css-contract` («recipes consume the size bundle, not the raw
   size-coordinate primitives»): `title/lang/copy-font-size` corregidos a
   `var(--size-{k}-font-size)`. Los alias son 1:1 → 0 diffs tras aplicarlo.
   Aviso general: cuando el CSS de partida ya incumple el contrato, la
   propuesta generada hereda el incumplimiento.
3. Shorthand partidos: los dos `border` y el `border-bottom` de la cabecera
   comparten anchura y color → `border-width` + `border`; el `padding` del
   `<pre>` → `pre-padding`. Los `transparent` de outline/ghost y el `border: 0`
   de ghost son identidad de variante.

El 19 % que falta son esas cinco de la capa, que el censo cuenta como `global`
porque `code-block` no está en `TYPOGRAPHIC_PRIMITIVES` — es un compuesto que
CONTIENE un primitivo tipográfico, no uno de ellos. Extender la clase `system`
del censo a las capas sigue pendiente de tu firma; la métrica penaliza hacer lo
correcto y no se fuerza de oficio.

DOS HALLAZGOS QUE NO SE ARREGLAN AQUÍ (→ next-features §13):

- **La demo de `code-block` no enseña el `code-block`.** `[data-uix-docs] pre`
  (`web/routes/uix/uix.css:801`) pesa (0,1,1) contra los (0,1,0) de
  `[data-code-block-pre]`, y `[data-uix-docs]` es el shell de TODAS las
  páginas. Siete propiedades del `<pre>` las pinta el harness y no la receta:
  padding (16px 20px contra 12px), border (1px contra ninguno), radius (8px
  contra 0), background (gris contra transparente), font-family, font-size
  (13 contra 14) y line-height (18.2 contra 20.3). El fondo, el borde y el
  radio que se ven ahí son del sitio. Por eso `pre-padding` lee muerto en el
  guard, adjudicado con esa medición. Acotar la regla toca el CSS del SITIO,
  que sirve a ~162 páginas: decisión aparte.
- **El guard de claves duplicadas del handoff inspeccionaba el VACÍO.** El
  comando documentado usa `grep -oE "^\t…"`, y `grep -E` lee `\t` como una `t`
  literal: 0 coincidencias sobre 130 bloques reales, así que salía «vacío = OK»
  sin mirar nada — el antipatrón que el proyecto tiene registrado, dentro del
  propio handoff. Comprobado con un contador fiable: cero duplicados en el
  árbol, así que no hay daño en los commits que confiaron en él. CONTINUE
  queda corregido con una versión que CUENTA los bloques y avisa de que «0
  bloques» significa guard roto, no fichero limpio.

Artefactos y gates:
- Sonda antes/después = 0 diffs en 1.305 valores × 7 estados (dos veces: tras
  la tokenización y tras la corrección del bundle). Determinismo verificado.
- R-5.4: 19/20; `pre-padding` adjudicado con las siete propiedades medidas.
- censo --only 81 % · component:audit PASS · eidos-lint invalid 0, class-hooks
  0 · suite eidos de vuelta al único rojo conocido (skin-media-player) tras
  corregir el bundle · rtl:check 0 · docs:check 0 · check por fichero limpio.
- README con su «Talla y tema» y tab `Tokens` en la demo (20 claves, en vivo).

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

+page.svelte

uix(code-block): temable — 0 % → 81 %, y la demo que no enseña el componente