2023-05-21 17:19:32 +03:00
|
|
|
import type { Endpoints, SchemaOrUndefined, IEndpointMeta, ResponseOf } from './endpoints.types.js';
|
2023-05-22 04:43:00 +03:00
|
|
|
import type { Serialized, WeakSerialized } from 'schema-type';
|
2023-03-30 03:33:19 +03:00
|
|
|
|
|
|
|
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を使う場合は無名関数でラップして使用する
|
2023-03-31 03:20:52 +03:00
|
|
|
this.fetch = opts.fetch ?? ((...args) => fetch(...args));
|
2023-03-30 03:33:19 +03:00
|
|
|
}
|
|
|
|
|
2023-05-22 04:43:00 +03:00
|
|
|
// WeakSerialized<P>で推論が効くかは知らない
|
2023-05-21 18:15:25 +03:00
|
|
|
public request<E extends keyof Endpoints, P extends SchemaOrUndefined<M['defines'][number]['req']>, M extends IEndpointMeta = Endpoints[E], R = ResponseOf<M, P>>(
|
2023-05-22 04:43:00 +03:00
|
|
|
endpoint: E, params: WeakSerialized<P>, credential?: string | null | undefined,
|
|
|
|
): Promise<Serialized<R>>
|
2023-03-30 03:33:19 +03:00
|
|
|
{
|
|
|
|
const promise = 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) {
|
|
|
|
resolve(body);
|
|
|
|
} else if (res.status === 204) {
|
|
|
|
resolve(null);
|
|
|
|
} else {
|
|
|
|
reject({
|
|
|
|
[MK_API_ERROR]: true,
|
|
|
|
...body.error,
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}).catch(reject);
|
|
|
|
});
|
|
|
|
|
2023-05-21 17:15:45 +03:00
|
|
|
return promise as any;
|
2023-03-30 03:33:19 +03:00
|
|
|
}
|
|
|
|
}
|