103 líneas
3,7 KiB
TypeScript
103 líneas
3,7 KiB
TypeScript
const geocodingApiBase: string = "https://geocoding-api.open-meteo.com/v1/search";
|
|
const openMeteoApiBase: string = "https://api.open-meteo.com/v1/forecast";
|
|
let location: string = "L'Hospitalet de Llobregat";
|
|
let previousLocation: string = '';
|
|
|
|
export function load(): object {
|
|
let ubicacio: Promise<string> = getFromOpenMeteo(location).then( (res) => res.results[0].name );
|
|
let temps: Promise<any> = getFromOpenMeteo(location)
|
|
.then( (res) => {
|
|
return { latitude: res.results[0].latitude, longitude: res.results[0].longitude };
|
|
})
|
|
.then( (latlon) => {
|
|
return getWeatherFromOpenMeteo(latlon.latitude, latlon.longitude);
|
|
// return [ latlon.longitude, latlon.latitude ];
|
|
})
|
|
.then( (res) => {
|
|
let yAxis: object[] = [];
|
|
let temps: object[] = [];
|
|
["hourly", "six_hourly", "three_hourly", "daily"].forEach(function (section, index) {
|
|
if (!(section in res)) {
|
|
return
|
|
}
|
|
Object.entries(res[section]||[]).forEach(function(k){
|
|
if (k[0] == "time" || k[0] == "sunrise" || k[0] == "sunset") {
|
|
return
|
|
}
|
|
let hourly_starttime = (res[section].time[0] + res.utc_offset_seconds) * 1000;
|
|
let pointInterval = (res[section].time[1] - res[section].time[0]) * 1000;
|
|
let unit = res[`${section}_units`][k[0]];
|
|
var axisId = null;
|
|
for (let i = 0; i < yAxis.length; i++) {
|
|
if (yAxis[i].title.text == unit) {
|
|
axisId = i;
|
|
}
|
|
}
|
|
if (axisId == null) {
|
|
yAxis.push({title: {text: unit}});
|
|
axisId = yAxis.length-1;
|
|
}
|
|
var ser = {
|
|
name: k[0],
|
|
res: k[1],
|
|
yAxis: axisId,
|
|
pointStart:hourly_starttime,
|
|
pointInterval: pointInterval,
|
|
type: (unit == 'mm' || unit == 'cm' || unit == 'inch' || unit == 'MJ/m²') ? 'column' : 'line',
|
|
tooltip: {
|
|
valueSuffix: " " + unit,
|
|
},
|
|
dataGrouping: {groupPixelWidth: 12}
|
|
/*dataGrouping: {
|
|
enabled: true,
|
|
forced: true,
|
|
units: [['year',[1]]]
|
|
}*/
|
|
};
|
|
temps.push(ser);
|
|
});
|
|
});
|
|
return temps;
|
|
} )
|
|
|
|
return { ubicacio, temps }
|
|
/**
|
|
let openMeteoData = getFromOpenMeteo(location);
|
|
let latitude: Promise<number> = openMeteoData.then((data) => data.results[0].latitude).catch((_e) => 41.35967);
|
|
let longitude: Promise<number> = openMeteoData.then((data) => data.results[0].longitude).catch((_e) => 2.10028 );
|
|
let openMeteoWeather = getWeatherFromOpenMeteo(latitude, longitude);
|
|
let openMeteoFetchUrl: string = openMeteoApiBase + '?latitude=' + latitude + '&logitude=' + longitude;
|
|
return { location: openMeteoData.then( (data) => data.results[0].name ).catch( (_e) => previousLocation ), weatherData: openMeteoWeather, latitude, longitude, openMeteoFetchUrl }
|
|
*/
|
|
};
|
|
|
|
function changeLocation(newLoc: string): void {
|
|
previousLocation = location;
|
|
location = newLoc;
|
|
}
|
|
|
|
function apiUrlBuilder(apiBaseUrl: string, vars: Array<[string, string | number]>): string {
|
|
let jointVars: string[] = [];
|
|
vars.forEach( (val) => jointVars.push(`${val[0]}=${val[1]}`) );
|
|
let jointParams: string = jointVars.join('&');
|
|
return `${apiBaseUrl}?${jointParams}`;
|
|
}
|
|
|
|
export const actions = {
|
|
changeLoc: async ({ request }) => {
|
|
const data: FormData = await request.formData();
|
|
changeLocation(data.get('newloc'));
|
|
}
|
|
}
|
|
|
|
async function getFromOpenMeteo(ubicacio: string): Promise<any> {
|
|
let geoCodeResponse: Response = await fetch(`${geocodingApiBase}?name=${ubicacio}&count=1`);
|
|
return geoCodeResponse.json();
|
|
}
|
|
|
|
async function getWeatherFromOpenMeteo(latitude: any, longitude: any) {
|
|
// let openMeteoResponse: Response = await fetch(openMeteoApiBase + '?latitude=' + latitude + '&longitude=' + longitude);
|
|
let openMeteoResponse: Response = await fetch(apiUrlBuilder(openMeteoApiBase, [['latitude', latitude], ['longitude', longitude], ['hourly', 'temperature_2m,rain,showers,snowfall']]));
|
|
return openMeteoResponse.json()
|
|
}
|