All Downloads are FREE. Search and download functionalities are using the official Maven repository.

typescript-inversify.HttpClient.mustache Maven / Gradle / Ivy

There is a newer version: 7.6.0
Show newest version
import IHttpClient from './IHttpClient';

{{^useRxJS6}}
import { Observable } from 'rxjs/Observable';
{{/useRxJS6}}
{{#useRxJS6}}
import { Observable, from } from 'rxjs';
{{/useRxJS6}}

import 'whatwg-fetch';
import HttpResponse from './HttpResponse';
import {injectable} from 'inversify';
import { Headers } from './Headers';

@injectable()
class HttpClient implements IHttpClient {

    get(url:string, headers?: Headers):Observable {
        return this.performNetworkCall(url, 'GET', undefined, headers);
    }

    post(url: string, body?: {}|FormData, headers?: Headers): Observable {
        return this.performNetworkCall(url, 'POST', this.getJsonBody(body), this.addJsonHeaders(headers));
    }

    put(url: string, body?: {}, headers?: Headers): Observable {
        return this.performNetworkCall(url, 'PUT', this.getJsonBody(body), this.addJsonHeaders(headers));
    }

    patch(url: string, body?: {}, headers?: Headers): Observable {
        return this.performNetworkCall(url, 'PATCH', this.getJsonBody(body), this.addJsonHeaders(headers));
    }


    delete(url: string, headers?: Headers): Observable {
        return this.performNetworkCall(url, 'DELETE', undefined, headers);
    }

    private getJsonBody(body?: {}|FormData) {
        if (body === undefined || body instanceof FormData) {
            return body;
        }
        return JSON.stringify(body);
    }

    private addJsonHeaders(headers?: Headers) {
        return Object.assign({}, {
            'Accept': 'application/json',
            'Content-Type': 'application/json'
        }, headers);
    };

    private performNetworkCall(url: string, method: string, body?: any, headers?: Headers): Observable {

        // when using fetch & a multipart upload, the requests content-type is handled by the browser, so should be left unset otherwise the multipart boundary is not added
        if(headers && headers['Content-Type'] === 'multipart/form-data') {
            delete headers['Content-Type'];
        }

        let promise = window.fetch(url, {
            method: method,
            body: body,
            headers: headers
        }).then(response => {
            let headers: Headers = {};
            response.headers.forEach((value, name) => {
                headers[name.toString().toLowerCase()] = value;
            });
            return response.text().then(text => {
                let contentType = headers['content-type'] || '';
                let payload = contentType.match('application/json') ? JSON.parse(text) : text;
                let httpResponse = new HttpResponse(payload, response.status, headers);

                if (response.status >= 400)
                    throw httpResponse;
                return httpResponse;
            });
        });

        {{^useRxJS6}}
            return Observable.fromPromise(promise);
        {{/useRxJS6}}
        {{#useRxJS6}}
            return from(promise);
        {{/useRxJS6}}
    }
}

export default HttpClient




© 2015 - 2024 Weber Informatics LLC | Privacy Policy