.. | ||
dist | ||
node_modules | ||
LICENSE | ||
logo.svg | ||
package.json | ||
README.md | ||
typings.json |
Popsicle is the easiest way to make HTTP requests - offering a consistent, intuitive and light-weight API that works on node and the browser.
popsicle.get('/users.json')
.then(function (res) {
console.log(res.status) //=> 200
console.log(res.body) //=> { ... }
console.log(res.headers) //=> { ... }
})
Installation
npm install popsicle --save
Usage
var popsicle = require('popsicle')
popsicle.request({
method: 'POST',
url: 'http://example.com/api/users',
body: {
username: 'blakeembrey',
password: 'hunter2'
},
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
}
})
.then(function (res) {
console.log(res.status) // => 200
console.log(res.body) //=> { ... }
console.log(res.get('Content-Type')) //=> 'application/json'
})
Popsicle is ES6-ready, aliasing default
to the default export. Try using import popsicle from 'popsicle'
or import specific methods using import { get, defaults } from 'popsicle'
. Exports:
- request(options) Default request handler -
defaults({})
- get(options) Alias of
request
(GET is the default method) - del(options) Alias of
defaults({ method: 'delete' })
- head(options) Alias of
defaults({ method: 'head' })
- patch(options) Alias of
defaults({ method: 'patch' })
- post(options) Alias of
defaults({ method: 'post' })
- put(options) Alias of
defaults({ method: 'put' })
- default(options) The ES6 default import, alias of
request
- defaults(options) Create a new Popsicle instance using
defaults
- form(obj?) Cross-platform form data object
- plugins Exposes the default plugins (Object)
- jar(store?) Create a cookie jar instance for Node.js
- transport Default transportation layer (Object)
- browser (boolean)
- Request(options) Constructor for the
Request
class - Response(options) Constructor for the
Response
class
Handling Requests
- url The resource location
- method The HTTP request method (default:
"GET"
) - headers An object with HTTP headers, header name to value (default:
{}
) - query An object or string to be appended to the URL as the query string
- body An object, string, form data, stream (node), etc to pass with the request
- timeout The number of milliseconds to wait before aborting the request (default:
Infinity
) - use An array of plugins to be used (default: see below)
- options Raw options used by the transport layer (default:
{}
) - transport Override the transportation layer (default:
http.request/https.request
(node),XMLHttpRequest
(brower))
Options using node transport
The default plugins under node are [stringify(), headers(), unzip(), concatStream('string'), parse()]
.
- jar An instance of a cookie jar (
popsicle.jar()
) (default:null
) - agent Custom HTTP pooling agent (default: infinity-agent)
- maxRedirects Override the number of redirects allowed (default:
5
) - rejectUnauthorized Reject invalid SSL certificates (default:
true
) - followRedirects Disable redirects or use a function to accept
307
/308
redirects (default:true
) - ca A string,
Buffer
or array of strings orBuffers
of trusted certificates in PEM format - key Private key to use for SSL (default:
null
) - cert Public x509 certificate to use (default:
null
)
Options using browser transport
The default plugins in the browser are [stringify(), headers(), parse()]
. Notice that unzipping and stream parsing is not available in browsers.
- withCredentials Send cookies with CORS requests (default:
false
) - responseType Set the XHR
responseType
(default:undefined
)
Short-hand Methods
Common methods have a short hand exported (created using defaults({ method })
).
popsicle.get('http://example.com/api/users')
popsicle.post('http://example.com/api/users')
popsicle.put('http://example.com/api/users')
popsicle.patch('http://example.com/api/users')
popsicle.del('http://example.com/api/users')
Extending with Defaults
Create a new request function with defaults pre-populated. Handy for a common cookie jar or transport to be used.
var cookiePopsicle = popsicle.defaults({ options: { jar: popsicle.jar() } })
Automatically Stringify Request Body
Popsicle can automatically serialize the request body using the built-in stringify
plugin. If an object is supplied, it will automatically be stringified as JSON unless the Content-Type
was set otherwise. If the Content-Type
is multipart/form-data
or application/x-www-form-urlencoded
, it will be automatically serialized.
popsicle.get({
url: 'http://example.com/api/users',
body: {
username: 'blakeembrey'
},
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
}
})
Multipart Request Bodies
You can manually create form data by calling popsicle.form
. When you pass a form data instance as the body, it'll automatically set the correct Content-Type
- complete with boundary.
var form = popsicle.form({
username: 'blakeembrey',
profileImage: fs.createReadStream('image.png')
})
popsicle.post({
url: '/users',
body: form
})
Aborting Requests
All requests can be aborted before or during execution by calling Request#abort
.
var request = popsicle.get('http://example.com')
setTimeout(function () {
request.abort()
}, 100)
request.catch(function (err) {
console.log(err) //=> { message: 'Request aborted', code: 'EABORTED' }
})
Progress
The request object can be used to check progress at any time.
- request.uploadedBytes Current upload size in bytes
- request.uploadLength Total upload size in bytes
- request.uploaded Total uploaded as a percentage
- request.downloadedBytes Current download size in bytes
- request.downloadLength Total download size in bytes
- request.downloaded Total downloaded as a percentage
- request.completed Total uploaded and downloaded as a percentage
All percentage properties (request.uploaded
, request.downloaded
, request.completed
) are a number between 0
and 1
. Aborting the request will emit a progress event, if the request had started.
var request = popsicle.get('http://example.com')
request.uploaded //=> 0
request.downloaded //=> 0
request.progress(function () {
console.log(request) //=> { uploaded: 1, downloaded: 0, completed: 0.5, aborted: false }
})
request.then(function (response) {
console.log(request.downloaded) //=> 1
})
Default Plugins
The default plugins are exposed under popsicle.plugins
, which allows you to mix, match and omit some plugins for maximum usability with any use-case.
{
headers: [Function: headers],
stringify: [Function: stringify],
parse: [Function: parse],
unzip: [Function: unzip],
concatStream: [Function: concatStream],
defaults: [
[Function],
[Function],
[Function],
[Function],
[Function]
]
}
- headers Sets default headers, such as
User-Agent
,Accept
,Content-Length
(Highly recommended) - stringify Stringify object bodies into JSON/form data/url encoding (Recommended)
- parse Automatically parse JSON and url encoding responses
- unzip Automatically unzip response streams (Node only)
- concatStream Buffer the stream using concat-stream - accepts an "encoding" type (
string
(default),buffer
,array
,uint8array
,object
) (Node only)
Cookie Jar (Node only)
You can create a reusable cookie jar instance for requests by calling popsicle.jar
.
var jar = popsicle.jar()
popsicle.request({
method: 'post',
url: '/users',
options: {
jar: jar
}
})
Handling Responses
Promises and node-style callbacks are both supported.
Promises
Promises are the most expressive interface. Just chain using Request#then
or Request#catch
and continue.
popsicle.get('/users')
.then(function (res) {
// Success!
})
.catch(function (err) {
// Something broke.
})
If you live on the edge, try using it with generators (see co) or ES7's async
.
co(function * () {
yield popsicle.get('/users')
})
async function () {
await popsicle.get('/users')
}
Callbacks
For tooling that still expects node-style callbacks, you can use Request#exec
. This accepts a single function to call when the response is complete.
popsicle.get('/users')
.exec(function (err, res) {
if (err) {
// Something broke.
}
// Success!
})
Response Objects
Every Popsicle response will give a Response
object on success. The object provides an intuitive interface for requesting common properties.
- status The HTTP response status code
- body An object (if parsed using a plugin), string (if using concat) or stream that is the HTTP response body
- headers An object of lower-cased keys to header values
- url The response URL after redirects (only supported in browser with
responseURL
) - statusType() Return an integer with the HTTP status type (E.g.
200 -> 2
) - get(key) Retrieve a HTTP header using a case-insensitive key
- name(key) Retrieve the original HTTP header name using a case-insensitive key
- type() Return the response type (E.g.
application/json
)
Error Handling
All response handling methods can return an error. Errors have a popsicle
property set to the request object and a code
string. The built-in codes are documented below, but custom errors can be created using request.error(message, code, cause)
.
- EABORT Request has been aborted by user
- EUNAVAILABLE Unable to connect to the remote URL
- EINVALID Request URL is invalid
- ETIMEOUT Request has exceeded the allowed timeout
- ESTRINGIFY Request body threw an error during stringification plugin
- EPARSE Response body threw an error during parsing plugin
- EMAXREDIRECTS Maximum number of redirects exceeded (Node only)
- EBODY Unable to handle request body (Node only)
- EBLOCKED The request was blocked (HTTPS -> HTTP) (Browsers only)
- ECSP Request violates the documents Content Security Policy (Browsers only)
Plugins
Plugins can be passed in as an array with the initial options (which overrides default plugins), or they can be used via the chained method Request#use
.
External Plugins
- Server - Automatically mount a server on an available for the request (helpful for testing a la
supertest
) - Status - Reject responses on HTTP failure status codes
- Cache - Built-in cache handling of HTTP requests under node (customizable store, uses a filesystem store by default)
- No Cache - Prevent caching of HTTP requests in browsers
- Basic Auth - Add a basic authentication header to each request
- Prefix - Prefix all HTTP requests
- Resolve - Resolve all HTTP requests against a base URL
- Constants - Replace constants in the URL string
- Limit - Transparently handle API rate limits by grouping requests
- Group - Group requests and perform operations on them all at once
- Proxy Agent - Enable HTTP(s) proxying under node (with environment variable support)
- Retry - Retry a HTTP request on network error or server error
Creating Plugins
Plugins must be a function that accepts configuration and returns another function. For example, here's a basic URL prefix plugin.
function prefix (url) {
return function (self) {
request.url = url + req.url
}
}
popsicle.request('/user')
.use(prefix('http://example.com'))
.then(function (response) {
console.log(response.url) //=> "http://example.com/user"
})
Popsicle also has a way modify the request and response lifecycle, if needed. Any registered function can return a promise to defer the request or response resolution. This makes plugins such as rate-limiting and response body concatenation possible.
- before(fn) Register a function to run before the request is made
- after(fn) Register a function to receive the response object
- always(fn) Register a function that always runs on
resolve
orreject
Tip: Use the lifecycle hooks (above) when you want re-use (E.g. re-use when the request is cloned or options re-used).
Checking The Environment
popsicle.browser //=> true
Transportation Layers
Creating a custom transportation layer is just a matter creating an object with open
, abort
and use
options set. The open method should set any request information required between called as request.raw
. Abort must abort the current request instance, while open
must always resolve the promise. You can set use
to an empty array if no plugins should be used by default. However, it's recommended you keep use
set to the defaults, or as close as possible using your transport layer.
TypeScript
This project is written using TypeScript and typings. From version 1.3.1
, you can install the type definition using typings
.
typings install npm:popsicle --save
Development
Install dependencies and run the test runners (node and Electron using Tape).
npm install && npm test
Related Projects
- Superagent - HTTP requests for node and browsers
- Fetch - Browser polyfill for promise-based HTTP requests
- Axios - HTTP request API based on Angular's $http service
License
MIT