fix: APIリクエストにx-requested-withヘッダーを追加 (#428)

Fantia側の変更対応

#427

src/content/modules/api.ts

@@ -0,0 +1,10 @@
+import ky from 'ky'
+
+/**
+ * Fantiaのget APIにアクセスするためのヘッダーなどを設定済みのラッパー
+ */
+export const get = async <T>(url: string) => {
+  const csrfToken = document.getElementsByName('csrf-token')[0].getAttribute('content') ?? ''
+
+  return await ky.get(url, { headers: { 'x-csrf-token': csrfToken, 'x-requested-with': 'XMLHttpRequest' } }).json<T>()
+}

src/content/modules/backnumberPage.ts

@@ -1,12 +1,11 @@
-import ky from 'ky'
 import { Backnumber, BacknumberResponse } from '../../types/backnumber'
+import { get } from './api'
 
 export const fetchBacknumberData = async (): Promise<Backnumber> => {
   const url = new URL((document.getElementsByClassName('tab-item tab-item-text active')[1] as HTMLAnchorElement).href)
   const plan = url.searchParams.get('plan')
   const month = url.searchParams.get('month')
-  const csrfToken = document.getElementsByName('csrf-token')[0].getAttribute('content') ?? ''
-  const json = await ky.get(`https://fantia.jp/api/v1/fanclub/backnumbers/monthly_contents/plan/${plan}/month/${month}`, { headers: { 'x-csrf-token': csrfToken } }).json<BacknumberResponse>()
+  const json = await get<BacknumberResponse>(`https://fantia.jp/api/v1/fanclub/backnumbers/monthly_contents/plan/${plan}/month/${month}`)
 
   return json.backnumber
 }

src/content/modules/postPage.ts

@@ -1,14 +1,13 @@
-import ky from 'ky'
 import { idAndTitlePath, contentIdToTitle, urlToExt } from '../index'
 import { PostData, PostDataResponse } from '../../types/index'
 import { getImgList } from './img'
 import { fileDownload } from './download'
 import { blogDL } from './blog'
+import { get } from './api'
 
 export const fetchPostData = async (): Promise<PostData> => {
   const id = location.pathname.split('/posts/')[1]
-  const csrfToken = document.getElementsByName('csrf-token')[0].getAttribute('content') ?? ''
-  const json = await ky.get(`https://fantia.jp/api/v1/posts/${id}`, { headers: { 'x-csrf-token': csrfToken } }).json<PostDataResponse>()
+  const json = await get<PostDataResponse>(`https://fantia.jp/api/v1/posts/${id}`)
 
   return json.post
 }