@anvilco/anvil

Anvil API Client

Usage no npm install needed!

<script type="module">
  import anvilcoAnvil from 'https://cdn.skypack.dev/@anvilco/anvil';
</script>

README

Anvil API Client for Node

Anvil is a suite of tools for managing document-based workflows:

  1. Anvil Workflows converts your PDF forms into simple, intuitive websites that fill the PDFs and gather signatures for you.
  2. Anvil PDF Filling API allows you to fill any PDF with JSON data.

Currently, this node client only supports our PDF filling API.

Usage

yarn add @anvilco/anvil

npm install @anvilco/anvil

A basic example converting your JSON to a filled PDF, then saving the PDF to a file:

import fs from 'fs'
import Anvil from '@anvilco/anvil'

// The ID of the PDF template to fill
const pdfTemplateID = 'kA6Da9CuGqUtc6QiBDRR'
// Your API key from your Anvil organization settings
const apiKey = '7j2JuUWmN4fGjBxsCltWaybHOEy3UEtt'

// JSON data to fill the PDF
const exampleData = {
  "title": "My PDF Title",
  "fontSize": 10,
  "textColor": "#CC0000",
  "data": {
    "someFieldId": "Hello World!"
  }
}
const anvilClient = new Anvil({ apiKey })
const { statusCode, data } = await anvilClient.fillPDF(pdfTemplateID, exampleData)

console.log(statusCode) // => 200

// Data will be the filled PDF raw bytes
fs.writeFileSync('output.pdf', data, { encoding: null })

API

Instance Methods

new Anvil(options)

Creates an Anvil client instance.

  • options (Object) - Options for the Anvil Client instance.
const anvilClient = new Anvil({ apiKey: 'abc123' })

fillPDF(pdfTemplateID, payload[, options])

Fills a PDF template with your JSON data.

First, you will need to have uploaded a PDF to Anvil. You can find the PDF template's id on the API Info tab of your PDF template's page:

pdf-template-id

An example:

const fs = require('fs')

// PDF template you uploaded to Anvil
const pdfTemplateID = 'kA6Da9CuGqUtc6QiBDRR'

// Your API key from your Anvil organization settings
const apiKey = '7j2JuUWmN4fGjBxsCltWaybHOEy3UEtt'

// JSON data to fill the PDF
const payload = {
  "title": "My PDF Title",
  "fontSize": 10,
  "textColor": "#CC0000",
  "data": {
    "someFieldId": "Hello World!"
  }
}
// The 'options' parameter is optional
const options = {
  "dataType": "buffer"
}
const anvilClient = new Anvil({ apiKey })
const { statusCode, data } = await anvilClient.fillPDF(pdfTemplateID, payload, options)

// Be sure to write the file as raw bytes
fs.writeFileSync('filled.pdf', data, { encoding: null })
  • pdfTemplateID (String) - The id of your PDF template from the Anvil UI
  • payload (Object) - The JSON data that will fill the PDF template
    • title (String) - optional Set the title encoded into the PDF document
    • fontSize (Number) - optional Set the fontSize of all filled text. Default is 10.
    • color (String) - optional Set the text color of all filled text. Default is dark blue.
    • data (Object) - The data to fill the PDF. The keys in this object will correspond to a field's ID in the PDF. These field IDs and their types are available on the API Info tab on your PDF template's page in the Anvil dashboard.
      • For example { "someFieldId": "Hello World!" }
  • options (Object) - optional Any additional options for the request
    • dataType (Enum[String]) - optional Set the type of the data value that is returned in the resolved Promise. Defaults to 'buffer', but 'stream' is also supported.
  • Returns a Promise that resolves to an Object
    • statusCode (Number) - the HTTP status code; 200 is success
    • data (Buffer | Stream) - The raw binary data of the filled PDF if success. Will be either a Buffer or a Stream, depending on dataType option supplied to the request.
    • errors (Array of Objects) - Will be present if status >= 400. See Errors
      • message (String)
generatePDF(payload[, options])

Dynamically generate a new PDF from your HTML and CSS or markdown.

Useful for agreements, invoices, disclosures, or any other text-heavy documents. This does not require you do anything in the Anvil UI other than setup your API key, just send it data, get a PDF. See the generate PDF docs for full details.

Check out our HTML invoice template for a complete HTML to PDF example.

An example:

const fs = require('fs')

// Your API key from your Anvil organization settings
const apiKey = '7j2JuUWmN4fGjBxsCltWaybHOEy3UEtt'

