kunthawat/ALwrity
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: add comprehensive logging for voice clone debugging

Browse Source 
- Backend: change logger.info to logger.warning for production logs
- Frontend: add console logs in brandAssets.ts createVoiceClone
- Frontend: add token auth and audio error logs in VoiceAvatarPlaceholder
- Log token fetching, authenticated URL, audio duration
This commit is contained in:
ajaysi
2026-04-22 09:58:20 +05:30
parent b9f2123ce9
commit 5e205d52cd
3 changed files with 38 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/src/components/OnboardingWizard/PersonalizationStep/components/VoiceAvatarPlaceholder.tsx
View File

@@ -100,7 +100,9 @@ export const VoiceAvatarPlaceholder: React.FC<{ domainName?: string; onVoiceSet?
const [authenticatedAudioUrl, setAuthenticatedAudioUrl] = useState<string | null>(null);
useEffect(() => {
console.log('[VoiceClone] resultAudioUrl changed:', resultAudioUrl);
if (!resultAudioUrl || !resultAudioUrl.includes('/api/')) {
console.log('[VoiceClone] Using resultAudioUrl directly (no API auth needed)');
setAuthenticatedAudioUrl(resultAudioUrl);
return;
}
@@ -110,14 +112,22 @@ export const VoiceAvatarPlaceholder: React.FC<{ domainName?: string; onVoiceSet?
const tokenGetter = getAuthTokenGetter();
if (tokenGetter) {
const token = await tokenGetter();
console.log('[VoiceClone] Got token:', token ? 'yes' : 'no');
if (token && !cancelled) {
const sep = resultAudioUrl.includes('?') ? '&' : '?';
setAuthenticatedAudioUrl(`${resultAudioUrl}${sep}token=${encodeURIComponent(token)}`);
const authUrl = `${resultAudioUrl}${sep}token=${encodeURIComponent(token)}`;
console.log('[VoiceClone] Setting authenticatedAudioUrl:', authUrl);
setAuthenticatedAudioUrl(authUrl);
return;
}
}
} catch { /* fallback to unauthenticated */ }
if (!cancelled) setAuthenticatedAudioUrl(resultAudioUrl);
} catch (e) {
console.warn('[VoiceClone] Token fetch error:', e);
}
if (!cancelled) {
console.log('[VoiceClone] Falling back to unauthenticated URL');
setAuthenticatedAudioUrl(resultAudioUrl);
}
})();
return () => { cancelled = true; };
}, [resultAudioUrl]);
@@ -1123,8 +1133,13 @@ export const VoiceAvatarPlaceholder: React.FC<{ domainName?: string; onVoiceSet?
src={authenticatedAudioUrl || undefined}
preload="auto"
style={{ width: '100%', height: '28px' }}
onLoadedMetadata={(e) => {
console.log('[VoiceClone] Audio duration loaded:', (e.target as HTMLAudioElement).duration);
}}
onError={(e) => {
console.error('[VoiceClone] Generated audio playback error:', e);
const audioEl = e.target as HTMLAudioElement;
const errorMsg = audioEl?.error ? `code=${audioEl.error.code}, message=${audioEl.error.message}` : 'unknown';
console.error('[VoiceClone] Generated audio playback error:', errorMsg, 'URL:', authenticatedAudioUrl);
}}
/>
<Stack direction="row" spacing={1} sx={{ mt: 1 }}>