bb3b3dfdfb
* Implement strict typing (WIP). * changes * Finish type checks * Fix notification icon, matugen settings and update tsconfig. * OSD Styling updates and added the ability to configure OSD duration.
50 lines
1.5 KiB
TypeScript
50 lines
1.5 KiB
TypeScript
import { Weather, WeatherIcon, WeatherIconTitle } from "lib/types/weather.js";
|
|
import { Variable } from "types/variable.js";
|
|
import { weatherIcons } from "modules/icons/weather.js";
|
|
import { isValidWeatherIconTitle } from "globals/weather";
|
|
|
|
export const HourlyIcon = (theWeather: Variable<Weather>, getNextEpoch: any) => {
|
|
const getIconQuery = (wthr: Weather): WeatherIconTitle => {
|
|
|
|
const nextEpoch = getNextEpoch(wthr);
|
|
const weatherAtEpoch = wthr.forecast.forecastday[0].hour.find(
|
|
(h) => h.time_epoch === nextEpoch,
|
|
);
|
|
|
|
if (weatherAtEpoch === undefined) {
|
|
return "warning";
|
|
}
|
|
|
|
let iconQuery = weatherAtEpoch.condition.text
|
|
.trim()
|
|
.toLowerCase()
|
|
.replaceAll(" ", "_");
|
|
|
|
if (!weatherAtEpoch?.is_day && iconQuery === "partly_cloudy") {
|
|
iconQuery = "partly_cloudy_night";
|
|
}
|
|
|
|
if (isValidWeatherIconTitle(iconQuery)) {
|
|
return iconQuery;
|
|
} else {
|
|
return "warning";
|
|
}
|
|
}
|
|
|
|
return Widget.Box({
|
|
hpack: "center",
|
|
child: theWeather.bind("value").as((w) => {
|
|
let weatherIcn: WeatherIcon;
|
|
|
|
const iconQuery = getIconQuery(w);
|
|
weatherIcn = weatherIcons[iconQuery] || weatherIcons["warning"];
|
|
return Widget.Label({
|
|
hpack: "center",
|
|
class_name: "hourly-weather-icon txt-icon",
|
|
label: weatherIcn,
|
|
});
|
|
})
|
|
|
|
})
|
|
};
|