document.addEventListener("DOMContentLoaded", async () => {
    const langs = await new cx_libtranslate
    .languages("/")
    .load("index.json");

    console.log("Languages container:");
    console.log(langs);

    const preferences = new cx_libtranslate.preferences(langs);
 
    console.log("Preferences: ");
    console.log(preferences);
   
    const selector = preferences.selector.insert().add_listener(name => {
        alert(name);   
    });

    console.log("Selector:");
    console.log(selector);

    console.log("Seting phrasebook as default.");

    const phrasebook = await preferences.load_choosen_phrasebook();
    phrasebook.set_as_default();

    console.log("Loading autotranslator.");
    
    const autotranslate = await preferences.get_autotranslate()
    autotranslate.connect();
});