84 lines
		
	
	
		
			2.1 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			84 lines
		
	
	
		
			2.1 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
| import './autogen/apiClientJSDoc.js';
 | |
| 
 | |
| import { SwitchCaseResponseType } from './api.types.js';
 | |
| import type { Endpoints } from './api.types.js';
 | |
| 
 | |
| export {
 | |
| 	SwitchCaseResponseType,
 | |
| } from './api.types.js';
 | |
| 
 | |
| const MK_API_ERROR = Symbol();
 | |
| 
 | |
| export type APIError = {
 | |
| 	id: string;
 | |
| 	code: string;
 | |
| 	message: string;
 | |
| 	kind: 'client' | 'server';
 | |
| 	info: Record<string, any>;
 | |
| };
 | |
| 
 | |
| export function isAPIError(reason: any): reason is APIError {
 | |
| 	return reason[MK_API_ERROR] === true;
 | |
| }
 | |
| 
 | |
| export type FetchLike = (input: string, init?: {
 | |
| 	method?: string;
 | |
| 	body?: string;
 | |
| 	credentials?: RequestCredentials;
 | |
| 	cache?: RequestCache;
 | |
| 	headers: { [key in string]: string }
 | |
| }) => Promise<{
 | |
| 	status: number;
 | |
| 	json(): Promise<any>;
 | |
| }>;
 | |
| 
 | |
| export class APIClient {
 | |
| 	public origin: string;
 | |
| 	public credential: string | null | undefined;
 | |
| 	public fetch: FetchLike;
 | |
| 
 | |
| 	constructor(opts: {
 | |
| 		origin: APIClient['origin'];
 | |
| 		credential?: APIClient['credential'];
 | |
| 		fetch?: APIClient['fetch'] | null | undefined;
 | |
| 	}) {
 | |
| 		this.origin = opts.origin;
 | |
| 		this.credential = opts.credential;
 | |
| 		// ネイティブ関数をそのまま変数に代入して使おうとするとChromiumではIllegal invocationエラーが発生するため、
 | |
| 		// 環境で実装されているfetchを使う場合は無名関数でラップして使用する
 | |
| 		this.fetch = opts.fetch ?? ((...args) => fetch(...args));
 | |
| 	}
 | |
| 
 | |
| 	public request<E extends keyof Endpoints, P extends Endpoints[E]['req']>(
 | |
| 		endpoint: E,
 | |
| 		params: P = {} as P,
 | |
| 		credential?: string | null,
 | |
| 	): Promise<SwitchCaseResponseType<E, P>> {
 | |
| 		return new Promise((resolve, reject) => {
 | |
| 			this.fetch(`${this.origin}/api/${endpoint}`, {
 | |
| 				method: 'POST',
 | |
| 				body: JSON.stringify({
 | |
| 					...params,
 | |
| 					i: credential !== undefined ? credential : this.credential,
 | |
| 				}),
 | |
| 				headers: {
 | |
| 					'Content-Type': 'application/json',
 | |
| 				},
 | |
| 				credentials: 'omit',
 | |
| 				cache: 'no-cache',
 | |
| 			}).then(async (res) => {
 | |
| 				const body = res.status === 204 ? null : await res.json();
 | |
| 
 | |
| 				if (res.status === 200 || res.status === 204) {
 | |
| 					resolve(body);
 | |
| 				} else {
 | |
| 					reject({
 | |
| 						[MK_API_ERROR]: true,
 | |
| 						...body.error,
 | |
| 					});
 | |
| 				}
 | |
| 			}).catch(reject);
 | |
| 		});
 | |
| 	}
 | |
| }
 | 
