Initial commit: WordPress wp-content (themes, plugins, languages)

- Theme: momentry (custom theme with REST API routes)
- Plugins: code-snippets (contains all API proxies)
- Languages: zh_TW translations
- Excludes: cache, backups, uploads, logs

plugins/code-snippets/js/hooks/useRestAPI.tsx

@@ -0,0 +1,60 @@
+import React, { useMemo } from 'react'
+import axios from 'axios'
+import { createContextHook } from '../utils/hooks'
+import { REST_API_AXIOS_CONFIG } from '../utils/restAPI'
+import { buildSnippetsAPI } from '../utils/snippets/api'
+import type { SnippetsAPI } from '../utils/snippets/api'
+import type { PropsWithChildren } from 'react'
+import type { AxiosInstance, AxiosResponse } from 'axios'
+
+export interface RestAPIContext {
+	api: RestAPI
+	snippetsAPI: SnippetsAPI
+	axiosInstance: AxiosInstance
+}
+
+export interface RestAPI {
+	get: <T>(url: string) => Promise<T>
+	post: <T>(url: string, data?: object) => Promise<T>
+	put: <T>(url: string, data?: object) => Promise<T>
+	del: <T>(url: string) => Promise<T>
+}
+
+const debugRequest = async <T, D = never>(
+	method: 'GET' | 'POST' | 'PUT' | 'DELETE',
+	url: string,
+	doRequest: Promise<AxiosResponse<T, D>>,
+	data?: D
+): Promise<T> => {
+	console.debug(`${method} ${url}`, ...data ? [data] : [])
+	const response = await doRequest
+	console.debug('Response', response)
+	return response.data
+}
+
+const buildRestAPI = (axiosInstance: AxiosInstance): RestAPI => ({
+	get: <T, >(url: string): Promise<T> =>
+		debugRequest('GET', url, axiosInstance.get<T, AxiosResponse<T, never>, never>(url)),
+
+	post: <T, >(url: string, data?: object): Promise<T> =>
+		debugRequest('POST', url, axiosInstance.post<T, AxiosResponse<T, typeof data>, typeof data>(url, data), data),
+
+	del: <T, >(url: string): Promise<T> =>
+		debugRequest('DELETE', url, axiosInstance.delete<T, AxiosResponse<T, never>, never>(url)),
+
+	put: <T, >(url: string, data?: object): Promise<T> =>
+		debugRequest('PUT', url, axiosInstance.put<T, AxiosResponse<T, typeof data>, typeof data>(url, data), data)
+})
+
+export const [RestAPIContext, useRestAPI] = createContextHook<RestAPIContext>('RestAPI')
+
+export const WithRestAPIContext: React.FC<PropsWithChildren> = ({ children }) => {
+	const axiosInstance = useMemo(() => axios.create(REST_API_AXIOS_CONFIG), [])
+
+	const api = useMemo(() => buildRestAPI(axiosInstance), [axiosInstance])
+	const snippetsAPI = useMemo(() => buildSnippetsAPI(api), [api])
+
+	const value: RestAPIContext = { api, snippetsAPI, axiosInstance }
+
+	return <RestAPIContext.Provider value={value}>{children}</RestAPIContext.Provider>
+}