plotly / plotly/plotly.js

Strip down bundled Maplibre CSS

Abierto
#7,544 1 comentario 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

feature P2
Lenguaje dominante
JavaScript
Estrellas
18.3k
Forks
2k
Merge medio
2 d 12 h
PR fusionados (30 d)
28

Descripción

https://github.com/plotly/plotly.js/pull/7526 inlines the entire maplibre-gl.css stylesheet into the Plotly.js bundle, to fix the styling of attributions in MapLibre.

This works, but also adds about 45 kB to the bundle size. Plausibly we could slim down the CSS and include only the styles we definitely need.

This file (4 kB) is enough to fix the attribution styling:

maplibre-gl-attrib.css

However this will require adding a script to parse and subset the CSS which runs as part of the build process.

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Línea de trabajo

Revisa el PR 7526 y el maplibre-gl.css incluido para identificar los estilos de atribución que deben mantenerse. Usa el maplibre-gl-attrib.css proporcionado como subconjunto objetivo y, después, añade un script al proceso de compilación que analice y reduzca el CSS a un subconjunto. Se considera terminado cuando el estilo de atribución sigue funcionando y el bundle evita el tamaño de CSS innecesario.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
css, javascript
Área
build-system, frontend
Tipo de issue
Refactorización
Dificultad
4/5
Tiempo estimado
3-5 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
35/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.