// An example using an HTML to PDF payload
const payload = {
  title: 'Example',
  type: 'html',
  data: {
    html: `
      <h1 class='header-one'>What is Lorem Ipsum?</h1>
      <p>
        Lorem Ipsum is simply dummy text...
      </p>
      <h3 class='header-two'>Where does it come from?</h3>
      <p>
        Contrary to popular belief, Lorem Ipsum is not simply <i>random text</i>
      </p>
    `,
    css: `
      body { font-size: 14px; color: #171717; }
      .header-one { text-decoration: underline; }
      .header-two { font-style: underline; }
    `,
  },
}

// An example using a Markdown payload
const payload = {
  title: 'Example Invoice',
  data: [{
    label: 'Name',
    content: 'Sally Jones',
  }, {
    content: 'Lorem **ipsum** dolor sit _amet_',
  }, {
    table: {
      firstRowHeaders: true,
      rows: [
        ['Description', 'Quantity', 'Price'],
        ['4x Large Widgets', '4', '$40.00'],
        ['10x Medium Sized Widgets in dark blue', '10', '$100.00'],
        ['10x Small Widgets in white', '6', '$60.00'],
      ],
    },
  }],
}
// The 'options' parameter is optional
const options = {
  "dataType": "buffer"
}
const anvilClient = new Anvil({ apiKey })
const { statusCode, data } = await anvilClient.generatePDF(payload, options)

// Be sure to write the file as raw bytes
fs.writeFileSync('generated.pdf', data, { encoding: null })
  • payload (Object) - The JSON data that will fill the PDF template
    • title (String) - optional Set the title encoded into the PDF document
    • data (Array of Objects) - The data that generates the PDF. See the docs for all supported objects
      • For example [{ "label": "Hello World!", "content": "Test" }]
  • options (Object) - optional Any additional options for the request
    • dataType (Enum[String]) - optional Set the type of the data value that is returned in the resolved Promise. Defaults to 'buffer', but 'stream' is also supported.
  • Returns a Promise that resolves to an Object
    • statusCode (Number) - the HTTP status code; 200 is success
    • data (Buffer | Stream) - The raw binary data of the filled PDF if success. Will be either a Buffer or a Stream, depending on dataType option supplied to the request.
    • errors (Array of Objects) - Will be present if status >= 400. See Errors
      • message (String)
createEtchPacket(options)

Creates an Etch Packet and optionally sends it to the first signer.

  • options (Object) - An object with the following structure:
    • variables (Object) - See the API Documentation area for details. See Examples area for examples.
    • responseQuery (String) - optional A GraphQL Query compliant query to use for the data desired in the mutation response. Can be left out to use default.
    • mutation (String) - optional If you'd like complete control of the GraphQL mutation, you can pass in a GraphQL Mutation compliant string that will be used in the mutation call. This string should also include your response query, as the responseQuery param is ignored if mutation is passed. Example:
        mutation CreateEtchPacket (
    $name: String,
    ...
  ) {
    createEtchPacket (
      name: $name,
      ...
    ) {
      id
      eid
      ...
    }
  }
getEtchPacket(options)

Gets the details of an Etch Packet.

  • options (Object) - An object with the following structure:
    • variables (Object) - Requires eid
      • eid (String) - your Etch Packet eid
    • responseQuery (String) - optional A GraphQL Query compliant query to use for the data desired in the query response. Can be left out to use default.
generateEtchSignUrl(options)

Generates an Etch sign URL for an Etch Packet signer. The Etch Packet and its signers must have already been created.

  • options (Object) - An object with the following structure:
    • variables (Object) - Requires clientUserId and signerEid
      • clientUserId (String) - your user eid
      • signerEid (String) - the eid of the Etch Packet signer, found in the response of the createEtchPacket instance method
downloadDocuments(documentGroupEid[, options])

Returns a Buffer or Stream of the document group specified by the documentGroupEid in Zip file format.

  • documentGroupEid (string) - the eid of the document group to download
  • options (Object) - optional Any additional options for the request
    • dataType (Enum[String]) - optional Set the type of the data value that is returned in the resolved Promise. Defaults to 'buffer', but 'stream' is also supported.
  • Returns a Promise that resolves to an Object
    • statusCode (Number) - the HTTP status code, 200 is success
    • response (Object) - the Response object resulting from the client's request to the Anvil app
    • data (Buffer | Stream) - The raw binary data of the downloaded documents if success. Will be in the format of either a Buffer or a Stream, depending on dataType option supplied to the request.
    • errors (Array of Objects) - Will be present if status >= 400. See Errors
      • message (String)
