generate own UUID if crypto is not available

.gitea/workflows/deploy.yml

@@ -16,19 +16,14 @@ jobs:
       - name: Extract version tag
         run: echo "VERSION_TAG=${GITHUB_REF_NAME}" >> $GITHUB_ENV
 
+      - name: Create shared network if missing
+        run: docker network create poster-picker || true
+
       - name: Build Docker image
-        run: |
+        run: docker compose build
-          docker build \
-            --build-arg REACT_APP_API_URL="" \
-            -t poster-picker-frontend:latest \
-            -t poster-picker-frontend:${{ env.VERSION_TAG }} .
 
-      - name: Stop old container
+      - name: Stop old container (if exists)
-        run: |
+        run: docker compose down --remove-orphans || true
-          cd ~/dev-server/poster-picker
-          docker compose stop frontend || true
 
-      - name: Start new container
+      - name: Run compose
-        run: |
+        run: docker compose up -d
-          cd ~/dev-server/poster-picker
-          docker compose up -d --no-build frontend

docker-compose.yml

@@ -0,0 +1,19 @@
+services:
+  frontend:
+    build:
+      context: .
+      args:
+        REACT_APP_API_URL: ""
+    image: poster-picker-frontend:latest
+    ports:
+      - "8081:80"
+    restart: unless-stopped
+    networks:
+      - poster-picker
+      - caddy-external
+
+networks:
+  poster-picker:
+    external: true
+  caddy-external:
+    external: true

src/services/api.js

@@ -1,9 +1,19 @@
 import axios from "axios";
 
+const generateUUID = () => {
+  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+    return crypto.randomUUID();
+  }
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
+    const r = (Math.random() * 16) | 0;
+    return (c === "x" ? r : (r & 0x3) | 0x8).toString(16);
+  });
+};
+
 export const getUserId = () => {
   let id = localStorage.getItem("poster_picker_uid");
   if (!id) {
-    id = crypto.randomUUID();
+    id = generateUUID();
     localStorage.setItem("poster_picker_uid", id);
   }
   return id;