npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@opengovsg/formsg-sdk

v0.12.0

Published

Node.js SDK for integrating with FormSG

Downloads

6,950

Readme

Please note that this is an SDK for webhooks integration, and not the FormSG system.

Build Status Coverage Status

FormSG Javascript SDK

This SDK provides convenient utilities for verifying FormSG webhooks and decrypting submissions in JavaScript and Node.js.

Not using Javascript? Check out our sister SDKs:

Installation

Install the package with

npm install @opengovsg/formsg-sdk --save

Configuration

const formsg = require('@opengovsg/formsg-sdk')({
  mode: 'production',
})

| Option | Default | Description | | ------ | ------------ | --------------------------------------------------------------- | | mode | 'production' | Set to 'staging' if integrating against FormSG staging servers. |

Usage

Webhook Authentication and Decrypting Submissions

// This example uses Express to receive webhooks
const express = require('express')
const app = express()

// Instantiating formsg-sdk without parameters default to using the package's
// production public signing key.
const formsg = require('@opengovsg/formsg-sdk')()

// This is where your domain is hosted, and should match
// the URI supplied to FormSG in the form dashboard
const POST_URI = 'https://my-domain.com/submissions'

// Your form's secret key downloaded from FormSG upon form creation
const formSecretKey = process.env.FORM_SECRET_KEY

// Set to true if you need to download and decrypt attachments from submissions
const HAS_ATTACHMENTS = false

app.post(
  '/submissions',
  // Endpoint authentication by verifying signatures
  function (req, res, next) {
    try {
      formsg.webhooks.authenticate(req.get('X-FormSG-Signature'), POST_URI)
      // Continue processing the POST body
      return next()
    } catch (e) {
      return res.status(401).send({ message: 'Unauthorized' })
    }
  },
  // Parse JSON from raw request body
  express.json(),
  // Decrypt the submission
  async function (req, res, next) {
    // If `verifiedContent` is provided in `req.body.data`, the return object
    // will include a verified key.
    const submission = HAS_ATTACHMENTS
      ? await formsg.crypto.decryptWithAttachments(formSecretKey, req.body.data)
      : formsg.crypto.decrypt(formSecretKey, req.body.data)

    // If the decryption failed, submission will be `null`.
    if (submission) {
      // Continue processing the submission
    } else {
      // Could not decrypt the submission
    }
  }
)

app.listen(8080, () => console.log('Running on port 8080'))

End-to-end Encryption

FormSG uses end-to-end encryption with elliptic curve cryptography to protect submission data and ensure only intended recipients are able to view form submissions. As such, FormSG servers are unable to access the data.

The underlying cryptosystem is x25519-xsalsa20-poly1305 which is implemented by the tweetnacl-js library. Its source code has been audited) by Cure53.

Format of Submission Response

| Key | Type | Description | | ---------------------- | ---------------------- | -------------------------------------------------------------------------------------------------------- | | formId | string | Unique form identifier. | | submissionId | string | Unique response identifier, displayed as 'Response ID' to form respondents | | encryptedContent | string | The encrypted submission in base64. | | created | string | Creation timestamp. | | attachmentDownloadUrls | Record<string, string> | (Optional) Records containing field IDs and URLs where encrypted uploaded attachments can be downloaded. | | paymentContent | Record<string, string> | (Optional) Records containing payment details for forms with payments[1] |

[1] Forms with the deprecated Fixed Payment Type is not supported

Format of Decrypted Submissions

formsg.crypto.decrypt(formSecretKey: string, decryptParams: DecryptParams) takes in decryptParams as the second argument, and returns an an object with the shape

encryptedContent: EncryptedContent version: number verifiedContent?: EncryptedContent

The decryptParams.encryptedContent field decrypts into an array of FormField objects, which will be assigned to the responses key of the returned object.

Furthermore, if decryptParams.verifiedContent exists, the function will decrypt and open the signed decrypted content with the package's own signingPublicKey in signing-keys.ts. The resulting decrypted verifiedContent will be assigned to the verified key of the returned object.

Note: If any errors occur, either from the failure to decrypt either encryptedContent or verifiedContent, or the failure to authenticate the decrypted signed message in verifiedContent, null will be returned.

Note that due to end-to-end encryption, FormSG servers are unable to verify the data format.

However, the decrypt function exposed by this library validates the decrypted content and will return null if the decrypted content does not contain all of the fields displayed in the schema below.

| Key | Type | Description | | ----------- | -------- | -------------------------------------------------------------------------------------------------------- | | question | string | The question listed on the form | | answer | string | The submitter's answer to the question on form. Either this key or answerArray must exist. | | answerArray | string[] | The submitter's answer to the question on form. Either this key or answer must exist. | | fieldType | string | The type of field for the question. | | _id | string | A unique identifier of the form field. WARNING: Changes when new fields are created/removed in the form. |