requestGraphQL(queryInfo[, options])

A fallback function for queries and mutations without a specialized function in this client.

See the GraphQL reference for a listing on all possible queries

const result = await client.requestGraphQL({
  query: `
    query WeldDataQuery ($eid: String!) {
      weldData (eid: $eid) {
        eid
        isComplete
        isTest
      }
    }
  `,
  variables: { eid: 'nxflNZqxDUbltLUbYWK' },
})
const statusCode = result.statusCode
const httpErrors = result.errors

// These will only be available if the statusCode === 200
const graphqlErrors = result.data.errors
const resultObject = result.data.data.weldData
  • queryInfo (Object) - The JSON data that will fill the PDF template
    • query (String) - GraphQL query or mutation to run. See the GraphQL reference for a listing on all possible queries
    • variables (Object) - GraphQL variables for the query
  • Returns a Promise that resolves to an Object
    • statusCode (Number) - 200 when successful or when there is a GraphQL error. You will only see > 200 if your query is not found or malformed
    • errors (String) - HTTP errors when status code > 200
    • data (Object) - Contains query result and any GraphQL errors
      • errors (Array of Objects) - If there are validation errors or errors running the query, they will show here
      • data (Object) - Contains the actual result of the query
        • [queryName] (Object) - Use the query or mutation name to reference the data that you requested!
requestREST(url, fetchOptions[, clientOptions])

A fallback function for REST endpoints without a specialized function in this client.

See the GraphQL reference for a listing on all possible queries

const result = await this.requestREST(
  `/api/v1/fill/${pdfTemplateID}.pdf`,
  {
    method: 'POST',
    body: JSON.stringify(payload),
    headers: {
      'Content-Type': 'application/json',
    },
  },
  {
    dataType: 'stream',
  },
)
  • url (String) - URL from the baseURL. e.g. /api/v1/fill
  • fetchOptions (Object) - Options passed to node-fetch
  • clientOptions (Object) - optional Any additional options for the request
    • dataType (Enum[String]) - optional Set the type of the data value that is returned in the resolved Promise. Defaults to 'buffer', 'stream' and 'json' are also supported.
  • Returns a Promise that resolves to an Object
    • statusCode (Number) - the HTTP status code; 200 is success
    • data (Buffer | Stream | JSON) - The raw binary data of the filled PDF if success. Will be either a Buffer or a Stream, depending on dataType option supplied to the request.
    • errors (Array of Objects) - Will be present if status >= 400. See Errors
      • message (String)

Class Methods

prepareGraphQLFile(pathOrStreamLikeThing[, options])

A nice helper to prepare a Stream-backed or Buffer-backed file upload for use with our GraphQL API. By default, this will upload your files as multipart uploads over the jaydenseric / GraphQL multipart request spec.

  • pathOrStreamLikeThing (String | Stream | Buffer) - An existing Stream, Buffer or other Stream-like thing supported by FormData.append OR a string representing a fully resolved path to a file to be read into a new Stream.
  • options (Object) - Anything supported by FormData.append. Required when providing a vanilla ReadStream or Buffer. From the form-data docs:

    Form-Data can recognize and fetch all the required information from common types of streams (fs.readStream, http.response and mikeal's request), for some other types of streams you'd need to provide "file"-related information manually

    • filename (String) - Override the filename of the uploaded file here. If providing a generic ReadStream or Buffer, you will be required to provide a filename here
  • Returns an Object that is properly formatted to be coerced by the client for use against our GraphQL API wherever an Upload type is required.

Types

Options

Options for the Anvil Client. Defaults are shown after each option key.

{
  apiKey: <your_api_key>, // Required. Your API key from your Anvil  organization settings
}

Rate Limits

Our API has request rate limits in place. The initial request made by this client will parse the limits for your account from the response headers, and then handle the throttling of subsequent requests for you automatically. In the event that this client still receives a 429 Too Many Requests error response, it will wait the specified duration then retry the request. The client attempts to avoid 429 errors by throttling requests after the number of requests within the specified time period has been reached.

See the Anvil API docs for more information on the specifics of the rate limits.

API Documentation

Our general API Documentation can be found here. It's the best resource for up-to-date information about our API and its capabilities.

See the PDF filling API docs for more information about the fillPDF method.

Examples

Check out the example folder for running usage examples!

Development

First install the dependencies

yarn install

Running tests

yarn test
yarn test:watch

Building with babel will output in the /lib directory.

yarn test

# Watches the `src` and `test` directories
yarn test:watch