@vercel/integration-utils

A set of utilies for Vercel Integrations.
Vist https://vercel.com/docs/integrations for more details.

Install

yarn add @vercel/integrations

Middleware for Micro / Vercel

This middleware helps to write UiHook for Vercel integrations easily.

const {withUiHook} = require('@vercel/integration-utils');

module.exports = withUiHook(async (options) => {
	const {payload, vercelClient} = options;
	const {action, clientState} = payload;
	let metadata = await vercelClient.getMetadata();

	if (action === 'submit') {
		metadata = clientState;
		await vercelClient.setMetadata(metadata);
	}

	if (action === 'reset') {
		metadata = {};
		await vercelClient.setMetadata(metadata);
	}

	return `
		<Page>
			<Container>
				<Input label="Secret Id" name="secretId" value="${metadata.secretId || ''}"/>
				<Input label="Secret Key" name="secretKey" type="password" value="${metadata.secretKey || ''}" />
			</Container>
			<Container>
				<Button action="submit">Submit</Button>
				<Button action="reset">Reset</Button>
			</Container>
		</Page>
	`;
});

This middleware calls the handler with an object containing following entities:

• payload - the information related uiHook
• vercelClient - initialized API client for Vercel with some helpers