Note: Additional internal fields may be included in webhooks from time to time, which will then be published as part of our official schema once it is stable for public consumption. If you are applying your own validation, you should account for this e.g. by not rejecting the webhook if there are additional fields included.

The full schema can be viewed in validate.ts.

If the decrypted content is the correct shape, then:

  1. the decrypted content (from decryptParams.encryptedContent) will be set as the value of the responses key.
  2. if decryptParams.verifiedContent exists, then an attempt to decrypted the verified content will be called, and the result set as the value of verified key. There is no shape validation for the decrypted verified content. If the verification fails, null is returned, even if decryptParams.encryptedContent was successfully decrypted.

Processing Attachments

formsg.crypto.decryptWithAttachments(formSecretKey: string, decryptParams: DecryptParams) (available from version 0.9.0 onwards) behaves similarly except it will return a Promise<DecryptedContentAndAttachments | null>.

DecryptedContentAndAttachments is an object containing two fields:

  • content: the standard form decrypted responses (same as the return type of formsg.crypto.decrypt)
  • attachments: A Record<string, DecryptedFile> containing a map of field ids of the attachment fields to a object containing the original user supplied filename and a Uint8Array containing the contents of the uploaded file.

If the contents of any file fails to decrypt or there is a mismatch between the attachments and submission (e.g. the submission doesn't contain the original file name), then null will be returned.

Attachments are downloaded using S3 pre-signed URLs, with a expiry time of one hour. You must call decryptWithAttachments within this time window, or else the URL to the encrypted files will become invalid.

Attachments are end-to-end encrypted in the same way as normal form submissions, so any eavesdropper will not be able to view form attachments without your secret key.

Warning: We do not have the ability to scan any attachments for malicious content (e.g. spyware or viruses), so careful handling is needed.

Format of Payment Content

These fields will be available if the submission is a payment submission, otherwise, the value will be an empty {}.

| Key | Type | Description | | -------------- | ---------------- | ------------------------------------------------ | | type | 'payment_charge' | Payment event associated with this webhook | | status | string | Status of the payment intent | | payer | string | The email associated with this email | | url | string | The url of the proof of payment for this payment | | paymentIntent | string | The payment intent associated with this payment | | amount | string | The amount charged to the user | | productService | string | The product or service name of the payment | | dateTime | string | The time of which this payment was transacted | | transactionFee | string | The fees charged for this transaction |

Verifying Signatures Manually

You can use the following information to create a custom solution, although we recommend using this SDK.

The X-FormSG-Signature header contains the following information:

  • Epoch timestamp prefixed by t=
  • The FormSG submission ID prefixed by s=
  • The FormSG form ID, prefixed by f=
  • The signature scheme, prefixed by v1=. Currently this is the only signature scheme.
X-FormSG-Signature: t=1582558358788,
  s=5e53ec96b10ee1010e00380b,
  f=5e4b8e3d1f61f00036c9937d,
  v1=rUAgQ9krNZspCrQtfSvRfjME6Nq4+I80apGXnCsNrwPbcq44SBNglWtA1MkpC/VhWtDeJfuV89uV2Aqi42UQBA==

Note that newlines have been added for clarity, but a real signature will be all in one line.

Steps

Step 1 - Extract the key-value pairs from the header

Extract the the timestamp, signature, submission ID and form ID from the header, by using the , character as a separator to get a list of elements, before splitting each element to get a key-value pair.

Step 2 - Prepare the basestring

This is achieved by concatenating the following strings with the . fullstop as the delimiter.

  • The href of the URI
  • The submission ID
  • The form ID
  • The epoch timestamp
https://my-domain.com/submissions.5e53ec96b10ee1010e00380b.5e4b8e3d1f61f00036c9937d.1582558358788

Step 3 - Verify the signature

The signature is signed with ed25519.

Verify that the v1 signature is valid using a library of your choice (we use tweetnacl-js).

| FormSG environment | Public Key in base64 | | ------------------ | ---------------------------------------------- | | production | '3Tt8VduXsjjd4IrpdCd7BAkdZl/vUCstu9UvTX84FWw=' | | staging | 'rjv41kYqZwcbe3r6ymMEEKQ+Vd+DPuogN+Gzq3lP2Og=' |

Step 4 - Protect against replay attacks

If the signature is valid, compute the difference between the current timestamp and the received epoch, and decide if the difference is within your tolerance. We use a tolerance of 5 minutes.

Additional Checks

  • Check that request is for an expected form by verifying the form ID
  • Check that the submission ID is new, and that your system has not received it before