Upload folder using huggingface_hub

MusicManager.js

@@ -109,13 +109,32 @@ export class MusicManager {
         ];
     }
 
+    _debug(msg) {
+        console.log('[Lyria] ' + msg);
+        let el = document.getElementById('lyria-debug');
+        if (!el) {
+            el = document.createElement('div');
+            el.id = 'lyria-debug';
+            el.style.cssText = 'position:fixed;bottom:4px;left:4px;padding:4px 8px;border-radius:4px;font:10px monospace;z-index:9999;pointer-events:none;background:rgba(0,0,0,0.7);color:#0f0;max-width:400px;word-wrap:break-word';
+            document.body.appendChild(el);
+        }
+        el.textContent = msg;
+    }
+
     async start() {
         if (this.isStarted) return;
+        this._debug('start() called');
 
         // Create AudioContext for PCM playback
-        this._audioCtx = new (window.AudioContext || window.webkitAudioContext)({
-            sampleRate: 48000
-        });
+        try {
+            this._audioCtx = new (window.AudioContext || window.webkitAudioContext)({
+                sampleRate: 48000
+            });
+            this._debug('AudioContext: ' + this._audioCtx.state);
+        } catch(e) {
+            this._debug('AudioContext FAILED: ' + e.message);
+            return;
+        }
 
         // Create analyser node for visualizer
         this._analyserNode = this._audioCtx.createAnalyser();
@@ -132,20 +151,21 @@ export class MusicManager {
         };
 
         // Connect to backend WebSocket with auto-reconnect
-        // Use wss:// on HTTPS (HF Spaces), ws:// on HTTP (local dev)
         const wsProto = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
         this._wsUrl = `${wsProto}//${window.location.host}/ws`;
+        this._debug('WS URL: ' + this._wsUrl);
         this._reconnectAttempts = 0;
         this._maxReconnectAttempts = 10;
         this._connectWebSocket();
     }
 
     _connectWebSocket() {
+        this._debug('Connecting WS...');
         this._ws = new WebSocket(this._wsUrl);
         this._ws.binaryType = 'arraybuffer';
 
         this._ws.onopen = () => {
-            console.log('[Lyria] WebSocket connected');
+            this._debug('WS CONNECTED');
             this._wsReady = true;
             this._reconnectAttempts = 0;
             this._nextPlayTime = 0; // reset audio scheduling on reconnect
@@ -176,11 +196,11 @@ export class MusicManager {
         };
 
         this._ws.onerror = (e) => {
-            console.error('[Lyria] WebSocket error:', e);
+            this._debug('WS ERROR: ' + (e.message || 'unknown'));
         };
 
-        this._ws.onclose = () => {
-            console.log('[Lyria] WebSocket closed');
+        this._ws.onclose = (e) => {
+            this._debug('WS CLOSED: code=' + e.code + ' reason=' + e.reason);
             this._wsReady = false;
             // Auto-reconnect with backoff
             if (this._reconnectAttempts < this._maxReconnectAttempts) {