d456308653
* pref: Optimize client imports * split api? * fix * ✌️ * no vue split? * Revert "no vue split?" This reverts commit 27ccec971e2925184a58da65c3472655def2617c. * function => const * ✌️ * Revert "function => const" This reverts commit 34f2feb224f65cc4fca090b29450adb00e85c2c5. * function api
80 lines
2.1 KiB
TypeScript
80 lines
2.1 KiB
TypeScript
import { Endpoints } from 'misskey-js/built/api.types';
|
|
import { ref } from 'vue';
|
|
import { apiUrl } from '@/config';
|
|
import { $i } from '@/account';
|
|
export const pendingApiRequestsCount = ref(0);
|
|
|
|
// Implements Misskey.api.ApiClient.request
|
|
export function api<E extends keyof Endpoints, P extends Endpoints[E]['req']>(endpoint: E, data: P = {} as any, token?: string | null | undefined): Promise<Endpoints[E]['res']> {
|
|
pendingApiRequestsCount.value++;
|
|
|
|
const onFinally = () => {
|
|
pendingApiRequestsCount.value--;
|
|
};
|
|
|
|
const promise = new Promise<Endpoints[E]['res'] | void>((resolve, reject) => {
|
|
// Append a credential
|
|
if ($i) (data as any).i = $i.token;
|
|
if (token !== undefined) (data as any).i = token;
|
|
|
|
// Send request
|
|
window.fetch(endpoint.indexOf('://') > -1 ? endpoint : `${apiUrl}/${endpoint}`, {
|
|
method: 'POST',
|
|
body: JSON.stringify(data),
|
|
credentials: 'omit',
|
|
cache: 'no-cache',
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
},
|
|
}).then(async (res) => {
|
|
const body = res.status === 204 ? null : await res.json();
|
|
|
|
if (res.status === 200) {
|
|
resolve(body);
|
|
} else if (res.status === 204) {
|
|
resolve();
|
|
} else {
|
|
reject(body.error);
|
|
}
|
|
}).catch(reject);
|
|
});
|
|
|
|
promise.then(onFinally, onFinally);
|
|
|
|
return promise;
|
|
}
|
|
|
|
// Implements Misskey.api.ApiClient.request
|
|
export function apiGet <E extends keyof Endpoints, P extends Endpoints[E]['req']>(endpoint: E, data: P = {} as any): Promise<Endpoints[E]['res']> {
|
|
pendingApiRequestsCount.value++;
|
|
|
|
const onFinally = () => {
|
|
pendingApiRequestsCount.value--;
|
|
};
|
|
|
|
const query = new URLSearchParams(data as any);
|
|
|
|
const promise = new Promise<Endpoints[E]['res'] | void>((resolve, reject) => {
|
|
// Send request
|
|
window.fetch(`${apiUrl}/${endpoint}?${query}`, {
|
|
method: 'GET',
|
|
credentials: 'omit',
|
|
cache: 'default',
|
|
}).then(async (res) => {
|
|
const body = res.status === 204 ? null : await res.json();
|
|
|
|
if (res.status === 200) {
|
|
resolve(body);
|
|
} else if (res.status === 204) {
|
|
resolve();
|
|
} else {
|
|
reject(body.error);
|
|
}
|
|
}).catch(reject);
|
|
});
|
|
|
|
promise.then(onFinally, onFinally);
|
|
|
|
return promise;
|
|
}
|