Skip to content

Commit e88db93

Browse files
acheronx0577ok-coder1solusops
authored
feat: add SVG progress bar support with color and shape options (#657)
* feat: add SVG progress bar support with color and shape options ## What changed Added SVG-based progress bar rendering as an alternative to the existing Unicode text bars. Controlled entirely via workflow inputs — no code changes needed after this commit. ### New workflow inputs | Input | Default | Description | |---|---|---| | `BAR_STYLE` | `"text"` | `"text"` for original Unicode bars, `"svg"` for colored SVG bars | | `BAR_COLOR` | `"#90CAF9"` | Fill color of the progress bar | | `BAR_TRACK_COLOR` | `"#172f45"` | Background track color of the bar | | `BAR_RADIUS` | `"0"` | `"0"` for square edges, `"4"` for subtle rounded edges | ### Files changed - `sources/manager_environment.py` — added `BAR_STYLE`, `BAR_COLOR`, `BAR_TRACK_COLOR`, `BAR_RADIUS` env vars - `sources/graphics_list_formatter.py` — updated `make_graph()` to branch between text and SVG output --- ## Usage ```yaml - uses: acheronx0577/waka-readme-stats@master with: WAKATIME_API_KEY: ${{ secrets.WAKATIME_API_KEY }} GH_TOKEN: ${{ secrets.GH_TOKEN }} BAR_STYLE: "svg" BAR_COLOR: "#90CAF9" BAR_TRACK_COLOR: "#172f45" BAR_RADIUS: "0" ``` > Swap `BAR_RADIUS` between `"0"` (square) and `"4"` (subtle round). Any hex color works for `BAR_COLOR` and `BAR_TRACK_COLOR`. * docs: update README files to include SVG progress bar options Added detailed documentation for SVG progress bars across multiple language versions of the README. Included new flags for customization: `BAR_STYLE`, `BAR_COLOR`, `BAR_TRACK_COLOR`, and `BAR_RADIUS`, along with example workflow configurations. Files updated: - `README.md` - `locales/README.de.md` - `locales/README.es.md` - `locales/README.fr.md` - `locales/README.hi.md` - `locales/README.ja.md` - `locales/README.ko.md` - `locales/README.pt.md` - `locales/README.ru.md` - `locales/README.zh.md` * fix: remove unnecessary whitespace in make_graph function * docs: enhance README files with before/after examples for SVG progress bars Added detailed before/after examples for default Unicode and SVG progress bars in multiple language versions of the README. This update improves clarity on the visual differences and usage of the new `BAR_STYLE` option. Files updated: - `README.md` - `locales/README.de.md` - `locales/README.es.md` - `locales/README.fr.md` - `locales/README.hi.md` - `locales/README.ja.md` - `locales/README.ko.md` - `locales/README.pt.md` - `locales/README.ru.md` - `locales/README.zh.md` * docs: update README files to clarify SVG progress bar options with square and rounded corner examples Enhanced documentation across multiple language versions of the README to include visual examples of SVG progress bars with square and rounded corners. This update improves user understanding of the `BAR_RADIUS` option. Files updated: - `README.md` - `locales/README.de.md` - `locales/README.es.md` - `locales/README.fr.md` - `locales/README.hi.md` - `locales/README.ja.md` - `locales/README.ko.md` - `locales/README.pt.md` - `locales/README.ru.md` - `locales/README.zh.md` * remove: delete test demo workflow file * fix: use getenv() consistently in manager_environment.py * feat: implement EnvironmentManager class to handle and parse action configuration variables * feat: add options to `action.yml` * feat: enhance make_list function to support SVG rendering for progress bars Updated the make_list function to conditionally render progress bars in SVG format based on the BAR_STYLE setting. Added support for SVG attributes and improved text handling for names and times. Adjusted related functions to ensure consistent output format for both SVG and text modes. * refactor: streamline SVG rendering in make_list function Consolidated SVG element construction in the make_list function for improved readability and maintainability. Removed unnecessary whitespace and simplified string concatenation for SVG output. Minor adjustments made to ensure consistent formatting across SVG and text modes. * feat: add text color options to action.yml and update environment variable handling Introduced new optional inputs for primary and secondary text colors in action.yml. Updated the EnvironmentManager class to support these new inputs, allowing for more customizable SVG rendering. Adjusted environment variable retrieval to ensure consistent handling of input values. * Update sources/graphics_list_formatter.py Co-authored-by: okcoder1 <codershub.code@gmail.com> * Update sources/main.py Co-authored-by: okcoder1 <codershub.code@gmail.com> * remove: delete Waka Readme workflow file and simplify progress bar rendering in graphics_list_formatter.py The Waka Readme workflow file has been removed. Additionally, the make_graph function in graphics_list_formatter.py has been updated to focus solely on text progress bar rendering, eliminating the SVG rendering logic for improved clarity and maintainability. * Update sources/graphics_list_formatter.py Co-authored-by: okcoder1 <codershub.code@gmail.com> * Update sources/graphics_list_formatter.py Co-authored-by: okcoder1 <codershub.code@gmail.com> * docs: add TEXT_PRIMARY_COLOR and TEXT_SECONDARY_COLOR options to README files Updated README files across multiple languages to include new environment variables for customizing primary and secondary text colors in SVG progress bars. Acknowledged contributions from AcheronX for adding SVG progress bar support with color and shape options. * chore: add fields in .env.example --------- Co-authored-by: okcoder1 <codershub.code@gmail.com> Co-authored-by: Anshuman Singh <anshumanr22@outlook.com>
1 parent 18146e8 commit e88db93

15 files changed

Lines changed: 643 additions & 10 deletions

‎.env.example‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,5 +25,12 @@ INPUT_UPDATED_DATE_FORMAT=%d/%m/%Y %H:%M:%S
2525
INPUT_COMMIT_BY_ME=True
2626
INPUT_COMMIT_MESSAGE=Updated with Dev Metrics
2727
INPUT_COMMIT_SINGLE=True
28+
INPUT_BADGE_STYLE=flat
29+
INPUT_BAR_STYLE=text
30+
INPUT_BAR_COLOR=#90CAF9
31+
INPUT_BAR_TRACK_COLOR=#172f45
32+
INPUT_TEXT_PRIMARY_COLOR=#c9d1d9
33+
INPUT_TEXT_SECONDARY_COLOR=#8b949e
34+
INPUT_BAR_RADIUS=0
2835
INPUT_DEBUG_LOGGING=True
2936
DEBUG_RUN=True

‎README.md‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -326,6 +326,57 @@ The `SYMBOL_VERSION` flag can be set for the symbol for the progress bar (defaul
326326
| 2 | ⣿ | ⣀ |
327327
| 3 | ⬛ | ⬜ |
328328

329+
**SVG Progress Bars**
330+
331+
You can switch from Unicode text bars to colorful SVG bars with the following flags:
332+
333+
- `BAR_STYLE` — Set to `"svg"` to enable SVG bars, or `"text"` (default) for Unicode bars
334+
- `BAR_COLOR` — Hex color for the filled portion (default: `"#90CAF9"` light blue)
335+
- `BAR_TRACK_COLOR` — Hex color for the background track (default: `"#172f45"` dark blue)
336+
- `BAR_RADIUS` — Border radius for rounded corners (default: `"0"` for square)
337+
- `"0"` = Sharp square edges
338+
- `"4"` = Subtle rounded corners
339+
- Any positive integer works
340+
- `TEXT_PRIMARY_COLOR` — Hex color for primary SVG list text such as language/project names (default: `"#c9d1d9"`)
341+
- `TEXT_SECONDARY_COLOR` — Hex color for secondary SVG list text such as times and percentages (default: `"#8b949e"`)
342+
343+
Example workflow with SVG bars enabled:
344+
345+
```yaml
346+
- uses: anmol098/waka-readme-stats@master
347+
with:
348+
WAKATIME_API_KEY: ${{ secrets.WAKATIME_API_KEY }}
349+
GH_TOKEN: ${{ secrets.GH_TOKEN }}
350+
BAR_STYLE: "svg"
351+
BAR_COLOR: "#90CAF9"
352+
BAR_TRACK_COLOR: "#172f45"
353+
BAR_RADIUS: "4"
354+
TEXT_PRIMARY_COLOR: "#c9d1d9"
355+
TEXT_SECONDARY_COLOR: "#8b949e"
356+
```
357+
358+
**Before / after**
359+
360+
Default Unicode bars (`BAR_STYLE: "text"`, or omitting `BAR_STYLE`):
361+
362+
```text
363+
Vue 8 repos ██████░░░░░░░░░░░░░░░░░░░ 25.0%
364+
Java 6 repos ████░░░░░░░░░░░░░░░░░░░░░ 18.75%
365+
JavaScript 6 repos ████░░░░░░░░░░░░░░░░░░░░░ 18.75%
366+
PHP 3 repos ██░░░░░░░░░░░░░░░░░░░░░░░ 9.38%
367+
Python 2 repos █░░░░░░░░░░░░░░░░░░░░░░░░ 6.25%
368+
Dart 2 repos █░░░░░░░░░░░░░░░░░░░░░░░░ 6.25%
369+
CSS 2 repos █░░░░░░░░░░░░░░░░░░░░░░░░ 6.25%
370+
```
371+
372+
SVG bars, square corners (`BAR_STYLE: "svg"`, `BAR_RADIUS: "0"`, default `BAR_COLOR` / `BAR_TRACK_COLOR`):
373+
374+
![SVG progress bars (square)](https://i.imgur.com/eShKuJH.png)
375+
376+
SVG bars, rounded corners (`BAR_STYLE: "svg"`, `BAR_RADIUS: "4"`):
377+
378+
![SVG progress bars (rounded)](https://i.imgur.com/dYOgG6I.png)
379+
329380
The `DEBUG_LOGGING` flag can be set to increase the GitHub Action's output verbosity, The default is the internal runner's debug property.
330381
The `BADGE_STYLE` flag defines the style for the generated badges and can be set to `flat`, `flat-square`, `plastic`, `for-the-badge`, or `social`.
331382
| Badge Style | Preview |
@@ -375,6 +426,7 @@ Please share any features, and add unit tests! Use the pull request and issue sy
375426
10. [Arnav Jindal](https://github.com/Daggy1234): For Pull Request [#48](https://github.com/anmol098/waka-readme-stats/pull/48)
376427
11. [Daniel Rowe](https://github.com/DanRowe): For Pull Request [#57](https://github.com/anmol098/waka-readme-stats/pull/57)
377428
12. [Ss5h](https://github.com/tlatkdgus1): For adding support for natural sentence writing for translation [#136](https://github.com/anmol098/waka-readme-stats/pull/136)
429+
13. [acheronx0577](https://github.com/acheronx0577): For adding SVG progress bar support with color and shape options [#657](https://github.com/anmol098/waka-readme-stats/pull/657)
378430

379431
<details>
380432

@@ -520,6 +572,8 @@ Please share any features, and add unit tests! Use the pull request and issue sy
520572

521573
- [DataBoySu](https://github.com/DataBoySu)
522574

575+
- [AcheronX.](https://github.com/acheronx0577)
576+
523577
</details>
524578

525579
- And you! If ever you are using it right now and you are not on the list please tell us by sending a [Special Mention](https://github.com/anmol098/waka-readme-stats/issues/new/choose) issue! :blush: \

‎action.yml‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -177,6 +177,36 @@ inputs:
177177
description: "Whether to override repository .gitignore file while committing the assets"
178178
default: "False"
179179

180+
BAR_STYLE:
181+
required: false
182+
description: "Whether the bar should be SVG or Unicode text"
183+
default: "text"
184+
185+
BAR_COLOR:
186+
required: false
187+
description: "Hex color for the filled portion of the SVG bar"
188+
default: "#90CAF9"
189+
190+
BAR_TRACK_COLOR:
191+
required: false
192+
description: "Hex color for the background track of the SVG bar"
193+
default: "#172F45"
194+
195+
BAR_RADIUS:
196+
required: false
197+
description: "Border radius for rounded corners of the SVG bar"
198+
default: "0"
199+
200+
TEXT_PRIMARY_COLOR:
201+
required: false
202+
description: "Hex color for primary SVG list text (e.g. language names)"
203+
default: "#c9d1d9"
204+
205+
TEXT_SECONDARY_COLOR:
206+
required: false
207+
description: "Hex color for secondary SVG list text (e.g. times, percentages)"
208+
default: "#8b949e"
209+
180210
DEBUG_LOGGING:
181211
required: false
182212
description: "Whether to enable action debug logging"

‎locales/README.de.md‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -276,6 +276,57 @@ Der `SYMBOL_VERSION`-Flag kann für das Symbol der Fortschrittsleiste gesetzt we
276276
| 2 | ⣿ | ⣀ |
277277
| 3 | ⬛ | ⬜ |
278278

279+
**SVG-Fortschrittsbars**
280+
281+
Sie können vom Unicode-Text zu farbigen SVG-Bars mit den folgenden Flags wechseln:
282+
283+
- `BAR_STYLE` — Setzen Sie auf `"svg"` um SVG-Bars zu aktivieren, oder `"text"` (Standard) für Unicode-Bars
284+
- `BAR_COLOR` — Hex-Farbe für den gefüllten Teil (Standard: `"#90CAF9"` Hellblau)
285+
- `BAR_TRACK_COLOR` — Hex-Farbe für den Hintergrund-Track (Standard: `"#172f45"` Dunkelblau)
286+
- `BAR_RADIUS` — Rahmenradius für abgerundete Ecken (Standard: `"0"` für Quadrat)
287+
- `"0"` = Scharfe quadratische Kanten
288+
- `"4"` = Subtil abgerundete Ecken
289+
- Jede positive Ganzzahl funktioniert
290+
- `TEXT_PRIMARY_COLOR` — Hex-Farbe für den primären Text der SVG-Liste, z. B. Sprach-/Projektnamen (Standard: `"#c9d1d9"`)
291+
- `TEXT_SECONDARY_COLOR` — Hex-Farbe für den sekundären Text der SVG-Liste, z. B. Zeiten und Prozentangaben (Standard: `"#8b949e"`)
292+
293+
Beispiel-Workflow mit aktivierten SVG-Bars:
294+
295+
```yaml
296+
- uses: anmol098/waka-readme-stats@master
297+
with:
298+
WAKATIME_API_KEY: ${{ secrets.WAKATIME_API_KEY }}
299+
GH_TOKEN: ${{ secrets.GH_TOKEN }}
300+
BAR_STYLE: "svg"
301+
BAR_COLOR: "#90CAF9"
302+
BAR_TRACK_COLOR: "#172f45"
303+
BAR_RADIUS: "4"
304+
TEXT_PRIMARY_COLOR: "#c9d1d9"
305+
TEXT_SECONDARY_COLOR: "#8b949e"
306+
```
307+
308+
**Vorher / Nachher**
309+
310+
Standard-Unicode-Bars (`BAR_STYLE: "text"` oder wenn `BAR_STYLE` weggelassen wird):
311+
312+
```text
313+
Vue 8 repos ██████░░░░░░░░░░░░░░░░░░░ 25.0%
314+
Java 6 repos ████░░░░░░░░░░░░░░░░░░░░░ 18.75%
315+
JavaScript 6 repos ████░░░░░░░░░░░░░░░░░░░░░ 18.75%
316+
PHP 3 repos ██░░░░░░░░░░░░░░░░░░░░░░░ 9.38%
317+
Python 2 repos █░░░░░░░░░░░░░░░░░░░░░░░░ 6.25%
318+
Dart 2 repos █░░░░░░░░░░░░░░░░░░░░░░░░ 6.25%
319+
CSS 2 repos █░░░░░░░░░░░░░░░░░░░░░░░░ 6.25%
320+
```
321+
322+
SVG-Bars, quadratische Ecken (`BAR_STYLE: "svg"`, `BAR_RADIUS: "0"`, Standard `BAR_COLOR` / `BAR_TRACK_COLOR`):
323+
324+
![SVG-Fortschrittsbars (eckig)](https://i.imgur.com/eShKuJH.png)
325+
326+
SVG-Bars, abgerundete Ecken (`BAR_STYLE: "svg"`, `BAR_RADIUS: "4"`):
327+
328+
![SVG-Fortschrittsbars (abgerundet)](https://i.imgur.com/dYOgG6I.png)
329+
279330
Der `DEBUG_LOGGING`-Flag kann gesetzt werden, um die Ausgabelautstärke der GitHub-Action zu erhöhen, standardmäßig entspricht er der internen Debug-Eigenschaft des Laufers.
280331

281332
**Zeitstrahl**
@@ -313,6 +364,7 @@ Beiträge sind willkommen ♥! Bitte teile jede Funktion und füge Unit-Tests hi
313364
10. [Arnav Jindal](https://github.com/Daggy1234): Für den Pull Request [#48](https://github.com/anmol098/waka-readme-stats/pull/48)
314365
11. [Daniel Rowe](https://github.com/DanRowe): Für den Pull Request [#57](https://github.com/anmol098/waka-readme-stats/pull/57)
315366
12. [Ss5h](https://github.com/tlatkdgus1): Für die Hinzufügung von Unterstützung für natürliche Satzformulierungen bei der Übersetzung [#136](https://github.com/anmol098/waka-readme-stats/pull/136)
367+
13. [acheronx0577](https://github.com/acheronx0577): Für die Hinzufügung der Unterstützung von SVG-Fortschrittsbalken mit Farb- und Formoptionen [#657](https://github.com/anmol098/waka-readme-stats/pull/657)
316368

317369
<details>
318370

@@ -458,6 +510,8 @@ Beiträge sind willkommen ♥! Bitte teile jede Funktion und füge Unit-Tests hi
458510

459511
- [DataBoySu](https://github.com/DataBoySu)
460512

513+
- [AcheronX.](https://github.com/acheronx0577)
514+
461515
</details>
462516

463517
- Und du! Wenn du es gerade jetzt verwendest und nicht auf der Liste stehst, melde dich bitte, indem du ein [Special Mention](https://github.com/anmol098/waka-readme-stats/issues/new/choose)-Issue erstellst! :blush:

‎locales/README.es.md‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -275,6 +275,57 @@ La bandera `SYMBOL_VERSION` se puede establecer para el símbolo de la barra de
275275
| 2 | ⣿ | ⣀ |
276276
| 3 | ⬛ | ⬜ |
277277

278+
**Barras de Progreso SVG**
279+
280+
Puede cambiar entre barras de texto Unicode y barras SVG coloridas con los siguientes flags:
281+
282+
- `BAR_STYLE` — Establézcalo en `"svg"` para habilitar barras SVG, o `"text"` (predeterminado) para barras Unicode
283+
- `BAR_COLOR` — Color hexadecimal para la porción rellenada (predeterminado: `"#90CAF9"` azul claro)
284+
- `BAR_TRACK_COLOR` — Color hexadecimal para la pista de fondo (predeterminado: `"#172f45"` azul oscuro)
285+
- `BAR_RADIUS` — Radio de borde para esquinas redondeadas (predeterminado: `"0"` para cuadrado)
286+
- `"0"` = Bordes cuadrados agudos
287+
- `"4"` = Esquinas redondeadas sutiles
288+
- Cualquier número entero positivo funciona
289+
- `TEXT_PRIMARY_COLOR` — Color hexadecimal para el texto principal de la lista SVG, como nombres de lenguajes/proyectos (predeterminado: `"#c9d1d9"`)
290+
- `TEXT_SECONDARY_COLOR` — Color hexadecimal para el texto secundario de la lista SVG, como tiempos y porcentajes (predeterminado: `"#8b949e"`)
291+
292+
Ejemplo de flujo de trabajo con barras SVG habilitadas:
293+
294+
```yaml
295+
- uses: anmol098/waka-readme-stats@master
296+
with:
297+
WAKATIME_API_KEY: ${{ secrets.WAKATIME_API_KEY }}
298+
GH_TOKEN: ${{ secrets.GH_TOKEN }}
299+
BAR_STYLE: "svg"
300+
BAR_COLOR: "#90CAF9"
301+
BAR_TRACK_COLOR: "#172f45"
302+
BAR_RADIUS: "4"
303+
TEXT_PRIMARY_COLOR: "#c9d1d9"
304+
TEXT_SECONDARY_COLOR: "#8b949e"
305+
```
306+
307+
**Antes y después**
308+
309+
Barras Unicode predeterminadas (`BAR_STYLE: "text"`, u omitiendo `BAR_STYLE`):
310+
311+
```text
312+
Vue 8 repos ██████░░░░░░░░░░░░░░░░░░░ 25.0%
313+
Java 6 repos ████░░░░░░░░░░░░░░░░░░░░░ 18.75%
314+
JavaScript 6 repos ████░░░░░░░░░░░░░░░░░░░░░ 18.75%
315+
PHP 3 repos ██░░░░░░░░░░░░░░░░░░░░░░░ 9.38%
316+
Python 2 repos █░░░░░░░░░░░░░░░░░░░░░░░░ 6.25%
317+
Dart 2 repos █░░░░░░░░░░░░░░░░░░░░░░░░ 6.25%
318+
CSS 2 repos █░░░░░░░░░░░░░░░░░░░░░░░░ 6.25%
319+
```
320+
321+
Barras SVG, esquinas cuadradas (`BAR_STYLE: "svg"`, `BAR_RADIUS: "0"`, `BAR_COLOR` / `BAR_TRACK_COLOR` predeterminados):
322+
323+
![Barras de progreso SVG (cuadradas)](https://i.imgur.com/eShKuJH.png)
324+
325+
Barras SVG, esquinas redondeadas (`BAR_STYLE: "svg"`, `BAR_RADIUS: "4"`):
326+
327+
![Barras de progreso SVG (redondeadas)](https://i.imgur.com/dYOgG6I.png)
328+
278329
La bandera `DEBUG_LOGGING` se puede establecer para aumentar la verbosidad de la salida de la acción de GitHub, por defecto es igual a la propiedad de depuración del ejecutor interno
279330

280331
**Línea de tiempo**
@@ -312,6 +363,7 @@ Las contribuciones son bienvenidas ♥! Por favor, comparta cualquier caracterí
312363
10. [Arnav Jindal](https://github.com/Daggy1234): Por la solicitud de extracción [#48](https://github.com/anmol098/waka-readme-stats/pull/48)
313364
11. [Daniel Rowe](https://github.com/DanRowe): Por la solicitud de extracción [#57](https://github.com/anmol098/waka-readme-stats/pull/57)
314365
12. [Ss5h](https://github.com/tlatkdgus1): Por la adición del soporte para la escritura de oraciones naturales para la traducción [#136](https://github.com/anmol098/waka-readme-stats/pull/136)
366+
13. [acheronx0577](https://github.com/acheronx0577): Por agregar el soporte de barras de progreso SVG con opciones de color y forma [#657](https://github.com/anmol098/waka-readme-stats/pull/657)
315367

316368
<details>
317369

@@ -457,6 +509,8 @@ Las contribuciones son bienvenidas ♥! Por favor, comparta cualquier caracterí
457509

458510
- [DataBoySu](https://github.com/DataBoySu)
459511

512+
- [AcheronX.](https://github.com/acheronx0577)
513+
460514
</details>
461515

462516
- ¡Y tú! Si estás usando esto ahora mismo y no estás en la lista, por favor háznoslo saber creando un problema de [Mención Especial](https://github.com/anmol098/waka-readme-stats/issues/new/choose) :blush: \

‎locales/README.fr.md‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -275,6 +275,57 @@ Le drapeau `SYMBOL_VERSION` peut être défini pour le symbole de la barre de pr
275275
| 2 | ⣿ | ⣀ |
276276
| 3 | ⬛ | ⬜ |
277277

278+
**Barres de Progression SVG**
279+
280+
Vous pouvez passer des barres de texte Unicode aux barres SVG colorées avec les drapeaux suivants :
281+
282+
- `BAR_STYLE` — Définissez sur `"svg"` pour activer les barres SVG, ou `"text"` (par défaut) pour les barres Unicode
283+
- `BAR_COLOR` — Couleur hexadécimale pour la portion remplie (par défaut: `"#90CAF9"` bleu clair)
284+
- `BAR_TRACK_COLOR` — Couleur hexadécimale pour la piste d'arrière-plan (par défaut: `"#172f45"` bleu foncé)
285+
- `BAR_RADIUS` — Rayon de bordure pour les coins arrondis (par défaut: `"0"` pour carré)
286+
- `"0"` = Bords carrés nets
287+
- `"4"` = Coins légèrement arrondis
288+
- Tout nombre entier positif fonctionne
289+
- `TEXT_PRIMARY_COLOR` — Couleur hexadécimale pour le texte principal de la liste SVG, comme les noms de langages/projets (par défaut : `"#c9d1d9"`)
290+
- `TEXT_SECONDARY_COLOR` — Couleur hexadécimale pour le texte secondaire de la liste SVG, comme les durées et pourcentages (par défaut : `"#8b949e"`)
291+
292+
Exemple de flux de travail avec barres SVG activées :
293+
294+
```yaml
295+
- uses: anmol098/waka-readme-stats@master
296+
with:
297+
WAKATIME_API_KEY: ${{ secrets.WAKATIME_API_KEY }}
298+
GH_TOKEN: ${{ secrets.GH_TOKEN }}
299+
BAR_STYLE: "svg"
300+
BAR_COLOR: "#90CAF9"
301+
BAR_TRACK_COLOR: "#172f45"
302+
BAR_RADIUS: "4"
303+
TEXT_PRIMARY_COLOR: "#c9d1d9"
304+
TEXT_SECONDARY_COLOR: "#8b949e"
305+
```
306+
307+
**Avant / après**
308+
309+
Barres Unicode par défaut (`BAR_STYLE: "text"`, ou en omettant `BAR_STYLE`) :
310+
311+
```text
312+
Vue 8 repos ██████░░░░░░░░░░░░░░░░░░░ 25.0%
313+
Java 6 repos ████░░░░░░░░░░░░░░░░░░░░░ 18.75%
314+
JavaScript 6 repos ████░░░░░░░░░░░░░░░░░░░░░ 18.75%
315+
PHP 3 repos ██░░░░░░░░░░░░░░░░░░░░░░░ 9.38%
316+
Python 2 repos █░░░░░░░░░░░░░░░░░░░░░░░░ 6.25%
317+
Dart 2 repos █░░░░░░░░░░░░░░░░░░░░░░░░ 6.25%
318+
CSS 2 repos █░░░░░░░░░░░░░░░░░░░░░░░░ 6.25%
319+
```
320+
321+
Barres SVG, angles carrés (`BAR_STYLE: "svg"`, `BAR_RADIUS: "0"`, `BAR_COLOR` / `BAR_TRACK_COLOR` par défaut) :
322+
323+
![Barres de progression SVG (carrées)](https://i.imgur.com/eShKuJH.png)
324+
325+
Barres SVG, angles arrondis (`BAR_STYLE: "svg"`, `BAR_RADIUS: "4"`) :
326+
327+
![Barres de progression SVG (arrondies)](https://i.imgur.com/dYOgG6I.png)
328+
278329
Le drapeau `DEBUG_LOGGING` peut être défini pour augmenter la verbosité de la sortie de l'action GitHub, par défaut égal à la propriété de débogage interne du runner
279330

280331
**Chronologie**
@@ -312,6 +363,7 @@ Les contributions sont les bienvenues ♥ ! Veuillez partager toute fonctionnali
312363
10. [Arnav Jindal](https://github.com/Daggy1234): Pour la demande de tirage [#48](https://github.com/anmol098/waka-readme-stats/pull/48)
313364
11. [Daniel Rowe](https://github.com/DanRowe): Pour la demande de tirage [#57](https://github.com/anmol098/waka-readme-stats/pull/57)
314365
12. [Ss5h](https://github.com/tlatkdgus1): Pour l'ajout de la prise en charge de l'écriture de phrases naturelles pour la traduction [#136](https://github.com/anmol098/waka-readme-stats/pull/136)
366+
13. [acheronx0577](https://github.com/acheronx0577): Pour l'ajout de la prise en charge des barres de progression SVG avec des options de couleur et de forme [#657](https://github.com/anmol098/waka-readme-stats/pull/657)
315367

316368
<details>
317369

@@ -457,6 +509,8 @@ Les contributions sont les bienvenues ♥ ! Veuillez partager toute fonctionnali
457509

458510
- [DataBoySu](https://github.com/DataBoySu)
459511

512+
- [AcheronX.](https://github.com/acheronx0577)
513+
460514
</details>
461515

462516
- Et vous ! Si jamais vous l'utilisez actuellement et que vous n'êtes pas sur la liste, veuillez nous le faire savoir en envoyant un [Special Mention](https://github.com/anmol098/waka-readme-stats/issues/new/choose) ! :blush: \

0 commit comments

Comments
 (0)