496 lines
		
	
	
		
			14 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
		
		
			
		
	
	
			496 lines
		
	
	
		
			14 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
|  | # request.js
 | |||
|  | 
 | |||
|  | > Send parameterized requests to GitHub’s APIs with sensible defaults in browsers and Node
 | |||
|  | 
 | |||
|  | [](https://www.npmjs.com/package/@octokit/request) | |||
|  | [](https://travis-ci.org/octokit/request.js) | |||
|  | [](https://greenkeeper.io/) | |||
|  | 
 | |||
|  | `@octokit/request` is a request library for browsers & node that makes it easier | |||
|  | to interact with [GitHub’s REST API](https://developer.github.com/v3/) and | |||
|  | [GitHub’s GraphQL API](https://developer.github.com/v4/guides/forming-calls/#the-graphql-endpoint). | |||
|  | 
 | |||
|  | It uses [`@octokit/endpoint`](https://github.com/octokit/endpoint.js) to parse | |||
|  | the passed options and sends the request using [fetch](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API) | |||
|  | ([node-fetch](https://github.com/bitinn/node-fetch) in Node). | |||
|  | 
 | |||
|  | <!-- update table of contents by running `npx markdown-toc README.md -i` --> | |||
|  | 
 | |||
|  | <!-- toc --> | |||
|  | 
 | |||
|  | - [Features](#features) | |||
|  | - [Usage](#usage) | |||
|  |   - [REST API example](#rest-api-example) | |||
|  |   - [GraphQL example](#graphql-example) | |||
|  |   - [Alternative: pass `method` & `url` as part of options](#alternative-pass-method--url-as-part-of-options) | |||
|  | - [request()](#request) | |||
|  | - [`request.defaults()`](#requestdefaults) | |||
|  | - [`request.endpoint`](#requestendpoint) | |||
|  | - [Special cases](#special-cases) | |||
|  |   - [The `data` parameter – set request body directly](#the-data-parameter-%E2%80%93-set-request-body-directly) | |||
|  |   - [Set parameters for both the URL/query and the request body](#set-parameters-for-both-the-urlquery-and-the-request-body) | |||
|  | - [LICENSE](#license) | |||
|  | 
 | |||
|  | <!-- tocstop --> | |||
|  | 
 | |||
|  | ## Features
 | |||
|  | 
 | |||
|  | 🤩 1:1 mapping of REST API endpoint documentation, e.g. [Add labels to an issue](https://developer.github.com/v3/issues/labels/#add-labels-to-an-issue) becomes | |||
|  | 
 | |||
|  | ```js | |||
|  | request("POST /repos/:owner/:repo/issues/:number/labels", { | |||
|  |   mediaType: { | |||
|  |     previews: ["symmetra"] | |||
|  |   }, | |||
|  |   owner: "ocotkit", | |||
|  |   repo: "request.js", | |||
|  |   number: 1, | |||
|  |   labels: ["🐛 bug"] | |||
|  | }); | |||
|  | ``` | |||
|  | 
 | |||
|  | 👍 Sensible defaults | |||
|  | 
 | |||
|  | - `baseUrl`: `https://api.github.com` | |||
|  | - `headers.accept`: `application/vnd.github.v3+json` | |||
|  | - `headers.agent`: `octokit-request.js/<current version> <OS information>`, e.g. `octokit-request.js/1.2.3 Node.js/10.15.0 (macOS Mojave; x64)` | |||
|  | 
 | |||
|  | 👌 Simple to test: mock requests by passing a custom fetch method. | |||
|  | 
 | |||
|  | 🧐 Simple to debug: Sets `error.request` to request options causing the error (with redacted credentials). | |||
|  | 
 | |||
|  | 👶 Small bundle size (\<5kb minified + gzipped) | |||
|  | 
 | |||
|  | ## Usage
 | |||
|  | 
 | |||
|  | <table> | |||
|  | <tbody valign=top align=left> | |||
|  | <tr><th> | |||
|  | Browsers | |||
|  | </th><td width=100%> | |||
|  | Load <code>@octokit/request</code> directly from <a href="https://cdn.pika.dev">cdn.pika.dev</a> | |||
|  |          | |||
|  | ```html | |||
|  | <script type="module"> | |||
|  | import { request } from "https://cdn.pika.dev/@octokit/request"; | |||
|  | </script> | |||
|  | ``` | |||
|  | 
 | |||
|  | </td></tr> | |||
|  | <tr><th> | |||
|  | Node | |||
|  | </th><td> | |||
|  | 
 | |||
|  | Install with <code>npm install @octokit/request</code> | |||
|  | 
 | |||
|  | ```js | |||
|  | const { request } = require("@octokit/request"); | |||
|  | // or: import { request } from "@octokit/request"; | |||
|  | ``` | |||
|  | 
 | |||
|  | </td></tr> | |||
|  | </tbody> | |||
|  | </table> | |||
|  | 
 | |||
|  | ### REST API example
 | |||
|  | 
 | |||
|  | ```js | |||
|  | // Following GitHub docs formatting: | |||
|  | // https://developer.github.com/v3/repos/#list-organization-repositories | |||
|  | const result = await request("GET /orgs/:org/repos", { | |||
|  |   headers: { | |||
|  |     authorization: "token 0000000000000000000000000000000000000001" | |||
|  |   }, | |||
|  |   org: "octokit", | |||
|  |   type: "private" | |||
|  | }); | |||
|  | 
 | |||
|  | console.log(`${result.data.length} repos found.`); | |||
|  | ``` | |||
|  | 
 | |||
|  | ### GraphQL example
 | |||
|  | 
 | |||
|  | ```js | |||
|  | const result = await request("POST /graphql", { | |||
|  |   headers: { | |||
|  |     authorization: "token 0000000000000000000000000000000000000001" | |||
|  |   }, | |||
|  |   query: `query ($login: String!) { | |||
|  |     organization(login: $login) { | |||
|  |       repositories(privacy: PRIVATE) { | |||
|  |         totalCount | |||
|  |       } | |||
|  |     } | |||
|  |   }`, | |||
|  |   variables: { | |||
|  |     login: "octokit" | |||
|  |   } | |||
|  | }); | |||
|  | ``` | |||
|  | 
 | |||
|  | ### Alternative: pass `method` & `url` as part of options
 | |||
|  | 
 | |||
|  | Alternatively, pass in a method and a url | |||
|  | 
 | |||
|  | ```js | |||
|  | const result = await request({ | |||
|  |   method: "GET", | |||
|  |   url: "/orgs/:org/repos", | |||
|  |   headers: { | |||
|  |     authorization: "token 0000000000000000000000000000000000000001" | |||
|  |   }, | |||
|  |   org: "octokit", | |||
|  |   type: "private" | |||
|  | }); | |||
|  | ``` | |||
|  | 
 | |||
|  | ## request()
 | |||
|  | 
 | |||
|  | `request(route, options)` or `request(options)`. | |||
|  | 
 | |||
|  | **Options** | |||
|  | 
 | |||
|  | <table> | |||
|  |   <thead> | |||
|  |     <tr> | |||
|  |       <th align=left> | |||
|  |         name | |||
|  |       </th> | |||
|  |       <th align=left> | |||
|  |         type | |||
|  |       </th> | |||
|  |       <th align=left> | |||
|  |         description | |||
|  |       </th> | |||
|  |     </tr> | |||
|  |   </thead> | |||
|  |   <tr> | |||
|  |     <th align=left> | |||
|  |       <code>route</code> | |||
|  |     </th> | |||
|  |     <td> | |||
|  |       String | |||
|  |     </td> | |||
|  |     <td> | |||
|  |       If <code>route</code> is set it has to be a string consisting of the request method and URL, e.g. <code>GET /orgs/:org</code> | |||
|  |     </td> | |||
|  |   </tr> | |||
|  |   <tr> | |||
|  |     <th align=left> | |||
|  |       <code>options.baseUrl</code> | |||
|  |     </th> | |||
|  |     <td> | |||
|  |       String | |||
|  |     </td> | |||
|  |     <td> | |||
|  |       <strong>Required.</strong> Any supported <a href="https://developer.github.com/v3/#http-verbs">http verb</a>, case insensitive. <em>Defaults to <code>https://api.github.com</code></em>. | |||
|  |     </td> | |||
|  |   </tr> | |||
|  |     <th align=left> | |||
|  |       <code>options.headers</code> | |||
|  |     </th> | |||
|  |     <td> | |||
|  |       Object | |||
|  |     </td> | |||
|  |     <td> | |||
|  |       Custom headers. Passed headers are merged with defaults:<br> | |||
|  |       <em><code>headers['user-agent']</code> defaults to <code>octokit-rest.js/1.2.3</code> (where <code>1.2.3</code> is the released version)</em>.<br> | |||
|  |       <em><code>headers['accept']</code> defaults to <code>application/vnd.github.v3+json</code>.<br> Use <code>options.mediaType.{format,previews}</code> to request API previews and custom media types. | |||
|  |     </td> | |||
|  |   </tr> | |||
|  |   <tr> | |||
|  |     <th align=left> | |||
|  |       <code>options.mediaType.format</code> | |||
|  |     </th> | |||
|  |     <td> | |||
|  |       String | |||
|  |     </td> | |||
|  |     <td> | |||
|  |       Media type param, such as `raw`, `html`, or `full`. See <a href="https://developer.github.com/v3/media/">Media Types</a>. | |||
|  |     </td> | |||
|  |   </tr> | |||
|  |   <tr> | |||
|  |     <th align=left> | |||
|  |       <code>options.mediaType.previews</code> | |||
|  |     </th> | |||
|  |     <td> | |||
|  |       Array of strings | |||
|  |     </td> | |||
|  |     <td> | |||
|  |       Name of previews, such as `mercy`, `symmetra`, or `scarlet-witch`. See <a href="https://developer.github.com/v3/previews/">API Previews</a>. | |||
|  |     </td> | |||
|  |   </tr> | |||
|  |   <tr> | |||
|  |     <th align=left> | |||
|  |       <code>options.method</code> | |||
|  |     </th> | |||
|  |     <td> | |||
|  |       String | |||
|  |     </td> | |||
|  |     <td> | |||
|  |       <strong>Required.</strong> Any supported <a href="https://developer.github.com/v3/#http-verbs">http verb</a>, case insensitive. <em>Defaults to <code>Get</code></em>. | |||
|  |     </td> | |||
|  |   </tr> | |||
|  |   <tr> | |||
|  |     <th align=left> | |||
|  |       <code>options.url</code> | |||
|  |     </th> | |||
|  |     <td> | |||
|  |       String | |||
|  |     </td> | |||
|  |     <td> | |||
|  |       <strong>Required.</strong> A path or full URL which may contain <code>:variable</code> or <code>{variable}</code> placeholders, | |||
|  |       e.g. <code>/orgs/:org/repos</code>. The <code>url</code> is parsed using <a href="https://github.com/bramstein/url-template">url-template</a>. | |||
|  |     </td> | |||
|  |   </tr> | |||
|  |   <tr> | |||
|  |     <th align=left> | |||
|  |       <code>options.data</code> | |||
|  |     </th> | |||
|  |     <td> | |||
|  |       Any | |||
|  |     </td> | |||
|  |     <td> | |||
|  |       Set request body directly instead of setting it to JSON based on additional parameters. See <a href="#data-parameter">"The `data` parameter"</a> below. | |||
|  |     </td> | |||
|  |   </tr> | |||
|  |   <tr> | |||
|  |     <th align=left> | |||
|  |       <code>options.request.agent</code> | |||
|  |     </th> | |||
|  |     <td> | |||
|  |       <a href="https://nodejs.org/api/http.html#http_class_http_agent">http(s).Agent</a> instance | |||
|  |     </td> | |||
|  |     <td> | |||
|  |      Node only. Useful for custom proxy, certificate, or dns lookup. | |||
|  |     </td> | |||
|  |   </tr> | |||
|  |   <tr> | |||
|  |     <th align=left> | |||
|  |       <code>options.request.fetch</code> | |||
|  |     </th> | |||
|  |     <td> | |||
|  |       Function | |||
|  |     </td> | |||
|  |     <td> | |||
|  |      Custom replacement for <a href="https://github.com/bitinn/node-fetch">built-in fetch method</a>. Useful for testing or request hooks. | |||
|  |     </td> | |||
|  |   </tr> | |||
|  |   <tr> | |||
|  |     <th align=left> | |||
|  |       <code>options.request.hook</code> | |||
|  |     </th> | |||
|  |     <td> | |||
|  |       Function | |||
|  |     </td> | |||
|  |     <td> | |||
|  |      Function with the signature <code>hook(request, endpointOptions)</code>, where <code>endpointOptions</code> are the parsed options as returned by <a href="https://github.com/octokit/endpoint.js#endpointmergeroute-options-or-endpointmergeoptions"><code>endpoint.merge()</code></a>, and <code>request</code> is <a href="https://github.com/octokit/request.js#request"><code>request()</code></a>. This option works great in conjuction with <a href="https://github.com/gr2m/before-after-hook">before-after-hook</a>. | |||
|  |     </td> | |||
|  |   </tr> | |||
|  |   <tr> | |||
|  |     <th align=left> | |||
|  |       <a name="options-request-signal"></a><code>options.request.signal</code> | |||
|  |     </th> | |||
|  |     <td> | |||
|  |       <a href="https://github.com/bitinn/node-fetch/tree/e996bdab73baf996cf2dbf25643c8fe2698c3249#request-cancellation-with-abortsignal">new AbortController().signal</a> | |||
|  |     </td> | |||
|  |     <td> | |||
|  |       Use an <code>AbortController</code> instance to cancel a request. In node you can only cancel streamed requests. | |||
|  |     </td> | |||
|  |   </tr> | |||
|  |   <tr> | |||
|  |     <th align=left> | |||
|  |       <code>options.request.timeout</code> | |||
|  |     </th> | |||
|  |     <td> | |||
|  |       Number | |||
|  |     </td> | |||
|  |     <td> | |||
|  |      Node only. Request/response timeout in ms, it resets on redirect. 0 to disable (OS limit applies). <a href="#options-request-signal">options.request.signal</a> is recommended instead. | |||
|  |     </td> | |||
|  |   </tr> | |||
|  | </table> | |||
|  | 
 | |||
|  | All other options except `options.request.*` will be passed depending on the `method` and `url` options. | |||
|  | 
 | |||
|  | 1. If the option key is a placeholder in the `url`, it will be used as replacement. For example, if the passed options are `{url: '/orgs/:org/repos', org: 'foo'}` the returned `options.url` is `https://api.github.com/orgs/foo/repos` | |||
|  | 2. If the `method` is `GET` or `HEAD`, the option is passed as query parameter | |||
|  | 3. Otherwise the parameter is passed in the request body as JSON key. | |||
|  | 
 | |||
|  | **Result** | |||
|  | 
 | |||
|  | `request` returns a promise and resolves with 4 keys | |||
|  | 
 | |||
|  | <table> | |||
|  |   <thead> | |||
|  |     <tr> | |||
|  |       <th align=left> | |||
|  |         key | |||
|  |       </th> | |||
|  |       <th align=left> | |||
|  |         type | |||
|  |       </th> | |||
|  |       <th align=left> | |||
|  |         description | |||
|  |       </th> | |||
|  |     </tr> | |||
|  |   </thead> | |||
|  |   <tr> | |||
|  |     <th align=left><code>status</code></th> | |||
|  |     <td>Integer</td> | |||
|  |     <td>Response status status</td> | |||
|  |   </tr> | |||
|  |   <tr> | |||
|  |     <th align=left><code>url</code></th> | |||
|  |     <td>String</td> | |||
|  |     <td>URL of response. If a request results in redirects, this is the final URL. You can send a <code>HEAD</code> request to retrieve it without loading the full response body.</td> | |||
|  |   </tr> | |||
|  |   <tr> | |||
|  |     <th align=left><code>headers</code></th> | |||
|  |     <td>Object</td> | |||
|  |     <td>All response headers</td> | |||
|  |   </tr> | |||
|  |   <tr> | |||
|  |     <th align=left><code>data</code></th> | |||
|  |     <td>Any</td> | |||
|  |     <td>The response body as returned from server. If the response is JSON then it will be parsed into an object</td> | |||
|  |   </tr> | |||
|  | </table> | |||
|  | 
 | |||
|  | If an error occurs, the `error` instance has additional properties to help with debugging | |||
|  | 
 | |||
|  | - `error.status` The http response status code | |||
|  | - `error.headers` The http response headers as an object | |||
|  | - `error.request` The request options such as `method`, `url` and `data` | |||
|  | 
 | |||
|  | ## `request.defaults()`
 | |||
|  | 
 | |||
|  | Override or set default options. Example: | |||
|  | 
 | |||
|  | ```js | |||
|  | const myrequest = require("@octokit/request").defaults({ | |||
|  |   baseUrl: "https://github-enterprise.acme-inc.com/api/v3", | |||
|  |   headers: { | |||
|  |     "user-agent": "myApp/1.2.3", | |||
|  |     authorization: `token 0000000000000000000000000000000000000001` | |||
|  |   }, | |||
|  |   org: "my-project", | |||
|  |   per_page: 100 | |||
|  | }); | |||
|  | 
 | |||
|  | myrequest(`GET /orgs/:org/repos`); | |||
|  | ``` | |||
|  | 
 | |||
|  | You can call `.defaults()` again on the returned method, the defaults will cascade. | |||
|  | 
 | |||
|  | ```js | |||
|  | const myProjectRequest = request.defaults({ | |||
|  |   baseUrl: "https://github-enterprise.acme-inc.com/api/v3", | |||
|  |   headers: { | |||
|  |     "user-agent": "myApp/1.2.3" | |||
|  |   }, | |||
|  |   org: "my-project" | |||
|  | }); | |||
|  | const myProjectRequestWithAuth = myProjectRequest.defaults({ | |||
|  |   headers: { | |||
|  |     authorization: `token 0000000000000000000000000000000000000001` | |||
|  |   } | |||
|  | }); | |||
|  | ``` | |||
|  | 
 | |||
|  | `myProjectRequest` now defaults the `baseUrl`, `headers['user-agent']`, | |||
|  | `org` and `headers['authorization']` on top of `headers['accept']` that is set | |||
|  | by the global default. | |||
|  | 
 | |||
|  | ## `request.endpoint`
 | |||
|  | 
 | |||
|  | See https://github.com/octokit/endpoint.js. Example | |||
|  | 
 | |||
|  | ```js | |||
|  | const options = request.endpoint("GET /orgs/:org/repos", { | |||
|  |   org: "my-project", | |||
|  |   type: "private" | |||
|  | }); | |||
|  | 
 | |||
|  | // { | |||
|  | //   method: 'GET', | |||
|  | //   url: 'https://api.github.com/orgs/my-project/repos?type=private', | |||
|  | //   headers: { | |||
|  | //     accept: 'application/vnd.github.v3+json', | |||
|  | //     authorization: 'token 0000000000000000000000000000000000000001', | |||
|  | //     'user-agent': 'octokit/endpoint.js v1.2.3' | |||
|  | //   } | |||
|  | // } | |||
|  | ``` | |||
|  | 
 | |||
|  | All of the [`@octokit/endpoint`](https://github.com/octokit/endpoint.js) API can be used: | |||
|  | 
 | |||
|  | - [`ocotkitRequest.endpoint()`](#endpoint) | |||
|  | - [`ocotkitRequest.endpoint.defaults()`](#endpointdefaults) | |||
|  | - [`ocotkitRequest.endpoint.merge()`](#endpointdefaults) | |||
|  | - [`ocotkitRequest.endpoint.parse()`](#endpointmerge) | |||
|  | 
 | |||
|  | ## Special cases
 | |||
|  | 
 | |||
|  | <a name="data-parameter"></a> | |||
|  | 
 | |||
|  | ### The `data` parameter – set request body directly
 | |||
|  | 
 | |||
|  | Some endpoints such as [Render a Markdown document in raw mode](https://developer.github.com/v3/markdown/#render-a-markdown-document-in-raw-mode) don’t have parameters that are sent as request body keys, instead the request body needs to be set directly. In these cases, set the `data` parameter. | |||
|  | 
 | |||
|  | ```js | |||
|  | const response = await request("POST /markdown/raw", { | |||
|  |   data: "Hello world github/linguist#1 **cool**, and #1!", | |||
|  |   headers: { | |||
|  |     accept: "text/html;charset=utf-8", | |||
|  |     "content-type": "text/plain" | |||
|  |   } | |||
|  | }); | |||
|  | 
 | |||
|  | // Request is sent as | |||
|  | // | |||
|  | //     { | |||
|  | //       method: 'post', | |||
|  | //       url: 'https://api.github.com/markdown/raw', | |||
|  | //       headers: { | |||
|  | //         accept: 'text/html;charset=utf-8', | |||
|  | //         'content-type': 'text/plain', | |||
|  | //         'user-agent': userAgent | |||
|  | //       }, | |||
|  | //       body: 'Hello world github/linguist#1 **cool**, and #1!' | |||
|  | //     } | |||
|  | // | |||
|  | // not as | |||
|  | // | |||
|  | //     { | |||
|  | //       ... | |||
|  | //       body: '{"data": "Hello world github/linguist#1 **cool**, and #1!"}' | |||
|  | //     } | |||
|  | ``` | |||
|  | 
 | |||
|  | ### Set parameters for both the URL/query and the request body
 | |||
|  | 
 | |||
|  | There are API endpoints that accept both query parameters as well as a body. In that case you need to add the query parameters as templates to `options.url`, as defined in the [RFC 6570 URI Template specification](https://tools.ietf.org/html/rfc6570). | |||
|  | 
 | |||
|  | Example | |||
|  | 
 | |||
|  | ```js | |||
|  | request( | |||
|  |   "POST https://uploads.github.com/repos/octocat/Hello-World/releases/1/assets{?name,label}", | |||
|  |   { | |||
|  |     name: "example.zip", | |||
|  |     label: "short description", | |||
|  |     headers: { | |||
|  |       "content-type": "text/plain", | |||
|  |       "content-length": 14, | |||
|  |       authorization: `token 0000000000000000000000000000000000000001` | |||
|  |     }, | |||
|  |     data: "Hello, world!" | |||
|  |   } | |||
|  | ); | |||
|  | ``` | |||
|  | 
 | |||
|  | ## LICENSE
 | |||
|  | 
 | |||
|  | [MIT](LICENSE) |