https://github.com/kokororin/honoka
Just a fetch() API wrapper for both Browser and Node.js.
https://github.com/kokororin/honoka
fetch fetch-api fetch-polyfill
Last synced: 3 months ago
JSON representation
Just a fetch() API wrapper for both Browser and Node.js.
- Host: GitHub
- URL: https://github.com/kokororin/honoka
- Owner: kokororin
- Created: 2017-08-11T07:25:39.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T01:56:25.000Z (over 2 years ago)
- Last Synced: 2024-10-12T07:16:13.471Z (9 months ago)
- Topics: fetch, fetch-api, fetch-polyfill
- Language: JavaScript
- Homepage:
- Size: 2.54 MB
- Stars: 9
- Watchers: 3
- Forks: 2
- Open Issues: 18
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# honoka
[](https://www.npmjs.org/package/honoka)
[](https://travis-ci.org/kokororin/honoka)
[](https://coveralls.io/github/kokororin/honoka?branch=master)
Just a fetch() API wrapper for both Browser and Node.js.
## Features
- Same as [fetch() API](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API)
- Timeout
- Interceptors before request and response
- Transform/convert request and response
## Installing
Using npm:
```bash
$ npm install honoka
```
Using cdn:
```html
```
## Example
Performing a `GET` request
```js
// Make a request for a user with a given ID
honoka.get('/user?ID=12345')
.then(response => {
console.log(response);
console.log(response.data);
})
.catch(error => {
console.log(error);
});
// Optionally the request above could also be done as
honoka.get('/user', {
data: {
ID: 12345
}
})
.then(response => {
console.log(response);
console.log(response.data);
})
.catch(error => {
console.log(error);
});
```
Performing a `POST` request
```js
honoka.post('/user', {
data: {
firstName: 'Fred',
lastName: 'Flintstone'
}
})
.then(response => {
console.log(response);
console.log(response.data);
})
.catch(error => {
console.log(error);
});
```
## honoka API
Requests can be made by passing the relevant config to `honoka`.
##### honoka(options)
```js
// Send a POST request
honoka('/user/12345', {
method: 'post',
data: {
firstName: 'Fred',
lastName: 'Flintstone'
}
});
```
##### honoka(url[, options])
```js
// Send a GET request (default method)
honoka('/user/12345');
```
### Request method aliases
For convenience aliases have been provided for all supported request methods.
##### honoka.get(url[, options])
##### honoka.delete(url[, options])
##### honoka.head(url[, options])
##### honoka.options(url[, options])
##### honoka.post(url[, options])
##### honoka.put(url[, options])
##### honoka.patch(url[, options])
## Request Config
These are the available config options for making requests. Same as fetch() API.
```js
{
// `method` is the request method to be used when making the request
method: 'get', // default
// `headers` are custom headers to be sent
headers: {'X-Requested-With': 'XMLHttpRequest'},
// `data` are the URL parameters or post body to be sent
data: {
ID: 12345
},
// `baseURL` will be prepended to `url` unless `url` is absolute.
baseURL: 'https://some-domain.com/api/',
// `timeout` specifies the number of milliseconds before the request times out.
// If the request takes longer than `timeout`, the request will be aborted.
timeout: 1000,
// `dataType` indicates the type of data that the server will respond with
// options are 'arraybuffer', 'blob', 'buffer', 'json', 'text', 'auto'
dataType: 'auto', // default
// Authentication credentials mode
// https://developer.mozilla.org/en-US/docs/Web/API/Request/credentials
credentials: 'omit', // default
// `expectedStatus` defines whether to resolve or reject the promise for a given
// HTTP response status code. If `expectedStatus` returns `true` (or is set to `null`
// or `undefined`), the promise will be resolved; otherwise, the promise will be
// rejected.
expectedStatus(status) {
return status >= 200 && status < 400; // default
},
// to ignore interceptors for one request
ignoreInterceptors: false,
}
```
## Config Defaults
You can specify config defaults that will be applied to every request.
### Global Defaults
```js
honoka.defaults.baseURL = 'https://example.com/api';
honoka.defaults.timeout = 10e3;
honoka.defaults.method = 'get';
honoka.defaults.headers.post['Content-Type'] = 'application/json';
```
## Interceptors
You can intercept requests or responses before they are handled by `then`.
```js
const unregister = honoka.interceptors.register({
request: options => {
// Modify the options here
const token = localStorage.getItem('token');
if (token) {
options.headers['X-JWT-Token'] = token;
}
return options;
},
response: response => {
// Check responseData here
if (response.data.status && response.data.status !== 'success') {
return new Error(response.data.message);
}
// Modify the response object
return response;
}
})
// Unregister your interceptor
unregister();
```
## Abort Operation
You can cancel a pending request manually by using `AbortController`.
```js
let abortController = new AbortController(),
signal = abortController.signal;
honoka('/100MBtest.bin', { signal })
.then((res) => {
console.log(res)
})
.catch((err) => {
console.log(err);
});
setTimeout(() => {
abortController.abort();
}, 2000);
```
## Promises
honoka depends on a native ES6 Promise implementation to be [supported](http://caniuse.com/promises).
If your environment doesn't support ES6 Promises, you can [polyfill](https://github.com/jakearchibald/es6-promise).
## TypeScript
honoka includes [TypeScript](http://typescriptlang.org) definitions.
```typescript
import honoka from 'honoka';
honoka.get('/user?ID=12345');
```
## Changelog
For changelogs, see [Release Notes](https://github.com/kokororin/honoka/releases).
## License
MIT