language-route.js

(function () {
  if (window.__teableDocsLanguageRouteInitialized) {
    return;
  }
  window.__teableDocsLanguageRouteInitialized = true;

  var locales = ["en", "zh", "ru", "de", "fr", "es", "it", "ja", "tr", "uk", "ar"];
  var localeCookie = "TEABLE_DOCS_LOCALE";
  var routerPaths = ["", "/index", "/en/locale-router"];

  function isRouterPath(pathname) {
    return routerPaths.indexOf(pathname.replace(/\/$/, "")) !== -1;
  }
  var lastObservedPath = window.location.pathname;

  function localeFromPath(pathname) {
    var firstSegment = pathname.split("/")[1].toLowerCase();
    return locales.indexOf(firstSegment) === -1 ? null : firstSegment;
  }

  function localeFromTag(tag) {
    var normalized = String(tag || "").trim().toLowerCase();

    for (var index = 0; index < locales.length; index += 1) {
      var locale = locales[index];
      if (normalized === locale || normalized.indexOf(locale + "-") === 0) {
        return locale;
      }
    }

    return null;
  }

  function readLocaleCookie() {
    var prefix = localeCookie + "=";
    var cookies = document.cookie.split(";");

    for (var index = 0; index < cookies.length; index += 1) {
      var cookie = cookies[index].trim();
      if (cookie.indexOf(prefix) === 0) {
        try {
          return localeFromTag(decodeURIComponent(cookie.slice(prefix.length)));
        } catch (_) {
          return null;
        }
      }
    }

    return null;
  }

  function writeLocaleCookie(locale) {
    document.cookie =
      localeCookie + "=" + encodeURIComponent(locale) + "; Path=/; Max-Age=31536000; SameSite=Lax";
  }

  function preferredBrowserLocale() {
    var browserLanguages = navigator.languages && navigator.languages.length
      ? navigator.languages
      : [navigator.language];

    for (var index = 0; index < browserLanguages.length; index += 1) {
      var locale = localeFromTag(browserLanguages[index]);
      if (locale) {
        return locale;
      }
    }

    return "en";
  }

  function rememberLanguageSwitcherChoice(event) {
    var link = event.target.closest && event.target.closest("a[href]");
    if (!link) {
      return;
    }

    var target = new URL(link.href, window.location.origin);
    if (target.origin !== window.location.origin) {
      return;
    }

    var currentLocale = localeFromPath(window.location.pathname);
    var targetLocale = localeFromPath(target.pathname);
    if (currentLocale && targetLocale && currentLocale !== targetLocale) {
      writeLocaleCookie(targetLocale);
    }
  }

  function rememberCurrentPageLocale() {
    var currentPath = window.location.pathname;
    if (currentPath === lastObservedPath) {
      return;
    }

    lastObservedPath = currentPath;
    if (isRouterPath(currentPath)) {
      return;
    }

    var locale = localeFromPath(currentPath);
    if (locale) {
      writeLocaleCookie(locale);
    }
  }

  document.addEventListener("click", rememberLanguageSwitcherChoice, true);
  window.addEventListener("popstate", rememberCurrentPageLocale);
  window.setInterval(rememberCurrentPageLocale, 250);

  if (!isRouterPath(window.location.pathname)) {
    return;
  }

  var locale = readLocaleCookie() || preferredBrowserLocale();
  window.location.replace(
    "/" + locale + window.location.search + window.location.hash
  );
})();