feat: openweathermap service

Author: hywax

components/Item.vue

@@ -28,6 +28,10 @@ function resolveByTypeComponent(type: string) {
     return resolveComponent('ServiceIpApi')
   }
 
+  if (type === 'openweathermap') {
+    return resolveComponent('ServiceOpenWeatherMap')
+  }
+
   return resolveComponent('ServiceBase')
 }
 

components/service/OpenWeatherMap.vue

@@ -0,0 +1,35 @@
+<template>
+  <ServiceBase v-bind="props">
+    <template #icon="{ service }">
+      <ServiceBaseIcon :name="`wi:owm-${service?.data?.iconId}`" v-bind="iconProps" />
+    </template>
+    <template #title="{ service }">
+      {{ service.data?.temp.toFixed(1) }} {{ metricSymbol }}
+    </template>
+    <template #description="{ service }">
+      {{ service.data?.place ? `${service.data?.place},` : '' }} {{ service.data?.description }}
+    </template>
+  </ServiceBase>
+</template>
+
+<script setup lang="ts">
+import type { OpenWeatherMapService, ServiceClient } from '~/types'
+
+const props = defineProps<ServiceClient<OpenWeatherMapService>>()
+const iconProps = computed(() => {
+  if (!props.icon) {
+    return {}
+  }
+
+  const { name: _, ...p } = props.icon
+
+  return p
+})
+const metricSymbol = computed(() => {
+  if (props?.options?.units === 'imperial') {
+    return '°F'
+  }
+
+  return '°C'
+})
+</script>

server/api/services/openweathermap.ts

@@ -0,0 +1,38 @@
+import type { OpenWeatherMapService } from '~/types'
+import { getServiceWithDefaultData, returnServiceWithData } from '~/server/utils/services'
+
+interface OWMResponse {
+  main: {
+    temp: number
+  }
+  name: string
+  weather: {
+    id: number
+    description: string
+  }[]
+}
+
+const cachedOWMData = defineCachedFunction(async ({ lon, lat, units, apiKey, lang }: { lon: number, lat: number, units: string, apiKey: string, lang: string }) => {
+  const response = await $fetch<OWMResponse>(`https://api.openweathermap.org/data/2.5/weather?lat=${lat}&lon=${lon}&appid=${apiKey}&units=${units}&lang=${lang}`)
+  return {
+    temp: response.main.temp,
+    place: response.name,
+    iconId: response.weather[0].id,
+    description: response.weather[0].description,
+  }
+}, { maxAge: 60 * 24, getKey: ({ lon, lat }) => `${lon}-${lat}` })
+
+export default defineEventHandler(async (event) => {
+  const service = await getServiceWithDefaultData<OpenWeatherMapService>(event)
+  const config = await getLocalConfig()
+  const { options, secrets } = service.config
+  const owm = await cachedOWMData({
+    lon: options.lon,
+    lat: options.lat,
+    units: options.units || 'metric',
+    apiKey: secrets.apiKey,
+    lang: config?.lang || 'en',
+  })
+
+  return returnServiceWithData(service, owm)
+})

types/services.d.ts

@@ -52,3 +52,20 @@ export interface IpApiService extends Service {
     place: string
   }
 }
+
+export interface OpenWeatherMapService extends Service {
+  options: {
+    lon: number
+    lat: number
+    units: 'metric' | 'imperial' | 'standard'
+  }
+  secrets: {
+    apiKey: string
+  }
+  server: {
+    temp: number
+    place: string
+    description: string
+    iconId: number
+  }
+}