Init commit

2026-10-24 17:55:05 +02:00
parent 7152b10695
commit c9c3d5f223
122 changed files with 7154 additions and 0 deletions
@@ -0,0 +1,90 @@
+(() => {
+  'use strict';
+  const slider = document.getElementById('volumeSlider');
+  const volumeValue = document.getElementById('volumeValue');
+  const speaker = document.getElementById('speakerMute');
+  const mic = document.getElementById('micMute');
+  const micGain = document.getElementById('micGainSlider');
+  const micGainValue = document.getElementById('micGainValue');
+  const endpoint = '/api/audio/settings';
+  let state = { volume: 70, mic_gain: null, speaker_muted: false, mic_muted: false };
+  let saveTimer;
+
+  function render() {
+    slider.value = String(state.volume);
+    volumeValue.value = `${state.volume} %`;
+    if (Number.isFinite(state.mic_gain)) {
+      micGain.value = String(state.mic_gain);
+      micGainValue.textContent = `${state.mic_gain} %`;
+      micGain.disabled = false;
+    } else {
+      micGainValue.textContent = 'N/D';
+      micGain.disabled = true;
+    }
+    speaker.setAttribute('aria-pressed', String(state.speaker_muted));
+    speaker.setAttribute('aria-label', state.speaker_muted ? 'Réactiver le haut-parleur' : 'Couper le haut-parleur');
+    speaker.title = speaker.getAttribute('aria-label');
+    speaker.textContent = state.speaker_muted ? '🔇' : '🔊';
+    mic.setAttribute('aria-pressed', String(state.mic_muted));
+    mic.setAttribute('aria-label', state.mic_muted ? 'Réactiver le microphone' : 'Couper le microphone');
+    mic.title = mic.getAttribute('aria-label');
+    mic.textContent = state.mic_muted ? '🎙️̸' : '🎙️';
+  }
+
+  async function save() {
+    try {
+      const response = await fetch(endpoint, {
+        method: 'POST', headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(Object.fromEntries(Object.entries(state).filter(([k,v]) => v !== null)))
+      });
+      if (!response.ok) throw new Error(`HTTP ${response.status}`);
+      const result = await response.json();
+      if (result && typeof result.volume === 'number') {
+        state = { ...state, ...result };
+        render();
+      }
+    } catch (error) {
+      console.warn('Réglages audio non synchronisés avec Flask :', error);
+    }
+  }
+
+  slider.addEventListener('input', () => {
+    state.volume = Number(slider.value);
+    render();
+    clearTimeout(saveTimer);
+    saveTimer = setTimeout(save, 200);
+  });
+  micGain.addEventListener('input', () => {
+    state.mic_gain = Number(micGain.value);
+    render();
+    clearTimeout(saveTimer);
+    saveTimer = setTimeout(save, 250);
+  });
+  speaker.addEventListener('click', () => {
+    state.speaker_muted = !state.speaker_muted;
+    render();
+    clearTimeout(saveTimer);
+    save();
+  });
+  mic.addEventListener('click', () => {
+    state.mic_muted = !state.mic_muted;
+    render();
+    clearTimeout(saveTimer);
+    save();
+  });
+
+  (async () => {
+    try {
+      const response = await fetch(endpoint);
+      if (!response.ok) throw new Error(`HTTP ${response.status}`);
+      const settings = await response.json();
+      if (typeof settings.mic_gain === 'number') state.mic_gain = Math.max(0, Math.min(100, settings.mic_gain));
+      if (typeof settings.volume === 'number') state.volume = Math.max(0, Math.min(100, settings.volume));
+      if (typeof settings.speaker_muted === 'boolean') state.speaker_muted = settings.speaker_muted;
+      if (typeof settings.mic_muted === 'boolean') state.mic_muted = settings.mic_muted;
+    } catch (error) {
+      console.warn('Réglages audio non disponibles :', error);
+    }
+    render();
+  })();
+})();
@@ -0,0 +1,35 @@
+/* Icônes de statut : compatible avec alfred.js existant, sans le remplacer. */
+(() => {
+  'use strict';
+  const el = document.getElementById('mode');
+  if (!el) return;
+  const icons = {
+    idle: ['🛏️', 'Repos'], repos: ['🛏️', 'Repos'],
+    listening: ['👂', 'Écoute'], thinking: ['🧠', 'Réflexion'],
+    speaking: ['🔊', 'Parole'], error: ['⚠️', 'Erreur']
+  };
+  let current = 'idle';
+  function apply(raw) {
+    const key = String(raw || '').trim().toLowerCase();
+    if (!icons[key]) return;
+    current = key;
+    const [icon, label] = icons[key];
+    if (el.textContent !== icon) el.textContent = icon;
+    el.title = label;
+    el.setAttribute('aria-label', label);
+    el.dataset.mode = key;
+  }
+  // L'ancien alfred.js écrit le nom du mode dans #mode.
+  // L'observateur le convertit immédiatement en icône, sans modifier ce script.
+  const observer = new MutationObserver(() => {
+    const value = el.textContent.trim();
+    if (icons[value.toLowerCase()]) apply(value);
+  });
+  observer.observe(el, { childList: true, characterData: true, subtree: true });
+  apply(el.textContent);
+  // Récupère également l'état actuel après un rafraîchissement de page.
+  fetch('/api/state', { cache: 'no-store' })
+    .then(r => { if (!r.ok) throw new Error('État indisponible'); return r.json(); })
+    .then(data => { if (data && data.mode) apply(data.mode); })
+    .catch(() => {});
+})();
@@ -0,0 +1,7 @@
+const socket=io(), content=document.querySelector('#content'), modeEl=document.querySelector('#mode');
+const canvas=document.querySelector('#waveCanvas'), ctx=canvas.getContext('2d'); let mode='idle',level=.02,t=0;
+function resize(){canvas.width=canvas.clientWidth*devicePixelRatio;canvas.height=canvas.clientHeight*devicePixelRatio} addEventListener('resize',resize);resize();
+function draw(){t+=.035;ctx.clearRect(0,0,canvas.width,canvas.height);ctx.strokeStyle='rgba(255,255,255,.85)';ctx.lineWidth=2*devicePixelRatio;ctx.beginPath();let mid=canvas.height/2,amp=(mode==='idle'?1:mode==='thinking'?8:Math.max(5,level*45))*devicePixelRatio;for(let x=0;x<canvas.width;x+=4*devicePixelRatio){let y=mid+Math.sin(x*.018+t*4)*Math.sin(x*.006+t)*amp*(.35+.65*Math.sin(x/canvas.width*Math.PI));x?ctx.lineTo(x,y):ctx.moveTo(x,y)}ctx.stroke();requestAnimationFrame(draw)}draw();
+function swap(html){content.classList.add('swap');setTimeout(()=>{content.innerHTML=html;content.classList.remove('swap')},260)}
+function render(d){if(d.type==='image') swap(`<img class="hero" src="${d.url}" alt="${d.alt||''}"><p>${d.caption||''}</p>`);else if(d.type==='cards') swap(`<div class="cards">${(d.items||[]).map(i=>`<article class="card"><h2>${i.title||''}</h2><p>${i.text||''}</p></article>`).join('')}</div>`);else swap(`<h1>${d.title||''}</h1><p>${d.text||''}</p>`)}
+socket.on('alfred_state',s=>{mode=s.mode||'idle';modeEl.textContent=mode;if(s.content)render(s.content)});socket.on('alfred_render',render);socket.on('audio_level',d=>level=d.level||0);