import MWSE   from '/sdk/index.js';
import Studio from '/studio/Studio.js';

const loadingEl  = document.getElementById('loading');
const loadingMsg = document.getElementById('loading-msg');
const appEl      = document.getElementById('app');

const mwse   = new MWSE();          // endpoint: otomatik — aynı sunucu
const studio = new Studio(mwse, appEl);

mwse.on('scope', async () => {
    loadingEl.classList.add('hidden');
    await studio.mount();
});

mwse.on('close', () => {
    loadingMsg.textContent = 'Bağlantı kesildi — yeniden bağlanılıyor…';
    loadingEl.classList.remove('hidden');
});

mwse.on('error', err => {
    // Versiyon uyuşmazlığı veya hello timeout gibi hatalar burada görünür
    loadingMsg.textContent = `Hata: ${err.message}`;
    loadingEl.classList.remove('hidden');
});