Merge pull request #8 from HardMax71/dev

misc fixes

Author: HardMax71

.github/workflows/publish-images.yml

@@ -68,7 +68,7 @@ jobs:
             type=semver,pattern={{version}}
             type=semver,pattern={{major}}.{{minor}}
             type=semver,pattern={{major}},enable=${{ !startsWith(github.ref, 'refs/tags/v0.') }}
-            type=ref,event=branch
+            type=raw,value=0.1.${{ github.run_number }},enable=${{ github.ref == 'refs/heads/main' }}
             type=sha,prefix=sha-
           flavor: |
             latest=auto

.github/workflows/tests.yml

@@ -31,6 +31,15 @@ jobs:
         sed -i "s|TEXT_LLM_API_KEY=.*|TEXT_LLM_API_KEY=$TEXT_LLM_API_KEY|" backend/.env
         sed -i "s|OCR_LLM_API_KEY=.*|OCR_LLM_API_KEY=$OCR_LLM_API_KEY|" backend/.env
 
+    - name: Setup Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: '20'
+
+    - name: Install frontend dependencies
+      run: npm ci
+      working-directory: ./frontend
+
     - name: Start all services
       run: docker compose up -d --wait
 

README.md

@@ -20,10 +20,10 @@
   </a>
   <br/>
   <a href="https://github.com/HardMax71/ResuMariner/pkgs/container/resumariner-backend">
-    <img src="https://ghcr-badge.egpl.dev/hardmax71/resumariner-backend/latest_tag?label=backend" alt="Backend Version" />
+    <img src="https://ghcr-badge.egpl.dev/hardmax71/resumariner-backend/latest_tag?label=backend&ignore=sha-*,latest" alt="Backend Version" />
   </a>
   <a href="https://github.com/HardMax71/ResuMariner/pkgs/container/resumariner-frontend">
-    <img src="https://ghcr-badge.egpl.dev/hardmax71/resumariner-frontend/latest_tag?label=frontend" alt="Frontend Version" />
+    <img src="https://ghcr-badge.egpl.dev/hardmax71/resumariner-frontend/latest_tag?label=frontend&ignore=sha-*,latest" alt="Frontend Version" />
   </a>
 </p>
 

docker-compose.yaml

@@ -176,7 +176,6 @@ services:
       - "5173:5173"
     volumes:
       - ./frontend:/app
-      - /app/node_modules
     environment:
       - VITE_API_BASE_URL=${VITE_API_BASE_URL}
       - VITE_GRAFANA_URL=${VITE_GRAFANA_URL}

frontend/package-lock.json

@@ -19,9 +19,10 @@
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",
     "react-error-boundary": "^4.1.2",
-    "plantuml-encoder": "^1.4.0"
+    "pako": "^2.1.0"
   },
   "devDependencies": {
+    "@types/pako": "^2.0.3",
     "@vitejs/plugin-react": "4.3.2",
     "@types/react": "18.3.7",
     "@types/react-dom": "18.3.0",

frontend/package.json

@@ -1,29 +1,37 @@
 import { useEffect, useState } from "react";
-import plantumlEncoder from "plantuml-encoder";
+import pako from "pako";
 
 interface PlantUMLDiagramProps {
   src: string;
   alt?: string;
   caption?: string;
+  format?: "svg" | "png";
 }
 
-export default function PlantUMLDiagram({ src, alt = "PlantUML Diagram", caption }: PlantUMLDiagramProps) {
+function encodeForKroki(source: string): string {
+  const data = new TextEncoder().encode(source);
+  const compressed = pako.deflate(data, { level: 9 });
+  const base64 = btoa(String.fromCharCode(...compressed));
+  return base64.replace(/\+/g, "-").replace(/\//g, "_");
+}
+
+export default function PlantUMLDiagram({ src, alt = "PlantUML Diagram", caption, format = "svg" }: PlantUMLDiagramProps) {
   const [imageUrl, setImageUrl] = useState<string>("");
 
   useEffect(() => {
     const fetchAndEncode = async () => {
       try {
         const response = await fetch(src);
         const pumlContent = await response.text();
-        const encoded = plantumlEncoder.encode(pumlContent);
-        setImageUrl(`https://www.plantuml.com/plantuml/png/${encoded}`);
+        const encoded = encodeForKroki(pumlContent);
+        setImageUrl(`https://kroki.io/plantuml/${format}/${encoded}`);
       } catch (error) {
         console.error("Error loading PlantUML diagram:", error);
       }
     };
 
     fetchAndEncode();
-  }, [src]);
+  }, [src, format]);
 
   if (!imageUrl) {
     return (