import * as axios from "axios";

function generateUrl(langCode) {
    let lang = langCode.slice(0, 2);
    let url = "//" + location.host.split(":")
    [0] + ":" + location.port + "/app-resources/languages/" + lang + ".js";
    return url;
};

function getUserLang(langCode = "en_us") {
    return axios.get(generateUrl(langCode))
        .then((resp: any) => { return langCode.slice(0, 2); })
        .catch((error: any) => { return "en"; });
};

export function detectLanguage() {
    return getUserLang(navigator.language).then(function (lang) {
        // TODO: Possiblly requires optimization using Webpack chunking.
        let langi = require("../app-resources/languages/" + lang + ".js");
        return {
            nsSeparator: "",
            keySeparator: "",
            lng: lang,
            resources: { [lang]: { translation: langi } }
        };
    });
};