• Stars
    star
    6,946
  • Rank 5,649 (Top 0.2 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created about 7 years ago
  • Updated 4 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A simple and composable way to validate data in JavaScript (and TypeScript).

A simple and composable way
to validate data in JavaScript (and TypeScript).



Usage • Why? • Principles • Demo • Examples • Documentation



Superstruct makes it easy to define interfaces and then validate JavaScript data against them. Its type annotation API was inspired by Typescript, Flow, Go, and GraphQL, giving it a familiar and easy to understand API.

But Superstruct is designed for validating data at runtime, so it throws (or returns) detailed runtime errors for you or your end users. This is especially useful in situations like accepting arbitrary input in a REST or GraphQL API. But it can even be used to validate internal data structures at runtime when needed.


Usage

Superstruct allows you to define the shape of data you want to validate:

import { assert, object, number, string, array } from 'superstruct'

const Article = object({
  id: number(),
  title: string(),
  tags: array(string()),
  author: object({
    id: number(),
  }),
})

const data = {
  id: 34,
  title: 'Hello World',
  tags: ['news', 'features'],
  author: {
    id: 1,
  },
}

assert(data, Article)
// This will throw an error when the data is invalid.
// If you'd rather not throw, you can use `is()` or `validate()`.

Superstruct ships with validators for all the common JavaScript data types, and you can define custom ones too:

import { is, define, object, string } from 'superstruct'
import isUuid from 'is-uuid'
import isEmail from 'is-email'

const Email = define('Email', isEmail)
const Uuid = define('Uuid', isUuid.v4)

const User = object({
  id: Uuid,
  email: Email,
  name: string(),
})

const data = {
  id: 'c8d63140-a1f7-45e0-bfc6-df72973fea86',
  email: '[email protected]',
  name: 'Jane',
}

if (is(data, User)) {
  // Your data is guaranteed to be valid in this block.
}

Superstruct can also handle coercion of your data before validating it, for example to mix in default values:

import { create, object, number, string, defaulted } from 'superstruct'

let i = 0

const User = object({
  id: defaulted(number(), () => i++),
  name: string(),
})

const data = {
  name: 'Jane',
}

// You can apply the defaults to your data while validating.
const user = create(data, User)
// {
//   id: 0,
//   name: 'Jane',
// }

And if you use TypeScript, Superstruct automatically ensures that your data has proper typings whenever you validate it:

import { is, object, number, string } from 'superstruct'

const User = object({
  id: number(),
  name: string()
})

const data: unknown = { ... }

if (is(data, User)) {
  // TypeScript knows the shape of `data` here, so it is safe to access
  // properties like `data.id` and `data.name`.
}

Superstruct supports more complex use cases too like defining arrays or nested objects, composing structs inside each other, returning errors instead of throwing them, and more! For more information read the full Documentation.


Why?

There are lots of existing validation libraries—joi, express-validator, validator.js, yup, ajv, is-my-json-valid... But they exhibit many issues that lead to your codebase becoming hard to maintain...

  • They don't expose detailed errors. Many validators simply return string-only errors or booleans without any details as to why, making it difficult to customize the errors to be helpful for end-users.

  • They make custom types hard. Many validators ship with built-in types like emails, URLs, UUIDs, etc. with no way to know what they check for, and complicated APIs for defining new types.

  • They don't encourage single sources of truth. Many existing APIs encourage re-defining custom data types over and over, with the source of truth being spread out across your entire code base.

  • They don't throw errors. Many don't actually throw the errors, forcing you to wrap everywhere. Although helpful in the days of callbacks, not using throw in modern JavaScript makes code much more complex.

  • They're tightly coupled to other concerns. Many validators are tightly coupled to Express or other frameworks, which results in one-off, confusing code that isn't reusable across your code base.

  • They use JSON Schema. Don't get me wrong, JSON Schema can be useful. But it's kind of like HATEOAS—it's usually way more complexity than you need and you aren't using any of its benefits. (Sorry, I said it.)

Of course, not every validation library suffers from all of these issues, but most of them exhibit at least one. If you've run into this problem before, you might like Superstruct.

Which brings me to how Superstruct solves these issues...


Principles

  1. Customizable types. Superstruct's power is in making it easy to define an entire set of custom data types that are specific to your application, and defined in a single place, so you have full control over your requirements.

  2. Unopinionated defaults. Superstruct ships with native JavaScript types, and everything else is customizable, so you never have to fight to override decisions made by "core" that differ from your application's needs.

  3. Composable interfaces. Superstruct interfaces are composable, so you can break down commonly-repeated pieces of data into components, and compose them to build up the more complex objects.

  4. Useful errors. The errors that Superstruct throws contain all the information you need to convert them into your own application-specific errors easy, which means more helpful errors for your end users!

  5. Familiar API. The Superstruct API was heavily inspired by Typescript, Flow, Go, and GraphQL. If you're familiar with any of those, then its schema definition API will feel very natural to use, so you can get started quickly.


Demo

Try out the live demo on CodeSandbox to get an idea for how the API works, or to quickly verify your use case:

Demo screenshot.


Examples

Superstruct's API is very flexible, allowing it to be used for a variety of use cases on your servers and in the browser. Here are a few examples of common patterns...


Documentation

Read the getting started guide to familiarize yourself with how Superstruct works. After that, check out the full API reference for more detailed information about structs, types and errors...

Docs screenshot.


License

This package is MIT-licensed.

More Repositories

1

slate

A completely customizable framework for building rich text editors. (Currently in beta.)
TypeScript
29,825
star
2

permit

An unopinionated authentication library for building Node.js APIs.
JavaScript
1,683
star
3

react-values

A set of tiny React components for handling state with render props.
JavaScript
1,024
star
4

awesome-heroku

A curated list of helpful Heroku resources.
291
star
5

slate-plugins

A set of my personal Slate editor plugins, in a monorepo.
JavaScript
232
star
6

to-case

Simple case detection and conversion for strings.
JavaScript
122
star
7

minify

Simple, clean API for minifying Javascript, HTML or CSS.
JavaScript
112
star
8

hpmor

A set of covers for "Harry Potter and the Methods of Rationality".
112
star
9

css-color-function

A parser and converter for Tab Atkins's proposed color function in CSS.
JavaScript
91
star
10

is

Simple type checking.
JavaScript
77
star
11

router

A nice client-side router.
JavaScript
70
star
12

bump

Easily bump the version of all the different package.json equivalents.
JavaScript
64
star
13

heroku-logger

A dead simple logger, designed to be perfect for Heroku apps.
JavaScript
59
star
14

is-empty

Check whether a value is empty.
JavaScript
47
star
15

browser-logger

A dead simple logger, designed to be perfect for the browser.
JavaScript
44
star
16

download-github-repo

Download and extract a GitHub repository from node.
JavaScript
42
star
17

void

A toolkit for making generative art.
TypeScript
42
star
18

pg-sql-helpers

A set helpers for writing dynamic SQL queries with `pg-sql` in Javascript.
JavaScript
38
star
19

to-camel-case

Convert a string to a camel case.
JavaScript
36
star
20

rework-pure-css

Spiritual successor:
JavaScript
33
star
21

to-snake-case

Convert a string to a snake case.
JavaScript
26
star
22

history

A nicer wrapper around the browser's History API. Push, replace, back, forward, etc.
JavaScript
25
star
23

makefile-help

An easy way to add a `make help` target to your Makefiles.
Makefile
24
star
24

slate-drop-or-paste-images

Moved! This package has moved to ianstormtaylor/slate-plugins...
24
star
25

rework-color-function

Implements Tab Atkins's proposed color function in CSS.
CSS
22
star
26

slate-auto-replace

Moved! This package has moved to ianstormtaylor/slate-plugins...
22
star
27

trigger-event

Programmatically trigger a DOM event. Useful for unit testing mostly.
JavaScript
21
star
28

component-size

A component command to list the sizes of all your component's dependencies.
JavaScript
18
star
29

to-title-case

Convert a string to a title case.
JavaScript
17
star
30

component-update

A component command plugin to update out of date dependencies.
JavaScript
16
star
31

to-no-case

Remove an existing case from a string.
JavaScript
16
star
32

reset

An opinionated CSS reset for web *apps*.
CSS
15
star
33

css

Simple CSS manipulation.
JavaScript
15
star
34

component-outdated

A component command plugin to list outdated dependencies.
JavaScript
14
star
35

read-file-stdin

Read from a file, falling back to stdin.
JavaScript
14
star
36

create-event

Create an event object cross browser. Useful for unit testing mostly.
JavaScript
13
star
37

correct-email

Correct common misspellings in an email address, based on Kicksend's Mailcheck library.
JavaScript
13
star
38

backbone-inheritance

(I no longer use Backbone, but feel free to check this plugin out. The code is pretty straightforward.) A Backbone.js mixin that lets Views inherit properties from their parents.
JavaScript
12
star
39

to-capital-case

Convert a string to a capital case.
JavaScript
11
star
40

to-slug-case

Convert a string to a slug case.
JavaScript
11
star
41

jquery-state

A jQuery plugin that makes setting states in the DOM easy and accessible.
JavaScript
11
star
42

animate

Easily apply animate.css animations to elements via Javascript.
CSS
10
star
43

slate-paste-linkify

Moved! This package has moved to ianstormtaylor/slate-plugins...
10
star
44

backbone-state

(I no longer use Backbone, but feel free to check this plugin out. The code is pretty straightforward.) A Backbone.js mixin that adds states to Views.
JavaScript
9
star
45

slate-soft-break

Moved! This package has moved to ianstormtaylor/slate-plugins...
8
star
46

title-case-minors

A list of the minor words that shouldn't be capitalized in a title case string.
JavaScript
8
star
47

closest-match

Find the closest match for a string from an array of matches, using string distance.
JavaScript
7
star
48

loading

A simple way to toggle loading state.
JavaScript
7
star
49

to-sentence-case

Convert a string to a sentence case.
JavaScript
6
star
50

makefile-assert

An easy way to assert that an environment variable is defined in your Makefiles.
Makefile
6
star
51

mailto

Programmatically open the user's email client.
JavaScript
6
star
52

assert-dir-equal

Assert that the contents of two directories are equal.
JavaScript
6
star
53

write-file-stdout

Write to a file, falling back to stdout.
JavaScript
6
star
54

slate-auto-replace-text

Deprecated! Use ianstormtaylor/slate-auto-replace instead...
6
star
55

to-space-case

Convert a string to a space case.
JavaScript
5
star
56

to-dot-case

Convert a string to a dot case.
JavaScript
5
star
57

to-constant-case

Convert a string to a constant case.
JavaScript
4
star
58

parallel

A simple API for running async functions in parallel.
JavaScript
4
star
59

rework-font-variant

Implements the font-variant-* properties for browsers that don't yet support them.
JavaScript
4
star
60

email

Parse an email address into its components, based on component/url.
JavaScript
4
star
61

parent

Get the parent of an element.
JavaScript
3
star
62

get

Get a property from a model or object.
JavaScript
3
star
63

to-pascal-case

Convert a string to pascal case.
JavaScript
3
star
64

classes

Quickly mixin class helper methods to a view.
JavaScript
3
star
65

map

Map an array or object.
JavaScript
3
star
66

matchuppps

My 10K Apart 2010 entry that won Best Design
JavaScript
3
star
67

bind

A clear API for function binding helpers.
JavaScript
3
star
68

slate-collapse-on-escape

Moved! This package has moved to ianstormtaylor/slate-plugins...
3
star
69

backbone-getset

(I no longer use Backbone, but feel free to check this plugin out. The code is pretty straightforward.) A Backbone.js mixin that adds a getter and setter to Backbone Views.
JavaScript
2
star
70

typekit

Load a Typekit kit asynchronously, automatically handling FOUT.
JavaScript
2
star
71

backbone-events

(I no longer use Backbone, but feel free to check this plugin out. The code is pretty straightforward.) A Backbone.js mixin that lets you define all your events in one place.
JavaScript
2
star
72

pick

Pick keys from an object, returning a clone.
JavaScript
1
star
73

reduce

Reduce an array or object.
JavaScript
1
star
74

callback

Sugar for couthly calling functions back.
JavaScript
1
star
75

changesets-logo

A logo for Changesets.
1
star
76

graph

WIP, naming ideas much appreciated :)
JavaScript
1
star
77

redraw

Force a redraw on an element.
JavaScript
1
star
78

on-load

Callback when the document has loaded.
JavaScript
1
star
79

set

Set a property on a model or object.
JavaScript
1
star
80

case

Moved to https://github.com/ianstormtaylor/to-case
JavaScript
1
star
81

slate-auto-replace-block

Deprecated! Use ianstormtaylor/slate-auto-replace instead...
1
star