Html to img (#71)

* Create html-to-img.py

* Update generate_svg.sh

* Update generate_svg.sh

* Update generate_svg.sh

* Update generate_svg.sh

* Update generate_svg.sh

* Update generate_svg.sh

* Update html-to-img.py

* Update generate_svg.sh

* Update generate_svg.sh

* finally got the image properly creating

* Theoretically this solves the main deploy issue

* Added concurrency protections

* Added concurrency protections 2

* Added concurrency protections 3

.github/workflows/statistics.yml

@@ -1,15 +1,17 @@
 name: Statistics Tracker
 
-on:
-  push
+on: [push, workflow_call]
 
 permissions:
   pages: write
   id-token: write
 
 jobs:
-
   build:
+    concurrency:
+      group: statistics-deploy
+      cancel-in-progress: true
+    if: github.ref == 'refs/heads/main'
     runs-on: ubuntu-latest
     defaults:
       run:
@@ -19,6 +21,12 @@ jobs:
         uses: actions/checkout@v4
         with:
           fetch-depth: 0
+      - name: Install Imgkit
+        run: |
+          pip install imgkit
+      - name: Install wkhtmltopdf
+        run: |
+          sudo apt-get install wkhtmltopdf
       - name: Generate SVG graphic
         id: build
         run: bash ./generate_svg.sh
@@ -28,7 +36,15 @@ jobs:
         with:
           path: stats_tracker/build/
 
+  main-deploy:
+    if: ${{github.ref != 'refs/heads/main'}}
+    uses:
+      FRC2593/javabot-2025/.github/workflows/statistics.yml@main
+
   deploy:
+    concurrency:
+      group: statistics-deploy
+      cancel-in-progress: true
     environment:
       name: github-pages
       url: ${{ steps.deployment.outputs.page_url }}

stats_tracker/generate_svg.sh

@@ -9,11 +9,4 @@ echo "Deletion(s): $d"
 value=$(($i - $d))
 echo "Lines of code: $value"
 mkdir build
-echo "<svg width=\"300px\" height=\"300px\" xmlns=\"http://www.w3.org/2000/svg\">
-    <style>
-        @import url(\"https://fonts.googleapis.com/css?family=Source+Code+Pro\");
-    </style>
-    <image href=\"https://frc2539.github.io/javabot-2025/background.png\" width=\"100%\"/>
-    <text x=\"50%\" y=\"90px\" font-size=\"65\" text-anchor=\"middle\" fill=\"black\" font-family=\"Source Code Pro\" font-weight=\"bold\">$value</text>
-</svg>" > build/loc.svg
-cp background.png build/background.png
+python html-to-img.py $value

stats_tracker/html-to-img.py

@@ -0,0 +1,32 @@
+import imgkit
+import os
+import sys
+
+my_path = os.path.abspath("background.png")
+
+value = sys.argv[1]
+
+f = f"""
+<style>
+    @import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,700;1,700&display=swap');
+    * {{
+        margin: 0px;
+        font-family: "Source Code Pro";
+        font-optical-sizing: auto;
+        font-weight: 700;
+        font-style: normal;
+    }}
+</style>
+<div style="width:300px">
+    <img width="300px" src="{my_path}">
+    <div style="font-size:65px; position: absolute; top: 20px; left: 0px; width: 300px;">
+        <div style="margin-left: auto; margin-right: auto; width: min; text-align: center;">{value}</div>
+</div>
+"""
+
+options = {
+    "enable-local-file-access": "",
+    "width": "300",
+    "height": "163"
+  }
+imgkit.from_string(f, 'build/loc.png', options)