[CodeBlock] Fix token rendering and sub-pixel border
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 35/100
- Tipo de issue
- Refactorización
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- react, typescript
- Área
- frontend
Línea de trabajo
Comienza localizando el componente CodeBlock e inspecciona su renderizado de líneas y tokens, el manejo de maxLines y los estilos de header y collapse-trigger. Confirma las claves estables previstas, el comportamiento público de maxLines y el valor de border; se considera terminado cuando se hayan abordado las tres mejoras indicadas.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Summary
Minor improvements to the CodeBlock component.
Improvements
2. Array index as key in token rendering
Both line and token maps use array index as key. For stable rendering, this is acceptable for static content but could cause issues with dynamic content updates.
3. maxLines off-by-one compensation
The context adds +1 to maxLines ("to compensate for the absolute collapse trigger"). This leaks implementation detail into the API — consumers pass maxLines={5} but 6 lines are stored internally.
4. Sub-pixel border value
Uses border: 0.5px solid in header and collapse trigger styles.
Moved to Cross-Cutting Issues
The following items have been moved to cross-cutting issues that address them across all components:
- Remove !important declarations (#678)
- Lenguaje dominante
- TypeScript
- Estrellas
- 70
- Forks
- 13
- Merge medio
- 4 d 6 h
- PR fusionados (30 d)
- 10
Guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de raystack/apsara
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
-
Dificultad 3/5 1-2 días Aptitud para principiantes 75/100
-
Docs: hand-duplicated props tables drift risk, missing a11y sections, no per-component changelog Abiertoenhancement global
Dificultad 4/5 3-5 días Aptitud para principiantes 48/100
-
bug global
Dificultad 4/5 3-5 días Aptitud para principiantes 48/100
Todos los issues de raystack/apsara
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
vercel-labs/just-bash#464 ·
-
looksLikeSlug() is ASCII-only, so non-Latin entity slugs (e.g. Korean) skip exact match and collapse Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
-
Dificultad 1/5 Menos de una hora Aptitud para principiantes 90/100
TanStack/tanstack.com#1293 ·