feat: client側のfetch追加

src/features/weather/services/forecast/index.ts

@@ -0,0 +1,19 @@
+import { ForecastWeatherData } from "@/features/weather/models"
+
+import { fetchWrapper } from "../helper"
+
+export type DayRange = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14
+
+/**
+ * 最大14日間の天気予報と天気アラートを取得する
+ * @see https://app.swaggerhub.com/apis-docs/WeatherAPI.com/WeatherAPI/1.0.2#/APIs/forecast-weather
+ * @param q - 郵便番号(アメリカ、イギリス、カナダのみ)、IPアドレス、緯度経度（10進法）、都市名
+ * @param days - 天気予報の日数。1～14
+ */
+export const fetchForecastWeather = (q: string, days: DayRange) => {
+  const params = new URLSearchParams({
+    q,
+    days: days.toString(),
+  })
+  return fetchWrapper<ForecastWeatherData>(`/api/forecast?${params}`)
+}

src/features/weather/services/helper.ts

@@ -0,0 +1,49 @@
+const errors = {
+  400: { message: "Bad Request", status: 400 },
+  401: { message: "Unauthorized", status: 401 },
+  404: { message: "Not Found", status: 404 },
+  409: { message: "Conflict", status: 409 },
+  500: { message: "Internal Server Error", status: 500 },
+}
+
+type ErrorStatus = keyof typeof errors
+
+class FetchError extends Error {
+  status: number
+  constructor(message: string, status: number) {
+    super(message)
+    this.name = "FetchError"
+    this.status = status
+  }
+}
+
+export const fetchWrapper = async <T>(url: string, options: RequestInit = {}): Promise<T> => {
+  try {
+    const response = await fetch(url, options)
+
+    if (!response.ok) {
+      const errorStatus = response.status
+
+      const error = isErrorStatus(errorStatus)
+        ? errors[errorStatus]
+        : { message: "Unknown Error", status: response.status }
+      throw new FetchError(error.message, error.status)
+    }
+
+    const data = await response.json()
+
+    return data
+  } catch (error) {
+    if (error instanceof FetchError) {
+      throw error
+    } else if (error instanceof Error) {
+      throw new FetchError("Network error or other error occurred", 500)
+    } else {
+      throw new FetchError("An unknown error occurred", 500)
+    }
+  }
+}
+
+function isErrorStatus(status: number): status is ErrorStatus {
+  return Object.prototype.hasOwnProperty.call(errors, status)
+}

src/features/weather/services/index.ts

@@ -0,0 +1,2 @@
+export * from "./forecast"
+export * from "./search"

src/features/weather/services/search/index.ts

@@ -0,0 +1,16 @@
+import { LocationData } from "@/features/weather/models"
+
+import { fetchWrapper } from "../helper"
+
+/**
+ * マッチした市区町村を Location オブジェクトの配列として返す
+ * @see https://app.swaggerhub.com/apis-docs/WeatherAPI.com/WeatherAPI/1.0.2#/APIs/search-autocomplete-weather
+ * @param q - 郵便番号(アメリカ、イギリス、カナダのみ)、IPアドレス、緯度経度（10進法）、都市名
+ */
+export const fetchMatchedLocation = (q: string) => {
+  const params = new URLSearchParams({
+    q,
+  })
+
+  return fetchWrapper<LocationData>(`/api/search?${params}`)
+}