import createAjaxRequest from 'Utilities/createAjaxRequest';

function getTranslations() {
  return createAjaxRequest({
    global: false,
    dataType: 'json',
    url: '/localization',
  }).request;
}

let translations: Record<string, string> = {};

export async function fetchTranslations(): Promise<boolean> {
  return new Promise(async (resolve) => {
    try {
      const data = await getTranslations();
      translations = data.strings;

      resolve(true);
    } catch (error) {
      resolve(false);
    }
  });
}

export default function translate(
  key: string,
  tokens: Record<string, string | number | boolean> = { appName: 'Lidarr' }
) {
  const translation = translations[key] || key;

  if (!(key in translations)) {
    console.warn(`MISSING ${key}`);
  }

  if (tokens) {
    // Fallback to the old behaviour for translations not yet updated to use named tokens
    Object.values(tokens).forEach((value, index) => {
      tokens[index] = value;
    });

    return translation.replace(/\{([a-z0-9]+?)\}/gi, (match, tokenMatch) =>
      String(tokens[tokenMatch] ?? match)
    );
  }

  return translation;
}