xvxcv

public/assets/js/app.js

@@ -744,7 +744,13 @@ document.addEventListener('DOMContentLoaded', () => {
   };
 
   const avatarComponentFields = Object.keys(avatarComponentFieldMap);
-  const avatarEndpoint = 'https://api.dicebear.com/10.x/lorelei/svg';
+  const avatarEndpoint = '/api/avatar';
+  const avatarOptionalProbabilityMap = {
+    avatar_lorelei_glasses_variant: 'glassesProbability',
+    avatar_lorelei_hair_variant: 'hairProbability',
+    avatar_lorelei_beard_variant: 'beardProbability',
+    avatar_lorelei_earrings_variant: 'earringsProbability',
+  };
 
   const buildAvatarParams = (form, overrides = {}) => {
     const seed = overrides.avatar_preset || readAvatarValue(form, 'avatar_preset');
@@ -756,6 +762,12 @@ document.addEventListener('DOMContentLoaded', () => {
         ? overrides[field]
         : readAvatarValue(form, field);
       const param = avatarComponentFieldMap[field];
+      const probabilityParam = avatarOptionalProbabilityMap[field];
+
+      if (probabilityParam) {
+        params.set(probabilityParam, value ? '100' : '0');
+      }
+
       if (value && param) params.set(param, value);
     });
 
@@ -771,7 +783,6 @@ document.addEventListener('DOMContentLoaded', () => {
     const params = buildAvatarParams(form);
     if (!params) return;
 
-    params.set('size', '256');
     const url = `${avatarEndpoint}?${params.toString()}`;
     if (!url) return;
     image.src = url;
@@ -784,7 +795,6 @@ document.addEventListener('DOMContentLoaded', () => {
       const params = buildAvatarParams(form, { [field]: value });
       if (!params) return;
 
-      params.set('size', '256');
       image.src = `${avatarEndpoint}?${params.toString()}`;
     });
   };
@@ -803,7 +813,6 @@ document.addEventListener('DOMContentLoaded', () => {
       card.type = 'button';
       card.className = 'avatar-seed-card';
       card.setAttribute('data-avatar-seed-option', seed);
-      params.set('size', '256');
       card.innerHTML = `
         <span class="avatar-seed-card__thumb">
           <img src="${avatarEndpoint}?${params.toString()}" alt="Grundvariante ${index + 1}">