Skip to content

Latest commit

 

History

History
98 lines (67 loc) · 3.34 KB

with-schema.md

File metadata and controls

98 lines (67 loc) · 3.34 KB
Raw

Handling External Input

When dealing with external data such as API requests or form submissions, it's crucial to ensure that the data is correctly validated and structured before processing it. Composable functions provide utility functions and schema application techniques to handle these scenarios effectively.

Using Schemas

To ensure type safety at runtime, use the applySchema function to validate external inputs against defined schemas.

Note about schema validation libraries: Composable functions use Zod for schema validation by default. If you prefer to use another library, you can create your own applySchema function based on the library of your choice. For an example, see the Arktype example.

applySchema

The applySchema function takes a schemas for the input and context, and a function, applying these schemas to ensure data integrity.

import { composable, applySchema } from 'composable-functions'
import { z } from 'zod'

const fn = ({ greeting }: { greeting: string }, { user }: { user: { name: string } }) => ({
  message: `${greeting} ${user.name}`
})

const safeFunction = applySchema(
  z.object({ greeting: z.string() }),
  z.object({ user: z.object({ name: z.string() }) })
)
const fnWithSchema = safeFunction(fn)

type Test = typeof fnWithSchema
//   ^? ComposableWithSchema<{ message: string }>

Input Resolvers

Composable functions provide several utilities to help extract and structure values from external inputs, such as requests, formData, and search parameters.

For more details on how to structure your data, refer to this test file.

inputFromForm

inputFromForm reads a request’s FormData and extracts its values into a structured object.

import { inputFromForm } from 'composable-functions'

async function handleRequest(request: Request) {
  const values = await inputFromForm(request)
  // values = { email: '[email protected]', password: '1234' }
}

inputFromFormData

inputFromFormData extracts values from a FormData object into a structured object.

import { inputFromFormData } from 'composable-functions'

const formData = new FormData()
formData.append('email', '[email protected]')
formData.append('tasks[]', 'one')
formData.append('tasks[]', 'two')
const values = inputFromFormData(formData)
// values = { email: '[email protected]', tasks: ['one', 'two'] }

inputFromUrl

inputFromUrl reads a request’s query parameters and extracts values into a structured object.

import { inputFromUrl } from 'composable-functions'

async function handleRequest(request: Request) {
  const values = inputFromUrl(request)
  // values = { page: '2' }
}

inputFromSearch

inputFromSearch extracts values from a URLSearchParams object into a structured object.

import { inputFromSearch } from 'composable-functions'

const qs = new URLSearchParams()
qs.append('colors[]', 'red')
qs.append('colors[]', 'green')
qs.append('colors[]', 'blue')
const values = inputFromSearch(qs)
// values = { colors: ['red', 'green', 'blue'] }

FAQ

  • I want to use composable-functions in a project that does not have Zod, how can I use other schema validation libraries?
    • We created an example in the example folder showing how to construct your own applySchema functions based on other parsers.