import { useConfig } from "@/config";

import { fetchCard, getCardStr } from "./cards";

let { stringsUrl } = useConfig();
export const DESCRIPTION_LIMIT = 10000;

export async function initStrings() {
  const language = localStorage.getItem("language") || "cn";

  //It currently only supports en-US, es-ES, ja-JP, ko-KR, zh-CN
  if (
    language === "en" ||
    language === "br" ||
    language === "pt" ||
    language === "fr"
  ) {
    stringsUrl = stringsUrl.replace("zh-CN", "en-US");
  } else if (language === "ja") {
    stringsUrl = stringsUrl.replace("zh-CN", "ja-JP");
  } else if (language === "es") {
    stringsUrl = stringsUrl.replace("zh-CN", "es-ES");
  } else if (language === "ko") {
    stringsUrl = stringsUrl.replace("zh-CN", "ko-KR");
  }

  const strings = await (await fetch(stringsUrl)).text();

  const lineIter = strings.split("\n");
  for (const line of lineIter) {
    if (!line.startsWith("#") && line !== "") {
      let [region, code, value] = line.split(" ", 3);
      try {
        localStorage.setItem(`${region}_${code}`, value);
      } catch (error) {
        alert(`set item in local storage error: ${error}`);
        break;
      }
    }
  }
}

export enum Region {
  System = "!system",
  Victory = "!victory",
  Counter = "!counter",
}

export function fetchStrings(region: Region, id: string | number): string {
  return localStorage.getItem(`${region}_${id}`) ?? "";
}

export function getStrings(description: number): string {
  if (description < DESCRIPTION_LIMIT) {
    return fetchStrings(Region.System, description);
  } else {
    const code = description >> 4;
    const index = description & 0xf;

    return getCardStr(fetchCard(code), index) ?? "[?]";
  }
}
