mirror of
				https://codeberg.org/yeentown/barkey.git
				synced 2025-10-29 04:24:14 +00:00 
			
		
		
		
	
		
			
				
	
	
		
			128 lines
		
	
	
	
		
			3.7 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			128 lines
		
	
	
	
		
			3.7 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
| import './autogen/apiClientJSDoc.js';
 | ||
| 
 | ||
| import { endpointReqTypes } from './autogen/endpoint.js';
 | ||
| import type { SwitchCaseResponseType, Endpoints } from './api.types.js';
 | ||
| 
 | ||
| export type {
 | ||
| 	SwitchCaseResponseType,
 | ||
| } from './api.types.js';
 | ||
| 
 | ||
| const MK_API_ERROR = Symbol();
 | ||
| 
 | ||
| export type APIError = {
 | ||
| 	id: string;
 | ||
| 	code: string;
 | ||
| 	message: string;
 | ||
| 	kind: 'client' | 'server';
 | ||
| 	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 | ||
| 	info: Record<string, any>;
 | ||
| };
 | ||
| 
 | ||
| export function isAPIError(reason: Record<PropertyKey, unknown>): reason is APIError {
 | ||
| 	return reason[MK_API_ERROR] === true;
 | ||
| }
 | ||
| 
 | ||
| export type FetchLike = (input: string, init?: {
 | ||
| 	method?: string;
 | ||
| 	body?: Blob | FormData | string;
 | ||
| 	credentials?: RequestCredentials;
 | ||
| 	cache?: RequestCache;
 | ||
| 	headers: { [key in string]: string }
 | ||
| }) => Promise<{
 | ||
| 	status: number;
 | ||
| 	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 | ||
| 	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.replace(/\/$/, '');
 | ||
| 		this.credential = opts.credential;
 | ||
| 		// ネイティブ関数をそのまま変数に代入して使おうとするとChromiumではIllegal invocationエラーが発生するため、
 | ||
| 		// 環境で実装されているfetchを使う場合は無名関数でラップして使用する
 | ||
| 		this.fetch = opts.fetch ?? ((...args) => fetch(...args));
 | ||
| 	}
 | ||
| 
 | ||
| 	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 | ||
| 	private assertIsRecord<T>(obj: T): obj is T & Record<string, any> {
 | ||
| 		return obj !== null && typeof obj === 'object' && !Array.isArray(obj);
 | ||
| 	}
 | ||
| 
 | ||
| 	private assertSpecialEpReqType(ep: keyof Endpoints): ep is keyof typeof endpointReqTypes {
 | ||
| 		return ep in endpointReqTypes;
 | ||
| 	}
 | ||
| 
 | ||
| 	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) => {
 | ||
| 			let mediaType = 'application/json';
 | ||
| 			// (autogenがバグったときのため、念の為nullチェックも行う)
 | ||
| 			// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
 | ||
| 			if (this.assertSpecialEpReqType(endpoint) && endpointReqTypes[endpoint] != null) {
 | ||
| 				mediaType = endpointReqTypes[endpoint];
 | ||
| 			}
 | ||
| 
 | ||
| 			let payload: FormData | string = '{}';
 | ||
| 
 | ||
| 			if (mediaType === 'application/json') {
 | ||
| 				payload = JSON.stringify({
 | ||
| 					...params,
 | ||
| 					i: credential !== undefined ? credential : this.credential,
 | ||
| 				});
 | ||
| 			} else if (mediaType === 'multipart/form-data') {
 | ||
| 				payload = new FormData();
 | ||
| 				const i = credential !== undefined ? credential : this.credential;
 | ||
| 				if (i != null) {
 | ||
| 					payload.append('i', i);
 | ||
| 				}
 | ||
| 				if (this.assertIsRecord(params)) {
 | ||
| 					for (const key in params) {
 | ||
| 						const value = params[key];
 | ||
| 
 | ||
| 						if (value == null) continue;
 | ||
| 
 | ||
| 						if (value instanceof File || value instanceof Blob) {
 | ||
| 							payload.append(key, value);
 | ||
| 						} else if (typeof value === 'object') {
 | ||
| 							payload.append(key, JSON.stringify(value));
 | ||
| 						} else {
 | ||
| 							payload.append(key, value);
 | ||
| 						}
 | ||
| 					}
 | ||
| 				}
 | ||
| 			}
 | ||
| 
 | ||
| 			this.fetch(`${this.origin}/api/${endpoint}`, {
 | ||
| 				method: 'POST',
 | ||
| 				body: payload,
 | ||
| 				headers: {
 | ||
| 					'Content-Type': mediaType,
 | ||
| 				},
 | ||
| 				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);
 | ||
| 		});
 | ||
| 	}
 | ||
| }
 |