Package Exports

@sifrr/fetch

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@sifrr/fetch) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

sifrr-fetch ·

Fetch based http requests library for browsers.

Size

Type	Size
Normal (`dist/sifrr.fetch.js`)
Minified (`dist/sifrr.fetch.min.js`)
Minified + Gzipped (`dist/sifrr.fetch.min.js`)

How to use

Directly in Browser using standalone distribution

Add script tag in your website.

<script src="https://unpkg.com/@sifrr/fetch@0.1.0-alpha/dist/sifrr.fetch.min.js"></script>

Compatibility table for standalone distribution (Needs support for JavaScript Fetch API)

chrome >= 55
safari >= 10.1
opera >= 42
firefox >= 53

Using npm

Do npm i @sifrr/fetch or yarn add @sifrr/fetch or add the package to your package.json file.

example, put in your frontend js module (compatible with webpack/rollup/etc):

Commonjs

window.Sifrr = window.Sifrr || {};
window.Sifrr.Fetch = require('@sifrr/fetch');

ES modules

import Fetch from '@sifrr/fetch';
window.Sifrr = window.Sifrr || {};
window.Sifrr.Fetch = Fetch;

API

GET request

Sifrr.Fetch.get(url, options).then((response) => {
  // response is JSON if response has `content-type: application/json` header
  // else it is a Fetch API response object.
});

PUT request

Sifrr.Fetch.put(url, options).then((response) => {
  // response is JSON if response has `content-type: application/json` header
  // else it is a Fetch API response object.
});

POST request

Sifrr.Fetch.post(url, options).then((response) => {
  // response is JSON if response has `content-type: application/json` header
  // else it is a Fetch API response object.
});

DELETE request

Sifrr.Fetch.delete(url, options).then((response) => {
  // response is JSON if response has `content-type: application/json` header
  // else it is a Fetch API response object.
});

GET file request

Sifrr.Fetch.file(url, options).then((response) => {
  // response is a Fetch API response object.
});

options are Fetch API options some extra keys:

params json object key, value pairs will be added to url as ?key=value
POST GRAPHQL request

Sifrr.Fetch.graphql(url, { query: 'graphql query string', variables: { a: 'b' }, ...otherOptions }).then((response) => {
  // response is JSON if response has `content-type: application/json` header
  // else it is a Fetch API response object.
});

@sifrr/fetch