npmpackage.info

Gathering detailed insights and metrics for @felte/validator-yup

@felte/validator-yup

An extensible form library for Svelte, Solid and React

1.1.4

1,058

MIT

TypeScript

15.10 kB

Installations

npm install @felte/validator-yup

Developer Guide

BETA

Typescript

Yes

Module System

ESM, UMD

Min. Node Version

^12.20.0 || ^14.13.1 || >=16.0.0

Node Version

22.10.0

NPM Version

10.9.0 Pull Requests

Open

7

Total

78

Closed

10

Merged

61

Issues

Open

67

Total

202

Closed

135

Releases

Unable to fetch releases

Languages

TypeScript

Astro

JavaScript

Svelte

CSS

TypeScript (86.37%)

Astro (5.41%)

JavaScript (4.78%)

Svelte (1.75%)

CSS (1.7%)

Developer

pablo-abc

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

1,058 Stars

838 Commits

41 Forks

6 Watchers

23 Branches

29 Contributors

Updated on Jul 13, 2025

Maintainers

View All 29 Contributors

Package Meta Information

Latest Version

1.1.4

Package Id

@felte/validator-yup@1.1.4

Unpacked Size

15.10 kB

Size

4.43 kB

File Count

NPM Version

10.9.0

Node Version

22.10.0

Published on

Oct 29, 2024

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

@felte/validator-yup

A package to help you handle validation with Yup in Felte.

Installation

1npm install --save @felte/validator-yup yup
2
3# Or, if you use yarn
4
5yarn add @felte/validator-yup yup

Usage

Call validator with an object containing your Yup schema in the schema property. The result of the call can be passed as an extender to Felte:

1import { validator } from '@felte/validator-yup';
2import * as yup from 'yup';
3
4const schema = yup.object({
5  email: yup.string().email().required(),
6  password: yup.string().required(),
7});
8
9const { form } = createForm({
10  // ...
11  extend: validator({ schema }), // or `extend: [validator({ schema })],`
12  // ...
13});

OR use the validateSchema function directly in the validate option of createForm. (No need to extend Felte).

1import { validateSchema } from '@felte/validator-yup';
2import * as yup from 'yup';
3
4const schema = yup.object({
5  email: yup.string().email().required(),
6  password: yup.string().required(),
7});
8
9const { form } = createForm({
10  // ...
11  validate: validateSchema(schema),
12  // ...
13});

Casting values

Unlike yup, by default this validator does not cast values. If you wish to have this behaviour you may set the castValues property to true on the validator's configuration:

1const { form } = createForm({
2  //...
3  extend: validator({ schema, castValues: true }),
4  //...
5});

NOTE: yup throws if your schema fails to cast, we do not catch this errors so make sure your schema handles this appropriately to prevent your app from crashing. For example, lets assume we have a text input that should be cast to an integer. yup's number rule would throw an error if a string is set so, in order to prevent your app from crashing, a custom rule would be needed:

1const schema = yup.object({
2  shouldBeNumber: yup
3    .mixed()
4    .test('number', 'Must be a number', value => !isNaN(value))
5    .transform(value => parseInt(value, 10)),
6});

Warnings

Optionally, you can tell this package to assign the results of your validations to your warnings store by setting the level property of the validator function to warning. It's error by default:

1import { validator } from '@felte/validator-yup';
2import * as yup from 'yup';
3
4const validateSchema = yup.object({
5  email: yup.string().email().required(),
6  password: yup.string().required(),
7});
8
9// We only warn if the user has already started typing a value
10const warnSchema = yup.object({
11  password: yup
12    .string()
13    .test('is-secure', 'password is not secure', (value) =>
14      value ? value.length > 8 : true
15    ),
16});
17
18const { form } = createForm({
19  // ...
20  extend: [
21    validator({ schema }),
22    validator({ schema: warnSchema, level: 'warning' }),
23  ],
24  // ...
25});

Typescript

Yup allows you to infer the type of your schema using yup.InferType. This can be used so you don't need to create a type for your form's data:

1import * as yup from 'yup';
2
3const schema = yup.object({
4  email: yup.string().email().required(),
5  password: yup.string().required(),
6});
7
8const { form } = createForm<yup.InferType<typeof schema>>(/* ... */);

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

2

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

Fuzzing

Determines if the project uses fuzzing.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

3

/10

Last Scanned on 2025-07-07

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

@felte/validator-yup - 1.1.4 | npmpackage.info

@felte/validator-yup

Installations

Developer Guide

Yes

ESM, UMD

^12.20.0 || ^14.13.1 || >=16.0.0

22.10.0

10.9.0

Pull Requests

7

78

10

61

Issues

67

202

135

Releases

Unable to fetch releases

Languages

Developer

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

NaN

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

@felte/validator-yup

Installation

Usage

Casting values

Warnings

Typescript

10

10

10

2

0

0

0

0

0

0

0

0

3

/10