open-index/open-npm huggingface dataset:
npm package: @lemoncloud/react-page-transition
Description: iOS/Android style page transitions for React using View Transitions API
Author: LemonCloud
Latest version: 1.0.0

# @lemoncloud/react-page-transition

[![npm](https://img.shields.io/npm/v/@lemoncloud/react-page-transition.svg)](https://www.npmjs.com/package/@lemoncloud/react-page-transition)
[![size](https://img.shields.io/bundlephobia/minzip/@lemoncloud/react-page-transition)](https://bundlephobia.com/package/@lemoncloud/react-page-transition)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

iOS/Android-style page transitions for React using the View Transitions API.

## Installation

```bash
npm install @lemoncloud/react-page-transition
```

**Peer Dependencies:** `react >= 18.0.0`, `react-router-dom >= 6.0.0`

## Quick Start

```tsx
// 1. Import CSS (once in main.tsx)
import '@lemoncloud/page-transition-core/styles.css';

// 2. Use the hook
import { useNavigateWithTransition } from '@lemoncloud/react-page-transition';

function MyComponent() {
    const navigate = useNavigateWithTransition();

    return (
        <>
            <button onClick={() => navigate('/settings')}>Settings</button>
            <button onClick={() => navigate(-1)}>Back</button>
        </>
    );
}
```

## API

### `useNavigateWithTransition(config?)`

```ts
const navigate = useNavigateWithTransition({
    platform: 'auto',      // 'ios' | 'android' | 'auto'
    detectPlatform: () => 'ios' | 'android' | undefined
});
```

### Navigation Options

```ts
navigate('/path', {
    transition: true,       // Enable animation (default: true)
    direction: 'forward',   // 'forward' | 'back'
    animation: 'slide',     // 'slide' | 'lift' | 'fade' | 'zoom' | 'none'
    replace: false          // Replace history (disables transition by default)
});
```

### Examples

```tsx
// Forward navigation
navigate('/settings');

// Back navigation
navigate(-1);

// Path with back animation
navigate('/home', { direction: 'back' });

// Modal with fade
navigate('/modal', { animation: 'fade' });

// Tab switch (no animation)
navigate('/tab', { replace: true });

// Await transition completion
await navigate('/page');
console.log('Transition complete!');
```

### `useGoBack(config?)`

Convenience hook for back navigation.

```tsx
import { useGoBack } from '@lemoncloud/react-page-transition';

function Header() {
    const goBack = useGoBack();
    return <button onClick={goBack}>← Back</button>;
}
```

## Animation Types

| Type | Duration | Use Case |
|------|----------|----------|
| `slide` | 350ms | iOS default |
| `lift` | 450ms | Android default |
| `fade` | 350ms | Modals |
| `zoom` | 350ms | Galleries |

## Browser Support

Chrome 111+, Edge 111+, Safari 18+, Firefox 133+

Unsupported browsers fall back to instant navigation.

## License

MIT © [LemonCloud](https://lemoncloud.io)
npm package: @lemoncloud/ssocio-moves-api
Description: ssocio moves management api
Author: Steve Jung
Latest version: 0.26.401

# @lemoncloud/ssocio-moves-api

- 이사(move) 예약 관리용 서비스 API


----------------
## VERSION INFO

| Version   | Description                   |
|--         |--                             |
| 0.9.26    | basic functionality           |
| 0.8.29    | initial version               |
npm package: @lemoncloud/vue-page-transition
Description: iOS/Android style page transitions for Vue using View Transitions API
Author: LemonCloud
Latest version: 1.0.0

# @lemoncloud/vue-page-transition

[![npm](https://img.shields.io/npm/v/@lemoncloud/vue-page-transition.svg)](https://www.npmjs.com/package/@lemoncloud/vue-page-transition)
[![size](https://img.shields.io/bundlephobia/minzip/@lemoncloud/vue-page-transition)](https://bundlephobia.com/package/@lemoncloud/vue-page-transition)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

iOS/Android-style page transitions for Vue using the View Transitions API.

## Installation

```bash
npm install @lemoncloud/vue-page-transition
```

**Peer Dependencies:** `vue >= 3.0.0`, `vue-router >= 4.0.0`

## Quick Start

```vue
<script setup lang="ts">
// 1. Import CSS (once in main.ts or App.vue)
import '@lemoncloud/page-transition-core/styles.css';

// 2. Use the composable
import { useNavigateWithTransition } from '@lemoncloud/vue-page-transition';

const { navigate, goBack } = useNavigateWithTransition();
</script>

<template>
    <button @click="navigate('/settings')">Settings</button>
    <button @click="goBack()">Back</button>
</template>
```

## API

### `useNavigateWithTransition(config?)`

```ts
const { navigate, goBack } = useNavigateWithTransition({
    platform: 'auto',      // 'ios' | 'android' | 'auto'
    detectPlatform: () => 'ios' | 'android' | undefined
});
```

### Navigation Options

```ts
navigate('/path', {
    transition: true,       // Enable animation (default: true)
    direction: 'forward',   // 'forward' | 'back'
    animation: 'slide',     // 'slide' | 'lift' | 'fade' | 'zoom' | 'none'
    replace: false          // Replace history (disables transition by default)
});
```

### Examples

```ts
// Forward navigation
navigate('/settings');

// Back navigation
navigate(-1);
// or
goBack();

// Path with back animation
navigate('/home', { direction: 'back' });

// Modal with fade
navigate('/modal', { animation: 'fade' });

// Tab switch (no animation)
navigate('/tab', { replace: true });

// Await transition completion
await navigate('/page');
console.log('Transition complete!');
```

## Animation Types

| Type | Duration | Use Case |
|------|----------|----------|
| `slide` | 350ms | iOS default |
| `lift` | 450ms | Android default |
| `fade` | 350ms | Modals |
| `zoom` | 350ms | Galleries |

## Browser Support

Chrome 111+, Edge 111+, Safari 18+, Firefox 133+

Unsupported browsers fall back to instant navigation.

## License

MIT © [LemonCloud](https://lemoncloud.io)
npm package: @lemoncode/fonk
Description: Form schema validator library
Author: Lemoncode
Latest version: 1.5.4

# Fonk

![CI](https://github.com/Lemoncode/fonk/workflows/Continuos%20Integration/badge.svg)
[![NPM Version](https://badgen.net/npm/v/@lemoncode/fonk?icon=npm&label=npm)](https://www.npmjs.com/package/@lemoncode/fonk)
[![bundle-size](https://badgen.net/bundlephobia/min/@lemoncode/fonk)](https://bundlephobia.com/result?p=@lemoncode/fonk)
[![bundle-size](https://badgen.net/bundlephobia/minzip/@lemoncode/fonk)](https://bundlephobia.com/result?p=@lemoncode/fonk)

✅ Zero dependencies

✅ Plain vanilla js

✅ Framework Agnostic

✅ Seamless integration with [React Final Form](https://github.com/final-form/react-final-form#readme)

✅ Seamless integration with [Formik](https://github.com/formium/formik#readme)

✅ 💥 [**<4.5k gzipped**](https://bundlephobia.com/result?p=@lemoncode/fonk) 💥

Form schema validation library.

![let's get fonky](./content/fonky.jpg)

Fonk is a pure javascript, framework agnostic, form validation library.

It allows you to:

- Define validations that apply to your form in a declarative way.
- Isolate your form validation business logic from the ui.
- Unit test your form validation without having to mount the ui.
- Create reusable validation rules that can be easily unit tested.

![validate-field](./content/validate-field.gif)

[Live Demo (Fonk + React Final Form)](https://codesandbox.io/s/github/lemoncode/fonk/tree/master/examples/react-final-form/js/validate-field)


Fonk can be easily plugged into many libraries / frameworks or just be used in plain vanilla js.

Available integration examples:
  - Plain vanilla ES6.
  - React
  - [React Final form](https://github.com/Lemoncode/fonk-final-form).
  - [Formik](https://github.com/Lemoncode/fonk-formik).

Coming soon integration examples:
  - Vuejs.

How to [get started](https://lemoncode.github.io/fonk-doc/getting-started)

Check our [Fonk Documentation site](https://lemoncode.github.io/fonk-doc/).

# About Basefactor + Lemoncode

We are an innovating team of Javascript experts, passionate about turning your ideas into robust products.

[Basefactor, consultancy by Lemoncode](http://www.basefactor.com) provides consultancy and coaching services.

[Lemoncode](http://lemoncode.net/services/en/#en-home) provides training services.

For the LATAM/Spanish audience we are running an Online Front End Master degree, more info: http://lemoncode.net/master-frontend
npm package: @lemoncode/fonk-array-required-validator
Description: This is a [fonk](https://github.com/Lemoncode/fonk) microlibrary that brings validation capabilities to validate if an array field of a form has items
Author: Lemoncode
Latest version: 1.0.0

# fonk-array-required-validator

[![CircleCI](https://badgen.net/github/status/Lemoncode/fonk-array-required-validator/master?icon=circleci&label=circleci)](https://circleci.com/gh/Lemoncode/fonk-array-required-validator/tree/master)
[![NPM Version](https://badgen.net/npm/v/@lemoncode/fonk-array-required-validator?icon=npm&label=npm)](https://www.npmjs.com/package/@lemoncode/fonk-array-required-validator)
[![bundle-size](https://badgen.net/bundlephobia/min/@lemoncode/fonk-array-required-validator)](https://bundlephobia.com/result?p=@lemoncode/fonk-array-required-validator)

This is a [fonk](https://github.com/Lemoncode/fonk) microlibrary that brings validation capabilities to:

- Validate if an array field of a form has items

How to install it:

```bash
npm install @lemoncode/fonk-array-required-validator --save
```

How to add it to an existing form validation schema:

We have the following form model:

```
const myFormValues = {
  product : 'shoes',
  price: 20,
  sizes: [36, 38, 41]
}
```

We can add a arrayRequired validation to the myFormValues

```javascript
import { arrayRequired } from '@lemoncode/fonk-array-required-validator';

const validationSchema = {
  field: {
    sizes: [arrayRequired.validator],
  },
};
```

We must specify the minimum number (1 by default) and optionally the maximum number of items allowed:

```javascript
import { arrayRequired } from '@lemoncode/fonk-array-required-validator';
const validationSchema = {
  field: {
    sizes: [
      {
        validator: arrayRequired.validator,
        customArgs: { minLength: 1, maxLength: 10 },
      },
    ],
  },
};
```

You can customize the error message displayed in two ways:

- Globally, replace the default error message in all validationSchemas (e.g. porting to spanish):

```javascript
import { arrayRequired } from '@lemoncode/fonk-array-required-validator';

arrayRequired.setErrorMessage('El campo debe de ser una lista');
```

- Locally just override the error message for this validationSchema:

```javascript
import { arrayRequired } from '@lemoncode/fonk-array-required-validator';

const validationSchema = {
  field: {
    price: [
      {
        validator: arrayRequired.validator,
        message: 'Error message only updated for the validation schema',
      },
    ],
  },
};
```

Please, refer to [fonk](https://github.com/Lemoncode/fonk) to know more.

## License

[MIT](./LICENSE)

# About Basefactor + Lemoncode

We are an innovating team of Javascript experts, passionate about turning your ideas into robust products.

[Basefactor, consultancy by Lemoncode](http://www.basefactor.com) provides consultancy and coaching services.

[Lemoncode](http://lemoncode.net/services/en/#en-home) provides training services.

For the LATAM/Spanish audience we are running an Online Front End Master degree, more info: http://lemoncode.net/master-frontend
npm package: @lemoncode/fonk-final-form
Description: Fonk library for use with react-final-form
Author: Lemoncode
Latest version: 2.3.4

# Fonk-final-form

[![CircleCI](https://badgen.net/github/status/Lemoncode/fonk-final-form/master/ci?icon=circleci&label=circleci)](https://circleci.com/gh/Lemoncode/fonk-final-form/tree/master)
[![NPM Version](https://badgen.net/npm/v/@lemoncode/fonk-final-form?icon=npm&label=npm)](https://www.npmjs.com/package/@lemoncode/fonk-final-form)
[![bundle-size](https://badgen.net/bundlephobia/min/@lemoncode/fonk-final-form)](https://bundlephobia.com/result?p=@lemoncode/fonk-final-form)

This package serves as the entry point to the React Final Form library. It is intended to be paired with the generic Fonk package, which is shipped as to npm.

Start by reading this [post (Final Form + Fonk)](https://www.basefactor.com/react-final-form-validation-fonk)

Check our [Fonk Documentation site](https://lemoncode.github.io/fonk-doc/) and [React-Final-Form](https://lemoncode.github.io/fonk-doc/react-final-form) section.

# About Basefactor + Lemoncode

We are an innovating team of Javascript experts, passionate about turning your ideas into robust products.

[Basefactor, consultancy by Lemoncode](http://www.basefactor.com) provides consultancy and coaching services.

[Lemoncode](http://lemoncode.net/services/en/#en-home) provides training services.

For the LATAM/Spanish audience we are running an Online Front End Master degree, more info: http://lemoncode.net/master-frontend
npm package: @lemoncode/fonk-iban-validator
Description: This is a [fonk](https://github.com/Lemoncode/fonk) microlibrary that brings validation capabilities to validate if a field of a form is a valid IBAN
Author: Lemoncode
Latest version: 1.0.0

# fonk-iban-validator

[![CircleCI](https://badgen.net/github/status/Lemoncode/fonk-iban-validator/master?icon=circleci&label=circleci)](https://circleci.com/gh/Lemoncode/fonk-iban-validator/tree/master)
[![NPM Version](https://badgen.net/npm/v/@lemoncode/fonk-iban-validator?icon=npm&label=npm)](https://www.npmjs.com/package/@lemoncode/fonk-iban-validator)
[![bundle-size](https://badgen.net/bundlephobia/min/@lemoncode/fonk-iban-validator)](https://bundlephobia.com/result?p=@lemoncode/fonk-iban-validator)

This is a [fonk](https://github.com/Lemoncode/fonk) microlibrary that brings validation capabilities to:

- Validate if a field of a form is a valid IBAN

How to add it to an existing form validation schema:

We have the following form model:

```
const myFormValues = {
  account: 'ES7921000813610123456789',
}
```

We can add a iban validation to the myFormValues

```javascript
import { iban } from '@lemoncode/fonk-iban-validator';

const validationSchema = {
  field: {
    account: [iban.validator],
  },
};
```

You can customize the error message displayed in two ways:

- Globally, replace the default error message in all validationSchemas (e.g. porting to spanish):

```javascript
import { iban } from '@lemoncode/fonk-iban-validator';

iban.setErrorMessage('El campo debe tener un formato IBAN válido');
```

- Locally just override the error message for this validationSchema:

```javascript
import { iban } from '@lemoncode/fonk-iban-validator';

const validationSchema = {
  field: {
    account: [
      {
        validator: iban.validator,
        message: 'Field should have a valid IBAN format',
      },
    ],
  },
};
```

Please, refer to [fonk](https://github.com/Lemoncode/fonk) to know more.

## License

[MIT](./LICENSE)

# About Basefactor + Lemoncode

We are an innovating team of Javascript experts, passionate about turning your ideas into robust products.

[Basefactor, consultancy by Lemoncode](http://www.basefactor.com) provides consultancy and coaching services.

[Lemoncode](http://lemoncode.net/services/en/#en-home) provides training services.

For the LATAM/Spanish audience we are running an Online Front End Master degree, more info: http://lemoncode.net/master-frontend
npm package: @lemoncode/fonk-is-credit-card-validator
Description: This is a [fonk](https://github.com/Lemoncode/fonk) microlibrary that brings validation capabilities to validate if a field of a form is a valid credit card
Author: Lemoncode
Latest version: 1.0.1

# fonk-is-credit-card-validator

[![CircleCI](https://badgen.net/github/status/Lemoncode/fonk-is-credit-card-validator/master?icon=circleci&label=circleci)](https://circleci.com/gh/Lemoncode/fonk-is-credit-card-validator/tree/master)
[![NPM Version](https://badgen.net/npm/v/@lemoncode/fonk-is-credit-card-validator?icon=npm&label=npm)](https://www.npmjs.com/package/@lemoncode/fonk-is-credit-card-validator)
[![bundle-size](https://badgen.net/bundlephobia/min/@lemoncode/fonk-is-credit-card-validator)](https://bundlephobia.com/result?p=@lemoncode/fonk-is-credit-card-validator)

This is a [fonk](https://github.com/Lemoncode/fonk) microlibrary that brings validation capabilities to:

- Validate if a field of a form is a valid credit card

How to add it to an existing form validation schema:

We have the following form model:

```
const myFormValues = {
  clientId: 1,
  creditCard: '375556917985515'
}
```

We can add a isCreditCard validation to the myFormValues

```javascript
import { isCreditCard } from '@lemoncode/fonk-is-credit-card-validator';

const validationSchema = {
  field: {
    creditCard: [isCreditCard.validator],
  },
};
```

You can customize the error message displayed in two ways:

- Globally, replace the default error message in all validationSchemas (e.g. porting to spanish):

```javascript
import { isCreditCard } from '@lemoncode/fonk-is-credit-card-validator';

isCreditCard.setErrorMessage(
  'El valor debe de ser un número de tarjeta de crédito válido'
);
```

- Locally just override the error message for this validationSchema:

```javascript
import { isCreditCard } from '@lemoncode/fonk-is-credit-card-validator';

const validationSchema = {
  field: {
    creditCard: [
      {
        validator: isCreditCard.validator,
        message: 'Error message only updated for the validation schema',
      },
    ],
  },
};
```

Please, refer to [fonk](https://github.com/Lemoncode/fonk) to know more.

## License

[MIT](./LICENSE)

# About Basefactor + Lemoncode

We are an innovating team of Javascript experts, passionate about turning your ideas into robust products.

[Basefactor, consultancy by Lemoncode](http://www.basefactor.com) provides consultancy and coaching services.

[Lemoncode](http://lemoncode.net/services/en/#en-home) provides training services.

For the LATAM/Spanish audience we are running an Online Front End Master degree, more info: http://lemoncode.net/master-frontend
npm package: @lemoncode/fonk-is-lowercase-validator
Description: This is a [fonk](https://github.com/Lemoncode/fonk) microlibrary that brings validation capabilities to validate if a field of a form is a lowercase string
Author: Lemoncode
Latest version: 1.0.1

# fonk-is-lowercase-validator

[![CircleCI](https://badgen.net/github/status/Lemoncode/fonk-is-lowercase-validator/master?icon=circleci&label=circleci)](https://circleci.com/gh/Lemoncode/fonk-is-lowercase-validator/tree/master)
[![NPM Version](https://badgen.net/npm/v/@lemoncode/fonk-is-lowercase-validator?icon=npm&label=npm)](https://www.npmjs.com/package/@lemoncode/fonk-is-lowercase-validator)
[![bundle-size](https://badgen.net/bundlephobia/min/@lemoncode/fonk-is-lowercase-validator)](https://bundlephobia.com/result?p=@lemoncode/fonk-is-lowercase-validator)

This is a [fonk](https://github.com/Lemoncode/fonk) microlibrary that brings validation capabilities to:

- Validate if a field of a form is a lowercase string

How to add it to an existing form validation schema:

We have the following form model:

```
const myFormValues = {
  product: 'shoes',
  price: 20,
}
```

We can add a isLowercase validation to the myFormValues

```javascript
import { isLowercase } from '@lemoncode/fonk-is-lowercase-validator';

const validationSchema = {
  field: {
    product: [isLowercase.validator],
  },
};
```

You can customize the error message displayed in two ways:

- Globally, replace the default error message in all validationSchemas (e.g. porting to spanish):

```javascript
import { isLowercase } from '@lemoncode/fonk-is-lowercase-validator';

isLowercase.setErrorMessage('El campo debe de ser una cadena en minúsculas');
```

- Locally just override the error message for this validationSchema:

```javascript
import { isLowercase } from '@lemoncode/fonk-is-lowercase-validator';

const validationSchema = {
  field: {
    price: [
      {
        validator: isLowercase.validator,
        message: 'Error message only updated for the validation schema',
      },
    ],
  },
};
```

Please, refer to [fonk](https://github.com/Lemoncode/fonk) to know more.

## License

[MIT](./LICENSE)

# About Basefactor + Lemoncode

We are an innovating team of Javascript experts, passionate about turning your ideas into robust products.

[Basefactor, consultancy by Lemoncode](http://www.basefactor.com) provides consultancy and coaching services.

[Lemoncode](http://lemoncode.net/services/en/#en-home) provides training services.

For the LATAM/Spanish audience we are running an Online Front End Master degree, more info: http://lemoncode.net/master-frontend
npm package: @lemoncode/fonk-is-number-validator
Description: This is a [fonk](https://github.com/Lemoncode/fonk) microlibrary that brings validation capabilities to validate if a field of a form is a number
Author: Lemoncode
Latest version: 1.1.2

# fonk-is-number-validator

[![CircleCI](https://badgen.net/github/status/Lemoncode/fonk-is-number-validator/master?icon=circleci&label=circleci)](https://circleci.com/gh/Lemoncode/fonk-is-number-validator/tree/master)
[![NPM Version](https://badgen.net/npm/v/@lemoncode/fonk-is-number-validator?icon=npm&label=npm)](https://www.npmjs.com/package/@lemoncode/fonk-is-number-validator)
[![bundle-size](https://badgen.net/bundlephobia/min/@lemoncode/fonk-is-number-validator)](https://bundlephobia.com/result?p=@lemoncode/fonk-is-number-validator)

This is a [fonk](https://github.com/Lemoncode/fonk) microlibrary that brings validation capabilities to:

- Validate if a field of a form is a number.

How to add it to an existing form validation schema:

We have the following form model:

```
const myFormValues = {
  product : 'shoes',
  price: 20,
}
```

We can add a isNumber validation to the myFormValues

```javascript
import { isNumber } from '@lemoncode/fonk-is-number-validator';

const validationSchema = {
  field: {
    price: [isNumber.validator],
  },
};
```

You can specify the custom arguments in two ways:

- Locally just customize the arguments for this validationSchema:

```javascript
import { isNumber } from '@lemoncode/fonk-is-number-validator';

const validationSchema = {
  field: {
    price: [
      { validator: isNumber.validator, customArgs: { strictTypes: true } },
    ],
  },
};
```

- Globally, replace the default custom arguments in all validationSchemas (e.g. enable strict types):

```javascript
import { isNumber } from '@lemoncode/fonk-is-number-validator';

isNumber.setCustomArgs({ strictTypes: true });
```

You can customize the error message displayed in two ways:

- Globally, replace the default error message in all validationSchemas (e.g. porting to spanish):

```javascript
import { isNumber } from '@lemoncode/fonk-is-number-validator';

isNumber.setErrorMessage('El campo debe de ser numérico');
```

- Locally just override the error message for this validationSchema:

```javascript
import { isNumber } from '@lemoncode/fonk-is-number-validator';

const validationSchema = {
  field: {
    price: [
      {
        validator: isNumber.validator,
        message: 'Error message only updated for the validation schema',
      },
    ],
  },
};
```

Please, refer to [fonk](https://github.com/Lemoncode/fonk) to know more.

## License

[MIT](./LICENSE)

# About Basefactor + Lemoncode

We are an innovating team of Javascript experts, passionate about turning your ideas into robust products.

[Basefactor, consultancy by Lemoncode](http://www.basefactor.com) provides consultancy and coaching services.

[Lemoncode](http://lemoncode.net/services/en/#en-home) provides training services.

For the LATAM/Spanish audience we are running an Online Front End Master degree, more info: http://lemoncode.net/master-frontend
npm package: @lemoncode/fonk-is-true-validator
Description: This is a [fonk](https://github.com/Lemoncode/fonk) microlibrary that brings validation capabilities to validate if a field of a form is strictly true
Author: Lemoncode
Latest version: 1.0.1

# fonk-is-true-validator

[![CircleCI](https://badgen.net/github/status/Lemoncode/fonk-is-true-validator/master?icon=circleci&label=circleci)](https://circleci.com/gh/Lemoncode/fonk-is-true-validator/tree/master)
[![NPM Version](https://badgen.net/npm/v/@lemoncode/fonk-is-true-validator?icon=npm&label=npm)](https://www.npmjs.com/package/@lemoncode/fonk-is-true-validator)
[![bundle-size](https://badgen.net/bundlephobia/min/@lemoncode/fonk-is-true-validator)](https://bundlephobia.com/result?p=@lemoncode/fonk-is-true-validator)

This is a [fonk](https://github.com/Lemoncode/fonk) microlibrary that brings validation capabilities to:

- Validate if a field of a form is strictly true

How to add it to an existing form validation schema:

We have the following form model:

```
const myFormValues = {
  product: 'shoes',
  price: 20,
  acceptedTerms: true
}
```

We can add a isTrue validation to the myFormValues

```javascript
import { isTrue } from '@lemoncode/fonk-is-true-validator';

const validationSchema = {
  field: {
    acceptedTerms: [isTrue.validator],
  },
};
```

You can customize the error message displayed in two ways:

- Globally, replace the default error message in all validationSchemas (e.g. porting to spanish):

```javascript
import { isTrue } from '@lemoncode/fonk-is-true-validator';

isTrue.setErrorMessage('Debe aceptar los términos y condiciones');
```

- Locally just override the error message for this validationSchema:

```javascript
import { isTrue } from '@lemoncode/fonk-is-true-validator';

const validationSchema = {
  field: {
    price: [
      {
        validator: isTrue.validator,
        message: 'Error message only updated for the validation schema',
      },
    ],
  },
};
```

Please, refer to [fonk](https://github.com/Lemoncode/fonk) to know more.

## License

[MIT](./LICENSE)

# About Basefactor + Lemoncode

We are an innovating team of Javascript experts, passionate about turning your ideas into robust products.

[Basefactor, consultancy by Lemoncode](http://www.basefactor.com) provides consultancy and coaching services.

[Lemoncode](http://lemoncode.net/services/en/#en-home) provides training services.

For the LATAM/Spanish audience we are running an Online Front End Master degree, more info: http://lemoncode.net/master-frontend
npm package: @lemoncode/fonk-is-uppercase-validator
Description: This is a [fonk](https://github.com/Lemoncode/fonk) microlibrary that brings validation capabilities to validate if a field of a form is an uppercase string
Author: Lemoncode
Latest version: 1.0.1

# fonk-is-uppercase-validator

[![CircleCI](https://badgen.net/github/status/Lemoncode/fonk-is-uppercase-validator/master?icon=circleci&label=circleci)](https://circleci.com/gh/Lemoncode/fonk-is-uppercase-validator/tree/master)
[![NPM Version](https://badgen.net/npm/v/@lemoncode/fonk-is-uppercase-validator?icon=npm&label=npm)](https://www.npmjs.com/package/@lemoncode/fonk-is-uppercase-validator)
[![bundle-size](https://badgen.net/bundlephobia/min/@lemoncode/fonk-is-uppercase-validator)](https://bundlephobia.com/result?p=@lemoncode/fonk-is-uppercase-validator)

This is a [fonk](https://github.com/Lemoncode/fonk) microlibrary that brings validation capabilities to:

- Validate if a field of a form is an uppercase string

How to add it to an existing form validation schema:

We have the following form model:

```
const myFormValues = {
  product: 'shoes',
  price: 20,
}
```

We can add an isUppercase validation to the myFormValues

```javascript
import { isUppercase } from '@lemoncode/fonk-is-uppercase-validator';

const validationSchema = {
  field: {
    product: [isUppercase.validator],
  },
};
```

You can customize the error message displayed in two ways:

- Globally, replace the default error message in all validationSchemas (e.g. porting to spanish):

```javascript
import { isUppercase } from '@lemoncode/fonk-is-uppercase-validator';

isUppercase.setErrorMessage('El campo debe de ser una cadena en mayúsculas');
```

- Locally just override the error message for this validationSchema:

```javascript
import { isUppercase } from '@lemoncode/fonk-is-uppercase-validator';

const validationSchema = {
  field: {
    price: [
      {
        validator: isUppercase.validator,
        message: 'Error message only updated for the validation schema',
      },
    ],
  },
};
```

Please, refer to [fonk](https://github.com/Lemoncode/fonk) to know more.

## License

[MIT](./LICENSE)

# About Basefactor + Lemoncode

We are an innovating team of Javascript experts, passionate about turning your ideas into robust products.

[Basefactor, consultancy by Lemoncode](http://www.basefactor.com) provides consultancy and coaching services.

[Lemoncode](http://lemoncode.net/services/en/#en-home) provides training services.

For the LATAM/Spanish audience we are running an Online Front End Master degree, more info: http://lemoncode.net/master-frontend
npm package: @lemoncode/fonk-is-url-validator
Description: This is a [fonk](https://github.com/Lemoncode/fonk) microlibrary that brings validation capabilities to validate if a field of a form is a valid url
Author: Lemoncode
Latest version: 1.0.0

# fonk-is-url-validator

[![CircleCI](https://badgen.net/github/status/Lemoncode/fonk-is-url-validator/master?icon=circleci&label=circleci)](https://circleci.com/gh/Lemoncode/fonk-is-url-validator/tree/master)
[![NPM Version](https://badgen.net/npm/v/@lemoncode/fonk-is-url-validator?icon=npm&label=npm)](https://www.npmjs.com/package/@lemoncode/fonk-is-url-validator)
[![bundle-size](https://badgen.net/bundlephobia/min/@lemoncode/fonk-is-url-validator)](https://bundlephobia.com/result?p=@lemoncode/fonk-is-url-validator)

This is a [fonk](https://github.com/Lemoncode/fonk) microlibrary that brings validation capabilities to:

- Validate if a field of a form is a valid url

How to install it:

```bash
npm install @lemoncode/fonk-is-url-validator --save
```

How to add it to an existing form validation schema:

We have the following form model:

```javascript
const myFormValues = {
  product: 'shoes',
  url: 'https://shoefactory.com/product-17',
};
```

We can add an isUrl validation to the myFormValues

```javascript
import { isUrl } from '@lemoncode/fonk-is-url-validator';

const validationSchema = {
  field: {
    url: [isUrl.validator],
  },
};
```

You can customize the error message displayed in two ways:

- Globally, replace the default error message in all validationSchemas (e.g. porting to spanish):

```javascript
import { isUrl } from '@lemoncode/fonk-is-url-validator';

isUrl.setErrorMessage('El campo debe de ser numérico');
```

- Locally just override the error message for this validationSchema:

```javascript
import { isUrl } from '@lemoncode/fonk-is-url-validator';

const validationSchema = {
  field: {
    url: [
      {
        validator: isUrl.validator,
        message: 'Error message only updated for the validation schema',
      },
    ],
  },
};
```

Please, refer to [fonk](https://github.com/Lemoncode/fonk) to know more.

## License

[MIT](./LICENSE)

# About Basefactor + Lemoncode

We are an innovating team of Javascript experts, passionate about turning your ideas into robust products.

[Basefactor, consultancy by Lemoncode](http://www.basefactor.com) provides consultancy and coaching services.

[Lemoncode](http://lemoncode.net/services/en/#en-home) provides training services.

For the LATAM/Spanish audience we are running an Online Front End Master degree, more info: http://lemoncode.net/master-frontend
npm package: @lemoncode/fonk-validator-builder
Description: Helper library to create validators supported by fonk library.
Author: Lemoncode
Latest version: 1.2.5

# fonk-validator-builder

Helper library to create `validators` supported by [fonk](https://github.com/Lemoncode/fonk) library.

# How to use it

- Install library as globally or use [npx](https://github.com/zkat/npx):

```bash
npm install @lemoncode/fonk-validator-builder -g
```

- Create validator repository in https://github.com/Lemoncode. A good repository name will be **fonk-_validator-name_-validator**. For example, `fonk-is-number-validator`.

- Add repository to [circleci](https://circleci.com/add-projects/gh/Lemoncode):

![add-project-to-circleci](./readme-resources/add-project-to-circleci.jpg)

- Execute command in `empty` folder project. It will create validator folders and files:

```bash
fonk-validator
```

> NOTE: It will prompt a question requiring the `validator name`

- Install dependencies:

```bash
npm install
```

- Search `// TODO:` to get pending files to update and implement it:

- Add PR with implementation.

- Publishing library:

```bash
npm run deploy // Select library version 1.0.0
```

# Description

- Install as globally this library to create [fonk](https://github.com/Lemoncode/fonk) validators.
- Run `fonk-validator` command.
- Insert `validator name`. It automatically adds `fonk-` prefix and `-validator` suffix. For example: `is-number` -> `fonk-is-number-validator`.
- It will copy all necessary files in your project using the `validator name`.
- Now you can search `// TODO:` to implement necessary code.
- Publish new `fonk validator` with `npm run deploy`.

# About Basefactor + Lemoncode

We are an innovating team of Javascript experts, passionate about turning your ideas into robust products.

[Basefactor, consultancy by Lemoncode](http://www.basefactor.com) provides consultancy and coaching services.

[Lemoncode](http://lemoncode.net/services/en/#en-home) provides training services.

For the LATAM/Spanish audience we are running an Online Front End Master degree, more info: http://lemoncode.net/master-frontend
npm package: @lemoncode/form-validation
Description: Form schema validator library
Author: Lemoncode
Latest version: 0.1.1
Deprecated: Deprecated in favor of @lemoncode/fonk

# form-validation

[![CircleCI](https://badgen.net/github/status/Lemoncode/form-validation/master/ci?icon=circleci&label=circleci)](https://circleci.com/gh/Lemoncode/form-validation/tree/master)
[![NPM Version](https://badgen.net/npm/v/@lemoncode/form-validation?icon=npm&label=npm)](https://www.npmjs.com/package/@lemoncode/form-validation)
[![bundle-size](https://badgen.net/bundlephobia/min/@lemoncode/form-validation)](https://bundlephobia.com/result?p=@lemoncode/form-validation)

[Work in progress] form schema validator library.

Check the [wiki](https://github.com/Lemoncode/form-validator/wiki) for more information.


# About Basefactor + Lemoncode

We are an innovating team of Javascript experts, passionate about turning your ideas into robust products.

[Basefactor, consultancy by Lemoncode](http://www.basefactor.com) provides consultancy and coaching services.

[Lemoncode](http://lemoncode.net/services/en/#en-home) provides training services.

For the LATAM/Spanish audience we are running an Online Front End Master degree, more info: http://lemoncode.net/master-frontend
npm package: @lemondi/classpath
Description: LemonDI classpath module (`@lemondi/classpath`) is a replacement for `tsc` (it still uses TSC under the hood) that collects some extra type information during the build and provides it at runtime.
Author: oleksandrovsky@gmail.com
Latest version: 0.0.0-alpha.13

# :lemon: LemonDI classpath module

LemonDI classpath module (`@lemondi/classpath`) is a replacement for `tsc` (it still uses TSC under the hood) that collects some extra type information during the build and provides it at runtime.

## :construction: Work in progress

This project is in a very early stage

## Why not using reflect-metadata?

This is because they all relly on reflect-metadata library, which only emits types for classes, otherwise it fallbacks to Object.
The goal of LemonDI (more specifically @lemondi/classpath) is to provide more metadata when building the project to have better DI framework without having to relly on manual injection tokens.
Moreover, long-term it will be possible to inject components automatically based on extended classes or implemented interfaces.
npm package: @lemondi/scanner
Description: LemonDI Scanner module (`@lemondi/scanner`) allows you to create decorators and scan them.
Author: oleksandrovsky@gmail.com
Latest version: 0.0.0-alpha.4
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# :lemon: LemonDI Scanner module

LemonDI Scanner module (`@lemondi/scanner`) allows you to create decorators and scan them.

## How to

### Class decorators

```typescript
import {createClassDecorator, findClassDecorators, scan} from "@lemondi/scanner";

const ClassDecorator = createClassDecorator<{
  // decorator properties
  propertyName: string;
}>("ClassDecorator");

@ClassDecorator({
  propertyName: "Hello world",
})
class TestClass { }

// Scan registry for classes annotated with @ClassDecorator. Returns array of classes
const decoratedClasses = scan(ClassDecorator); // returns [TestClass]
const [decorator] = findClassDecorators(decoratedClasses[0], ClassDecorator); // returns [ClassMethodsDecoratorsSymbol]
console.log(decorator.decoratorProps); // { propertyName: "Hello world }
```

### Method decorators

```typescript
import {
  createClassDecorator,
  createMethodDecorator,
  findClassDecorators,
  findMethodDecorators,
  scan
} from "@lemondi/scanner";

const ClassDecorator = createClassDecorator<{
  // decorator properties
  propertyName: string;
}>("ClassDecorator");
const MethodDecorator = createMethodDecorator<{
  property: string;
}>("MethodDecorator");

@ClassDecorator({
  propertyName: "Hello world",
})
class TestClass {
  @MethodDecorator({
    property: "Prop name"
  })
  method() { }
}

// scan classes
const decoratedClasses = scan(ClassDecorator); // returns [TestClass]
for (const ctor of decoratedClasses) {
  for (const key of Reflect.ownKeys(ctor.prototype)) {
    const [decorator] = findMethodDecorators(ctor, key, MethodDecorator);
    if (decorator) {
      console.log(key, decorator.decoratorProps); // "method" { property: "Porp name" }
    }
  }
}
```