Skip to content

webNeat/wari

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

wari

A type-safe way to create and handle errors.

Bundle size Version Tests Status MIT

Contents

Introduction

Consider the following Nodejs code

import {writeFile} from 'fs/promises'

async function fetchData() {
  const res = await fetch('...')
  if (!res.ok) throw new Error(`HTTP request failed`)
  try {
    const data = await res.json()
    return data
  } catch (err) {
    throw new Error('HTTP response content is not valid JSON')
  }
}

async function writeData(filePath, data) {
  try {
    await writeFile(filePath, JSON.stringify(data))
  } catch (err) {
    throw new Error(`Error while writing to file ${filePath}`)
  }
}

async function main() {
  try {
    const data = await fetchData()
    // ... transform data
    await writeData('result.json', transformedData)
  } catch (err) {
    // how to handle `err` differently depending on the actual error?
  }
}

The standard solution to differenciate between thrown errors is to create a new class that extends the Error class and use instanceof to check the type of err:

import {writeFile} from 'fs/promises'

class HttpError extends Error {}
class JsonError extends Error {}
class FileError extends Error {}

async function fetchData() {
  const res = await fetch('...')
  if (!res.ok) throw new HttpError(`HTTP request failed`)
  try {
    const data = await res.json()
    return data
  } catch (err) {
    throw new JsonError('HTTP response content is not valid JSON')
  }
}

async function writeData(filePath, data) {
  try {
    await writeFile(filePath, JSON.stringify(data))
  } catch (err) {
    throw new FileError(`Error while writing to file ${filePath}`)
  }
}

async function main() {
  try {
    const data = await fetchData()
    // ... handle/transform data
    await writeData('result.json', transformedData)
  } catch (err) {
    if (err instanceof HttpError) {
      // handle HTTP error
    } else if (err instanceof JsonError) {
      // handle JSON error
    } else if (err instanceof FileError) {
      // handle file error
    } else {
      // handle other errors
    }
  }
}

This works, now what if we need more details about the error? We will need to add properties to the errors classes and fill them in the constructors:

import {writeFile} from 'fs/promises'

class HttpError extends Error {
  constructor(public method: 'GET' | 'POST', public url: string, public status: number) {
    super(`${method} request to '${url}' failed with status code ${status}`)
  }
}

class JsonError extends Error {
  constructor(public text: string) {
    super(`Failed to parse the text '${text}' as JSON`)
  }
}

class FileError extends Error {
  constructor(public operation: 'read' | 'write', public filePath: string, public error: Error) {
    super(`The ${operation} operation on file '${filePath}' has failed with error '${error}'`)
  }
}

async function fetchData() {
  const res = await fetch('...')
  if (!res.ok) throw new HttpError('GET', '...', res.status)
  const text = await res.text()
  try {
    return JSON.parse(text)
  } catch (err) {
    throw new JsonError(text)
  }
}

async function writeData(filePath, data) {
  try {
    await writeFile(filePath, JSON.stringify(data))
  } catch (err) {
    throw new FileError('write', filePath, err)
  }
}

async function main() {
  try {
    const data = await fetchData()
    // ... handle/transform data
    await writeData('result.json', transformedData)
  } catch (err) {
    if (err instanceof HttpError) {
      // err.method, err.url and err.status can be used here
    } else if (err instanceof JsonError) {
      // err.text can be used here
    } else if (err instanceof FileError) {
      // err.operation, err.filePath and the original err.error can be used here
    } else {
      // handle other errors
    }
  }
}

This is better and more flexible, but it has some issues:

  • The code is verbose.
  • We need to create a new class for every new error type.
  • We need to remember the possible errors thrown by every function and import them to do err instanceof ErrorClass. This can easily cause us to miss some error cases.

The goal of wari is to solve these issues while keeping type-safety and being easy to use.

Get started with wari

1. Installation

Start by installing the library

npm install wari
# or
yarn add wari
# or
pnpm add wari

2. Define your error types

wari exports the interface ErrorTypes which can used to add new error types as follows:

declare module 'wari' {
  interface ErrorTypes {
    'HttpError': {method: 'GET' | 'POST', url: string, status: number}
    'JsonError': {text: string}
    'FileError': {operation: 'read' | 'write', filePath: string, error: Error}
  }
}

This uses the interfaces declaration merging to make wari functions aware of the types of your custom errors.

