/// <reference types="@lipsurf/types/extension"/>
declare const PluginBase: IPluginBase;

export default <IPluginBase & IPlugin>{
  ...PluginBase,
  ...{
    niceName: "Weather",
    match: /.*\.accuweather\.com/,
    version: "1.0.0",
    apiVersion: 2,
    commands: [
      {
        name: "Check the Weather",
        description: "Check the weather for a given city.",
        // say it on any page (not just accuweather domain)
        global: true,
        match: "[weather/forecast] [for/in] *",
        pageFn: async (transcript, { preTs, normTs }: TsData) => {
          // https://api.accuweather.com/locations/v1/cities/autocomplete?q=chiang%20mai&apikey=d41dfd5e8a1748d0970cba6637647d96&language=en-us&get_param=value
          // ex resp: [{"Version":1,"Key":"317505","Type":"City","Rank":41,"LocalizedName":"Chiang Mai","Country":{"ID":"TH","LocalizedName":"Thailand"},"AdministrativeArea":{"ID":"50","LocalizedName":"Chiang Mai"}}]
          // https://www.accuweather.com/en/th/chiang-mai/317505/weather-forecast/317505
          const resp = await (
            await window.fetch(
              `https://api.accuweather.com/locations/v1/cities/autocomplete?q=${preTs}&apikey=d41dfd5e8a1748d0970cba6637647d96&language=en-us&get_param=value`
            )
          ).json();
          let cityId = resp[0].Key;
          let countryCode = resp[0].Country.ID.toLowerCase();
          let cityName = resp[0].LocalizedName.replace(" ", "-");
          window.location.href = `https://www.accuweather.com/en/${countryCode}/${cityName}/${cityId}/weather-forecast/${cityId}`;
        },
      },
    ],
  },
};