Simple Weather Forecast

[Ed-Mar]

Simple Weather Forecast

Wanted a simple study to learn how to create/work with custom templates.

I do daily notes for task/events and that day's note is often the first thing I look at when I wake up. I thought having some weather information would be relativity helpful and simple to implement.

Weather API

I just picked a free one off the first page of google: https://www.weatherapi.com/ (Not Sponsored). Made and account and got my key and docs Swagger Doc . Note that you get 1 million API calls a month, but only up to a 3 day forecast.

If you're gonna copy-pasta this just remember to insert your KEY in the marked area.

User Code

forecast00.js

class forecast00 {

    constructor() {
        this.dv = app.plugins.plugins.dataview.api
        this.tp = app.plugins.plugins['templater-obsidian'].templater.current_functions_object        
    }    

    // Not in not in the constructor cuz no Promizes  
    async initialize(zip, days) {
        const url = 'http://api.weatherapi.com/v1/forecast.json';        
        //I'm recycling code
         const headers = {
         };

         const params = {
            key: 'YOUR-KEY-HERE',
            q: zip,
            days: days
        };        
        const controller = new AbortController();
        const timeoutId = setTimeout(() => controller.abort(), 4000);

        // Convert params object to query string
        const queryString = Object.entries(params)
            .map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(value)}`)
            .join('&');

        const requestUrl = `${url}?${queryString}`;
        console.log("request log: ", requestUrl)

        try {
            const response = await fetch(requestUrl, {
                headers: headers,
                signal: controller.signal
            });

            clearTimeout(timeoutId);
            if (!response.ok) {
                console.log("Status: ", response.status, response.statusText)
                throw new Error(`Request failed: ${response.status} | ${response.statusText}`);
            }
            this.data = await response.json();
                        
        } catch (error) {
            console.log('Error:', error.message);
            return null;
        }
    }


}
module.exports = forecast00

Templater 'Markup'

<%* 
const forecastAPI = new tp.user.forecast00()
await forecastAPI.initialize(27000,3)
-%>
## Weather Forecast
<% forecastAPI.data.location.name %>, <% forecastAPI.data.location.region %> | <% tp.date.now("dddd Do MMMM, YYYY")%>
**<%forecastAPI.data.forecast.forecastday[0].day.condition.text%>** | ↑ *<% forecastAPI.data.forecast.forecastday[0].day.maxtemp_f %>*°f | μ *<% forecastAPI.data.forecast.forecastday[0].day.avgtemp_f %>*°f | ↓ *<% forecastAPI.data.forecast.forecastday[0].day.mintemp_f %>*°f | ***Hμ*** *<% forecastAPI.data.forecast.forecastday[0].day.avghumidity %>%*
	↳ <% tp.date.now("ddd Do", 1) %>: **<%forecastAPI.data.forecast.forecastday[1].day.condition.text%>** ↑ *<% forecastAPI.data.forecast.forecastday[1].day.maxtemp_f %>*°f  |  <% tp.date.now("ddd Do", 2) %>: **<%forecastAPI.data.forecast.forecastday[2].day.condition.text%>** ↑ *<% forecastAPI.data.forecast.forecastday[2].day.maxtemp_f %>*°f 

Result

Weather Forecast

Raleigh, North Carolina | Thursday 13th July, 2023
Overcast | ↑ 92.7°f | μ 83.9°f | ↓ 75.7°f | Hμ 72%
↳ Fri 14th: Heavy rain ↑ 91.4°f | Sat 15th: Moderate rain ↑ 88.5°f

Post Thoughts

Learned a good amount from this, mostly I remember by I don't like java script. There's a lot info in this API I did not use in the finial product, wind, solar and lunar info, uv index, Hourly forecast, heat/windchill/dew indexs, and etc. I just found the more I added it chunky it be came and the less I liked it. I just picked what I wanted

Forecast Table

2+1 Forecast	<% tp.date.now("ddd Do") %>	<% tp.date.now("ddd Do", 1) %>	<% tp.date.now("ddd Do", 2) %>
	<%forecastAPI.data.forecast.forecastday[0].day.condition.text%><%* if ( forecastAPI.data.forecast.forecastday[0].day.totalprecip_in > 0){ %> Total Precipitation: <% forecastAPI.data.forecast.forecastday[0].day.totalprecip_in %>" <%* }else { %> <%* } -%><%* if ( forecastAPI.data.forecast.forecastday[0].day.totalsnow_cm > 0 ){ %> Total Snow: <%forecastAPI.data.forecast.forecastday[0].day.totalsnow_cm %>(cm)<%* }else { %> <%* } -%><%* if (forecastAPI.data.forecast.forecastday[0].day.daily_chance_of_rain > 0 ){ %> 24h % of Rain: <%forecastAPI.data.forecast.forecastday[0].day.daily_chance_of_rain%>%<%* }else { %> <%* } -%>	<%forecastAPI.data.forecast.forecastday[1].day.condition.text%><%* if ( forecastAPI.data.forecast.forecastday[1].day.totalprecip_in > 0){ %> Total Precipitation: <% forecastAPI.data.forecast.forecastday[1].day.totalprecip_in %>" <%* }else { %> <%* } -%><%* if (forecastAPI.data.forecast.forecastday[1].day.daily_chance_of_rain > 0 ){ %> 24h % of Rain: <%forecastAPI.data.forecast.forecastday[1].day.daily_chance_of_rain%>%<%* }else { %> <%* } -%>	<%forecastAPI.data.forecast.forecastday[2].day.condition.text%><%* if ( forecastAPI.data.forecast.forecastday[2].day.totalprecip_in > 0){ %> Total Precipitation: <% forecastAPI.data.forecast.forecastday[2].day.totalprecip_in %>"<%* }else { %> <%* } -%><%* if ( forecastAPI.data.forecast.forecastday[2].day.totalsnow_cm > 0 ){ %> Total Snow: <%forecastAPI.data.forecast.forecastday[2].day.totalsnow_cm %><%* }else { %> <%* } -%><%* if (forecastAPI.data.forecast.forecastday[2].day.daily_chance_of_rain> 0 ){ %> 24h % of Rain: <%forecastAPI.data.forecast.forecastday[2].day.daily_chance_of_rain%>%<%* }else { %> <%* } -%>
Max Temp:	<% forecastAPI.data.forecast.forecastday[0].day.maxtemp_f %>°f	<% forecastAPI.data.forecast.forecastday[1].day.maxtemp_f %>°f	<% forecastAPI.data.forecast.forecastday[2].day.maxtemp_f %>°f
Min Temp:	<% forecastAPI.data.forecast.forecastday[0].day.mintemp_f %>°f	<% forecastAPI.data.forecast.forecastday[1].day.mintemp_f %>°f	<% forecastAPI.data.forecast.forecastday[2].day.mintemp_f %>°f
Avg Temp:	<% forecastAPI.data.forecast.forecastday[0].day.avgtemp_f %>°f	<% forecastAPI.data.forecast.forecastday[1].day.avgtemp_f %>°f	<% forecastAPI.data.forecast.forecastday[2].day.avgtemp_f %>°f
Humidity:	<% forecastAPI.data.forecast.forecastday[0].day.avghumidity %>%	<% forecastAPI.data.forecast.forecastday[1].day.avghumidity %>%	<% forecastAPI.data.forecast.forecastday[2].day.avghumidity %>%

[senyc]

This is really cool, thanks for making this!

[sh0nuff]

I'm getting a "end of the stream or a document separator is expected" in Swagger for Line 16 that includes my code, any suggestions on how to resolve?