The code snippet above is equivalent to the following (but it doesn't actually create any classes):

class HttpError extends Error {
  public type = 'HttpError'
  constructor(public details: {method: 'GET' | 'POST', url: string, status: number}) {
    super(`HttpError: ${JSON.stringify(details)}`)
  }
}

class JsonError extends Error {
  public type = 'JsonError'
  constructor(public details: {text: string}) {
    super(`JsonError: ${JSON.stringify(details)}`)
  }
}

class FileError extends Error {
  public type = 'FileError'
  constructor(public details: {operation: 'read' | 'write', filePath: string, error: Error}) {
    super(`FileError: ${JSON.stringify(details)}`)
  }
}

3. Create errors

Use the new function to create new errors. Typescript will offer you autocomplete for the first argument of the new function, so you don't have to remember all errors names. Once you choose a name, the second argument will be typed with the corresponding details type.

Return errors instead of throwing them.

import * as E from 'wari'

async function fetchData() {
  const res = await fetch('...')
  if (!res.ok) return E.new('HttpError', {method: 'GET', url: '...', status: res.status})
  const text = await res.text()
  try {
    return JSON.parse(text) as Data
  } catch (err) {
    return E.new('JsonError', {text})
  }
}

Note: The new function has an alias called make, if you don't want to import all functions by using

import * as E from 'wari'

// Use `E.new`

You can import make instead:

import {make} from 'wari'

// Use `make` instead

4. Handle errors

Use any, is and match functions to handle errors.

Use any to check if a value is any error.

import * as E from 'wari'

async function main() {
  const data = await fetchData()
      // ^? Wari<'HttpError'> | Wari<'JsonError'> | Data
  if (E.any(data)) {
    // handle the error
    data
    // ^? Wari<'HttpError'> | Wari<'JsonError'>
  } else {
    // Use the data
    data
    // ^? Data
  }
}

The is function checks if a value corresponds to a specific error type. Typescript infers the possible types based on the first argument, and acceptes only those types in the second argument.

import * as E from 'wari'

async function main() {
  const data = await fetchData()
      // ^? Wari<'HttpError'> | Wari<'JsonError'> | Data
  if (E.is(data, 'HttpError')) {
    data.details
        // ^? {method: 'GET' | 'POST', url: string, status: number}
    return;
  }
  
  if (E.is(data, 'JsonError')) {
    data.details
        // ^? {text: string}
    return;
  }

  data
  // ^? Data
}

Use the match function to match a value against all possible error types. Typescript infers possible error types and gives you autocomplete. You can handle all or some errors separately and provide a default handler for the remaining errors as the third argument.

if the value given to match is not an error, it's simply returned as is. Otherwise, the corresponding handler is called and is returned value is returned.

import * as E from 'wari'

async function main() {
  const data = E.match(await fetchData(), {
    HttpError: err => {
            // ^? Err<'HttpError'>
      return defaultData as Data
    },
    JsonError: err => {
            // ^? Err<'JsonError'>
      console.error(err)
    }
  })
  data
  // ^? Data | undefined
}

5. Catch errors thrown by external code

Even if you don't use throw in your code, external code may still throw errors when you call it. In that case, you can use catch to catch any thrown error and handle it:

import * as E from 'wari'

function mayThrow(x: number) {
  if (x === 42) throw new Error(`Ooops`)
  return x
}

E.catch(
  () => mayThrow(1),
  err => 0
) //=> 1

E.catch(
  () => mayThrow(42),
  err => 0
) //=> 0

E.catch(
  () => mayThrow(42),
  err => E.new('SomeError')
) //=> Err<'SomeError'>

Note: The catch function has an alias called tryCatch, if you don't want to import all functions by using

import * as E from 'wari'

// Use `E.catch`

You can import tryCatch instead:

import {tryCatch} from 'wari'

// Use `tryCatch` instead

6. Create safe functions for external code

if you are calling a function that may throw multiple times across your code, you can use safe to create a safe function (a function that returns instead of throwing) from it. The returned function will take the same arguments and execute the original function:

  • if no error is thrown, the result is simply returned.
  • if an error is thrown (or a rejecting promise is returned), the given handler is called with the arguments and the error; its return is returned.
import * as E from 'wari'

const safeJsonParse = E.safe(JSON.parse, ([text], err) => E.new('JsonError', {text}))

safeJsonParse('{"') //=> Err<'JsonError'> with details {text: '{"'}

Contributing

You can contribute to this library in many ways, including:

  • Reporting bugs: Simply open an issue and describe the bug. Please include a code snippet to reproduce the bug, it really helps to solve the problem quickly.

  • Suggesting new features: If you have a feature idea or a use case that is not covered, open an issue and we will discuss it. Do you already have an implementation for it? great, make a pull request and I will review it.

Those are just examples, any issue or pull request is welcome :)

Changelog

1.4.1 (November 21st 2023)

  • Update dependencies.

1.4.0 (September 24th 2023)

  • Change the catch function to take a function with no arguments and a handler.
  • Add safe function to create safe functions.

1.3.0 (September 1st 2023)

  • Change the match function to take the default handler as a third argment (instead of _) for better typing.

1.2.0 (August 27 2023)

  • Improve match type inference, now the default handler _ parameter type is only the remaining error types.

1.1.0 (August 27 2023)

  • Refactor types.
  • Add new alias for make.
  • Add any to check for any wari error.
  • Add catch (and tryCatch alias) to catch errors and wrap them into Err<'Unknown'>.

1.0.0 (August 14 2023)

  • First version.

1.0.0-alpha.1 (August 13 2023)

  • First alpha version.