react-restful/src/utilities/Fetcher.ts

Another liblary for restful resources management for React app.

import { Resource, ResourceParameter } from './Resource';
import { Store } from './Store';

export interface FetcherProps {
    store: Store;
    entry?: string;
    beforeFetch?: (url: string, requestInit: RequestInit) => RequestInit;
    afterFetch?: (response: Response) => void;
}

export class Fetcher {
    props: FetcherProps;
    createDefaultRequestInit = () => ({ headers: new Headers() });

    constructor(props: FetcherProps) {
        this.props = props;
    }

    fetch(url: string, requestInit: RequestInit) {
        return fetch(url, requestInit);
    }

    async fetchResource<DataModel, Meta = {}>(
        resource: Resource<DataModel>,
        params?: ResourceParameter[],
        meta?: Meta
    ) {
        try {
            const { entry, store, beforeFetch, afterFetch } = this.props;

            let url = resource.urlReslover(params);
            if (entry) {
                url = entry + url;
            }

            const requestInit: RequestInit =
                resource.requestInitReslover(params) ||
                this.createDefaultRequestInit();

            requestInit.method = resource.method;

            const modifiedRequestInit = beforeFetch ? await beforeFetch(url, requestInit) : requestInit;
            const response = await this.fetch(url, modifiedRequestInit);

            if (afterFetch) {
                await afterFetch(response);
            }

            if (!response.ok) {
                throw response;
            }

            const responseContentType = response.headers.get('content-type');
            if (responseContentType && responseContentType.startsWith('application/json')) {
                const json = await response.json();
                if (resource.afterFetch) {
                    resource.afterFetch(params, json, meta, resource.recordType, store);
                }

                if (resource.mapDataToStore && resource.recordType) {
                    const resourceTypeHasRegistered = store.resourceTypeHasRegistered(resource.recordType.name);
                    if (!resourceTypeHasRegistered) {
                        store.registerRecordType(resource.recordType);
                    }

                    resource.mapDataToStore(json, resource.recordType, store);
                }
                return json;
            }
            const responseText = await response.text();
            if (resource.afterFetch) {
                // tslint:disable-next-line:no-any
                resource.afterFetch(params, responseText as any, meta, resource.recordType, store);
            }
            return responseText;
        } catch (error) {
            throw error;
        }
    }
}