Added the ability to specify location in the weather settings.

This commit is contained in:
Jas Singh
2024-07-26 19:25:37 -07:00
parent b293d0b060
commit 936405d9d2
3 changed files with 80 additions and 73 deletions

View File

@@ -4,89 +4,94 @@ import { TodayStats } from "./stats/index.js";
import { TodayTemperature } from "./temperature/index.js";
import { Hourly } from "./hourly/index.js";
const { key, interval } = options.menus.clock.weather;
const { key, interval, location } = options.menus.clock.weather;
const defaultWeather = {
location: {
localtime_epoch: 1719471600,
},
current: {
temp_f: 0,
wind_mph: 0,
condition: {
text: "Clear",
location: {
localtime_epoch: 1719471600,
},
},
forecast: {
forecastday: [
{
day: {
daily_chance_of_rain: 0,
current: {
temp_f: 0,
wind_mph: 0,
condition: {
text: "Clear",
},
hour: [
{
time_epoch: 1719471600,
temp_f: 0,
condition: {
text: "Clear",
},
forecast: {
forecastday: [
{
day: {
daily_chance_of_rain: 0,
},
hour: [
{
time_epoch: 1719471600,
temp_f: 0,
condition: {
text: "Clear",
},
},
],
},
},
],
},
],
},
},
};
const theWeather = Variable(defaultWeather);
const WeatherWidget = () => {
return Widget.Box({
class_name: "calendar-menu-item-container weather",
child: Widget.Box({
class_name: "weather-container-box",
setup: (self) => {
Utils.merge(
[key.bind("value"), interval.bind("value")],
(weatherKey, weatherInterval) => {
Utils.interval(weatherInterval, () => {
Utils.execAsync(
`curl "https://api.weatherapi.com/v1/forecast.json?key=${weatherKey}&q=93722&days=1&aqi=no&alerts=no"`,
)
.then((res) => {
if (typeof res === "string") {
theWeather.value = JSON.parse(res);
}
})
.catch((err) => {
console.error(`Failed to fetch weather: ${err}`);
theWeather.value = defaultWeather;
});
});
},
);
return Widget.Box({
class_name: "calendar-menu-item-container weather",
child: Widget.Box({
class_name: "weather-container-box",
setup: (self) => {
Utils.merge(
[key.bind("value"), interval.bind("value"), location.bind("value")],
(weatherKey, weatherInterval, loc) => {
Utils.interval(weatherInterval, () => {
const formattedLocation = loc.replace(" ", "%20");
Utils.execAsync(
`curl "https://api.weatherapi.com/v1/forecast.json?key=${weatherKey}&q=${formattedLocation}&days=1&aqi=no&alerts=no"`,
)
.then((res) => {
try {
if (typeof res === "string") {
theWeather.value = JSON.parse(res);
}
} catch (error) {
console.error(`Failed to parse weather data: ${error}`);
}
})
.catch((err) => {
console.error(`Failed to fetch weather: ${err}`);
theWeather.value = defaultWeather;
});
});
},
);
return (self.child = Widget.Box({
vertical: true,
hexpand: true,
children: [
Widget.Box({
class_name: "calendar-menu-weather today",
hexpand: true,
children: [
TodayIcon(theWeather),
TodayTemperature(theWeather),
TodayStats(theWeather),
],
}),
Widget.Separator({
class_name: "menu-separator weather",
}),
Hourly(theWeather),
],
}));
},
}),
});
return (self.child = Widget.Box({
vertical: true,
hexpand: true,
children: [
Widget.Box({
class_name: "calendar-menu-weather today",
hexpand: true,
children: [
TodayIcon(theWeather),
TodayTemperature(theWeather),
TodayStats(theWeather),
],
}),
Widget.Separator({
class_name: "menu-separator weather",
}),
Hourly(theWeather),
],
}));
},
}),
});
};
export { WeatherWidget };